{"version":3,"sources":["webpack:///./src/views/ReturnToLife.vue?c947","webpack:///src/views/ReturnToLife.vue","webpack:///./src/views/ReturnToLife.vue?7737","webpack:///./src/views/ReturnToLife.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/views/ReturnToLife.vue?e62c","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"],"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","IconLink","props","Boolean","data","show","label","value","key","methods","html","toggleContent","component","imgUrl","alt","url","$event","$emit","_t","ref","domProps","_s","feature","openModal","photos","created","$children","mounted","setInitialFeature","setVideo"],"mappings":"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","file":"js/returntolife.09331f68.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(\"Return to Life Through Contrology\")]),_c('h3'),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"Return_to_Life.jpg\",\"src2\":\"Return_to_Life.jpg\",\"alt\":\"Photo of book cover for Return to Life Through Contrology by Joseph Pilates\"},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,\"additionalText\":\"\"}}),_c('section',{staticClass:\"links\"},[_c('icon-link',{attrs:{\"url\":\"support#returns\",\"img\":\"icon-guarantee.svg\",\"alt\":\"Guarantee icon\",\"title\":\"Learn more\"}},[_vm._v(\"30-Day Money Back Guarantee\")])],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(\"Return to Life Through Contrology\")]),_c('h3'),_c('p',[_vm._v(\" Published in 1945, this original work by Joseph Pilates includes specific advice regarding posture, body mechanics, correct breathing, spinal flexibility, and physical education. Joseph Pilates presents his original 34 mat exercises, with instructions and illustrations. Paperback. Black and white. 105 pages. \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <main>\n      <div class=\"wide-wrapper\">\n        <h2>Return to Life Through Contrology</h2>\n        <h3></h3>\n\n        <div class=\"upper-content-wrapper\">\n          <photo-grid :feature=\"featureImgHtml\">\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"Return_to_Life.jpg\"\n              src2=\"Return_to_Life.jpg\"\n              alt=\"Photo of book cover for Return to Life Through Contrology by Joseph Pilates\"\n            />\n          </photo-grid>\n\n          <!-- <cta-prod-button\n            class=\"cta-button wide\"\n            link=\"cadillac\"\n            src=\"contrology-cad1@1x.jpg\"\n            src2=\"contrology-cad1@2x.jpg\"\n            alt=\"Close-up photo of Contrology Cadillac thumbnail\"\n            productName=\"Contrology Cadillac\"\n            productSub='All models'\n          /> -->\n\n          <div class=\"content-wrapper\">\n            <section class=\"intro\">\n              <h2>Return to Life Through Contrology</h2>\n              <h3></h3>\n              <p>\n                Published in 1945, this original work by Joseph Pilates includes specific advice regarding posture, body mechanics, correct breathing, spinal flexibility, and physical education. Joseph Pilates presents his original 34 mat exercises, with instructions and illustrations. Paperback. Black and white. 105 pages.\n              </p>\n            </section>\n\n            <product-selector\n              :products=products\n              :product=product\n              :option1=option1\n              :option2=option2\n              :isdistcountry=isdistcountry\n              additionalText=\"\"\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              >Limited Lifetime Warranty</icon-link> -->\n              <icon-link\n                url=\"support#returns\"\n                img=\"icon-guarantee.svg\"\n                alt=\"Guarantee icon\"\n                title=\"Learn more\"\n              >30-Day Money Back Guarantee</icon-link>\n              <!-- <icon-link\n                url=\"support\"\n                img=\"icon-assembly.svg\"\n                alt=\"Assembly icon\"\n                title=\"Learn more\"\n              >Assembly &amp; Support</icon-link> -->\n            </section>\n\n            <!-- <cta-prod-button\n              class=\"cta-button\"\n              link=\"cadillac\"\n              src=\"contrology-cad1@1x.jpg\"\n              src2=\"contrology-cad1@2x.jpg\"\n              alt=\"Close-up photo of Contrology Cadillac thumbnail\"\n              productName=\"Contrology Cadillac\"\n              productSub='All models'\n            />\n            \n            <section class=\"more\">\n              <tertiary-button text=\"More Cadillac Accessories\" url=\"/accessories/Cadillac\" />\n            </section> -->\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// import CtaProdButton from \"@/components/CtaProdButton.vue\";\n// import TertiaryButton from \"@/components/TertiaryButton.vue\";\n\nexport default {\n  name: \"returntolife\",\n\n  metaInfo: {\n    title: \"Return to Life Through Contrology\",\n    titleTemplate: \"%s\",\n    meta: [\n      {\n        name: \"description\",\n        content: \"Published in 1945, this original work by Joseph Pilates includes specific advice regarding posture, body mechanics, correct breathing, spinal flexibility, and physical education.\"\n      }\n    ]\n  },\n\n  components: {\n    PhotoGrid,\n    Photo,\n    ProductSelector,\n    IconLink,\n    // CtaProdButton,\n    // TertiaryButton\n  },\n\n  props: {\n    isdistcountry: Boolean\n  },\n\n  data() {\n    return {\n      featureImgHtml: \"\", // PhotoGrid\n      show: false, // Intro content\n      product: {\n        label: \"Select Product\",\n        value: \"\",\n        key: \"name\"\n      },\n      option1: {},\n      option2: {},\n      products: [\n        // Product options\n        {\n          prodid: 41077060665537,\n          partnumber: 13093,\n          price: 17.95,\n          name: \"Return to Life Through Contrology\",\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    // Toggle intro content\n    toggleContent() {\n      this.show = !this.show;\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.content-link {\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.wide {\n  display: none;\n}\n\n.links {\n  margin-top: 30px;\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  .more {\n    order: 5;\n    margin-top: 20px;\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!./ReturnToLife.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!./ReturnToLife.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReturnToLife.vue?vue&type=template&id=0b1d2c49&scoped=true&\"\nimport script from \"./ReturnToLife.vue?vue&type=script&lang=js&\"\nexport * from \"./ReturnToLife.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReturnToLife.vue?vue&type=style&index=0&id=0b1d2c49&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  \"0b1d2c49\",\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!./ReturnToLife.vue?vue&type=style&index=0&id=0b1d2c49&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!./ReturnToLife.vue?vue&type=style&index=0&id=0b1d2c49&lang=scss&scoped=true&\"","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&\""],"sourceRoot":""}