{"version":3,"file":"./modules/StandardTeaserSliderOverview-StandardTeaserSliderOverview.xxxxxxxx.js","mappings":"8IAAA,MAAMA,EAAiB,+CAOR,MAAMC,EAIjB,YAAOC,CAAMC,EAAmBH,GAC5BI,MAAMC,KAAKC,SAASC,iBAAiBJ,IAAWK,OAAQC,IAAuBA,EAAKC,QAAQC,mBAAmBC,QAASC,IACpH,IAAIZ,EAA6BY,GACjCA,EAAQH,QAAQC,kBAAoB,QAE5C,CAEA,WAAAG,CAAmBD,EAAsBE,GAAtB,KAAAF,QAAAA,EACfG,KAAKC,cAAgBD,KAAKH,QAAQK,QAAQ,iBAE1CF,KAAKG,mBACT,CAEA,iBAAAA,GAEI,OADAH,KAAKH,QAAQO,iBAAiB,QAAS,IAAMJ,KAAKK,oBAC3CL,IACX,CAEA,gBAAAK,GACI,MACMC,EADUN,KAAKC,cAAcM,cAAc,cACvBC,UACpBC,EAAQT,KAAKC,cAAcM,cAAc,wCACzCG,EAAaD,EAAQA,EAAME,UAAYX,KAAKH,QAAQc,UAC1DC,OAAOC,MAAMC,MAAkB,QAAkBd,KAAKe,eAAeT,GAAaI,GAAYM,WAAU,GAAO,KAC3GJ,OAAOK,eAEf,CAEA,cAAAF,CAAeG,GACX,MAAO,wGAEgDA,EAAKC,SAAS,WAAa,0BAA4B,yBACpGnB,KAAKoB,kBAAkBF,kDAIrC,CAEA,iBAAAE,CAAkBF,GACd,OAAOA,EAAKG,WAAW,wCAAyC,IAAIA,WAAW,iCAAkC,GACrH,EAgBApC,EAA6BC,MAAMF,E","sources":["webpack:///./modules/StandardTeaserSliderOverview/StandardTeaserSliderOverview.ts"],"sourcesContent":["const moduleSelector = '[data-module=\"StandardTeaserSliderOverview\"]';\r\n\r\nimport {\r\n adjustLayerMarkUp,\r\n // createElementFromString,\r\n} from '../../helpers/DOMHelpers';\r\n\r\nexport default class StandardTeaserSliderOverview {\r\n sliderWrapper: HTMLElement;\r\n seeAllButton: HTMLElement;\r\n\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 StandardTeaserSliderOverview(element);\r\n element.dataset.moduleInitialized = 'true';\r\n });\r\n }\r\n\r\n constructor(public element: HTMLElement, options?) {\r\n this.sliderWrapper = this.element.closest('.nx-u-section');\r\n\r\n this.initOverviewLayer();\r\n }\r\n\r\n initOverviewLayer(): StandardTeaserSliderOverview {\r\n this.element.addEventListener('click', () => this.openServiceLAyer())\r\n return this;\r\n }\r\n\r\n openServiceLAyer() {\r\n const target = this.sliderWrapper.querySelector('.nx-slider') as HTMLElement;\r\n const targetHtml = target.innerHTML;\r\n const title = this.sliderWrapper.querySelector('.nx-standard-teaser-slider__headline') as HTMLElement;\r\n const layerTitle = title ? title.innerText : this.element.innerText;\r\n NiveaX.layer.open(adjustLayerMarkUp(this.getLayerMarkUp(targetHtml), layerTitle).cloneNode(true), () => {\r\n NiveaX.initModules();\r\n });\r\n }\r\n\r\n getLayerMarkUp(text) {\r\n return `\r\n
\r\n
\r\n ${this.removeInitModules(text)}\r\n
\r\n
\r\n `\r\n }\r\n\r\n removeInitModules(text) {\r\n return text.replaceAll(`data-e-shop-module-initialized=\"true\"`, '').replaceAll(`data-module-initialized=\"true\"`, '')\r\n }\r\n}\r\n\r\n// Hot Module Replacement\r\nif (module.hot) {\r\n let nodesCache: HMRNodes[] = Array.from(document.querySelectorAll(moduleSelector)).map((element: Node) => ({ nodeToReplace: element, nodeOrigin: element.cloneNode(true) }));\r\n\r\n StandardTeaserSliderOverview.setup(moduleSelector);\r\n\r\n module.hot.accept(() => {\r\n StandardTeaserSliderOverview.setup(moduleSelector);\r\n });\r\n module.hot.dispose(() => {\r\n nodesCache.forEach(({ nodeToReplace, nodeOrigin }) => { nodeToReplace = nodeToReplace.parentElement.replaceChild(nodeOrigin.cloneNode(true), nodeToReplace) });\r\n });\r\n} else {\r\n StandardTeaserSliderOverview.setup(moduleSelector);\r\n}\r\n\r\n"],"names":["moduleSelector","StandardTeaserSliderOverview","setup","selector","Array","from","document","querySelectorAll","filter","node","dataset","moduleInitialized","forEach","element","constructor","options","this","sliderWrapper","closest","initOverviewLayer","addEventListener","openServiceLAyer","targetHtml","querySelector","innerHTML","title","layerTitle","innerText","NiveaX","layer","open","getLayerMarkUp","cloneNode","initModules","text","includes","removeInitModules","replaceAll"],"sourceRoot":""}