https://www.nivea.ro/dist/NiveaX/modules/TeaserScrollGrid.b15a33dc.js

1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[558,7128,8091],{13658:(t,i,e)=>{e.r(i),e.d(i,{default:()=>o});var s=e(21464),l=e(99567);const r='[data-module="TeaserScrollGrid"]';class o{static setup(t=r){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new o(t),t.dataset.moduleInitialized="true"})}constructor(t,i){this.element=t,this.options=i,this.getScrollGridOptions().getControlElements().initScrollBar(this.scrollGridElement),this.options.showControls?this.initArrowControls():this.hideArrows(),this.onResize()}getScrollGridOptions(){var t;return this.options=(0,s.$E)(this.element,Object.assign(this.getDefaultOptions(),this.options)),this.fadeWith=null===(t=this.options.scrollBarOptions)||void 0===t?void 0:t.fadeWidth,this}getControlElements(){return this.controlArrowsElement=this.element.querySelector(`.${this.options.arrowControlsSelector}`),this.scrollGridElement=this.element.querySelector(`.${this.options.scrollGridNodeSelector}`),this}initScrollBar(t){var i,e;const s=this.element.querySelector(".nx-scroll--list");if(1!=(null==s?void 0:s.children.length))return this.scrollBar=new l.default(t,this.options.scrollBarOptions),this.hideFade(null===(e=null===(i=window.NiveaX)||void 0===i?void 0:i.deviceType)||void 0===e?void 0:e.isMobile),this.checkIfIsScrollApplied(),this;s.style.display="flex"}checkIfIsScrollApplied(){const t=this.scrollBar.psb.element.querySelector(".nx-scroll--list"),i=this.scrollBar.psb.scrollbarXRail;this.scrollBar.psb.contentWidth<=this.scrollBar.psb.containerWidth?(i.style.backgroundColor="transparent",t.style.justifyContent="center"):(i.style.backgroundColor="",t.style.justifyContent="")}initArrowControls(){var t,i;const e=null===(t=this.controlArrowsElement)||void 0===t?void 0:t.querySelector(".nx-controls__btn--prev");null==e||e.addEventListener("click",()=>{this.previousBtnClick(this.options.arrowScrollPxDistance)});const s=null===(i=this.controlArrowsElement)||void 0===i?void 0:i.querySelector(".nx-controls__btn--next");return null==s||s.addEventListener("click",()=>{this.nextBtnClick(this.options.arrowScrollPxDistance)}),this.updateArrowsVisibility(),this}nextBtnClick(t){var i,e;this.scrollGridElement.scrollLeft=this.scrollGridElement.scrollLeft+t,null===(e=null===(i=this.scrollBar)||void 0===i?void 0:i.fadeSide)||void 0===e||e.adjustFadeElements()}previousBtnClick(t){var i,e;this.scrollGridElement.scrollLeft=this.scrollGridElement.scrollLeft-t,null===(e=null===(i=this.scrollBar)||void 0===i?void 0:i.fadeSide)||void 0===e||e.adjustFadeElements()}onResize(){return document.addEventListener("niveax:breakpointchange",t=>{this.hideFade("isMobile"==t.detail.deviceType)}),NiveaX.addToEventStore("resize",this.reinit.bind(this),window),this}reinit(){return this.reinitScrollBar(),this.options.showControls&&this.updateArrowsVisibility(),this}reinitScrollBar(){var t;return null===(t=this.scrollBar)||void 0===t||t.destroy(),this.initScrollBar(this.scrollGridElement),this}updateArrowsVisibility(){this.scrollGridElement.scrollWidth-this.scrollGridElement.clientWidth==0?this.hideArrows():this.showArrows()}hideFade(t){var i,e,s,l,r,o;t?null===(e=null===(i=this.scrollBar)||void 0===i?void 0:i.fadeSide)||void 0===e||e.setFadeWith(0):null===(l=null===(s=this.scrollBar)||void 0===s?void 0:s.fadeSide)||void 0===l||l.setFadeWith(this.fadeWith),null===(o=null===(r=this.scrollBar)||void 0===r?void 0:r.fadeSide)||void 0===o||o.adjustFadeElements()}hideArrows(){var t,i;null===(i=null===(t=this.controlArrowsElement)||void 0===t?void 0:t.classList)||void 0===i||i.add(`${this.options.arrowControlsSelector}--hidden`)}showArrows(){var t,i;(null===(t=this.controlArrowsElement)||void 0===t?void 0:t.classList.contains(`${this.options.arrowControlsSelector}--hidden`))&&(null===(i=this.controlArrowsElement)||void 0===i||i.classList.remove(`${this.options.arrowControlsSelector}--hidden`))}getDefaultOptions(){return{scrollGridNodeSelector:"nx-scroll-container",scrollBarOptions:{sbListSelector:"nx-scroll-container",sbListItem:"nx-scroll-container",fadeSide:!1},arrowControlsSelector:"nx-scroll__controls",arrowScrollPxDistance:208,showControls:!0}}}o.setup(r)},96911:(t,i,e)=>{e.r(i),e.d(i,{default:()=>s});const s=e(13658).default},99567:(t,i,e)=>{e.r(i),e.d(i,{default:()=>o});var s=e(53983),l=e(21464);const r='[data-module="ScrollBar"]';class o{static setup(t=r){Array.from(document.querySelectorAll(t)).filter(t=>

1!t.dataset.moduleInitialized).forEach(t=>{new o(t),t.dataset.moduleInitialized="true"})}constructor(t,i={}){this.element=t,this.options=i,this.options=(0,l.$E)(this.element,Object.assign(this.getDefaultOptions(),this.options)),this.list=this.element.querySelector(`.${this.options.sbListSelector}`),this.init()}init(){return this.psb=new s.A(this.element,this.options),this.onPageLoaded().onResize(),this}initFadeSide(){return this.fadeSide=new n(this.element,this.options.fadeWidth),this}updateScrollBar(){return this.element.closest(".nx-advantages")&&this.adjustScrollBarListWidth(),this.psb&&this.psb.update(),this}getScrollBarListWidth(){const t=this.list.querySelector(`.${this.options.sbListItem}`),i=this.list.querySelectorAll(`.${this.options.sbListItem}`).length;return Math.ceil(i*t.offsetWidth+1)}adjustScrollBarListWidth(){return this.clearScrollBarListWidth(),this.list.style.width=this.getScrollBarListWidth()+"px",this}clearScrollBarListWidth(){return this.list.style.width="",this}initScrollBarAfterPageLoaded(){return this.updateScrollBar(),this.options.fadeSide&&this.initFadeSide(),this}onResize(){return NiveaX.addToEventStore("resize",this.updateScrollBar.bind(this),window),this}onPageLoaded(){return"complete"===document.readyState?this.initScrollBarAfterPageLoaded():NiveaX.addToEventStore("load",this.initScrollBarAfterPageLoaded.bind(this),window),this}getDefaultOptions(){return{fadeSide:!0,suppressScrollY:!0,sbListSelector:"nx-benefits__list",fadeWidth:null,sbListItem:"nx-benefit",useBothWheelAxes:!0,swipeEasing:!0}}destroy(){var t;return null===(t=this.psb)||void 0===t||t.destroy(),this.psb=null,this}rebuild(){return this.psb=new s.A(this.element,this.options),this.updateScrollBar(),this}}class n{constructor(t,i){this.element=t,this.leftMaskWidth=0,this.rightMaskWidth=0,this.fadeWidth=i||this.getFadeWidth(),this.leftMaskWidth=this.fadeWidth,this.rightMaskWidth=this.fadeWidth,this.init()}init(){this.adjustFadeElements(),this.element.addEventListener("ps-scroll-x",()=>{this.adjustFadeElements()})}adjustFadeElements(){let t,i,e=this.element.scrollWidth,s=Math.abs(this.element.scrollLeft),l=Math.abs(e-(s+this.element.clientWidth));s<=this.fadeWidth&&(t=s/this.fadeWidth*this.fadeWidth),l<=this.fadeWidth&&(i=l/this.fadeWidth*this.fadeWidth),null==t&&null==i&&(t=this.fadeWidth,i=this.fadeWidth);let r="ltr"==document.dir?t:i,o="ltr"==document.dir?i:t;this.leftMaskWidth=null!=r?r:this.leftMaskWidth,this.rightMaskWidth=null!=o?o:this.rightMaskWidth,this.element.setAttribute("style",`-webkit-mask-image: linear-gradient(to right, transparent 0px, black ${this.leftMaskWidth}px), linear-gradient(to left, transparent 0px, black ${this.rightMaskWidth}px);\n        mask-image: linear-gradient(to right, transparent 0px, black ${this.leftMaskWidth}px), linear-gradient(to left, transparent 0px, black ${this.rightMaskWidth}px);`)}setFadeWith(t){this.fadeWidth=t}getFadeWidth(){var t;return null===(t=this.element.querySelector(".nx-benefit"))||void 0===t?void 0:t.clientWidth}}o.setup(r)}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/TeaserScrollGrid.b15a33dc.js.8871c1a2.map