{"version":3,"sources":["webpack:///./modules/TeaserReadMore.ts"],"names":["__webpack_require__","r","__webpack_exports__","TeaserReadMore","element","_this","this","document","querySelectorAll","forEach","addEventListener","e","openInfoInLayer","showReadMoreBtn","setup","selector","Array","from","filter","node","dataset","moduleInitialized","prototype","targetTeaser","currentTarget","closest","window","Eucerin","layer","openContent","innerHTML","layerModifierClasses","textDefinitionHeight","querySelector","textDefinitionHeightNr","clientHeight","getAttribute","classList","add"],"mappings":"0FAAAA,EAAAC,EAAAC,GAAA,IAEAC,EAAA,WASI,SAAAA,EAAmBC,GAAnB,IAAAC,EAAAC,KAAmBA,KAAAF,UACSG,SAASC,iBAAiB,mBAClCC,QAAQ,SAACL,GACrBA,EAAQM,iBAAiB,QAAS,SAACC,GAAM,OAAAN,EAAKO,gBAAgBD,KAE9DN,EAAKQ,gBAAgBT,KAoBjC,OAhCWD,EAAAW,MAAP,SAAaC,QAAA,IAAAA,MAJM,kCAKfC,MAAMC,KAAKV,SAASC,iBAAiBO,IAAWG,OAAO,SAACC,GAAsB,OAACA,EAAKC,QAAQC,oBAAmBZ,QAAQ,SAACL,GACpH,IAAID,EAAeC,GACnBA,EAAQgB,QAAQC,kBAAoB,UAa5ClB,EAAAmB,UAAAV,gBAAA,SAAgBD,GACZ,IACIY,EADSZ,EAAEa,cACwBC,QAAQ,WAE/CC,OAAOC,QAAQC,MAAMC,YAAYN,EAAaO,WAAaC,qBAAsB,QAG7E5B,EAAAmB,UAAAT,gBAAR,SAAwBT,GACpB,IAAM4B,EAAuB5B,EAAQqB,QAAQ,WAAWQ,cAAc,2BAClEC,EAAyBF,GAAwBA,EAAqBG,aAGtED,GAF0BA,GAA0B9B,EAAQgC,aAAa,gCAGzEhC,EAAQiC,UAAUC,IAAI,YAGlCnC,EAlCA,eAoCA,IAAIA,EAAeW","file":"./modules/TeaserReadMore.bb98469a.js","sourcesContent":["const moduleSelector = '[data-module=\"TeaserReadMore\"]';\r\n\r\nexport default class TeaserReadMore {\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 TeaserReadMore(element);\r\n            element.dataset.moduleInitialized = 'true';\r\n        });\r\n    }\r\n\r\n    constructor(public element: HTMLElement) {\r\n        const readMoreInfoBtn = document.querySelectorAll(\".read-more-info\");\r\n        readMoreInfoBtn.forEach((element) => {\r\n            element.addEventListener('click', (e) => this.openInfoInLayer(e));\r\n\r\n            this.showReadMoreBtn(element);\r\n        })\r\n    }\r\n\r\n    openInfoInLayer(e) {\r\n        var target = e.currentTarget;\r\n        var targetTeaser = <HTMLElement>target.closest('.teaser');\r\n\r\n        window.Eucerin.layer.openContent(targetTeaser.innerHTML, { layerModifierClasses: null });\r\n    }\r\n\r\n    private showReadMoreBtn(element) {\r\n        const textDefinitionHeight = element.closest(\".teaser\").querySelector(\".text-definition-height\") as HTMLElement,\r\n            textDefinitionHeightNr = textDefinitionHeight && textDefinitionHeight.clientHeight,\r\n            dataColHeightDefinition = textDefinitionHeightNr && element.getAttribute(\"data-col-height-definition\");\r\n\r\n        if (textDefinitionHeightNr > dataColHeightDefinition) {\r\n            element.classList.add(\"visible\");\r\n        }\r\n    }\r\n}\r\n\r\nnew TeaserReadMore.setup();"],"sourceRoot":""}