https://www.nivea.com.ng/dist/NiveaX/modules/ProductStageOverlay.208cbd10.js

1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[1278,8791,9384],{37564:(e,t,s)=>{s.r(t),s.d(t,{default:()=>l});var i=s(84444),r=s(21464),a=s(98684);const n=["nx-u-spinner","nx-u-spinner--medium"];class l extends i.default{constructor(e,t={}){super(e,t),this.options=(0,r.$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,a.gR)(this.layer.querySelector(".nx-layer__wrapper"),...n),this.isOpen||r.LW.prevent(!0),super.open(),this}async open(e=()=>{}){const{layerMainClass:t,beforeOpen:s,afterOpen:i}=this.options;await s(),this.backButton(),this.isOpen||r.LW.prevent(!0),(0,a.jo)(this.layer.querySelector(".nx-layer__wrapper"),...n),super.open(),(0,r.mS)(()=>this.layer.classList.add(`${t}--open`)),window.NiveaX.loadShopPrices(),await i(),e()}async close(e=()=>{}){const{layerMainClass:t,beforeClose:s,afterClose:i}=this.options;await s(),sessionStorage.removeItem("layers"),(0,a.iQ)(this.layer,`${t}--closing`),(0,r.Ys)(()=>{(0,a.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"))&&r.LW.allow(),await i(),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")}}},63528:(e,t,s)=>{s.r(t),s.d(t,{default:()=>o});var i=s(50436),r=s(91950),a=s(98684);const n={controls:!1,controlsText:["",""],items:1,loop:!1,mouseDrag:!0,nav:!1,speed:600,responsive:{1024:{controls:!0,mouseDrag:!0}},startIndex:0,lazyload:!0},l={controls:!1,controlsText:["",""],fixedWidth:70,gutter:8,edgePadding:0,loop:!1,mouseDrag:!0,nav:!1,slideBy:1,responsive:{1280:{edgePadding:0}},startIndex:0,lazyload:!0};class o{constructor(e,t,s,i){this.callbackSliderProductStage=s,this.options=e,this.sliderProductStage=t,this.numberOfThumbs=4,this.createLayer(i)}createLayer(e){let t=this.retrieveTemplateOptions();if(t)return this.layer=new r.default(document.body,{afterOpen:async()=>this.callbackOpen(),beforeClose:async()=>this.callbackBeforeClose(),afterClose:async()=>this.callbackAfterClose()}),this.layer.insertContent((0,a.Uo)(t.innerHTML)),this.layer}callbackOpen(){return this.layerElements=this.layer.getLayerNode(),this.activeSlideId=this.getDatasetId(),this.isInitialized?this.activeSlideId>=0&&(this.setImageSlider(this.activeSlideId).setThumbSlider(this.activeSlideId).addlistenerImageSlider(),this.thumbs.length>1&&this.addPanel().addListenerBtnPanel().addlistenerThumbs().removeActiveClass().addActiveClass(this.activeSlideId)):(this.isInitialized=!0,this.layer.getLayerNode().style.overflow="hidden",this.activeSlideId>=0&&(this.setImageSlider(this.activeSlideId).setThumbSlider(this.activeSlideId).addlistenerImageSlider(),this.thumbs.length>1&&this.addPanel().addListenerBtnPanel().addlistenerThumbs().addActiveClass(this.activeSlideId))),this}getDatasetId(){let e=this.layerElements.querySelectorAll(".nx-product-zoom__image-slider-item");for(var t=0;t<e.length;t++)if(e[t].dataset.slideId===this.productStageActiveSlideId)return t}setImageSlider(e){return n.startIndex=e,this.imageSlider=new i.default(this.layer.getLayerNode().querySelector(".nx-product-zoom__image-slider"),n),this}setThumbSlider(e){return l.items=this.numberOfThumbs,l.slideBy=this.numberOfThumbs,l.startIndex=e,this.thumbSlider=new i.default(this.layer.getLayerNode().querySelector(".nx-product-zoom__thumb-slider"),l),this.thumbs=this.thumbSlider.sliderInfo.slideItems,this}addlistenerThumbs(){for(let e=0;e<this.thumbs.length;e++){let t=this.thumbs[e];

1t.addEventListener("click",s=>{this.toggleActiveThumbs(e),this.productStageGotoSlide(parseInt(t.dataset.slideId))})}return this}addlistenerImageSlider(){let e=this.imageSlider.sliderInfo;return this.imageSlider.slider.events.on("touchEnd",()=>{this.onClickArrowImageSlider()}),this.imageSlider.slider.events.on("dragEnd",()=>{this.onClickArrowImageSlider()}),e.prevButton&&e.prevButton.addEventListener("click",()=>{this.onClickArrowImageSlider()}),e.nextButton&&e.nextButton.addEventListener("click",()=>{this.onClickArrowImageSlider()}),this}onClickArrowImageSlider(){return setTimeout(()=>{let e=this.imageSlider.sliderInfo.index;this.toggleActiveThumbs(e)},50),this}toggleActiveThumbs(e){return this.removeActiveClass().addActiveClass(e),this.activeSlideId=e,this.imageSlider.sliderIndex!==e&&this.imageSlider.goTo(e),this.productStageGotoSlide(this.thumbs[e].dataset.slideId),this}removeActiveClass(){return Array.from(this.thumbs).forEach(e=>{var t;null===(t=null==e?void 0:e.querySelector(".--active"))||void 0===t||t.classList.remove("--active")}),this}addActiveClass(e){let t=this.thumbs[e].children[0];return t.classList.contains("--active")||t.classList.add("--active"),this}productStageGotoSlide(e){this.callbackSliderProductStage(e)}addPanel(){return this.layerElements.querySelector(".nx-product-zoom__panel").classList.remove("nx-product-zoom--hide"),this}addListenerBtnPanel(){return this.layerElements.querySelector(".nx-product-zoom__panel-btn").addEventListener("click",e=>{e.currentTarget.parentNode.classList.toggle("--open")}),this}retrieveTemplateOptions(){let e=JSON.parse(this.options);return document.querySelector(e.template)}callbackBeforeClose(){return this.imageSlider.destroy(),this}callbackAfterClose(){return this}openLayer(e){var t;this.productStageActiveSlideId=(null===(t=this.sliderProductStage)||void 0===t?void 0:t.slider.currentSlide)||e,this.layer.open()}}},91950:(e,t,s)=>{s.r(t),s.d(t,{default:()=>S});var i=s(19446),r=s(88692),a=s(8481),n=s(45204),l=s(41445),o=s(60778),d=s(71678),c=s(24329),h=s(24746),u=s(70846);var p=function(){function e(e,t){this.predicate=e,this.inclusive=t}return e.prototype.call=function(e,t){return t.subscribe(new m(e,this.predicate,this.inclusive))},e}(),m=function(e){function t(t,s,i){var r=e.call(this,t)||this;return r.predicate=s,r.inclusive=i,r.index=0,r}return h.C6(t,e),t.prototype._next=function(e){var t,s=this.destination;try{t=this.predicate(e,this.index++)}catch(e){return void s.error(e)}this.nextOrComplete(e,t)},t.prototype.nextOrComplete=function(e,t){var s=this.destination;Boolean(t)?s.next(e):(this.inclusive&&s.next(e),s.complete())},t}(u.v),y=s(37564),g=s(21464),v=s(98684);const f='[data-module="LayerPage"]';class S extends y.default{static setup(e=f){Array.from(document.querySelectorAll(e)).filter(e=>!e.dataset.moduleInitialized).forEach(e=>{new S(e),e.dataset.moduleInitialized="true"})}constructor(e,t={}){super(e,t),this.listenToEvents()}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 NiveaX.initModules()},afterOpen:async()=>{},beforeClose:async()=>{},afterClose:async()=>{}})}listenToEvents(){const e=(0,i.R)(this.layerContent,"touchstart",{passive:!0}).pipe((0,n.p)(e=>e.target===e.currentTarget)),t=(0,i.R)(document,"touchend",{passive:!0}).pipe((0,l.M)(()=>requestAnimationFrame(()=>this.wrapper.removeAttribute("style")))),s=(0,i.R)(document,"touchmove",{passive:!0}).pipe((0,o.T)(e=>e.changedTouches[0].clientY)),{layerMainClass:h}=this.options;return e.pipe((0,o.T)(e=>e.changedTouches[0].clientY),(0,d.n)(e=>{return(0,r.zV)((0,a.of)(e),s).pipe((0,c.Q)(t),(i=()=>!(0,v.nB)(this.layer,`${h}--closing`),void 0===n&&(n=!1),function(e){return e.lift(new p(i,n))}));var i,n})).subscribe(([e,t])=>{const s=t-e,i=s/(.3*document.documentElement.offsetHeight),r={transform:`translateY(${Math.max(s,0)}px) scale(${Math.min(1-.2*i,1)})`,transition:"none",overflow:"hidden",opacity:Math.min(1-.6*i,1)};i<1?this.wrapper.setAttribute("style",(0,v.FQ)(r)):(this.close(),(0,g.Ys)(()=>{this.wrapper.removeAttribute("style")},300))}),this}

1getLayerNode(){return this.layer}}S.setup(f)}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/ProductStageOverlay.208cbd10.js.b15e7844.map