{"version":3,"file":"zoom.v1.9480.min.js?t=7fb5244a4af9b060969a","mappings":"wzBAkFA,QAlFqB,WAehB,O,EAdD,SAAAA,EAAYC,I,4FAAIC,CAAA,KAAAF,GACZG,KAAKF,GAAKA,EACVE,KAAKC,cAAgB,KACrBD,KAAKE,OAAS,CACVC,QAASL,EAAGM,cAAc,WAC1BC,QAASP,EAAGQ,iBAAiB,4CAC7BC,WAAYT,EAAGQ,iBAAiB,uDAChCE,OAAQC,SAASH,iBAAiB,iBAClCI,UAAWZ,EAAGM,cAAc,6BAGN,MAAvBJ,KAAKE,OAAOG,SACXL,KAAKW,YAEb,G,EAAC,EAAAC,IAAA,mBAAAC,MAED,WAAmB,IAAAC,EAAA,KACXd,KAAKC,eACLc,aAAaf,KAAKC,eAEtBD,KAAKC,cAAgBe,YAAW,WAC5BF,EAAKG,kBACT,GAAG,IACP,GAAC,CAAAL,IAAA,mBAAAC,MAED,WACI,IAAIK,EAAY,EACVC,EAAiB,GAEvBnB,KAAKE,OAAOK,WAAWa,SAAQ,SAACC,EAAOC,GACnC,IAAMC,EAAmBF,EAAMG,MAAMC,UACrCJ,EAAMG,MAAMC,UAAY,OACxBJ,EAAMG,MAAME,WAAa,SAEzB,IAAMC,EAAgBN,EAAMO,aAC5BT,EAAeG,GAASK,EACxBT,EAAYW,KAAKC,IAAIZ,EAAWS,GAChCN,EAAMG,MAAMC,UAAYF,EACxBF,EAAMG,MAAME,WAAa,SAC7B,IACA1B,KAAKE,OAAOK,WAAWa,SAAQ,SAAAC,GAC3BA,EAAMG,MAAMC,UAAY,GAAHM,OAAMb,EAAS,KACxC,GACJ,GAAC,CAAAN,IAAA,aAAAC,MAED,WAAa,IAAAmB,EAAA,KACD7B,EAAYH,KAAKE,OAAjBC,QACRH,KAAKiC,OAAS,IAAIC,OAAO/B,EAAS,CAC9BgC,cAAe,EACfC,aAAc,GACdC,WAAY,CACRC,OAAQ,sBACRC,OAAQ,uBAEZC,WAAY,CACR1C,GAAI,qBACJ2C,WAAW,GAEfC,GAAI,CACAC,KAAM,WACF3B,YAAW,kBAAMgB,EAAKf,kBAAkB,GAAE,IAC9C,EACA2B,OAAQ,WACJZ,EAAKa,kBACT,EACAC,WAAY,WACRd,EAAKa,kBACT,GAEJE,YAAa,CACT,IAAK,CAAEZ,cAAe,GACtB,IAAK,CAAEA,cAAe,GACtB,IAAK,CAAEA,cAAe,GACtB,KAAM,CAAEA,cAAe,GACvB,KAAM,CAAEA,cAAe,GACvB,KAAM,CAAEA,cAAe,OAGnC,M,6EAAC,CA/EgB,E","sources":["webpack://@hero-digital/zoom/./src/components/product-hub-components/ResourcesSlider/ResourcesSlider.js"],"sourcesContent":["class ResourcesSlider {\r\n    constructor(el) {\r\n        this.el = el\r\n        this.resizeTimeout = null;\r\n        this.domMap = {\r\n            $swiper: el.querySelector('.swiper'),\r\n            $slides: el.querySelectorAll('.zdcm-resources-carousel .zdcm-resources'),\r\n            $container: el.querySelectorAll('.zdcm-resources-carousel .zdcm-resources__container'),\r\n            $slide: document.querySelectorAll('.swiper-slide'),\r\n            $carousel: el.querySelector('.zdcm-resources-carousel')\r\n        }\r\n\r\n        if(this.domMap.$slides != null) {\r\n            this.initSwiper();\r\n        }\r\n    }\r\n\r\n    adjustAutoHeight() {\r\n        if (this.resizeTimeout) {\r\n            clearTimeout(this.resizeTimeout);\r\n        }\r\n        this.resizeTimeout = setTimeout(() => {\r\n            this.calculateHeights();\r\n        }, 150); \r\n    }\r\n\r\n    calculateHeights() {\r\n        let maxHeight = 0;\r\n        const naturalHeights = [];\r\n\r\n        this.domMap.$container.forEach((slide, index) => {\r\n            const currentMinHeight = slide.style.minHeight;\r\n            slide.style.minHeight = 'auto';\r\n            slide.style.visibility = 'hidden'; \r\n            \r\n            const naturalHeight = slide.offsetHeight;\r\n            naturalHeights[index] = naturalHeight;\r\n            maxHeight = Math.max(maxHeight, naturalHeight);\r\n            slide.style.minHeight = currentMinHeight;\r\n            slide.style.visibility = 'visible';\r\n        });\r\n        this.domMap.$container.forEach(slide => {\r\n            slide.style.minHeight = `${maxHeight}px`;\r\n        });\r\n    }\r\n\r\n    initSwiper() {\r\n        const { $swiper } = this.domMap\r\n        this.swiper = new Swiper($swiper, {\r\n            slidesPerView: 2,\r\n            spaceBetween: 20,\r\n            navigation: {\r\n                nextEl: '.swiper-button-next',\r\n                prevEl: '.swiper-button-prev'\r\n            },\r\n            pagination: {\r\n                el: '.swiper-pagination',\r\n                clickable: true,\r\n            },\r\n            on: {\r\n                init: () => {\r\n                    setTimeout(() => this.calculateHeights(), 100);\r\n                },\r\n                resize: () => {\r\n                    this.adjustAutoHeight(); \r\n                },\r\n                breakpoint: () => {\r\n                    this.adjustAutoHeight();\r\n                }\r\n            },\r\n            breakpoints: {\r\n                320: { slidesPerView: 1 },\r\n                430: { slidesPerView: 1 },\r\n                768: { slidesPerView: 2 },\r\n                1041: { slidesPerView: 2 },\r\n                1280: { slidesPerView: 3 },\r\n                1920: { slidesPerView: 3.5 },\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\nexport default ResourcesSlider;\r\n"],"names":["ResourcesSlider","el","_classCallCheck","this","resizeTimeout","domMap","$swiper","querySelector","$slides","querySelectorAll","$container","$slide","document","$carousel","initSwiper","key","value","_this","clearTimeout","setTimeout","calculateHeights","maxHeight","naturalHeights","forEach","slide","index","currentMinHeight","style","minHeight","visibility","naturalHeight","offsetHeight","Math","max","concat","_this2","swiper","Swiper","slidesPerView","spaceBetween","navigation","nextEl","prevEl","pagination","clickable","on","init","resize","adjustAutoHeight","breakpoint","breakpoints"],"sourceRoot":""}