{"version":3,"sources":["webpack:///./modules/ClpSlider.ts"],"names":["__webpack_require__","r","__webpack_exports__","_js_libs_tiny_slider_js__WEBPACK_IMPORTED_MODULE_0__","ClpSlider","element","this","clpTeasers","querySelectorAll","length","initSlider","setup","selector","Array","from","document","filter","node","dataset","moduleInitialized","forEach","prototype","slider","Object","container","querySelector","controlsContainer","prevButton","nextButton","mouseDrag","slideBy","preventScrollOnTouch","speed","loop","lazyload","autoWidth","dir","responsive","0","items","639","addChangeHandlersOnSlider","_this","events","on","e","swipeDirection","event","lastIdx","getInfo","indexCached","currentIdx","index","slideItems","classList","remove","add","activeYtVideo","videoID","getAttribute","window","Eucerin","pauseAllYouTubeVideos","replace"],"mappings":"2FAAAA,EAAAC,EAAAC,GAAA,IAAAC,EAAAH,EAAA,KAIAI,EAAA,WAWI,SAAAA,EAAmBC,GAAAC,KAAAD,UACfC,KAAKC,WAAaD,KAAKD,QAAQG,iBAAiB,eAC5CF,KAAKC,WAAWE,OAAS,GACzBH,KAAKI,aAmDjB,OA7DWN,EAAAO,MAAP,SAAaC,QAAA,IAAAA,MARM,6BASfC,MAAMC,KAAKC,SAASP,iBAAiBI,IAAWI,OAAO,SAACC,GAAsB,OAACA,EAAKC,QAAQC,oBAAmBC,QAAQ,SAACf,GACpH,IAAID,EAAUC,GACdA,EAAQa,QAAQC,kBAAoB,UAW5Cf,EAAAiB,UAAAX,WAAA,WACIJ,KAAKgB,OAASC,OAAApB,EAAA,EAAAoB,EACVC,UAAWlB,KAAKD,QAAQoB,cAAc,oBACtCC,kBAAmBpB,KAAKD,QAAQoB,cAAc,aAC9CE,WAAYrB,KAAKD,QAAQoB,cAAc,qBACvCG,WAAYtB,KAAKD,QAAQoB,cAAc,sBACvCI,WAAW,EACXC,QAAS,OACTC,qBAAsB,OACtBC,MAAO,IACPC,MAAM,EACNC,UAAU,EACVC,UAA4B,QAAjBpB,SAASqB,IACpBC,YACIC,GACIC,MAAO,EACPP,MAAS,KAEbQ,KACID,MAAO,EACPP,MAAS,QAIrB1B,KAAKmC,6BAGTrC,EAAAiB,UAAAoB,0BAAA,eAAAC,EAAApC,KACIA,KAAKgB,OAAOqB,OAAOC,GAAG,eAAgB,SAACC,GAAQH,EAAKI,eAAeJ,EAAKpB,WAG5ElB,EAAAiB,UAAAyB,eAAA,SAAeC,GAEX,IAAMC,GADND,EAAQA,EAAME,WACQC,YAClBC,EAAaJ,EAAMK,MACvB,GAAID,IAAeH,IAInBD,EAAMM,WAAWL,GAASM,UAAUC,OAAO,uBAC3CR,EAAMM,WAAWF,GAAYG,UAAUE,IAAI,uBAC3ClD,KAAKmD,cAAgBnD,KAAKD,QAAQoB,cAAc,0BAC5CnB,KAAKmD,eAAe,CACpB,IAAMC,EAAUpD,KAAKmD,cAAcE,aAAa,MAChDC,OAAOC,QAAQC,sBAAsBJ,EAAQK,QAAQ,oBAAqB,OAGtF3D,EAjEA,eAmEA,IAAIA,EAAUO","file":"./modules/ClpSlider.4879e0f5.js","sourcesContent":["const moduleSelector = '[data-module=\"ClpSlider\"]';\r\n/// <reference path=\"../typings/tiny-slider.d.ts\" />\r\nimport { tns } from '../../js/libs/tiny-slider.js'\r\n\r\nexport default class ClpSlider {\r\n    clpTeasers;\r\n    slider;\r\n    activeYtVideo;\r\n    static setup(selector: string = moduleSelector): void {\r\n        Array.from(document.querySelectorAll(selector)).filter((node: HTMLElement) => !node.dataset.moduleInitialized).forEach((element: HTMLElement) => {\r\n            new ClpSlider(element);\r\n            element.dataset.moduleInitialized = 'true';\r\n        });\r\n    }\r\n\r\n    constructor(public element: HTMLElement) {\r\n        this.clpTeasers = this.element.querySelectorAll('.clp-teaser');\r\n        if (this.clpTeasers.length > 1) {\r\n            this.initSlider();\r\n        }\r\n    }\r\n\r\n    initSlider() {\r\n        this.slider = tns({\r\n            container: this.element.querySelector('.uk-slider-items'),\r\n            controlsContainer: this.element.querySelector('.controls'),\r\n            prevButton: this.element.querySelector('.icon__arrow-left'),\r\n            nextButton: this.element.querySelector('.icon__arrow-right'),\r\n            mouseDrag: true,\r\n            slideBy: \"page\",\r\n            preventScrollOnTouch: \"auto\",\r\n            speed: 1000,\r\n            loop: false,\r\n            lazyload: true,\r\n            autoWidth: document.dir === 'rtl' ? false : true,\r\n            responsive: {\r\n                0: {\r\n                    items: 1,\r\n                    \"speed\": 300,\r\n                },\r\n                639: {\r\n                    items: 1,\r\n                    \"speed\": 300,\r\n                }\r\n            }\r\n        });\r\n        this.addChangeHandlersOnSlider();\r\n    }\r\n\r\n    addChangeHandlersOnSlider() {\r\n        this.slider.events.on('indexChanged', (e) => { this.swipeDirection(this.slider) });\r\n    }\r\n\r\n    swipeDirection(event: any) {\r\n        event = event.getInfo();\r\n        const lastIdx = event.indexCached,\r\n            currentIdx = event.index;\r\n        if (currentIdx === lastIdx) {\r\n            return;\r\n        }\r\n        \r\n        event.slideItems[lastIdx].classList.remove('slider_item--active');\r\n        event.slideItems[currentIdx].classList.add('slider_item--active');\r\n        this.activeYtVideo = this.element.querySelector(\"iframe.yt-iframe-video\") as HTMLElement\r\n        if (this.activeYtVideo) {\r\n            const videoID = this.activeYtVideo.getAttribute('id');\r\n            window.Eucerin.pauseAllYouTubeVideos(videoID.replace(\"yt-video__iframe-\", \"\"));\r\n        }\r\n    }\r\n}\r\n\r\nnew ClpSlider.setup();"],"sourceRoot":""}