{"version":3,"sources":["webpack:///./src/views/pages/cms-templates/component-small-image-animated-slider.vue","webpack:///./src/views/pages/cms-templates/component-small-image-animated-slider.vue?4b8f","webpack:///./src/views/pages/cms-templates/component-small-image-animated-slider.vue?2469","webpack:///./src/views/pages/cms-templates/component-small-image-animated-slider.vue?c243"],"names":["render","_vm","this","_c","_self","_setup","_setupProxy","staticClass","Swiper","ref","attrs","swiperOptions","_l","aclData","banner","index","SwiperSlide","key","style","concat","posterPhotoUrl","title","class","classCSS","_v","_s","_e","linkName1","linkURL","slot","on","$event","pauseSlider","startSlider","shouldRenderH1","tag","filteredDataForCloneSlider","staticRenderFns","_defineComponent","__name","props","acldataprop","animationspeed","hash1prop","setup","__props","SwiperCore","use","Autoplay","Pagination","mySlider","mySwiper","swiper","swiperInitialized","window","innerWidth","mySliderStarted","requestId","speed","animationWrapper","position","reactive","slidesPerView","spaceBetween","loop","autoplay","delay","disableOnInteraction","loopAdditionalSlides","pagination","el","clickable","breakpoints","200","320","width","768","1024","computed","value","slice","_props$hash1prop","length","animationWrap","slider","sliderWidth","offsetWidth","animate","transform","requestAnimationFrame","cancelAnimationFrame","initializeSwiper","nextTick","$el","destroySwiper","destroy","onResize","JSON","parse","hideSkeletonPage","onMounted","_mySwiper$value","$swiper","addEventListener","debounce","onBeforeUnmount","removeEventListener","__sfc","component"],"mappings":"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","file":"js/chunk-2d0aadaf.4c2691140aa42d1f74b8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"small-image-animated-slider ecb2c\"},[_c(_setup.Swiper,{ref:\"mySwiper\",attrs:{\"options\":_setup.swiperOptions,\"pagination\":\"true\"}},[_vm._l((_setup.aclData),function(banner,index){return _c(_setup.SwiperSlide,{key:index},[_c('div',{staticClass:\"item\",style:({ 'background-image': `url(${banner.posterPhotoUrl})` })},[_c('div',{staticClass:\"hover-overlay\"}),(banner.title)?_c('div',{staticClass:\"title-wrap\"},[_c('h4',{staticClass:\"title\",class:banner.classCSS},[_vm._v(\" \"+_vm._s(banner.title)+\" \")])]):_vm._e(),(banner.linkName1 && banner.linkURL)?_c('a',{staticClass:\"red-btn btn\",attrs:{\"href\":banner.linkURL}},[_vm._v(_vm._s(banner.linkName1))]):_vm._e()])])}),_c('div',{staticClass:\"swiper-pagination slider-indicators swiper-pagination-wrapper dark-mode\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2),_c('div',{staticClass:\"moving-slider\",on:{\"mouseenter\":function($event){return _setup.pauseSlider()},\"mouseleave\":function($event){return _setup.startSlider()}}},[_c('div',{staticClass:\"moving-slider-outer\"},[_c('div',{ref:\"animationWrapper\",staticClass:\"animation-wrapper\"},[_c('div',{ref:\"mySlider\",staticClass:\"my-slider\"},_vm._l((_setup.aclData),function(banner,index){return _c('div',{key:index,staticClass:\"slider-element\"},[_c('div',{staticClass:\"item\",style:({ 'background-image': `url(${banner.posterPhotoUrl})` })},[_c('div',{staticClass:\"hover-overlay\"}),(banner.title)?_c('div',{staticClass:\"title-wrap\"},[_c(_setup.shouldRenderH1 && index === 0 ? 'h1' : 'h4',{tag:\"component\",class:['title', banner.classCSS]},[_vm._v(\" \"+_vm._s(banner.title)+\" \")])],1):_vm._e(),(banner.linkName1 && banner.linkURL)?_c('a',{staticClass:\"red-btn btn\",attrs:{\"href\":banner.linkURL}},[_vm._v(_vm._s(banner.linkName1))]):_vm._e()])])}),0),_c('div',{staticClass:\"my-slider clone\"},_vm._l((_setup.filteredDataForCloneSlider),function(banner,index){return _c('div',{key:index,staticClass:\"slider-element\"},[_c('div',{staticClass:\"item\",style:({ 'background-image': `url(${banner.posterPhotoUrl})` })},[_c('div',{staticClass:\"hover-overlay\"}),(banner.title)?_c('div',{staticClass:\"title-wrap\"},[_c('h4',{staticClass:\"title\",class:banner.classCSS},[_vm._v(\" \"+_vm._s(banner.title)+\" \")])]):_vm._e(),(banner.linkName1 && banner.linkURL)?_c('a',{staticClass:\"red-btn btn\",attrs:{\"href\":banner.linkURL}},[_vm._v(_vm._s(banner.linkName1))]):_vm._e()])])}),0)])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { defineComponent as _defineComponent } from 'vue'\nimport { debounce } from '@services/utils';\r\nimport SwiperCore, { Autoplay, Pagination } from 'swiper';\r\nimport { computed, nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue';\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper';\r\n\r\nimport { hideSkeletonPage } from '../../../../../shared-files/js/skeleton.js';\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'component-small-image-animated-slider',\n  props: {\n    acldataprop: null,\n    animationspeed: null,\n    hash1prop: null\n  },\n  setup(__props: any) {\n\nconst props = __props as {\r\n\tacldataprop: string,\r\n\tanimationspeed?: string,\r\n\thash1prop: string,\r\n};\n\r\nSwiperCore.use([Autoplay, Pagination]);\r\n\r\nconst aclData = ref({} as any);\r\nconst mySlider = ref<HTMLElement | null>(null);\r\nconst mySwiper = ref<HTMLElement | null>(null);\r\nconst swiper = ref<any>(null);\r\nconst swiperInitialized = ref(window.innerWidth < 1366);\r\nconst mySliderStarted = ref(window.innerWidth >= 1366);\r\nconst requestId = ref(null as any);\r\nconst speed = ref(3 as number);\r\nconst animationWrapper = ref<HTMLElement | null>(null);\r\nlet position = 0;\r\n\r\n\r\n\r\nconst swiperOptions = reactive({\r\n\tslidesPerView: 1,\r\n\tspaceBetween: 12,\r\n\tloop: true,\r\n\tautoplay: {\r\n\t\tdelay: 5000,\r\n\t\tdisableOnInteraction: false,\r\n\t},\r\n\tspeed: 2000,\r\n\tloopAdditionalSlides: 3,\r\n\tpagination: {\r\n\t\tel: '.swiper-pagination',\r\n\t\tclickable: true,\r\n\t},\r\n\tbreakpoints: {\r\n\t\t200: {\r\n\t\t\tslidesPerView: 'auto',\r\n\t\t},\r\n\t\t320: {\r\n\t\t\twidth: 320,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\twidth: 610,\r\n\t\t\tspaceBetween: 24,\r\n\t\t},\r\n\t\t1024: {\r\n\t\t\twidth: 610,\r\n\t\t\tspaceBetween: 24,\r\n\t\t},\r\n\t},\r\n});\r\n\r\nconst filteredDataForCloneSlider = computed(() => {\r\n\treturn aclData.value.slice(0, 5);\r\n});\r\nconst shouldRenderH1 = computed(() => {\r\n\treturn props?.hash1prop?.length && props.hash1prop === 'True';\r\n});\r\n\r\nconst startSlider = () => {\r\n\tconst animationWrap = animationWrapper.value as any;\r\n\tconst slider = mySlider.value as any;\r\n\tconst sliderWidth = slider.offsetWidth as any;\r\n\r\n\tconst animate = () => {\r\n\t\tposition -= speed.value;\r\n\t\tif (position <= -sliderWidth)\r\n\t\t\tposition = 0;\r\n\r\n\t\tanimationWrap.style.transform = `translate3d(${position}px, 0, 0)`;\r\n\t\trequestId.value = requestAnimationFrame(animate);\r\n\t};\r\n\r\n\trequestId.value = requestAnimationFrame(animate);\r\n};\r\nconst pauseSlider = () => {\r\n\tcancelAnimationFrame(requestId.value);\r\n};\r\nconst initializeSwiper = () => {\r\n\tif (!swiperInitialized.value && window.innerWidth < 1366) {\r\n\t\tswiperInitialized.value = true;\r\n\t\tnextTick(() => {\r\n\t\t\t// @ts-ignore\r\n\t\t\tswiper.value = new SwiperCore((mySwiper.value as any).$el, swiperOptions);\r\n\t\t});\r\n\t}\r\n\telse if (window.innerWidth >= 1366)\r\n\t\tdestroySwiper();\r\n};\r\nconst destroySwiper = () => {\r\n\tif (swiper.value) {\r\n\t\tswiper.value.destroy(true, true);\r\n\t\tswiper.value = null;\r\n\t\tswiperInitialized.value = false;\r\n\t}\r\n};\r\nconst onResize = () => {\r\n\tif (window.innerWidth >= 1366) {\r\n\t\tdestroySwiper();\r\n\r\n\t\tif (!mySliderStarted.value) {\r\n\t\t\tmySliderStarted.value = true;\r\n\t\t\tstartSlider();\r\n\t\t}\r\n\t}\r\n\telse\r\n\t\tinitializeSwiper();\r\n};\r\n\r\naclData.value = JSON.parse(props.acldataprop) || {};\r\nspeed.value = (props.animationspeed && JSON.parse(props.animationspeed)) || 3;\r\nhideSkeletonPage();\r\n\r\nonMounted(() => {\r\n\tnextTick(() => {\r\n\t\t// @ts-ignore\r\n\t\tswiper.value = mySwiper.value?.$swiper;\r\n\t\tinitializeSwiper();\r\n\t});\r\n\r\n\tif (mySliderStarted.value)\r\n\t\tstartSlider();\r\n\r\n\twindow.addEventListener('resize', debounce(onResize, 200));\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n\tpauseSlider();\r\n\twindow.removeEventListener('resize', debounce(onResize, 200));\r\n});\r\n\nreturn { __sfc: true,aclData, mySlider, mySwiper, swiper, swiperInitialized, mySliderStarted, requestId, speed, animationWrapper, position, props, swiperOptions, filteredDataForCloneSlider, shouldRenderH1, startSlider, pauseSlider, initializeSwiper, destroySwiper, onResize, Swiper, SwiperSlide }\n}\n\n})","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./component-small-image-animated-slider.vue?vue&type=script&lang=ts&setup=true\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./component-small-image-animated-slider.vue?vue&type=script&lang=ts&setup=true\"","import { render, staticRenderFns } from \"./component-small-image-animated-slider.vue?vue&type=template&id=1d13bd61\"\nimport script from \"./component-small-image-animated-slider.vue?vue&type=script&lang=ts&setup=true\"\nexport * from \"./component-small-image-animated-slider.vue?vue&type=script&lang=ts&setup=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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}