{"version":3,"sources":["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/views/MatDowelHandles.vue?66c3","webpack:///src/views/MatDowelHandles.vue","webpack:///./src/views/MatDowelHandles.vue?d1de","webpack:///./src/views/MatDowelHandles.vue","webpack:///./src/components/PhotoGrid.vue?edf6","webpack:///./src/views/MatDowelHandles.vue?f522"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","imgUrl","alt","url","title","on","$event","$emit","_t","staticRenderFns","component","ref","domProps","_s","feature","openModal","name","props","data","photos","created","$children","mounted","setInitialFeature","setVideo","methods","_v","featureImgHtml","setFeatureImg","_m","products","product","option1","option2","isdistcountry","metaInfo","titleTemplate","meta","components","PhotoGrid","Photo","ProductSelector","IconLink","Boolean","showCardModal","label","value","key","html"],"mappings":"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","file":"js/dowelhandles.8e01d5cb.js","sourcesContent":["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","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(\"Mat Dowel Handles\")]),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"dowel_handle_1@1x.jpg\",\"src2\":\"dowel_handle_1@2x.jpg\",\"alt\":\"Photo of Mat Dowel Handles\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"dowel_handle_2@1x.jpg\",\"src2\":\"dowel_handle_2@2x.jpg\",\"alt\":\"Photo of Mat Dowel Handles attached to mat\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"dowel_handle_3@1x.jpg\",\"src2\":\"dowel_handle_3@2x.jpg\",\"alt\":\"Close-up photo of Mat Dowel Handles attached to mat\"},on:{\"setFeature\":_vm.setFeatureImg}})],1),_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(\"Mat Dowel Handles\")]),_c('p',[_vm._v(\" These removable Mat Dowel Handles insert into the Mat Conversion and are used exclusively for Mat exercises on the Reformer. The Mat Dowel Handles help to activate your arm and back connection for safe overhead Mat exercises, strengthening your back and enabling you to feel your two-way stretch. \")]),_c('p',[_vm._v(\" Dowel Handle Dimensions: L: 13.5” (34.3cm), W: 2” (5.1cm), H: 3.5” (6.4cm), Weight: .63lbs. (.3kg) \")]),_c('p',[_c('em',[_vm._v(\"*Installed handles will extend approximately 9” (22.9cm) on either side of the mat conversion.\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <main>\n      <div class=\"wide-wrapper\">\n        <h2>Contrology Handles</h2>\n        <h3>Mat Dowel Handles</h3>\n\n        <div class=\"upper-content-wrapper\">\n          <photo-grid :feature=\"featureImgHtml\">\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"dowel_handle_1@1x.jpg\"\n              src2=\"dowel_handle_1@2x.jpg\"\n              alt=\"Photo of Mat Dowel Handles\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"dowel_handle_2@1x.jpg\"\n              src2=\"dowel_handle_2@2x.jpg\"\n              alt=\"Photo of Mat Dowel Handles attached to mat\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"dowel_handle_3@1x.jpg\"\n              src2=\"dowel_handle_3@2x.jpg\"\n              alt=\"Close-up photo of Mat Dowel Handles attached to mat\"\n            />\n          </photo-grid>\n\n          <div class=\"content-wrapper\">\n            <section class=\"intro\">\n              <h2>Contrology Handles</h2>\n              <h3>Mat Dowel Handles</h3>\n              <p>\n                These removable Mat Dowel Handles insert into the Mat Conversion and are used exclusively for Mat exercises on the Reformer. The Mat Dowel Handles help to activate your arm and back connection for safe overhead Mat exercises, strengthening your back and enabling you to feel your two-way stretch.\n              </p>\n              <p>\n                Dowel Handle Dimensions: L: 13.5” (34.3cm), W: 2” (5.1cm), H: 3.5” (6.4cm), Weight: .63lbs. (.3kg)\n              </p>\n              <p>\n                <em>*Installed handles will extend approximately 9” (22.9cm) on either side of the mat conversion.</em>\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 IconLink from \"@/components/IconLink.vue\";\n\nexport default {\n  name: \"dowelhandles\",\n\n  metaInfo: {\n    title: \"Pilates Handles - Contrology Mat Handles - Mat Dowel Handles\",\n    titleTemplate: \"%s\",\n    meta: [\n      {\n        name: \"description\",\n        content: \"Help activate your arm and back connection for safe overhead mat exercises by adding these Contrology Mat Dowel Handles to your Reformer Mat Conversion.\"\n      }\n    ]\n  },\n\n  components: {\n    PhotoGrid,\n    Photo,\n    ProductSelector,\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: 41267963396289,\n          partnumber: 17628,\n          price: 75,\n          name: \"Mat Dowel 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!./MatDowelHandles.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!./MatDowelHandles.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MatDowelHandles.vue?vue&type=template&id=76a284e7&scoped=true&\"\nimport script from \"./MatDowelHandles.vue?vue&type=script&lang=js&\"\nexport * from \"./MatDowelHandles.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MatDowelHandles.vue?vue&type=style&index=0&id=76a284e7&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  \"76a284e7\",\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!./MatDowelHandles.vue?vue&type=style&index=0&id=76a284e7&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!./MatDowelHandles.vue?vue&type=style&index=0&id=76a284e7&lang=scss&scoped=true&\""],"sourceRoot":""}