1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[1322,9384,9982],{37564:(e,t,s)=>{s.r(t),s.d(t,{default:()=>r});var a=s(84444),n=s(21464),i=s(98684);const o=["nx-u-spinner","nx-u-spinner--medium"];class r extends a.default{constructor(e,t={}){super(e,t),this.options=(0,n.$E)(this.element,this.options),this.init()}getDefaultOptions(){const e=super.getDefaultOptions();return Object.assign(Object.assign({},e),{layerModifierClasses:`${e.layerMainClass}--page`,layerCloseBtnModifierClass:`${e.layerMainClass}__close-btn--page`,layerCloseIconClass:`${e.layerCloseIconClass} nx-close-icon--thin`,beforeOpen:async()=>{await window.NiveaX.initModules()},afterOpen:async()=>{},beforeClose:async()=>{},afterClose:async()=>{}})}get isOpen(){return document.body.contains(this.layer)}showSpinner(){return(0,i.gR)(this.layer.querySelector(".nx-layer__wrapper"),...o),this.isOpen||n.LW.prevent(!0),super.open(),this}async open(e=()=>{}){const{layerMainClass:t,beforeOpen:s,afterOpen:a}=this.options;await s(),this.backButton(),this.isOpen||n.LW.prevent(!0),(0,i.jo)(this.layer.querySelector(".nx-layer__wrapper"),...o),super.open(),(0,n.mS)(()=>this.layer.classList.add(`${t}--open`)),window.NiveaX.loadShopPrices(),await a(),e()}async close(e=()=>{}){const{layerMainClass:t,beforeClose:s,afterClose:a}=this.options;await s(),sessionStorage.removeItem("layers"),(0,i.iQ)(this.layer,`${t}--closing`),(0,n.Ys)(()=>{(0,i.jo)(this.layer,`${t}--open`,`${t}--closing`),super.close()},400),(document.body.classList.contains("nx-u-lock-screen")||document.body.classList.contains("nx-u-prevent-scroll"))&&n.LW.allow(),await a(),e()}backButton(){let e,t,s=sessionStorage.getItem("layers");if(s)if(e=JSON.parse(s),e.includes(location.hash)){let s=e.findIndex(e=>e==location.hash)+1;e=e.slice(0,s),t=[...e]}else t=[...e,location.hash];else t=[location.hash];sessionStorage.setItem("layers",`${JSON.stringify(t)}`),t.length>1?this.layer.classList.add("nx-layer--show-back-tbn"):this.layer.classList.remove("nx-layer--show-back-tbn")}}},62286:(e,t,s)=>{s.r(t),s.d(t,{default:()=>o});var a=s(80376),n=s(98684),i=function(e,t){var s={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(s[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(s[a[n]]=e[a[n]])}return s};class o{static setup(e='[data-module="HotSpot"]'){Array.from(document.querySelectorAll(e)).filter(e=>!e.dataset.moduleInitialized).forEach(e=>{new o(e),e.dataset.moduleInitialized="true"})}constructor(e){this.element=e,this.hotspotArea=e,this.image=this.element.querySelector(".nx-u-image img"),null!==this.image&&(this.layer=new a.default(document.body,{layerThemingClasses:this.getHotspotLayerClasses(e),layerThemingStyles:this.getHotspotLayerStyles(e)}),this.hotspotData=this.hotspotArea.querySelector(".nx-content-zone__hotspot-data").innerHTML,this.hotspotData&&(this.contentArray=JSON.parse(this.hotspotData)),this.mobileDesktopChangeEventListener(),this.init())}getHotspotLayerClasses(e){let t=e.getAttribute("data-hotspot-layer-css-classes").split(" ");return t.push("nx-layer__wrapper--hotspot"),t}getHotspotLayerStyles(e){return e.getAttribute("data-hotspot-layer-css-styles")}init(){return(0,n.LE)(this.image)?this.createHotspots():this.setImageEventHandler(),this}setImageEventHandler(){return this.image.addEventListener("load",()=>this.createHotspots()),this}createHotspots(e){return this.contentArray&&this.contentArray.forEach(t=>{let{X:s,Y:a,XMobile:o,YMobile:r}=t,l=i(t,["X","Y","XMobile","YMobile"]);!(e?"isDesktop"===e:window.NiveaX.deviceType.isDesktop)&&o&&r?(s=o,a=r,this.imageWidth=this.hotspotArea.dataset.mobileImageWidth,this.imageHeight=this.hotspotArea.dataset.mobileImageHeight):(this.imageWidth=this.hotspotArea.dataset.imageWidth,this.imageHeight=this.hotspotArea.dataset.imageHeight);const c=this.responsiveHotspot(s,a,this.imageWidth,this.imageHeight,l.CssClasses,l.CssStyles);l.HotspotDetail.forEach(e=>{const t=this.getLayerContent(e);c.addEventListener("click",()=>{this.trackElementClick(e),this.layer.adjustTransformOrigin(c).insertContent((0,n.Uo)(t)).open(()=>{NiveaX.initModules()})})})}),this}trackElementClick(e){}mobileDesktopChangeEventListener(){return document.addEventListener("niveax:breakpointchange",e=>{this.destroyHotSpots(),this.createHotspots(e.detail.deviceType)}),this}destroyHotSpots(){this.element.querySelectorAll(".nx-hotspot").forEach(e
1=>e.remove())}placeHotspot(e,t,s,a){let n=this.hotspotArea.querySelector(".nx-content-zone__hotspot-wrapper"),i=document.createElement("div"),o=document.createElement("span");return i.appendChild(o),i.setAttribute("class",`nx-hotspot nx-u-wave-animation ${s}`),i.setAttribute("style",a),i.style.left=e+"%",i.style.top=t+"%",o.className="nx-hotspot-btn nx-u-plus-minus-btn",n.appendChild(i),i}responsiveHotspot(e,t,s,a,n,i){let o=e/s*100,r=t/a*100;return this.placeHotspot(o,r,n,i)}getLayerContent(e){const{Title:t,Copy:s,Link:{Title:a,Url:n}}=e;return`\n <div class="nx-u-container">\n <div class="nx-layer__expander nx-expander" data-module="Expander">\n <div class="nx-expander__content" data-options='{"collapsedHeight":225}'>\n <h3 class="nx-font-heading-3 nx-txt-uppercase nx-font--bold nx-u-mb-base-2">${t}</h3>\n <div>\n <div class="nx-font-body-1">${s}</div>\n <a class="nx-lnk nx-font-body-1" href="${n}">${a}</a>\n </div>\n </div>\n <button class="nx-u-plus-minus-btn nx-expander__button" hidden></button>\n </div>\n </div>`}}},80376:(e,t,s)=>{s.r(t),s.d(t,{default:()=>r});var a=s(37564),n=s(98684),i=s(21464);const o='[data-module="LayerCircle"]';class r extends a.default{static setup(e=o){Array.from(document.querySelectorAll(e)).filter(e=>!e.dataset.moduleInitialized).forEach(e=>{new r(e),e.dataset.moduleInitialized="true"})}constructor(e,t={}
1){super(e,t),this.addFlyoutClick().addExpandBtnClick().adjustLandscapeMode().listenToLandscapeMode().addTheming()}getDefaultOptions(){const e=super.getDefaultOptions();return Object.assign(Object.assign({},e),{layerModifierClasses:`${e.layerMainClass}--circle`,layerCloseBtnModifierClass:`${e.layerMainClass}__close-btn--circle`,layerCloseIconClass:`${e.layerCloseIconClass} nx-close-icon--thin`,layerLandscapeModifierClass:`${e.layerMainClass}--landscape`,expandBtnClass:"nx-expander__button",expandLayerModifierClass:`${e.layerMainClass}--expand`,layerThemingClasses:[],layerThemingStyles:"",beforeOpen:async()=>{await NiveaX.initModules()},afterOpen:async()=>{},beforeClose:async()=>{},afterClose:async()=>{}})}addFlyoutClick(){return this.layer.addEventListener("click",({target:e})=>e===this.layer&&this.close()),this}addExpandBtnClick(){const{expandBtnClass:e,expandLayerModifierClass:t}=this.options;return this.layer.addEventListener("click",({target:s})=>(0,n.nB)(s,e)&&this.layer.classList.toggle(t)),this}adjustLandscapeMode(){const{layerLandscapeModifierClass:e}=this.options;return(0,n.p1)(this.layer,e,window.innerHeight<528),this}listenToLandscapeMode(){return NiveaX.addToEventStore("resize",()=>this.adjustLandscapeMode(),window),this}addTheming(){const{layerThemingClasses:e,layerThemingStyles:t}=this.options;return(0,n.gR)(this.wrapper,...e),this.wrapper.style.cssText+=t,this}adjustOptions(e={}){return this.options=Object.assign(Object.assign({},this.options),e),this}adjustTransformOrigin(e){const{top:t,left:s}=e.getBoundingClientRect(),{offsetHeight:a,offsetWidth:i}=e,o={"transform-origin":`${s+i/2}px ${t+a/2}px`};return this.layer.setAttribute("style",(0,n.FQ)(o)),this}async close(e=()=>{}){const{expandLayerModifierClass:t}=this.options;await super.close(),(0,i.Ys)(()=>{this.layer.classList.remove(t),e()},400)}}r.setup(o)}}]); 2//# sourceMappingURL=/dist/NiveaX/./modules/HotSpot-HotSpot.5392c9be.js.05a5e31b.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.