{"version":3,"file":"product.188bf3ce.js","sources":["../../../app/frontend/product/gallery.vue?vue&type=template&lang.js","../../../app/frontend/product/gallery.vue","../../../app/frontend/product/related-products.vue","../../../app/frontend/entrypoints/product.js"],"sourcesContent":["\n<div v-if=\"data\">\n  <div class=\"card card-gallery\">\n    <div class=\"card-content is-relative px-0 py-0\">\n      <!-- <a @click=\"showModal = true\"> -->\n        <div v-show=\"loading\" class=\"loading-overlay\">\n          <div class=\"loader\"></div>\n        </div>\n        <figure v-if=\"large\" class=\"thumbnail-image image\">\n          <img :src=\"large\" @load=\"loading = false\" />\n        </figure>\n      <!-- </a> -->\n    </div>\n  </div>\n  <div v-if=\"data.thumbnail.length > 1\" class=\"columns is-multiline is-centered is-mobile mt-2\">\n    <a v-for=\"(photo, index) in data.thumbnail\" :key=\"index\" @click=\"show(index)\" class=\"column is-3\">\n      <figure class=\"thumbnail-image image has-background-white p-1 is-rounded\">\n        <img :src=\"photo\" />\n      </figure>\n    </a>\n  </div>\n  <!-- <modal v-if=\"showModal\" @close=\"showModal = false\">\n    <div slot=\"body\" class=\"is-relative\">\n      <div v-show=\"loading\" class=\"loading-overlay\">\n        <div class=\"loader\"></div>\n      </div>\n      <figure class=\"image\">\n        <img :src=\"large\" @load=\"loading = false\" />\n      </figure>\n    </div>\n  </modal> -->\n</div>\n","<template>\n  <div v-if=\"data\">\n    <div class=\"card card-gallery\">\n      <div class=\"card-content is-relative px-0 py-0\">\n        <!-- <a @click=\"showModal = true\"> -->\n          <div v-show=\"loading\" class=\"loading-overlay\">\n            <div class=\"loader\"></div>\n          </div>\n          <figure v-if=\"large\" class=\"thumbnail-image image\">\n            <img :src=\"large\" @load=\"loading = false\" />\n          </figure>\n        <!-- </a> -->\n      </div>\n    </div>\n    <div v-if=\"data.thumbnail.length > 1\" class=\"columns is-multiline is-centered is-mobile mt-2\">\n      <a v-for=\"(photo, index) in data.thumbnail\" :key=\"index\" @click=\"show(index)\" class=\"column is-3\">\n        <figure class=\"thumbnail-image image has-background-white p-1 is-rounded\">\n          <img :src=\"photo\" />\n        </figure>\n      </a>\n    </div>\n    <!-- <modal v-if=\"showModal\" @close=\"showModal = false\">\n      <div slot=\"body\" class=\"is-relative\">\n        <div v-show=\"loading\" class=\"loading-overlay\">\n          <div class=\"loader\"></div>\n        </div>\n        <figure class=\"image\">\n          <img :src=\"large\" @load=\"loading = false\" />\n        </figure>\n      </div>\n    </modal> -->\n  </div>\n</template>\n\n<script>\n// import Modal from '../application/components/modal/index'\nexport default {\n  // components: {\n  //   Modal\n  // },\n  data () {\n    return {\n      data: null,\n      current: 0,\n      showModal: null,\n      loading: false\n    }\n  },\n  computed: {\n    large () {\n      if (!this.data) return\n      return this.data.large[this.current]\n    }\n  },\n  mounted () {\n    this.data = JSON.parse(document.getElementById('gallery-data').innerHTML)\n    window.addEventListener('keyup', this.handleKeyup)\n  },\n  beforeDestroy () {\n    window.removeEventListener('keyup', this.handleKeyup)\n  },\n  methods: {\n    show (index) {\n      if (index === this.current) return\n\n      this.loading = true\n      this.current = index\n    },\n    expand () {\n      this.loading = true\n    },\n    handleKeyup (e) {\n      let current = this.current\n      switch (e.key) {\n      case 'ArrowLeft':\n        current--\n        break\n      case 'ArrowRight':\n        current++\n        break\n      }\n      const max = this.data.large.length - 1\n      if (current < 0) current = max\n      if (current > max) current = 0\n      this.show(current)\n    }\n  }\n}\n</script>\n","<script>\nimport { Carousel, Slide } from 'vue-carousel'\nexport default {\n  components: {\n    Carousel,\n    Slide\n  },\n  props: {\n    elements: HTMLCollection\n  },\n  created() {\n    this.slides = []\n    for (let el of this.elements) {\n      el.classList.remove('column')\n      el.classList.add('mx-2', 'my-3')\n      this.slides.push(el)\n    }\n  },\n  render(h) {\n    const slides = this.slides.map((i) =>\n      h('slide', { domProps: { innerHTML: i.outerHTML } })\n    )\n    return h(\n      'carousel',\n      {\n        props: {\n          navigationEnabled: true,\n          paginationEnabled: false,\n          scrollPerPage: true,\n          perPageCustom: [\n            [200, 1],\n            [580, 1],\n            [768, 3],\n            [1024, 4]\n          ]\n        }\n      },\n      slides\n    )\n  }\n}\n</script>\n","import Vue from 'vue'\n\nimport initApps from 'shared/init-apps'\n\nimport Gallery from '../product/gallery.vue'\nimport RelatedProducts from '../product/related-products.vue'\n\nconst APP_MAP = {\n  'gallery': Gallery\n}\n\ninitApps(APP_MAP)\n\ndocument.querySelectorAll('[data-vue-app=\"related-products\"]').forEach(el => {\n  new Vue({\n    render: (h) => h(RelatedProducts, {\n      props: {\n        elements: el.children\n      }\n    })\n  }).$mount(el)\n})\n"],"names":["render","_vm","_h","_c","$event","photo","index","staticRenderFns","__vue2_script","current","max","Carousel","Slide","el","h","slides","i","APP_MAP","Gallery","initApps","Vue","RelatedProducts"],"mappings":"oEAAA,IAAIA,EAAS,UAAY,CAAC,IAAIC,EAAI,KAASC,EAAGD,EAAI,eAAmBE,EAAGF,EAAI,MAAM,IAAIC,EAAG,OAAQD,EAAI,KAAME,EAAG,MAAM,CAACA,EAAG,MAAM,CAAC,YAAY,mBAAmB,EAAE,CAACA,EAAG,MAAM,CAAC,YAAY,oCAAoC,EAAE,CAACA,EAAG,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,OAAO,QAAQ,SAAS,MAAOF,EAAI,QAAS,WAAW,SAAS,CAAC,EAAE,YAAY,iBAAiB,EAAE,CAACE,EAAG,MAAM,CAAC,YAAY,QAAQ,CAAC,CAAC,CAAC,EAAGF,EAAI,MAAOE,EAAG,SAAS,CAAC,YAAY,uBAAuB,EAAE,CAACA,EAAG,MAAM,CAAC,MAAM,CAAC,IAAMF,EAAI,KAAK,EAAE,GAAG,CAAC,KAAO,SAASG,EAAO,CAACH,EAAI,QAAU,EAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,EAAI,GAAI,CAAA,CAAC,CAAC,CAAC,EAAGA,EAAI,KAAK,UAAU,OAAS,EAAGE,EAAG,MAAM,CAAC,YAAY,iDAAiD,EAAEF,EAAI,GAAIA,EAAI,KAAK,UAAW,SAASI,EAAMC,EAAM,CAAC,OAAOH,EAAG,IAAI,CAAC,IAAIG,EAAM,YAAY,cAAc,GAAG,CAAC,MAAQ,SAASF,EAAO,CAAC,OAAOH,EAAI,KAAKK,CAAK,CAAC,CAAC,CAAC,EAAE,CAACH,EAAG,SAAS,CAAC,YAAY,2DAA2D,EAAE,CAACA,EAAG,MAAM,CAAC,MAAM,CAAC,IAAME,CAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAEJ,EAAI,GAAI,CAAA,CAAC,EAAEA,EAAI,IAAI,EACz7BM,EAAkB,CAAA,ECmCtB,MAAAC,EAAA,CAIA,MAAA,CACA,MAAA,CACA,KAAA,KACA,QAAA,EACA,UAAA,KACA,QAAA,EACA,CACA,EACA,SAAA,CACA,OAAA,CACA,GAAA,EAAA,KAAA,KACA,OAAA,KAAA,KAAA,MAAA,KAAA,QACA,CACA,EACA,SAAA,CACA,KAAA,KAAA,KAAA,MAAA,SAAA,eAAA,cAAA,EAAA,SAAA,EACA,OAAA,iBAAA,QAAA,KAAA,WAAA,CACA,EACA,eAAA,CACA,OAAA,oBAAA,QAAA,KAAA,WAAA,CACA,EACA,QAAA,CACA,KAAAF,EAAA,CACAA,IAAA,KAAA,UAEA,KAAA,QAAA,GACA,KAAA,QAAAA,EACA,EACA,QAAA,CACA,KAAA,QAAA,EACA,EACA,YAAA,EAAA,CACA,IAAAG,EAAA,KAAA,QACA,OAAA,EAAA,IAAA,CACA,IAAA,YACAA,IACA,MACA,IAAA,aACAA,IACA,KACA,CACA,MAAAC,EAAA,KAAA,KAAA,MAAA,OAAA,EACAD,EAAA,IAAAA,EAAAC,GACAD,EAAAC,IAAAD,EAAA,GACA,KAAA,KAAAA,CAAA,CACA,CACA,CACA,2HCtFAD,EAAA,CACA,WAAA,CACA,SAAAG,EAAA,QAAA,SACA,MAAAC,EAAA,QAAA,KACA,EACA,MAAA,CACA,SAAA,cACA,EACA,SAAA,CACA,KAAA,OAAA,CAAA,EACA,QAAAC,KAAA,KAAA,SACAA,EAAA,UAAA,OAAA,QAAA,EACAA,EAAA,UAAA,IAAA,OAAA,MAAA,EACA,KAAA,OAAA,KAAAA,CAAA,CAEA,EACA,OAAAC,EAAA,CACA,MAAAC,EAAA,KAAA,OAAA,IAAAC,GACAF,EAAA,QAAA,CAAA,SAAA,CAAA,UAAAE,EAAA,SAAA,EAAA,CACA,EACA,OAAAF,EACA,WACA,CACA,MAAA,CACA,kBAAA,GACA,kBAAA,GACA,cAAA,GACA,cAAA,CACA,CAAA,IAAA,CAAA,EACA,CAAA,IAAA,CAAA,EACA,CAAA,IAAA,CAAA,EACA,CAAA,KAAA,CAAA,CACA,CACA,CACA,EACAC,CACA,CACA,CACA,yIChCME,EAAU,CACd,QAAWC,CACb,EAEAC,EAASF,CAAO,EAEhB,SAAS,iBAAiB,mCAAmC,EAAE,QAAQJ,GAAM,CAC3E,IAAIO,EAAI,CACN,OAASN,GAAMA,EAAEO,EAAiB,CAChC,MAAO,CACL,SAAUR,EAAG,QACd,CACP,CAAK,CACL,CAAG,EAAE,OAAOA,CAAE,CACd,CAAC"}