{"version":3,"file":"ProductCardCarousel.880b5f1be9ddf4c8db8e.js","mappings":"yKACWA,MAAM,yB,GACRC,IAAI,wBAAwBD,MAAM,yC,GAC9BA,MAAM,+C,GAGXE,EAAAA,EAAAA,IAAoC,OAA/BF,MAAM,oBAAkB,S,GANrCG,EAAAA,EAAAA,IAAA,2kB,wBAsBA,SACEC,KAAM,wBACNC,KAAMA,KAAA,CACJC,SAAU,KACVC,gBAAiB,CACfC,QAAS,CAACC,EAAAA,GAAYC,EAAAA,IACtBC,WAAY,qBACZC,eAAe,EACfC,aAAc,GACdC,YAAa,CACX,IAAK,CACHC,WAAY,CACVC,SAAS,GAEXC,cAAe,KAEjB,IAAK,CACHF,WAAY,CACVC,SAAS,GAEXC,cAAe,KAEjB,IAAK,CACHF,WAAY,CACVC,SAAS,GAEXC,cAAe,KAEjB,IAAK,CACHF,WAAY,CACVC,SAAS,GAEXC,cAAe,GAEjB,KAAM,CACJF,WAAY,CACVC,SAAS,GAEXC,cAAe,GAEjB,KAAM,CACJF,WAAY,CACVC,SAAS,GAEXC,cAAe,IAGnBC,oBAAoB,EACpBH,WAAY,CACVI,OAAQ,sBACRC,OAAQ,uBAEVC,UAAW,CACTC,GAAI,oBACJC,WAAW,MAIjBC,QAAS,CACP,kBAAMC,GACFC,KAAKpB,SAAW,IAAIqB,EAAAA,EAChBD,KAAKE,MAAM,yBACXF,KAAKnB,gBAEb,GAEFsB,OAAAA,GACEH,KAAKD,cACP,GCrFF,MAEA,GAFiC,E,QAAA,GAAgB,EAAQ,CAAC,CAAC,S,wCDJzDK,EAAAA,EAAAA,IAcU,UAdVC,EAcU,EAbR7B,EAAAA,EAAAA,IAKM,MALN8B,EAKM,EAJF9B,EAAAA,EAAAA,IAEM,MAFN+B,EAEM,EADJC,EAAAA,EAAAA,IAAaC,EAAAC,OAAA,aAEfC,GAAoC,KAGtCC,G","sources":["webpack://secprint-frontend/./src/js/vuejs/components/ProductCardCarousel.vue","webpack://secprint-frontend/./src/js/vuejs/components/ProductCardCarousel.vue?51c2"],"sourcesContent":["<template>\r\n  <section class=\"product-card-carousel\">\r\n    <div ref=\"product-card-carousel\" class=\"swiper product-card-carousel__wrapper\">\r\n        <div class=\"swiper-wrapper product-card-carousel__track\">\r\n          <slot></slot>\r\n        </div>\r\n        <div class=\"swiper-scrollbar\"></div>\r\n    </div>\r\n    \r\n      <button class=\"swiper-button-next\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"25\" viewBox=\"0 -960 960 960\" width=\"25\"><path d=\"M665.078-450.001H180.001v-59.998h485.077L437.232-737.846 480-779.999 779.999-480 480-180.001l-42.768-42.153 227.846-227.847Z\"/></svg>\r\n      </button>\r\n      <button class=\"swiper-button-prev swiper-button-disabled\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"25\" viewBox=\"0 -960 960 960\" width=\"25\"><path d=\"m294.922-450.001 227.846 227.847L480-180.001 180.001-480 480-779.999l42.768 42.153-227.846 227.847h485.077v59.998H294.922Z\"/></svg>\r\n      </button>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport Swiper from 'swiper';\r\nimport { Navigation, Scrollbar } from 'swiper/modules';\r\n\r\nexport default {\r\n  name: 'product-card-carousel',\r\n  data: () => ({\r\n    carousel: null,\r\n    carouselOptions: {\r\n      modules: [Navigation, Scrollbar],\r\n      slideClass: \"swiper-wrapper > *\",\r\n      watchOverflow: true,\r\n      spaceBetween: 15,\r\n      breakpoints: {\r\n        320: {\r\n          navigation: {\r\n            enabled: false\r\n          },\r\n          slidesPerView: 1.2,\r\n        },\r\n        576: {\r\n          navigation: {\r\n            enabled: false\r\n          },\r\n          slidesPerView: 2.2,\r\n        },\r\n        768: {\r\n          navigation: {\r\n            enabled: false\r\n          },\r\n          slidesPerView: 3.2,\r\n        },\r\n        992: {\r\n          navigation: {\r\n            enabled: true\r\n          },\r\n          slidesPerView: 3,\r\n        },\r\n        1200: {\r\n          navigation: {\r\n            enabled: true\r\n          },\r\n          slidesPerView: 4,\r\n        },\r\n        1400: {\r\n          navigation: {\r\n            enabled: true\r\n          },\r\n          slidesPerView: 5,\r\n        }\r\n      },\r\n      edgeSwipeDetection: true,\r\n      navigation: {\r\n        nextEl: '.swiper-button-next',\r\n        prevEl: '.swiper-button-prev'\r\n      },\r\n      scrollbar: {\r\n        el: '.swiper-scrollbar',\r\n        draggable: true\r\n      }\r\n    }\r\n  }),\r\n  methods: {\r\n    async initCarousel() {        \r\n        this.carousel = new Swiper(\r\n            this.$refs[\"product-card-carousel\"],\r\n            this.carouselOptions\r\n        );  \r\n    }\r\n  },\r\n  mounted() {\r\n    this.initCarousel();\r\n  }\r\n};\r\n</script>","import { render } from \"./ProductCardCarousel.vue?vue&type=template&id=0a28704e\"\nimport script from \"./ProductCardCarousel.vue?vue&type=script&lang=js\"\nexport * from \"./ProductCardCarousel.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["class","ref","_createElementVNode","_createStaticVNode","name","data","carousel","carouselOptions","modules","Navigation","Scrollbar","slideClass","watchOverflow","spaceBetween","breakpoints","navigation","enabled","slidesPerView","edgeSwipeDetection","nextEl","prevEl","scrollbar","el","draggable","methods","initCarousel","this","Swiper","$refs","mounted","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_renderSlot","_ctx","$slots","_hoisted_4","_hoisted_5"],"sourceRoot":""}