{"version":3,"file":"js/chunk-8acafee2.6fab625d.js","sources":["webpack:///./components/CardsCarousel.vue?afe1","webpack:///./components/CardsCarousel.vue?05bb","webpack:///components/CardsCarousel.vue","webpack:///./components/CardsCarousel.vue?5cb1","webpack:///./components/CardsCarousel.vue"],"sourceRoot":"","sourcesContent":["export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardsCarousel.vue?vue&type=style&index=0&id=4e67506c&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('flickity',{ref:\"flickity\",class:{ 'flicky-container': _vm.container },attrs:{\"options\":_vm.flickityOptions},on:{\"init\":_vm.onFlickityInit}},_vm._l((_vm.cards),function(card,i){return _c('div',{key:i,staticClass:\"carousel-cell\",class:{ 'cancel-clicks': _vm.isCarouselDragged }},[_vm._t(\"card\",null,{\"card\":card})],2)}),0),_c('div',{staticClass:\"d-flex justify-content-start buttons-wrapper\"},[_c('a',{staticClass:\"z-icon-wrapper -medium border\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.previous()}}},[_c('svg-arrow-right-icon',{staticClass:\"left-icon w-color-primary\"})],1),_c('a',{staticClass:\"z-icon-wrapper -medium border\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.next()}}},[_c('svg-arrow-right-icon',{staticClass:\"w-color-primary\"})],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <flickity\n      ref=\"flickity\"\n      :options=\"flickityOptions\"\n      :class=\"{ 'flicky-container': container }\"\n      @init=\"onFlickityInit\"\n    >\n      <div\n        class=\"carousel-cell\"\n        v-for=\"(card, i) in cards\"\n        :key=\"i\"\n        :class=\"{ 'cancel-clicks': isCarouselDragged }\"\n      >\n        <slot name=\"card\" :card=\"card\"></slot>\n      </div>\n    </flickity>\n\n    <div class=\"d-flex justify-content-start buttons-wrapper\">\n      <a\n        href=\"#\"\n        class=\"z-icon-wrapper -medium border\"\n        @click.prevent=\"previous()\"\n      >\n        <svg-arrow-right-icon class=\"left-icon w-color-primary\" />\n      </a>\n      <a href=\"#\" class=\"z-icon-wrapper -medium border\" @click.prevent=\"next()\">\n        <svg-arrow-right-icon class=\"w-color-primary\" />\n      </a>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  components: {\n    flickity: () => import(\"vue-flickity\"),\n    \"svg-arrow-right-icon\": () => import(\"/assets/icons/arrowRight.svg?inline\"),\n  },\n\n  props: {\n    cards: {\n      type: Array,\n      required: true,\n    },\n    container: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    ...mapGetters(\"auth\", [\"isLoggedIn\"]),\n  },\n\n  data() {\n    return {\n      flickityOptions: {\n        prevNextButtons: false,\n        cellAlign: \"left\",\n        draggable: true,\n        freeScroll: true,\n      },\n      isCarouselDragged: false,\n    };\n  },\n\n  methods: {\n    next() {\n      this.$refs.flickity.next();\n    },\n\n    previous() {\n      this.$refs.flickity.previous();\n    },\n\n    onFlickityInit() {\n      // prevent clicking on carousel cards while dragging\n      this.$refs.flickity.on(\n        \"dragStart\",\n        () => (this.isCarouselDragged = true)\n      );\n      this.$refs.flickity.on(\"dragEnd\", () => (this.isCarouselDragged = false));\n\n      setTimeout(\n        function () {\n          if (this.$refs.flickity) this.$refs.flickity.reloadCells();\n        }.bind(this),\n        1000\n      );\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.flicky-container {\n  padding: 0 1rem;\n  width: calc(100vw - ((100vw - 1140px) / 2));\n  max-width: 100vw;\n}\n\n.buttons-wrapper {\n  padding: 0 1rem;\n  width: 7.0625rem;\n\n  .left-icon {\n    transform: rotate(180deg);\n  }\n\n  .z-icon-wrapper {\n    z-index: 1000;\n\n    &:not(:first-of-type) {\n      margin-left: 0.8125rem;\n    }\n  }\n}\n\n::v-deep() {\n  .flickity-page-dots {\n    display: flex;\n    align-items: center;\n    margin-left: 7.5rem;\n\n    .dot {\n      width: 0.5rem;\n      height: 0.5rem;\n      background: var(--a-color-blue-light, #333);\n      opacity: 1;\n\n      &.is-selected {\n        background: var(--a-color-primary, #333);\n        width: 0.75rem;\n        height: 0.75rem;\n      }\n    }\n  }\n\n  /* NOte: Useful to hide messy initial state */\n  .flickity-viewport {\n    height: 28.625rem;\n    overflow: hidden;\n  }\n\n  .z-card {\n    align-self: stretch;\n  }\n}\n\n.cancel-clicks {\n  pointer-events: none;\n}\n\n.carousel-cell {\n  margin-right: 1.875rem;\n  min-height: 100%;\n  display: flex;\n}\n\n@media only screen and (min-width: 576px) {\n  ::v-deep() .z-card {\n    max-width: 27.375rem !important;\n    min-width: 27.375rem !important;\n  }\n}\n\n@media only screen and (max-width: 575px) {\n  ::v-deep() .z-card {\n    max-width: 18.75rem !important;\n    min-width: 18.75rem !important;\n  }\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardsCarousel.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardsCarousel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardsCarousel.vue?vue&type=template&id=4e67506c&scoped=true\"\nimport script from \"./CardsCarousel.vue?vue&type=script&lang=js\"\nexport * from \"./CardsCarousel.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardsCarousel.vue?vue&type=style&index=0&id=4e67506c&prod&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  \"4e67506c\",\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","ref","class","container","attrs","flickityOptions","on","onFlickityInit","_l","card","i","key","staticClass","isCarouselDragged","_t","$event","preventDefault","previous","next","staticRenderFns","components","flickity","props","cards","type","Array","required","Boolean","default","computed","prevNextButtons","cellAlign","draggable","freeScroll","methods","$refs","setTimeout","reloadCells","bind","component"],"mappings":";;yIAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,WAAW,CAACE,IAAI,WAAWC,MAAM,CAAE,mBAAoBL,EAAIM,WAAYC,MAAM,CAAC,QAAUP,EAAIQ,iBAAiBC,GAAG,CAAC,KAAOT,EAAIU,iBAAiBV,EAAIW,GAAIX,EAAS,OAAE,SAASY,EAAKC,GAAG,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAEE,YAAY,gBAAgBV,MAAM,CAAE,gBAAiBL,EAAIgB,oBAAqB,CAAChB,EAAIiB,GAAG,OAAO,KAAK,CAAC,KAAOL,KAAQ,MAAK,GAAGV,EAAG,MAAM,CAACa,YAAY,gDAAgD,CAACb,EAAG,IAAI,CAACa,YAAY,gCAAgCR,MAAM,CAAC,KAAO,KAAKE,GAAG,CAAC,MAAQ,SAASS,GAAgC,OAAxBA,EAAOC,iBAAwBnB,EAAIoB,cAAc,CAAClB,EAAG,uBAAuB,CAACa,YAAY,+BAA+B,GAAGb,EAAG,IAAI,CAACa,YAAY,gCAAgCR,MAAM,CAAC,KAAO,KAAKE,GAAG,CAAC,MAAQ,SAASS,GAAgC,OAAxBA,EAAOC,iBAAwBnB,EAAIqB,UAAU,CAACnB,EAAG,uBAAuB,CAACa,YAAY,qBAAqB,MAAM,IAEx4BO,EAAkB,G,YCiCP,GACbC,WAAY,CACVC,SAAU,IAAM,gDAChB,uBAAwB,IAAM,qDAGhCC,MAAO,CACLC,MAAO,CACLC,KAAMC,MACNC,UAAU,GAEZvB,UAAW,CACTqB,KAAMG,QACNC,SAAS,IAIbC,SAAU,IACL,eAAW,OAAQ,CAAC,gBAGzB,OACE,MAAO,CACLxB,gBAAiB,CACfyB,iBAAiB,EACjBC,UAAW,OACXC,WAAW,EACXC,YAAY,GAEdpB,mBAAmB,IAIvBqB,QAAS,CACP,OACEpC,KAAKqC,MAAMd,SAASH,QAGtB,WACEpB,KAAKqC,MAAMd,SAASJ,YAGtB,iBAEEnB,KAAKqC,MAAMd,SAASf,GAClB,YACA,IAAOR,KAAKe,mBAAoB,GAElCf,KAAKqC,MAAMd,SAASf,GAAG,UAAW,IAAOR,KAAKe,mBAAoB,GAElEuB,WACE,WACMtC,KAAKqC,MAAMd,UAAUvB,KAAKqC,MAAMd,SAASgB,eAC7CC,KAAKxC,MACP,QCzFuL,I,wBCQ3LyC,EAAY,eACd,EACA3C,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAoB,E","debug_id":"bd58870b-c0ec-50b2-b26d-865b657ca466"}