{"version":3,"sources":["webpack:///./src/views/LeatherHandles.vue?9225","webpack:///src/views/LeatherHandles.vue","webpack:///./src/views/LeatherHandles.vue?2702","webpack:///./src/views/LeatherHandles.vue","webpack:///./src/components/IconLink.vue?f275","webpack:///src/components/IconLink.vue","webpack:///./src/components/IconLink.vue?13bd","webpack:///./src/components/IconLink.vue","webpack:///./src/components/IconLink.vue?cf48","webpack:///./src/components/PhotoGrid.vue?1784","webpack:///src/components/PhotoGrid.vue","webpack:///./src/components/PhotoGrid.vue?c200","webpack:///./src/components/PhotoGrid.vue","webpack:///./src/components/PhotoGrid.vue?edf6","webpack:///./src/components/CtaProdButton.vue?f3b8","webpack:///./src/components/CtaProdButton.vue?86ff","webpack:///src/components/CtaProdButton.vue","webpack:///./src/components/CtaProdButton.vue?4c62","webpack:///./src/components/CtaProdButton.vue","webpack:///./src/views/LeatherHandles.vue?edd1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","featureImgHtml","on","setFeatureImg","_m","products","product","option1","option2","isdistcountry","staticRenderFns","name","metaInfo","title","titleTemplate","meta","components","PhotoGrid","Photo","ProductSelector","CtaProdButton","IconLink","props","Boolean","data","showCardModal","label","value","key","methods","html","component","imgUrl","alt","url","$event","$emit","_t","ref","domProps","_s","feature","openModal","photos","created","$children","mounted","setInitialFeature","setVideo","link","img1x","img2x","productName","productSub"],"mappings":"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","file":"js/leatherhandles.bb40d93c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('main',[_c('div',{staticClass:\"wide-wrapper\"},[_c('h2',[_vm._v(\"Contrology Handles\")]),_c('h3',[_vm._v(\"Leather Handles\")]),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"contrology-handles-leather1@1x.jpg\",\"src2\":\"contrology-handles-leather1@2x.jpg\",\"alt\":\"Side-by-side comparison photo of two handle types\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology-handles-leather2@1x.jpg\",\"src2\":\"contrology-handles-leather2@2x.jpg\",\"alt\":\"Leather handle photo\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology-handles-leather3@1x.jpg\",\"src2\":\"contrology-handles-leather3@2x.jpg\",\"alt\":\"Wire handles photo\"},on:{\"setFeature\":_vm.setFeatureImg}})],1),_c('cta-prod-button',{staticClass:\"cta-button wide\",attrs:{\"link\":\"reformer\",\"src\":\"contrology-ref1@1x.jpg\",\"src2\":\"contrology-ref1@2x.jpg\",\"alt\":\"Close-up photo of Contrology Reformer thumbnail\",\"productName\":\"Contrology Reformer\",\"productSub\":\"All models\"}}),_c('div',{staticClass:\"content-wrapper\"},[_vm._m(0),_c('product-selector',{attrs:{\"products\":_vm.products,\"product\":_vm.product,\"option1\":_vm.option1,\"option2\":_vm.option2,\"isdistcountry\":_vm.isdistcountry}}),_c('section',{staticClass:\"links\"},[_c('icon-link',{attrs:{\"url\":\"warranty\",\"img\":\"icon-warranty.svg\",\"alt\":\"Warranty icon\",\"title\":\"Learn more\"}},[_vm._v(\"90-Day Limited Warranty\")])],1)],1)],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"intro\"},[_c('h2',[_vm._v(\"Contrology Handles\")]),_c('h3',[_vm._v(\"Leather Handles\")]),_c('p',[_vm._v(\" Featuring a straight wood grip and soft leather strap, the Contrology leather handles provide full hand rotation when in use. These traditional handles are included with every Contrology Reformer. This handle may be used on all Contrology apparatus. \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <main>\n      <div class=\"wide-wrapper\">\n        <h2>Contrology Handles</h2>\n        <h3>Leather Handles</h3>\n\n        <div class=\"upper-content-wrapper\">\n          <photo-grid :feature=\"featureImgHtml\">\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology-handles-leather1@1x.jpg\"\n              src2=\"contrology-handles-leather1@2x.jpg\"\n              alt=\"Side-by-side comparison photo of two handle types\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology-handles-leather2@1x.jpg\"\n              src2=\"contrology-handles-leather2@2x.jpg\"\n              alt=\"Leather handle photo\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology-handles-leather3@1x.jpg\"\n              src2=\"contrology-handles-leather3@2x.jpg\"\n              alt=\"Wire handles photo\"\n            />\n          </photo-grid>\n\n          <cta-prod-button\n            class=\"cta-button wide\"\n            link=\"reformer\"\n            src=\"contrology-ref1@1x.jpg\"\n            src2=\"contrology-ref1@2x.jpg\"\n            alt=\"Close-up photo of Contrology Reformer thumbnail\"\n            productName=\"Contrology Reformer\"\n            productSub='All models'\n          />\n\n          <div class=\"content-wrapper\">\n            <section class=\"intro\">\n              <h2>Contrology Handles</h2>\n              <h3>Leather Handles</h3>\n              <p>\n                Featuring a straight wood grip and soft leather strap, the Contrology leather handles provide full hand rotation when in use. These traditional handles are included with every Contrology Reformer. This handle may be used on all Contrology apparatus.\n              </p>\n            </section>\n\n            <product-selector\n              :products=products\n              :product=product\n              :option1=option1\n              :option2=option2\n              :isdistcountry=isdistcountry\n            />\n\n            <section class=\"links\">\n              <icon-link\n                url=\"warranty\"\n                img=\"icon-warranty.svg\"\n                alt=\"Warranty icon\"\n                title=\"Learn more\"\n              >90-Day Limited Warranty</icon-link>\n            </section>\n\n          </div>\n        </div>\n      </div>\n    </main>\n  </div>\n</template>\n\n<script>\nimport PhotoGrid from \"@/components/PhotoGrid.vue\";\nimport Photo from \"@/components/Photo.vue\";\nimport ProductSelector from \"@/components/ProductSelector.vue\";\nimport CtaProdButton from \"@/components/CtaProdButton.vue\";\nimport IconLink from \"@/components/IconLink.vue\";\n\nexport default {\n  name: \"handles\",\n\n  metaInfo: {\n    title: \"Pilates Handles - Leather Contrology Handles - Reformer Handles\",\n    titleTemplate: \"%s\",\n    meta: [\n      {\n        name: \"description\",\n        content: \"These Leather Pilates Handles have a straight wood grip and a soft leather strap giving you full hand rotation when in  use. Get your Contrology Handles now.\"\n      }\n    ]\n  },\n\n  components: {\n    PhotoGrid,\n    Photo,\n    ProductSelector,\n    CtaProdButton,\n    IconLink\n  },\n\n  props: {\n    isdistcountry: Boolean\n  },\n\n  data() {\n    return {\n      featureImgHtml: \"\", // PhotoGrid\n      showCardModal: false, // ModalCard\n      product: {\n        label: \"Select a Handle\",\n        value: \"\",\n        key: \"name\"\n      },\n      option1: {},\n      option2: {},\n      products: [\n        // Product options\n        {\n          prodid: 41267963297985,\n          partnumber: 16154,\n          price: 105,\n          name: \"Leather Handles\",\n          available: true\n        },\n      ]\n    };\n  },\n  \n  methods: {\n    // Set PhotoGrid featured image\n    setFeatureImg(html) {\n      this.featureImgHtml = html;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\nh2 {\n  text-align: center;\n  margin: 0;\n  padding: 0;\n}\n\nh2 + h3 {\n  display: none;\n}\n\n.intro h2 {\n  display: none;\n}\n\n.intro h3 {\n  display: block;\n}\n\n.intro p {\n  font-family: var(--roboto);\n  font-size: 0.9375rem;\n  line-height: 1.467;\n  color: #333;\n}\n\n.wide {\n  display: none;\n}\n\n.links {\n  margin-top: 30px;\n}\n\n.handle-title {\n  font-weight: 700;\n}\n\n@media only screen and (min-width: 768px) {\n  h2 + h3 {\n    display: block;\n    margin: 0;\n  }\n\n  .intro h3 {\n    display: none;\n  }\n\n  .upper-content-wrapper {\n    padding: 0 80px;\n  }\n\n  .content-wrapper {\n    max-width: 530px;\n    margin: 0 auto;\n  }\n\n  .links {\n    column-count: 3;\n    position: relative;\n    margin-top: 15px;\n  }\n\n  .links > * {\n    -webkit-column-break-inside: avoid;\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  .icon-link {\n    margin-top: 0;\n  }\n\n  ::v-deep .modal-card-wrapper {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .upper-content-wrapper {\n    padding: 0 45px;\n    display: flex;\n    align-items: flex-start;\n    max-width: 900px;\n    margin: 0 auto 30px;\n  }\n\n  .content-wrapper {\n    width: 340px;\n    display: flex;\n    flex-flow: column nowrap;\n  }\n\n  .intro {\n    order: 1;\n    margin-top: 15px;\n  }\n\n  .cta-button {\n    order: 3;\n    margin: 20px 0 10px;\n  }\n\n  .links {\n    column-count: 1;\n    order: 4;\n  }\n\n  .icon-link {\n    margin: 0;\n  }\n}\n\n@media only screen and (min-width: 1208px) {\n  .wide-wrapper {\n    background-color: rgba(255, 255, 255, 0.75);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto auto auto auto;\n    position: relative;\n    z-index: 0;\n    max-width: 1050px;\n    margin: 0 auto;\n  }\n\n  .upper-content-wrapper {\n    display: contents;\n  }\n\n  .photo-grid-wrapper {\n    grid-column: 1 / span 1;\n    grid-row: 1 / span 2;\n  }\n\n  .content-wrapper {\n    width: auto;\n    grid-column: 2 / span 1;\n    grid-row: 1 / span 1;\n    margin: 50px 30px 20px 0;\n    max-width: 600px;\n  }\n\n  .cta-button {\n    display: none;\n  }\n\n  .cta-button.wide {\n    display: flex;\n    grid-column: 1 / span 1;\n    grid-row: 3 / span 1;\n    justify-self: center;\n    margin: 0 80px 30px auto;\n  }\n\n  .intro h2,\n  .intro h3 {\n    display: block;\n    text-align: left;\n  }\n\n  .wide-wrapper > h2,\n  .wide-wrapper > h3 {\n    display: none;\n  }\n\n  .links {\n    column-count: 2;\n    max-width: 400px;\n  }\n\n  .icon-link {\n    margin: 1px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeatherHandles.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeatherHandles.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LeatherHandles.vue?vue&type=template&id=6640a2ac&scoped=true&\"\nimport script from \"./LeatherHandles.vue?vue&type=script&lang=js&\"\nexport * from \"./LeatherHandles.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LeatherHandles.vue?vue&type=style&index=0&id=6640a2ac&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6640a2ac\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icon-link\"},[_c('img',{attrs:{\"src\":_vm.imgUrl,\"alt\":_vm.alt}}),_c('a',{attrs:{\"href\":_vm.url,\"title\":_vm.title},on:{\"click\":function($event){return _vm.$emit('open')}}},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"icon-link\">\n    <img :src=\"imgUrl\" :alt=\"alt\">\n    <a @click=\"$emit('open')\" :href=\"url\" :title=\"title\"><slot /></a>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'iconlink',\n\n    props: {\n      url: String,\n      img: String,\n      alt: String,\n      title: String\n    },\n\n    computed: {\n      imgUrl() {\n        return `https://s3.amazonaws.com/s3.pilates.com/contrology/${ this.img }`;\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.icon-link {\n  margin: 20px 0;\n}\n\na {\n  font-family: var(--roboto);\n  font-size: 0.9rem;\n  line-height: 1.25;\n  font-weight: 400;\n  color: var(--black);\n  text-decoration: none;\n  cursor: initial;\n}\n\na[href]:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n\na[title~=\"modal\"] {\n  cursor: pointer;\n}\n\na[title~=\"modal\"]:hover {\n  text-decoration: underline;\n}\n\nimg {\n  margin-right: 10px;\n  margin-bottom: -3px;\n  width: 20px;\n}\n\n@media only screen and (min-width:768px) {\n  .icon-link {\n    display: flex;\n    align-items: center;\n    margin: 10px 0;\n  }\n\n  a {\n    font-size: 0.75rem;\n  }\n\n  img {\n    padding: 5px 0;\n    margin-bottom: 0;\n    width: 15px;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IconLink.vue?vue&type=template&id=2b2fed77&scoped=true&\"\nimport script from \"./IconLink.vue?vue&type=script&lang=js&\"\nexport * from \"./IconLink.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2b2fed77\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"photo-grid-wrapper\"},[_c('div',{ref:\"feature\",staticClass:\"photo-grid-feature\",attrs:{\"role\":\"button\",\"tabindex\":\"0\",\"aria-label\":\"product image\"},domProps:{\"innerHTML\":_vm._s(_vm.feature)},on:{\"click\":_vm.openModal}}),_c('div',{staticClass:\"photo-grid\"},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"photo-grid-wrapper\">\n    <div class=\"photo-grid-feature\" ref=\"feature\" v-html=\"feature\" @click=\"openModal\" role=\"button\" tabindex=\"0\" aria-label=\"product image\" />\n    <div class=\"photo-grid\">\n      <slot></slot>\n    </div>\n  </section>\n</template>\n\n<script>\nexport default {\n  name: \"photos\",\n\n  props: [\"feature\"],\n\n  data() {\n    return {\n      photos: []\n    };\n  },\n\n  created() {\n    this.photos = this.$children;\n  },\n\n  mounted() {\n    this.setInitialFeature();\n    this.setVideo();\n  },\n\n  methods: {\n    setInitialFeature() {\n      return (this.$refs.feature.innerHTML = this.$children[0].$el.innerHTML);\n    },\n\n    setVideo() {\n      this.$emit('isVideo');\n    },\n\n    openModal() {\n      this.$emit('openModal');\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.photo-grid-wrapper {\n  background-color: white;\n  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.38);\n  padding: 10px;\n  max-width: 630px;\n  margin: 30px auto;\n}\n\n.photo-grid-feature {\n  position: relative;\n  margin-bottom: 10px;\n}\n\n.photo-grid-feature img {\n  width: 100%;\n  display: block;\n}\n\n.photo-grid-feature span {\n  position: absolute;\n  bottom: 7px;\n  left: 18px;\n  background-color: rgba(255, 255, 255, 0.85);\n  font-family: var(--roboto);\n  font-size: 0.875rem;\n  line-height: 1.214;\n  color: var(--black);\n  text-align: center;\n  padding: 5px 5%;\n}\n\n.photo-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(67px, 1fr));\n  grid-gap: 10px;\n}\n\n.photo-grid-feature .btn-wrapper {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 93px !important;\n  height: 93px !important;\n  border-radius: 47px !important;\n  border: 4px solid var(--white);\n  cursor: pointer;\n}\n\n.photo-grid-feature .btn-wrapper::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  font-size: 0;\n  line-height: 0;\n  border-top: 16px solid transparent !important;\n  border-left: 24px solid #fff !important;\n  border-bottom: 16px solid transparent !important;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-30%, -50%);\n}\n\n.photo-grid-feature .new::after {\n  content: \"NEW\";\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 30px !important;\n  left: 30px !important;\n  width: 78px !important;\n  height: 78px !important;\n  border-radius: 40px !important;\n  border: 2px solid var(--white) !important;\n  background-color: var(--black);\n  color: var(--white);\n  font-size: 1.5rem !important;\n}\n\n@media only screen and (min-width: 600px) {\n  .photo-grid-feature span {\n    left: 18px;\n    bottom: 18px;\n    transform: translateX(0);\n    padding: 10px 40px;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .photo-grid-wrapper {\n    max-width: 530px;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .photo-grid-wrapper {\n    max-width: 460px;\n    margin-right: 25px;\n    align-self: start;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhotoGrid.vue?vue&type=template&id=49df36ef&\"\nimport script from \"./PhotoGrid.vue?vue&type=script&lang=js&\"\nexport * from \"./PhotoGrid.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CtaProdButton.vue?vue&type=style&index=0&id=22c76254&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CtaProdButton.vue?vue&type=style&index=0&id=22c76254&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"btn-wrapper\",attrs:{\"href\":_vm.link}},[_c('div',{staticClass:\"img-wrapper\"},[_c('img',{attrs:{\"src\":_vm.img1x,\"srcset\":_vm.img2x,\"alt\":_vm.alt}})]),_c('div',{staticClass:\"text\"},[_vm._v(\"Designed for use with:\"),_c('br'),_c('b',[_vm._v(_vm._s(_vm.productName))]),_c('br'),_c('small',[_vm._v(_vm._s(_vm.productSub))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a :href=\"link\" class=\"btn-wrapper\">\n    <div class=\"img-wrapper\">\n      <img :src=\"img1x\" :srcset=\"img2x\" :alt=\"alt\">\n    </div>\n    <div class=\"text\">Designed for use with:<br /><b>{{ productName }}</b><br /><small>{{ productSub }}</small></div>\n  </a>\n</template>\n\n<script>\n  export default {\n    name: 'ctaprodbutton',\n\n    props: {\n      link: {\n        required: true,\n        type: String\n      },\n      src: {\n        required: true,\n        type: String\n      },\n      src2:  {\n        required: true,\n        type: String\n      },\n      alt: {\n        required: true,\n        type: String\n      },\n      productName: {\n        required: true,\n        type: String\n      },\n      productSub: {\n        type: String\n      }\n    },\n\n    computed: {\n      img1x() {\n        return \"https://s3.amazonaws.com/s3.pilates.com/contrology/\" + this.src;\n      },\n\n      img2x() {\n        return \"https://s3.amazonaws.com/s3.pilates.com/contrology/\" + this.src2 + ' 2x';\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.btn-wrapper {\n  width: 100%;\n  height: 94px;\n  max-width: 324px;\n  border-radius: 5px;\n  background-color: var(--white);\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);\n  margin: 35px 0 20px;\n  padding: 8px;\n}\n\nimg {\n  width: 90px;\n  height: 78px;\n}\n\na {\n  display: flex;\n  font-family: var(--roboto);\n  color: #333;\n  text-decoration: none;\n  cursor: pointer;\n}\n\na .text {\n  font-size: 0.9375rem;\n  line-height: 1.467;\n  align-self: center;\n  justify-self: center;\n  margin: 3px 10px 3px 13px;\n}\n\na .text b {\n  font-size: 1rem;\n  line-height: 1.3125;\n  font-weight: 700;\n}\n\na .text small {\n  font-size: 0.75rem;\n  line-height: 1.55;\n  color: #5f6062;\n}\n\n@media only screen and (max-width:361px) {\n  a .text {\n    font-size: .75rem;\n  }\n\n  a .text b {\n    font-size: 0.8rem;\n  }\n\n  a .text small {\n    font-size: .5rem;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CtaProdButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CtaProdButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CtaProdButton.vue?vue&type=template&id=22c76254&scoped=true&\"\nimport script from \"./CtaProdButton.vue?vue&type=script&lang=js&\"\nexport * from \"./CtaProdButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CtaProdButton.vue?vue&type=style&index=0&id=22c76254&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"22c76254\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeatherHandles.vue?vue&type=style&index=0&id=6640a2ac&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeatherHandles.vue?vue&type=style&index=0&id=6640a2ac&lang=scss&scoped=true&\""],"sourceRoot":""}