{"version":3,"file":"js/1537.64cf5511.js","mappings":"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","sources":["webpack://vyhub/./src/components/BuilderComponents/ShopCategories.vue?c614","webpack://vyhub/src/components/BuilderComponents/ShopCategories.vue","webpack://vyhub/./src/components/BuilderComponents/ShopCategories.vue?7a40","webpack://vyhub/./src/components/BuilderComponents/ShopCategories.vue","webpack://vyhub/./src/components/Swiper.vue?9081","webpack://vyhub/src/components/Swiper.vue","webpack://vyhub/./src/components/Swiper.vue?aa84","webpack://vyhub/./src/components/Swiper.vue"],"sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vh-home-shop-categories\"},[(_vm.categories)?_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',{staticStyle:{\"position\":\"relative\"},attrs:{\"cols\":\"11\",\"sm\":\"10\",\"md\":\"10\",\"lg\":\"9\",\"xl\":\"8\"}},[_c('Swiper',{attrs:{\"number-of-elements\":_vm.categories.length,\"per-page-custom\":[1,2,3,3,3]}},_vm._l((_vm.categories),function(category){return _c('swiper-slide',{key:category.id,staticStyle:{\"height\":\"auto\"}},[_c('v-card',{staticClass:\"img-hover-zoom overflow-hidden mt-3 mb-3 card-rounded mx-auto\\n           d-flex flex-column\",attrs:{\"hover\":\"\",\"max-width\":\"350px\",\"height\":\"95%\",\"to\":{ name: 'ShopCategory', params: { categoryId: category.id} }}},[_c('div',{staticStyle:{\"overflow\":\"hidden\"}},[_c('v-img',{attrs:{\"max-height\":\"200px\",\"src\":category.image_url,\"alt\":category.name}})],1),_c('div',{staticClass:\"text-center text-h5 mt-3 mx-1\"},[_vm._v(_vm._s(category.name))]),_c('v-spacer'),_c('div',{staticClass:\"text-center mt-3 pb-3\"},[_c('v-btn',{attrs:{\"color\":\"primary\",\"depressed\":\"\",\"to\":{ name: 'ShopCategory', params: { categoryId: category.id} }}},[_vm._v(\" \"+_vm._s(_vm.callToAction)+\" \")])],1)],1)],1)}),1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vh-home-shop-categories\">\n    <v-row justify=\"center\" v-if=\"categories\">\n      <v-col cols=\"11\" sm=\"10\" md=\"10\" lg=\"9\" xl=\"8\"\n             style=\"position: relative\">\n        <Swiper :number-of-elements=\"categories.length\" :per-page-custom=\"[1,2,3,3,3]\">\n          <swiper-slide style=\"height: auto\"\n                        v-for=\"category in categories\" :key=\"category.id\">\n            <v-card class=\"img-hover-zoom overflow-hidden mt-3 mb-3 card-rounded mx-auto\n             d-flex flex-column\"\n                    hover max-width=\"350px\" height=\"95%\"\n                    :to=\"{ name: 'ShopCategory', params: { categoryId: category.id} }\">\n              <div style=\"overflow: hidden\">\n                <v-img max-height=\"200px\"\n                       :src=\"category.image_url\" :alt=\"category.name\" />\n              </div>\n              <div class=\"text-center text-h5 mt-3 mx-1\">{{ category.name }}</div>\n              <v-spacer/>\n              <div class=\"text-center mt-3 pb-3\">\n                <v-btn color=\"primary\" depressed\n                       :to=\"{ name: 'ShopCategory', params: { categoryId: category.id} }\">\n                  {{ callToAction }}\n                </v-btn>\n              </div>\n            </v-card>\n          </swiper-slide>\n        </Swiper>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n\n<script>\nimport openapi from '@/api/openapi';\nimport Swiper from '@/components/Swiper.vue';\n\nexport default {\n  name: 'ShopPreview',\n  components: { Swiper },\n  props: ['callToAction'],\n  data() {\n    return {\n      categories: null,\n    };\n  },\n  beforeMount() {\n    this.fetchData();\n  },\n  methods: {\n    async fetchData() {\n      const api = await openapi;\n      api.packet_getCategories()\n        .then((rsp) => {\n          this.categories = rsp.data;\n        });\n    },\n  },\n};\n</script>\n\n<style scoped>\n.img-hover-zoom {\n}\n\n/* [2] Transition property for smooth transformation of images */\n.img-hover-zoom .v-image {\n  transition: transform .3s ease;\n}\n\n/* [3] Finally, transforming the image when container gets hovered */\n.img-hover-zoom:hover .v-image {\n  transform: scale(1.08);\n}\n\n.grow-on-hover {\n  transition: all .3s ease-in-out;\n}\n.grow-on-hover:hover {\n  transform: scale(1.03);\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ShopCategories.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ShopCategories.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShopCategories.vue?vue&type=template&id=32c2a77c&scoped=true&\"\nimport script from \"./ShopCategories.vue?vue&type=script&lang=js&\"\nexport * from \"./ShopCategories.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShopCategories.vue?vue&type=style&index=0&id=32c2a77c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"32c2a77c\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCol,VImg,VRow,VSpacer})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{ 'swiper-margins' : _vm.$vuetify.breakpoint.mdAndUp }},[(_vm.numberOfElements)?_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('div',[_c('swiper-container',{key:_vm.perPage,ref:\"carousel\",attrs:{\"grid-rows\":\"3\",\"slides-per-view\":_vm.perPage,\"space-between\":12},on:{\"slidechange\":function($event){return _vm.slideChanged()}}},[_vm._t(\"default\")],2)],1),(_vm.$vuetify.breakpoint.mdAndUp && !_vm.isLocked)?_c('span',[_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"position\":\"absolute\",\"z-index\":\"5\",\"left\":\"-50px\",\"top\":\"0\",\"height\":\"100%\"}},[_c('v-spacer'),_c('v-btn',{attrs:{\"disabled\":_vm.isBeginning,\"fab\":\"\",\"small\":\"\",\"depressed\":\"\",\"outlined\":\"\"},on:{\"click\":_vm.prev}},[_c('v-icon',[_vm._v(\"mdi-chevron-left\")])],1),_c('v-spacer')],1),_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"position\":\"absolute\",\"z-index\":\"5\",\"right\":\"-50px\",\"top\":\"0\",\"height\":\"100%\"}},[_c('v-spacer'),_c('v-btn',{attrs:{\"disabled\":_vm.isEnd,\"fab\":\"\",\"small\":\"\",\"depressed\":\"\",\"outlined\":\"\"},on:{\"click\":_vm.next}},[_c('v-icon',[_vm._v(\"mdi-chevron-right\")])],1),_c('v-spacer')],1)]):_vm._e()]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"{ 'swiper-margins' : $vuetify.breakpoint.mdAndUp }\">\n    <div v-if=\"numberOfElements\" style=\"position: relative\">\n      <div>\n        <swiper-container ref=\"carousel\" grid-rows=\"3\"\n                          class=\"\" :slides-per-view=\"perPage\"\n                          @slidechange=\"slideChanged()\"\n                          :key=\"perPage\" :space-between=\"12\">\n          <slot />\n        </swiper-container>\n      </div>\n      <span v-if=\"$vuetify.breakpoint.mdAndUp && !isLocked\">\n        <div style=\"position: absolute; z-index: 5; left: -50px; top: 0; height: 100%\"\n             class=\"d-flex flex-column\">\n          <v-spacer />\n          <v-btn :disabled=\"isBeginning\"\n                 fab small depressed outlined\n                 @click=\"prev\"><v-icon>mdi-chevron-left</v-icon></v-btn>\n          <v-spacer />\n        </div>\n        <div style=\"position: absolute; z-index: 5; right: -50px; top: 0; height: 100%\"\n             class=\"d-flex flex-column\">\n          <v-spacer />\n        <v-btn :disabled=\"isEnd\"\n               fab small depressed outlined\n               @click=\"next\"><v-icon>mdi-chevron-right</v-icon></v-btn>\n          <v-spacer />\n        </div>\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  // TODO Swiper is responsive, but not during a live update of the breakpoint size\n  //  -> Remount needed\n  name: 'Swiper',\n  props: ['numberOfElements', 'perPageCustom'],\n  data() {\n    return {\n      currentSlide: 0,\n      swiperEl: null,\n      isEnd: null,\n      isBeginning: null,\n      isLocked: null,\n    };\n  },\n  mounted() {\n    this.swiperEl = document.querySelector('swiper-container');\n    this.isEnd = this.swiperEl.swiper.isEnd;\n    this.isBeginning = this.swiperEl.swiper.isBeginning;\n    this.isLocked = this.swiperEl.swiper.isLocked;\n  },\n  methods: {\n    prev() {\n      this.swiperEl.swiper.slidePrev();\n      this.currentSlide = this.swiperEl.swiper.activeIndex;\n    },\n    next() {\n      this.swiperEl.swiper.slideNext();\n      this.currentSlide = this.swiperEl.swiper.activeIndex;\n    },\n    slideChanged() {\n      this.currentSlide = this.swiperEl.activeIndex;\n      this.isEnd = this.swiperEl.swiper.isEnd;\n      this.isBeginning = this.swiperEl.swiper.isBeginning;\n    },\n  },\n  computed: {\n    perPage() {\n      // Uneven Numbers for small preview of next slide\n      if (!this.numberOfElements) return 0;\n      let res = 1;\n      if (this.$vuetify.breakpoint.xs) {\n        // eslint-disable-next-line prefer-destructuring\n        res = this.perPageCustom[0];\n        res += 0.15;\n      }\n      if (this.$vuetify.breakpoint.sm) {\n        // eslint-disable-next-line prefer-destructuring\n        res = this.perPageCustom[1];\n        res += 0.15;\n      }\n      if (this.$vuetify.breakpoint.md) {\n        // eslint-disable-next-line prefer-destructuring\n        res = this.perPageCustom[2];\n      }\n      if (this.$vuetify.breakpoint.lg) {\n        // eslint-disable-next-line prefer-destructuring\n        res = this.perPageCustom[3];\n      }\n      if (this.$vuetify.breakpoint.xl) {\n        // eslint-disable-next-line prefer-destructuring\n        res = this.perPageCustom[4];\n      }\n      if (res > this.numberOfElements) {\n        res = this.numberOfElements;\n      }\n      return res;\n    },\n  },\n};\n</script>\n\n<style scoped>\n.swiper-margins {\n  margin-left: 50px;\n  margin-right: 50px;\n}\n</style>\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Swiper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Swiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Swiper.vue?vue&type=template&id=466a4b6a&scoped=true&\"\nimport script from \"./Swiper.vue?vue&type=script&lang=js&\"\nexport * from \"./Swiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Swiper.vue?vue&type=style&index=0&id=466a4b6a&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"466a4b6a\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VIcon,VSpacer})\n"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticStyle","categories","length","_l","category","key","id","name","params","categoryId","image_url","_v","_s","callToAction","_e","staticRenderFns","component","VBtn","class","$vuetify","breakpoint","mdAndUp","perPage","ref","on","$event","slideChanged","_t","isLocked","isBeginning","prev","isEnd","next"],"sourceRoot":""}