1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[5546],{64926:(e,t,n)=>{n.r(t),n.d(t,{default:()=>r});var i=n(21464),s=n(98684);const a='[data-module="Ingredient"]';class r{static setup(e=a){Array.from(document.querySelectorAll(e)).filter(e=>!e.dataset.moduleInitialized).forEach(e=>{new r(e),e.dataset.moduleInitialized="true"})}constructor(e,t={}){this.element=e,this.options=(0,i.$E)(this.element,Object.assign(this.getDefaultOptions(),t));const n=Array.from(document.querySelectorAll(this.options.IngredientItem));n&&n.map(e=>e.addEventListener("click",e=>this.showIngredientInfo(e)))}showIngredientInfo(e){e.preventDefault();const t=e.currentTarget,n=t?(0,i.$E)(t):{};try{var a=this.getLayerContent(n)}catch(e){console.error(e)}a&&NiveaX.layer.open((0,s.Xq)(a))}getLayerContent(e){if(0===Object.entries(e).length)throw"Ingredient item options are empty or not set...";const{image:t,title:n,description:i,ctaLink:s}=e,{ctaLabel:a,glossaryLink:r,glossaryLabel:o}=this.options;return` \n <div class="nx-u-container">\n <div class="nx-layer__ingredient-info nx-u-txt--center">\n ${t?`<div class="nx-ingredient-item-image"><img src="${t}" /></div>`:""}\n ${n?`<h2 class="nx-txt-uppercase nx-font--extrabold nx-font-heading-2">${n}</h2>`:""}\n ${i?`<p class="nx-cpy-1 nx-u-mt-base-0 nx-font--bold nx-font-body-1">${i}</p>`:""}\n ${s&&a?`<div class="nx-content-teaser__btn"><a class="nx-btn nx-btn--secondary" href="${s}">${a}</a></div>`:""}\n ${r&&o?`<a class="nx-action-link nx-font-text-link-medium nx-font--bold nx-txt-uppercase" href="${r}">${o}</a>`:""}\n </div>\n </div>`}getDefaultOptions(){return{IngredientItem:".nx-ingredient-item"}}}r.setup(a)}}]); 2//# sourceMappingURL=/dist/NiveaX/./modules/Ingredient.7a853924.js.42efbcb2.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.