{"version":3,"file":"./modules/ProductDetailPageTwoColumns.xxxxxxxx.js","mappings":"kJAMe,MAAMA,EAOjB,YAAOC,CAAMC,EATM,+CAUfC,MAAMC,KAAKC,SAASC,iBAAiBJ,IAAWK,QAAQC,IAAuBA,EAAKC,QAAQC,oBAAmBC,SAASC,IACpH,IAAIZ,EAA4BY,GAChCA,EAAQH,QAAQC,kBAAoB,MAAM,GAElD,CAEA,WAAAG,CAAmBD,GAAA,KAAAA,QAAAA,EACfE,KAAKC,WAA0BD,KAAKF,QAAQI,cAAc,6BAC1DF,KAAKG,YAA2BH,KAAKF,QAAQN,iBAAiB,6BAA6B,GAE3FQ,KAAKI,MACT,CAEQ,YAAAC,GACyCL,KAAKF,QAAQN,iBAAiB,6BAC/DK,SAASS,IACjB,MAAMC,EAAUD,EAAOJ,cAAc,uCAC/BM,EAA0BF,EAAOJ,cAAc,oBACpDK,GAAWC,IAA2BF,EAAOG,UAAUC,IAAI,2CAAgD,GAEpH,CAEQ,IAAAN,GACJJ,KAAKW,iBACLX,KAAKK,eACLO,OAAOC,gBAAgB,UAAU,SAAS,IAAMb,KAAKc,iBAAiB,KAAMC,OAChF,CAEQ,cAAAJ,GACJX,KAAKgB,aACDhB,KAAKiB,yBACTjB,KAAKkB,sBACT,CAEQ,qBAAAD,GACJ,OAAOF,OAAOH,OAAOO,WAAWC,UAAYL,OAAOH,OAAOO,WAAWE,UAAarB,KAAKsB,WAAWC,cAAgD,IAAhCvB,KAAKwB,YAAYD,YACvI,CAEQ,oBAAAL,GACJlB,KAAKwB,YAAYC,MAAMC,SAAW,SAClC1B,KAAKwB,YAAYC,MAAME,IAAM,MACjC,CAEQ,UAAAX,GACJ,MAAMY,EAA6B5B,KAAKC,WAAWsB,aAAevB,KAAKG,YAAYoB,aAGnF,OAFAvB,KAAKwB,YAAcI,EAAoB5B,KAAKC,WAAaD,KAAKG,YAC9DH,KAAKsB,WAAaM,EAAoB5B,KAAKG,YAAcH,KAAKC,WACvDD,IACX,CAEQ,aAAAc,GACJd,KAAK6B,QACT,CAEQ,MAAAA,GACJ7B,KAAK8B,yBACL9B,KAAKW,gBACT,CAEQ,sBAAAmB,GACJ9B,KAAKwB,YAAYC,MAAMC,SAAW,UAClC1B,KAAKwB,YAAYC,MAAME,IAAM,EACjC,E,gDC3EJ,Q,SAA0C,O","sources":["webpack:///./modules/ProductDetailPageTwoColumns/ProductDetailPageTwoColumns.ts","webpack:///./modules/ProductDetailPageTwoColumns/index.ts"],"sourcesContent":["/// <reference path=\"../../typings/niveax.d.ts\"/>\r\n\r\nimport { debounce } from \"../../helpers/helperFunctions\";\r\n\r\nconst moduleSelector = '[data-module=\"ProductDetailPageTwoColumns\"]';\r\n\r\nexport default class ProductDetailPageTwoColumns {\r\n    leftColumn: HTMLElement;\r\n    rightColumn: HTMLElement;\r\n\r\n    shortColumn: HTMLElement;\r\n    longColumn: 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 ProductDetailPageTwoColumns(element);\r\n            element.dataset.moduleInitialized = 'true';\r\n        });\r\n    }\r\n\r\n    constructor(public element: HTMLElement) {\r\n        this.leftColumn = <HTMLElement>this.element.querySelector('.nx-two-columns__half-col');\r\n        this.rightColumn = <HTMLElement>this.element.querySelectorAll('.nx-two-columns__half-col')[1];\r\n\r\n        this.init();\r\n    }\r\n\r\n    private adjustZIndex() {\r\n        const halfColumns: NodeListOf<HTMLElement> = this.element.querySelectorAll('.nx-two-columns__half-col');\r\n        halfColumns.forEach((column) => {\r\n            const toolTip = column.querySelector('.nx-ingredients-section .nx-tooltip');\r\n            const productDropdownSelector = column.querySelector('.nx-pas__button');\r\n            (toolTip || productDropdownSelector) ? column.classList.add('nx-two-columns__half-col--higher-z-index') : ''\r\n        });\r\n    }\r\n\r\n    private init() {\r\n        this.initStickyness();\r\n        this.adjustZIndex();\r\n        NiveaX.addToEventStore('resize', debounce(() => this.onResizeEvent(), 250), window);\r\n    }\r\n\r\n    private initStickyness() {\r\n        this.getColumns();\r\n        if (this.isStickyNotApplicable()) return;\r\n        this.setShortColumnSticky();\r\n    }\r\n\r\n    private isStickyNotApplicable() {\r\n        return window.NiveaX.deviceType.isMobile || window.NiveaX.deviceType.isTablet || (this.longColumn.clientHeight <= this.shortColumn.clientHeight * 1.5);\r\n    }\r\n\r\n    private setShortColumnSticky() {\r\n        this.shortColumn.style.position = \"sticky\";\r\n        this.shortColumn.style.top = \"48px\";\r\n    }\r\n\r\n    private getColumns() {\r\n        const isLeftColumnShort: boolean = this.leftColumn.clientHeight < this.rightColumn.clientHeight;\r\n        this.shortColumn = isLeftColumnShort ? this.leftColumn : this.rightColumn;\r\n        this.longColumn = isLeftColumnShort ? this.rightColumn : this.leftColumn;\r\n        return this;\r\n    }\r\n\r\n    private onResizeEvent() {\r\n        this.reinit();\r\n    }\r\n\r\n    private reinit() {\r\n        this.unsetShortColumnSticky();\r\n        this.initStickyness();\r\n    }\r\n\r\n    private unsetShortColumnSticky() {\r\n        this.shortColumn.style.position = \"initial\";\r\n        this.shortColumn.style.top = \"\";\r\n    }\r\n}\r\n","import ProductDetailPageTwoColumns from './ProductDetailPageTwoColumns';\r\nexport default ProductDetailPageTwoColumns;"],"names":["ProductDetailPageTwoColumns","setup","selector","Array","from","document","querySelectorAll","filter","node","dataset","moduleInitialized","forEach","element","constructor","this","leftColumn","querySelector","rightColumn","init","adjustZIndex","column","toolTip","productDropdownSelector","classList","add","initStickyness","NiveaX","addToEventStore","onResizeEvent","window","getColumns","isStickyNotApplicable","setShortColumnSticky","deviceType","isMobile","isTablet","longColumn","clientHeight","shortColumn","style","position","top","isLeftColumnShort","reinit","unsetShortColumnSticky"],"sourceRoot":""}