{"version":3,"file":"zoomv.1760.min.js?t=929becc81667a8eb5500","mappings":"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","sources":["webpack://@hero-digital/zoom/./src/components/product-hub-components/DiscoverProducts/DiscoverProducts.js"],"sourcesContent":["class DiscoverProducts {\r\n  constructor(el) {\r\n    this.el = el;\r\n    this.domMap = {\r\n      $swiperContainer: el.querySelector('.add-swiper-mobile'),\r\n      $slideWrapper: el.querySelector('.zdcm-discover-products__items'),\r\n      $slideItems: el.querySelectorAll('.zdcm-discover-products__items-item')\r\n    };\r\n\r\n    this.swiper = null;\r\n    this.resizeTimeout = null;\r\n    this.initializeComponent();\r\n  }\r\n\r\n  initializeComponent() {\r\n    this.handleResize();\r\n    \r\n    window.addEventListener('resize', () => {\r\n      clearTimeout(this.resizeTimeout);\r\n      this.resizeTimeout = setTimeout(() => {\r\n        this.handleResize();\r\n      }, 250);\r\n    });\r\n  }\r\n\r\n  handleResize() {\r\n    const isMobile = window.innerWidth <= 1024;\r\n    \r\n    if (isMobile && !this.swiper) {\r\n      this.setupMobileLayout();\r\n    } else if (!isMobile && this.swiper) {\r\n      this.setupDesktopLayout();\r\n    }\r\n  }\r\n\r\n  setupMobileLayout() {\r\n    const { $swiperContainer, $slideWrapper, $slideItems } = this.domMap;\r\n    \r\n    $swiperContainer.classList.add('swiper');\r\n    $slideWrapper.classList.add('swiper-wrapper');\r\n    $slideWrapper.classList.remove('zdcm-discover-products__items');\r\n    \r\n    $slideWrapper.style.position = 'relative';\r\n    $slideWrapper.style.top = '0';\r\n    $slideWrapper.style.height = 'auto';\r\n    \r\n    const pagination = this.el.querySelector('.swiper-pagination');\r\n    if (pagination) {\r\n      pagination.style.display = 'block';\r\n    }\r\n    \r\n    $slideItems.forEach(item => {\r\n      item.classList.add('swiper-slide');\r\n    });\r\n    \r\n    requestAnimationFrame(() => {\r\n      this.initSwiper();\r\n    });\r\n  }\r\n\r\n  setupDesktopLayout() {\r\n    if (this.swiper) {\r\n      this.swiper.destroy(true, true);\r\n      this.swiper = null;\r\n    }\r\n    \r\n    const { $swiperContainer, $slideWrapper, $slideItems } = this.domMap;\r\n    $swiperContainer.classList.remove('swiper');\r\n    $slideWrapper.classList.remove('swiper-wrapper');\r\n    $slideWrapper.classList.add('zdcm-discover-products__items');\r\n    \r\n    $slideWrapper.style.position = '';\r\n    $slideWrapper.style.top = '';\r\n    $slideWrapper.style.height = '';\r\n    $slideWrapper.style.transform = '';\r\n  \r\n    const pagination = this.el.querySelector('.swiper-pagination');\r\n    if (pagination) {\r\n      pagination.style.display = 'none';\r\n    }\r\n    $slideItems.forEach(item => {\r\n      item.classList.remove('swiper-slide');\r\n      item.style.transform = '';\r\n      item.style.transitionDuration = '';\r\n    });\r\n  }\r\n\r\n  initSwiper() {\r\n    const { $swiperContainer } = this.domMap;\r\n    \r\n    if (!$swiperContainer) return;\r\n\r\n    this.swiper = new Swiper($swiperContainer, {\r\n      slidesPerView: 'auto',\r\n      spaceBetween: 10,\r\n      centeredSlides: false,\r\n      pagination: {\r\n        el: '.swiper-pagination',\r\n        clickable: true,\r\n      },\r\n      breakpoints: {\r\n        320: {\r\n          slidesPerView: 1,\r\n          spaceBetween: 10,\r\n        },\r\n        480: {\r\n          slidesPerView: 2,\r\n          spaceBetween: 10,\r\n        },\r\n        844:{\r\n          slidesPerView: 2,\r\n          spaceBetween: 15,\r\n        },\r\n        768: {\r\n          slidesPerView: 2.8,\r\n          spaceBetween: 15,\r\n        },\r\n        1024: {\r\n          slidesPerView: 3,\r\n          spaceBetween: 20,\r\n        }\r\n      },\r\n      on: {\r\n        init: () => {\r\n          setTimeout(() => {\r\n            if (this.swiper) {\r\n              this.swiper.update();\r\n            }\r\n          }, 100);\r\n        }\r\n      }\r\n    });\r\n  }\r\n  refresh() {\r\n    this.handleResize();\r\n  }\r\n  destroy() {\r\n    if (this.swiper) {\r\n      this.swiper.destroy(true, true);\r\n      this.swiper = null;\r\n    }\r\n    \r\n    if (this.resizeTimeout) {\r\n      clearTimeout(this.resizeTimeout);\r\n    }\r\n    \r\n    window.removeEventListener('resize', this.handleResize);\r\n  }\r\n}\r\n\r\nexport default DiscoverProducts;"],"names":["DiscoverProducts","el","_classCallCheck","this","domMap","$swiperContainer","querySelector","$slideWrapper","$slideItems","querySelectorAll","swiper","resizeTimeout","initializeComponent","key","value","_this","handleResize","window","addEventListener","clearTimeout","setTimeout","isMobile","innerWidth","setupMobileLayout","setupDesktopLayout","_this2","_this$domMap","classList","add","remove","style","position","top","height","pagination","display","forEach","item","requestAnimationFrame","initSwiper","destroy","_this$domMap2","transform","transitionDuration","_this3","Swiper","slidesPerView","spaceBetween","centeredSlides","clickable","breakpoints","on","init","update","removeEventListener"],"sourceRoot":""}