{"version":3,"sources":["webpack:///./src/modules/home/components/parrallax/ParallaxContainer.vue","webpack:///./src/modules/home/components/parrallax/SliderContent.vue","webpack:///src/modules/home/components/parrallax/SliderContent.vue","webpack:///./src/modules/home/components/parrallax/SliderContent.vue?a336","webpack:///./src/modules/home/components/parrallax/SliderContent.vue?1b24","webpack:///src/modules/home/components/parrallax/ParallaxContainer.vue","webpack:///./src/modules/home/components/parrallax/ParallaxContainer.vue?a368","webpack:///./src/modules/home/components/parrallax/ParallaxContainer.vue?517c","webpack:///./src/modules/home/components/parrallax/SliderContent.vue?3773","webpack:///./src/modules/home/components/parrallax/ParallaxContainer.vue?e011"],"names":["render","_vm","this","_c","_self","staticClass","class","parallax","active","ref","staticStyle","attrs","swiperOption","on","change","_l","bannerSecondary","img","key","_id","style","encodeURI","imageURL","slot","staticRenderFns","_v","_s","$t","name","component","components","SliderContent","IconArrowCircle","data","navigation","nextEl","prevEl","finish","images","computed","mapGetters","loading","methods","$refs","swiperParallax","$swiper","activeIndex"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,eAAeC,MAAM,CAACC,SAA0B,IAAfN,EAAIO,SAAe,CAACL,EAAG,SAAS,CAACM,IAAI,iBAAiBC,YAAY,CAAC,gBAAgB,QAAQC,MAAM,CAAC,QAAUV,EAAIW,cAAcC,GAAG,CAAC,mBAAmBZ,EAAIa,SAAS,CAACb,EAAIc,GAAId,EAAIe,iBAAiB,SAASC,GAAK,OAAOd,EAAG,eAAe,CAACe,IAAID,EAAIE,KAAK,CAAChB,EAAG,MAAM,CAACE,YAAY,mBAAmBe,MAAO,CAAC,mBAAoB,OAASC,UAAUJ,EAAIK,UAAY,MAAO,CAACnB,EAAG,iBAAiB,CAACE,YAAY,gBAAgB,QAAOF,EAAG,MAAM,CAACE,YAAY,uCAAuCK,YAAY,CAAC,MAAQ,kBAAkBC,MAAM,CAAC,KAAO,eAAeY,KAAK,eAAe,CAACpB,EAAG,oBAAoB,CAACE,YAAY,aAAaK,YAAY,CAAC,UAAY,kBAAkBC,MAAM,CAAC,KAAO,GAAG,MAAQ,gBAAgB,GAAGR,EAAG,MAAM,CAACE,YAAY,uCAAuCK,YAAY,CAAC,cAAc,iBAAiB,KAAO,kBAAkBC,MAAM,CAAC,KAAO,eAAeY,KAAK,eAAe,CAACpB,EAAG,oBAAoB,CAACE,YAAY,aAAaM,MAAM,CAAC,KAAO,GAAG,MAAQ,gBAAgB,IAAI,GAAGR,EAAG,KAAK,CAACE,YAAY,oCAAoC,IAEpoCmB,EAAkB,G,YCFlBxB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,8GAA8G,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACJ,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAI0B,GAAG,0CAA0CxB,EAAG,KAAK,CAACE,YAAY,2CAA2C,CAACJ,EAAIwB,GAAG,IAAIxB,EAAIyB,GAAGzB,EAAI0B,GAAG,kCAAkCxB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,SAAS,CAACE,YAAY,uDAAuDK,YAAY,CAAC,QAAU,YAAYC,MAAM,CAAC,KAAO,WAAW,CAACV,EAAIwB,GAAG,IAAIxB,EAAIyB,GAAGzB,EAAI0B,GAAG,wBAAwB,YAEjuBH,EAAkB,GCkBP,GACfI,KAAA,iBCrBmY,I,wBCQ/XC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,oBCKA,GACfC,WAAA,CAAAC,gBAAAC,8BACAJ,KAAA,eACAK,OACA,OACArB,aAAA,CACAsB,WAAA,CACAC,OAAA,sBACAC,OAAA,wBAGAC,QAAA,EACA7B,OAAA,EACA8B,OAAA,KAGAC,SAAA,IACAC,eAAA,CACAC,QAAA,iBACAzB,gBAAA,0BAGA0B,QAAA,CACA5B,SACA,KAAAN,OAAA,KAAAmC,MAAAC,eAAAC,QAAAC,cAGA,mBCnDuY,ICQnY,G,UAAY,eACd,EACA9C,EACAwB,GACA,EACA,KACA,WACA,OAIa,e,sECnBf,W,2DCAA","file":"js/chunk-59bc751e.06c5c176.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"home-section\",class:{parallax : _vm.active === 0}},[_c('swiper',{ref:\"swiperParallax\",staticStyle:{\"border-radius\":\"15px\"},attrs:{\"options\":_vm.swiperOption},on:{\"transition-start\":_vm.change}},[_vm._l((_vm.bannerSecondary),function(img){return _c('swiper-slide',{key:img._id},[_c('div',{staticClass:\"background-image\",style:({'background-image': 'url(' + encodeURI(img.imageURL) + ')'})},[_c('slider-content',{staticClass:\"p-4 p-md-5\"})],1)])}),_c('div',{staticClass:\"swiper-button-next d-none d-lg-block\",staticStyle:{\"right\":\"calc(6% - 4px)\"},attrs:{\"slot\":\"button-next\"},slot:\"button-next\"},[_c('icon-arrow-circle',{staticClass:\"icon-hover\",staticStyle:{\"transform\":\"rotate(180deg)\"},attrs:{\"size\":50,\"color\":'#ffffff99'}})],1),_c('div',{staticClass:\"swiper-button-prev d-none d-lg-block\",staticStyle:{\"margin-left\":\"0px !important\",\"left\":\"calc(4% - 3px)\"},attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"},[_c('icon-arrow-circle',{staticClass:\"icon-hover\",attrs:{\"size\":50,\"color\":'#ffffff99'}})],1)],2),_c('hr',{staticClass:\"d-none d-md-block home-section\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"slider-container d-flex flex-column align-items-center align-items-lg-start justify-content-md-start h-100\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"text-center text-lg-start\"},[_c('h1',{staticClass:\"mb-0 mb-md-2\"},[_vm._v(_vm._s(_vm.$t('home.slider.high_quality_materials')))]),_c('h3',{staticClass:\"m-0 mt-2 mt-md-0 font-weight-bold w-100\"},[_vm._v(\" \"+_vm._s(_vm.$t('home.slider.good_sound')))])])]),_c('div',{staticClass:\"border-button\"},[_c('button',{staticClass:\"button-parallax size-20 weight-700 d-none d-md-block\",staticStyle:{\"padding\":\"8px 26px\"},attrs:{\"type\":\"button\"}},[_vm._v(\" \"+_vm._s(_vm.$t('home.slider.buy_now'))+\" \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"slider-container d-flex flex-column align-items-center align-items-lg-start justify-content-md-start h-100\">\n    <div class=\"content\">\n      <div class=\"text-center text-lg-start\">\n        <h1 class=\"mb-0 mb-md-2\">{{ $t('home.slider.high_quality_materials') }}</h1>\n        <h3 class=\"m-0 mt-2 mt-md-0 font-weight-bold w-100\"> {{ $t('home.slider.good_sound')}}</h3>\n      </div>\n    </div>\n    <div class=\"border-button\">\n      <button class=\"button-parallax size-20 weight-700 d-none d-md-block\" style=\"padding: 8px 26px;\" type=\"button\">\n          {{$t('home.slider.buy_now')}}\n      </button>\n    </div>\n        <!-- <router-link to=\"/shop\" href=\"#\" class=\"btn\">\n        </router-link> -->\n      <!-- <div class=\"bg-primary\" style=\"width: 300px; height: 200px;\"></div> -->\n  </div>\n</template>\n\n<script>\nexport default {\n  name:'SliderContent'\n}\n</script>\n<style scoped>\n  @media (max-width: 992px) {\n    .border-button {\n      margin-top: 5px;\n    }\n  }\n  @media (min-width: 992px) {\n    .border-button {\n      margin-top: 10px;\n    }\n  }\n.slider-container{\n  min-height: 260px;\n}\n.slider-container > .content{\n  max-width: 400px;\n}\n\nh1 {\n  font-size: 36px;\n  font-weight: 700;\n\n  line-height: clamp(20px, 1em, 60px);\n  text-transform: uppercase;\n\n  color: #ffffff;\n  /* text-shadow: 3px 1px 0px #F5AEC5 !important; */\n  /* margin-bottom: 10px; */\n\n}\n\nh3 {\n  color: white;\n  font-size: 21px;\n  font-weight: 300;\n}\n\n.button-parallax {\n  position: relative;\n\n  width: max-content;\n  border: 0;\n  border-radius: 5px;\n\n  \n  transition: all .15s ease-out;\n  line-height: 26px;\n\n  background: white;\n\n  color: black;\n  mix-blend-mode: screen;\n\n  outline: none;\n  z-index: 2;\n\n  transition: var(--transition-1);\n}\n\n.border-button {\n  margin-left: -8px;\n  padding: 8px 6px;\n\n  border: 2px solid transparent;\n  border-radius: 7px;\n\n  mix-blend-mode: screen;\n  transition: var(--transition-1);\n}\n.border-button:hover{\n  border: 2px solid white;\n  transform: scale(0.92);\n}\n.border-button:hover .button-parallax {\n  transform: scale(0.97);\n}\n@media (max-width: 475px) {\n  h1{\n    font-size: 24px;\n  }\n  h3{\n    font-size: 18px;\n  }\n}\n</style>\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-loader/lib/index.js??vue-loader-options!./SliderContent.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-loader/lib/index.js??vue-loader-options!./SliderContent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SliderContent.vue?vue&type=template&id=5e889856&scoped=true\"\nimport script from \"./SliderContent.vue?vue&type=script&lang=js\"\nexport * from \"./SliderContent.vue?vue&type=script&lang=js\"\nimport style0 from \"./SliderContent.vue?vue&type=style&index=0&id=5e889856&prod&scoped=true&lang=css\"\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  \"5e889856\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <section :class=\"{parallax : active === 0}\" class=\"home-section\">\n    <swiper style=\"border-radius: 15px;\" :options=\"swiperOption\" @transition-start=\"change\" ref='swiperParallax'>\n      <swiper-slide v-for=\"img in bannerSecondary\" :key=\"img._id\">\n        <div class=\"background-image\" :style=\"{'background-image': 'url(' + encodeURI(img.imageURL) + ')'}\">\n          <slider-content class=\"p-4 p-md-5\"/>\n        </div>\n      </swiper-slide>\n      <div class=\"swiper-button-next d-none d-lg-block\" slot=\"button-next\" style=\"right: calc(6% - 4px)\">\n        <icon-arrow-circle style=\"transform: rotate(180deg);\" class=\"icon-hover\" :size=\"50\" :color=\"'#ffffff99'\"/>\n      </div>\n      <div class=\"swiper-button-prev d-none d-lg-block\" slot=\"button-prev\" style=\"margin-left: 0px !important; left: calc(4% - 3px);\" >\n        <icon-arrow-circle  class=\"icon-hover\" :size=\"50\" :color=\"'#ffffff99'\"/>\n      </div>\n    </swiper>\n    <hr class=\"d-none d-md-block home-section\">\n  </section>\n</template>\n\n<script>\nimport IconArrowCircle from '../../../../common/svg/iconArrowCircle.vue'\nimport SliderContent from './SliderContent.vue'\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  components: { SliderContent, IconArrowCircle },\n  name: \"ParallaxHome\",\n  data() {\n    return {\n      swiperOption: {\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev'\n        },\n      },\n      finish: true,\n      active: 0,\n      images: []\n    }\n  },\n  computed:{\n    ...mapGetters({\n      loading: 'common/loading',\n      bannerSecondary: 'home/bannerSecondary'\n    })\n  },\n  methods:{\n    change(){\n      this.active = this.$refs.swiperParallax.$swiper.activeIndex \n    },\n  },\n  async mounted(){\n    // let images = JSON.parse(localStorage.getItem(\"imagesBannerSecondary\"))\n    // this.images = images\n  }\n}\n</script>\n\n<style scoped>\n.background-image{\n    background-size: cover;\n    background-position: center;\n    background-attachment: fixed;\n    height: 535px;\n}\n.parallax > .swiper-container::v-deep > .swiper-wrapper{\n  transform: none !important;\n}\n.swiper-container::v-deep > .swiper-button-prev.swiper-button-disabled, .swiper-container::v-deep > .swiper-button-next.swiper-button-disabled{\n  pointer-events: visible;\n}\n.swiper-container::v-deep > .swiper-button-prev:hover > svg, .swiper-container::v-deep > .swiper-button-next:hover > svg{\n  fill: #ffffffe6;\n}\n@media (max-width: 475px) {\n  .background-image{\n    height: auto;\n    background-attachment: inherit;\n    background-size: 163%;\n    background-position-y: -40px;\n  }\n}\n</style>\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-loader/lib/index.js??vue-loader-options!./ParallaxContainer.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-loader/lib/index.js??vue-loader-options!./ParallaxContainer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ParallaxContainer.vue?vue&type=template&id=0b1498f8&scoped=true\"\nimport script from \"./ParallaxContainer.vue?vue&type=script&lang=js\"\nexport * from \"./ParallaxContainer.vue?vue&type=script&lang=js\"\nimport style0 from \"./ParallaxContainer.vue?vue&type=style&index=0&id=0b1498f8&prod&scoped=true&lang=css\"\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  \"0b1498f8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderContent.vue?vue&type=style&index=0&id=5e889856&prod&scoped=true&lang=css\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ParallaxContainer.vue?vue&type=style&index=0&id=0b1498f8&prod&scoped=true&lang=css\""],"sourceRoot":""}