https://www.nivea.co.jp/dist/NiveaX/modules/EnhancedListScrollGrid.24e5947c.js

1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[802,8091,9318],{11478:(t,e,i)=>{i.r(e),i.d(e,{default:()=>n});var s=i(21464),l=i(99567);const r='[data-module="EnhancedListScrollGrid"]';class n{static setup(t=r){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new n(t),t.dataset.moduleInitialized="true"})}constructor(t,e){this.element=t,this.options=e,this.getScrollGridOptions().getScrollGridElement().initScrollBar(this.scrollGridElement),this.onResize(),this.adjustImageClassForVideos()}getScrollGridOptions(){return this.options=(0,s.$E)(this.element,Object.assign(this.getDefaultOptions(),this.options)),this}getScrollGridElement(){return this.scrollGridElement=this.element.querySelector(`.${this.options.scrollGridNodeSelector}`),this}initScrollBar(t){return this.scrollBar=new l.default(t,this.options.scrollBarOptions),this.checkIfIsScrollApplied(),this}adjustImageClassForVideos(){const t=this.scrollGridElement;!!t.querySelector("video")&&t.querySelectorAll(".nx-enhanced-list__scroll-grid-item-image").forEach(t=>{t.classList.remove("nx-enhanced-list__scroll-grid-item-image"),t.classList.add("nx-enhanced-list__item-image")})}checkIfIsScrollApplied(){const t=this.scrollBar.psb.element.querySelector(".nx-scroll--list"),e=this.scrollBar.psb.scrollbarXRail;this.scrollBar.psb.contentWidth<=this.scrollBar.psb.containerWidth?(e.style.backgroundColor="transparent",t.style.justifyContent="center"):(e.style.backgroundColor="",t.style.justifyContent="")}onResize(){return NiveaX.addToEventStore("resize",this.reinit.bind(this),window),this}reinit(){return this.reinitScrollBar(),this}reinitScrollBar(){var t;return null===(t=this.scrollBar)||void 0===t||t.destroy(),this.initScrollBar(this.scrollGridElement),this}getDefaultOptions(){return{scrollGridNodeSelector:"nx-scroll-container",scrollBarOptions:{sbListSelector:"nx-scroll-container",sbListItem:"nx-scroll-container",fadeSide:!1}}}}n.setup(r)},24817:(t,e,i)=>{i.r(e),i.d(e,{default:()=>s});const s=i(11478).default},99567:(t,e,i)=>{i.r(e),i.d(e,{default:()=>n});var s=i(53983),l=i(21464);const r='[data-module="ScrollBar"]';class n{static setup(t=r){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new n(t),t.dataset.moduleInitialized="true"})}constructor(t,e={}){this.element=t,this.options=e,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 a(this.element,this.options.fadeWidth),this}

1updateScrollBar(){return this.element.closest(".nx-advantages")&&this.adjustScrollBarListWidth(),this.psb&&this.psb.update(),this}getScrollBarListWidth(){const t=this.list.querySelector(`.${this.options.sbListItem}`),e=this.list.querySelectorAll(`.${this.options.sbListItem}`).length;return Math.ceil(e*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 a{constructor(t,e){this.element=t,this.leftMaskWidth=0,this.rightMaskWidth=0,this.fadeWidth=e||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,e,i=this.element.scrollWidth,s=Math.abs(this.element.scrollLeft),l=Math.abs(i-(s+this.element.clientWidth));s<=this.fadeWidth&&(t=s/this.fadeWidth*this.fadeWidth),l<=this.fadeWidth&&(e=l/this.fadeWidth*this.fadeWidth),null==t&&null==e&&(t=this.fadeWidth,e=this.fadeWidth);let r="ltr"==document.dir?t:e,n="ltr"==document.dir?e:t;this.leftMaskWidth=null!=r?r:this.leftMaskWidth,this.rightMaskWidth=null!=n?n: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}}n.setup(r)}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/EnhancedListScrollGrid.24e5947c.js.8e26cfc0.map