{"version":3,"sources":["webpack:///./src/app/modules/marketplace/components/products/highlights/marketplace-highlights-carousel.component.vue","webpack:///src/app/modules/marketplace/components/products/highlights/marketplace-highlights-carousel.component.vue","webpack:///./src/app/modules/marketplace/components/products/highlights/marketplace-highlights-carousel.component.vue?a6e7","webpack:///./src/app/modules/marketplace/components/products/highlights/marketplace-highlights-carousel.component.vue?dc23"],"names":["render","_vm","this","_c","_self","staticClass","domProps","_s","$icons","arrow_left","on","$event","$emit","_v","title","description","attrs","options","_l","products","item","$index","key","class","details_index","strategies","favorite","includes","strategy_id","nativeOn","Details","product_id","staticRenderFns","components","Swiper","SwiperSlide","CardMarketplace","data","active_details","slidesPerView","centeredSlides","spaceBetween","autoplay","delay","disableOnInteraction","pagination","el","clickable","navigation","nextEl","prevEl","breakpoints","props","type","Array","default","String","Number","methods","strategy","product","index","params","computed","mapState","state","marketplace","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,SAAS,CAACE,YAAY,4CAA4CC,SAAS,CAAC,UAAYL,EAAIM,GAAGN,EAAIO,OAAOC,aAAaC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,aAAaT,EAAG,KAAK,CAACE,YAAY,sFAAsF,CAACJ,EAAIY,GAAG,IAAIZ,EAAIM,GAAGN,EAAIa,OAAO,OAAOX,EAAG,IAAI,CAACE,YAAY,yBAAyB,CAACJ,EAAIY,GAAGZ,EAAIM,GAAGN,EAAIc,kBAAkBZ,EAAG,SAAS,CAACE,YAAY,qCAAqCW,MAAM,CAAC,QAAUf,EAAIgB,UAAUhB,EAAIiB,GAAIjB,EAAIkB,UAAU,SAASC,EAAKC,GAAQ,OAAOlB,EAAG,eAAe,CAACmB,IAAID,GAAQ,CAAClB,EAAG,mBAAmB,CAACE,YAAY,mBAAmBkB,MAAMtB,EAAIuB,eAAiBH,EAAS,gBAAkB,GAAGL,MAAM,CAAC,QAAUI,EAAK,SAAWA,EAAKK,WAAW,GAAG,SAAWxB,EAAIyB,SAASC,SAASP,EAAKK,WAAW,GAAGG,cAAcC,SAAS,CAAC,MAAQ,SAASlB,GAAQ,OAAOV,EAAI6B,QAAQV,EAAKK,WAAW,GAAGG,YAAaR,EAAKW,WAAYV,QAAa,MAAK,IAAI,IAE3kCW,EAAkB,G,wBC8BP,G,UAAA,CACfC,WAAA,CACAC,mBACAC,6BACAC,oBAAA,iDAGAC,OACA,OACAC,gBAAA,EACArB,QAAA,CACAsB,cAAA,EACAC,gBAAA,EACAC,aAAA,GACAC,SAAA,CACAC,MAAA,IACAC,sBAAA,GAEAC,WAAA,CACAC,GAAA,qBACAC,WAAA,GAEAC,WAAA,CACAC,OAAA,sBACAC,OAAA,uBAEAC,YAAA,CACA,MACAZ,cAAA,EACAE,aAAA,IAEA,KACAF,cAAA,EACAE,aAAA,IAEA,KACAF,cAAA,EACAE,aAAA,IAEA,KACAF,cAAA,EACAE,aAAA,QAMAW,MAAA,CACAjC,SAAA,CACAkC,KAAAC,MACAC,QAAA,MAEAzC,MAAA,CACAuC,KAAAG,QAGAzC,YAAA,CACAsC,KAAAG,QAGAhC,cAAA,CACA6B,KAAAI,SAIAC,QAAA,CACA5B,QAAA6B,EAAAC,EAAAC,GACA,IAAAC,EAAA,CACAH,WACAC,UACAC,SAGA,KAAAjD,MAAA,UAAAkD,KAIAC,SAAA,IACAC,eAAA,CACAtC,SAAAuC,KAAAC,YAAAxC,cC/G2d,I,YCOvdyC,EAAY,eACd,EACAnE,EACAgC,GACA,EACA,KACA,KACA,MAIa,aAAAmC,E","file":"js/chunk-2d2094ee.93ec2066.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"py-6\"},[_c('div',{staticClass:\"relative flex items-center space-x-6 pl-6\"},[_c('button',{staticClass:\"h-8 w-8 text-gray-300 hover:text-gray-500\",domProps:{\"innerHTML\":_vm._s(_vm.$icons.arrow_left)},on:{\"click\":function($event){return _vm.$emit('close')}}}),_c('h1',{staticClass:\"whitespace-nowrap text-lg font-medium text-gray-100 dark:text-gray-300 md:text-2xl\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]),_c('p',{staticClass:\"text-xs text-gray-400\"},[_vm._v(_vm._s(_vm.description))])]),_c('swiper',{staticClass:\"overflow-visible px-3 pt-6 md:px-6\",attrs:{\"options\":_vm.options}},_vm._l((_vm.products),function(item,$index){return _c('swiper-slide',{key:$index},[_c('card-marketplace',{staticClass:\"mr-6 border-none\",class:_vm.details_index == $index ? 'relative z-50' : '',attrs:{\"product\":item,\"strategy\":item.strategies[0],\"favorite\":_vm.favorite.includes(item.strategies[0].strategy_id)},nativeOn:{\"click\":function($event){return _vm.Details(item.strategies[0].strategy_id, item.product_id, $index)}}})],1)}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"py-6\">\n    <div class=\"relative flex items-center space-x-6 pl-6\">\n      <button\n        class=\"h-8 w-8 text-gray-300 hover:text-gray-500\"\n        @click=\"$emit('close')\"\n        v-html=\"$icons.arrow_left\"\n      ></button>\n      <h1 class=\"whitespace-nowrap text-lg font-medium text-gray-100 dark:text-gray-300 md:text-2xl\">\n        {{ title }}\n      </h1>\n      <p class=\"text-xs text-gray-400\">{{ description }}</p>\n    </div>\n    <swiper class=\"overflow-visible px-3 pt-6 md:px-6\" :options=\"options\">\n      <swiper-slide v-for=\"(item, $index) in products\" :key=\"$index\">\n        <card-marketplace\n          :class=\"details_index == $index ? 'relative z-50' : ''\"\n          class=\"mr-6 border-none\"\n          :product=\"item\"\n          :strategy=\"item.strategies[0]\"\n          :favorite=\"favorite.includes(item.strategies[0].strategy_id)\"\n          @click.native=\"Details(item.strategies[0].strategy_id, item.product_id, $index)\"\n      /></swiper-slide>\n    </swiper>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport { Swiper, SwiperSlide } from \"vue-awesome-swiper\";\nimport \"swiper/css/swiper.css\";\n\nexport default {\n  components: {\n    Swiper,\n    SwiperSlide,\n    CardMarketplace: () => import(\"@/app/modules/marketplace/components/products/card/marketplace-card.component.vue\"),\n  },\n\n  data() {\n    return {\n      active_details: false,\n      options: {\n        slidesPerView: 4,\n        centeredSlides: false,\n        spaceBetween: 25,\n        autoplay: {\n          delay: 5000,\n          disableOnInteraction: false,\n        },\n        pagination: {\n          el: \".swiper-pagination\",\n          clickable: true,\n        },\n        navigation: {\n          nextEl: \".swiper-button-next\",\n          prevEl: \".swiper-button-prev\",\n        },\n        breakpoints: {\n          1024: {\n            slidesPerView: 4,\n            spaceBetween: 25,\n          },\n          768: {\n            slidesPerView: 3,\n            spaceBetween: 20,\n          },\n          640: {\n            slidesPerView: 2,\n            spaceBetween: 15,\n          },\n          320: {\n            slidesPerView: 1,\n            spaceBetween: 10,\n          },\n        },\n      },\n    };\n  },\n  props: {\n    products: {\n      type: Array,\n      default: null,\n    },\n    title: {\n      type: String,\n    },\n\n    description: {\n      type: String,\n    },\n\n    details_index: {\n      type: Number,\n    },\n  },\n\n  methods: {\n    Details(strategy, product, index) {\n      let params = {\n        strategy: strategy,\n        product: product,\n        index: index,\n      };\n      // console.log(params);\n      this.$emit(\"details\", params);\n    },\n  },\n\n  computed: {\n    ...mapState({\n      favorite: (state) => state.marketplace.favorite,\n    }),\n  },\n};\n</script>\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./marketplace-highlights-carousel.component.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./marketplace-highlights-carousel.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./marketplace-highlights-carousel.component.vue?vue&type=template&id=187c349d\"\nimport script from \"./marketplace-highlights-carousel.component.vue?vue&type=script&lang=js\"\nexport * from \"./marketplace-highlights-carousel.component.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/@vue/cli-service/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"],"sourceRoot":""}