https://www.nivea.co.jp/dist/NiveaX/modules/FilterExpandElement.90b96c8c.js

1(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[3699,4318,5131,8091,8174,8242],{1001:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>n});var s=i(21464);class n{constructor(t,e={}){this.container=t,this.options=e,this.active=this.container.className.includes("active"),this.options=(0,s.$E)(this.container,Object.assign(this.getDefaultOptions(),this.options)),this.init()}init(){return this.setElementHeight(this.container,this.getSuitableHeight()),this.setOnResizeHandler(),this}saveInitialHeight(){return this.height=this.getElementHeight(this.container),this}getElementHeight(t){return t.offsetHeight}getSuitableHeight(){return this.active?"":this.options.collapsedHeight+"px"}setElementHeight(t,e){return t.style.maxHeight=null!=e?e:"",this}toggleState(){return this.active=!this.active,this}getDefaultOptions(){return{collapsedHeight:115}}setOnResizeHandler(){return NiveaX.addToEventStore("resize",()=>(0,s.Ys)(()=>this.onResize(),300),window),this}onResize(){const t=this.getSuitableHeight();this.setElementHeight(this.container,t)}setCollapsedHeight(t){return this.options.collapsedHeight=t,this}toggle(){return this.toggleState().setElementHeight(this.container,this.getSuitableHeight()),this}isActive(){return this.active}needToBeShown(){return this.height>1.25*this.options.collapsedHeight}clear(){return this.setElementHeight(this.container).saveInitialHeight(),this}render(){const t=this.getSuitableHeight();return this.setElementHeight(this.container,t),this}getContainer(){return this.container}}},23125:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>s});const s=i(44648).default},44648:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>r});var s=i(89086),n=i(23425);class r extends((0,n.A)(s.default)){trackingEvent(t,e){if(window.NiveaX.deviceType.isDesktop)return;if(!e||t.closest(".nx-filter-layer"))return;let i=!1,s="";return t.className.search("active")>0&&(i=!0),s=this.setLabel(t),document.body.classList.contains("nx-pagetype-product")?this.trackPDPSection(t,"Tap minus",s):this.preventMultipleClicks(i,s),this}setLabel(t){let e=t.querySelector("h2"),i=t.querySelector("h3");return e?e.innerText:i?i.innerText:void 0}trackPDPSection(t,e,i){t.className.search("active")>0&&(e="Tap plus"),this.trackPDPSections("Product Detail Page",e,i)}preventMultipleClicks(t,e){t&&(this.element.classList.contains("nx-trigger-once")||(this.trackElementClick(e),this.element.classList.add("nx-trigger-once")),setTimeout(()=>{this.element.classList.remove("nx-trigger-once")},100))}trackElementClick(t){window.NiveaX.IsUAEnabled&&this.dataLayer.push({event:"ga_event",eventCategory:"Expand Content",eventAction:"Tap Button",eventLabel:t,eventNonInteraction:!1})}trackPDPSections(t,e,i){window.NiveaX.IsUAEnabled&&this.dataLayer.push({event:"ga_event",eventCategory:t,eventAction:e,eventLabel:i,eventNonInteraction:!1})}toggleExpander(t=!0){super.toggleExpander(t),this.trackingEvent(this.element,t),console.log(this.expanderState)}}},56637:function(t,e,i){!function(t){"use strict";if(!t.setImmediate){var e,i,s,n,r,a=1,o={},l=!1,h=t.document,d=Object.getPrototypeOf&&Object.getPrototypeOf(t);d=d&&d.setTimeout?d:t,"[object process]"==={}.toString.call(t.process)?e=function(t){process.nextTick(function(){u(t)})}:!function(){if(t.postMessage&&!t.importScripts){var e=!0,i=t.onmessage;return t.onmessage=function(){e=!1},t.postMessage("","*"),t.onmessage=i,e}}()?t.MessageChannel?((s=new MessageChannel).port1.onmessage=function(t){u(t.data)},e=function(t){s.port2.postMessage(t)}):h&&"onreadystatechange"in h.createElement("script")?(i=h.documentElement,e=function(t){var e=h.createElement("script");e.onreadystatechange=function(){u(t),e.onreadystatechange=null,i.removeChild(e),e=null},i.appendChild(e)}):e=function(t){setTimeout(u,0,t)}:(n="setImmediate$"+Math.random()+"$",r=function(e){e.source===t&&"string"==typeof e.data&&0===e.data.indexOf(n)&&u(+e.data.slice(n.length))},t.addEventListener?t.addEventListener("message",r,!1):t.attachEvent("onmessage",r),e=function(e){t.postMessage(n+e,"*")}),d.setImmediate=function(t){"function"!=typeof t&&(t=new Function(""+t));for(var i=new Array(arguments.length-1),s=0;s<i.length;s++)i[s]=arguments[s+1];var n={callback:t,args:i};return o[a]=n,e(a),a++},d.clearImmediate=c}function c(t){delete o[t]}function u(t){if(l)setTimeout(u,0,t);else{var e=o[t];

1if(e){l=!0;try{!function(t){var e=t.callback,i=t.args;switch(i.length){case 0:e();break;case 1:e(i[0]);break;case 2:e(i[0],i[1]);break;case 3:e(i[0],i[1],i[2]);break;default:e.apply(void 0,i)}}(e)}finally{c(t),l=!1}}}}}("undefined"==typeof self?void 0===i.g?this:i.g:self)},79279:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>a});var s=i(23125),n=i(21464),r=i(99567);i(56637);class a{constructor(t,e={}){this.element=t,this.options=e,this.options=(0,n.$E)(this.element,Object.assign(this.getDefaultOptions(),this.options)),this.expander=this.getExpander(),this.checkBoxes=this.getCheckBoxes(),this.selectedContainer=this.getContainerForSelectedFilters(),this.scrollBar=this.createCustomScrollBar(),this.init()}init(){return this.addHandlerOnCheckBoxChange().setExpanderTitleClickHandler().setOnResizeHandler(),this}createCustomScrollBar(){const t=this.element.querySelector(this.options.categoryListSelector);return new r.default(t,{suppressScrollY:!1,suppressScrollX:!0,fadeSide:!1,fadeWidth:null})}getExpander(){return new s.default(this.element,{elementSelector:"nx-tag-filter__item",containerSelector:"nx-filters",buttonSelector:"nx-tag-filter__title",hasFade:!1})}getCheckBoxes(){return Array.from(this.element.querySelectorAll(".nx-cat-item__tag-value"))}getContainerForSelectedFilters(){return this.element.querySelector(".nx-title__selected-filters")}addHandlerOnCheckBoxChange(){return this.element.addEventListener("change",t=>{setImmediate(()=>this.setTimeStamp(t.target).showSelectedFilters().adjustAppearance())}),this}getSelectedCheckBoxes(t){return t.filter(t=>t.checked)}showSelectedFilters(){return this.selectedContainer.innerHTML=(0,n.jL)(this.getSelectedCheckBoxes(this.checkBoxes)).join(", "),this}setTimeStamp(t){return t.timeStamp=Date.now(),this}adjustAppearance(){return this.expander.adjustAppearance(),this}refreshFilters(){return this.showSelectedFilters(),this}closeExpander(){return this.expander.isActive()&&this.expander.toggle(),this}getCheckedFilters(){return this.getSelectedCheckBoxes(this.checkBoxes)}getExpanderElementList(){return this.expander.element.querySelector(this.options.categoryListSelector)}setExpanderTitleClickHandler(){return this.element.querySelector(".nx-tag-filter__title").addEventListener("click",()=>{window.NiveaX.deviceType.isDesktop&&this.handleExpanderTitleClick()}),document.addEventListener("FilterExpandable:reset",()=>this.resetNonActiveFilters()),this}handleExpanderTitleClick(){return this.isActiveModifier()?this.addCustomScroll(this.getExpanderElementList()):this.resetHeight(this.getExpanderElementList()),this}resetHeight(t){return!!t.hasAttribute("style")&&(t.removeAttribute("style"),!0)}isActiveModifier(){return this.element.classList.contains(this.options.categoryItemActiveSelector)}isOutOfBottom(t){const e=t.getBoundingClientRect(),i=Math.max(document.documentElement.clientHeight,window.innerHeight||0),s=i-e.top;return i-e.bottom<0?s-50:0}addCustomScroll(t){let e=this.isOutOfBottom(t);return e>0&&(t.style.height=`${e}px`,this.scrollBar.updateScrollBar()),this}getActiveFilter(){return this.element.parentNode.querySelector(`.${this.options.categoryItemActiveSelector}`)}setOnResizeHandler(){return NiveaX.addToEventStore("resize",()=>(0,n.Ys)(()=>this.onResize(),100),window),this}onResize(){return window.NiveaX.deviceType.isDesktop?this.getActiveFilter()?this.resizeActiveFilter():this.setExpanderTitleClickHandler():(this.resetHeight(this.getExpanderElementList()),this.scrollBar.updateScrollBar()),this}resizeActiveFilter(){const t=this.getActiveFilter().querySelector(this.options.categoryListSelector);this.resetHeight(t),this.addCustomScroll(t)}resetNonActiveFilters(){this.element.classList.contains("nx-tag-filter__item--active")?this.resizeActiveFilter():(this.resetHeight(this.element.querySelector(this.options.categoryListSelector)),this.scrollBar.updateScrollBar())}getDefaultOptions(){return{categoryListSelector:".nx-filters__category-list",categoryItemActiveSelector:"nx-tag-filter__item--active"}}}},89086:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>a});var s=i(1001),n=i(21464);const r='[data-module="Expander"]';class a{static setup(t=r){Array.from(document.querySelectorAll(t)).filter(t=>

1!t.dataset.moduleInitialized).forEach(t=>{new a(t),t.dataset.moduleInitialized="true"})}constructor(t,e={}){this.element=t,this.options=e,this.options=(0,n.$E)(this.element,Object.assign(this.getDefaultOptions(),this.options)),this.container=this.element.querySelector(`.${this.options.containerSelector}`)||this.element,this.button=this.element.querySelector(`.${this.options.buttonSelector}`),this.expandable=new s.default(this.container,this.options.expandableOptions),this.init()}init(){return this.showExpanderButton().setButtonEventHandler().setOnResizeHandler().adjustAppearance().applyActiveFromOptions().applyContentAlignmentFromOptions(),this}showExpanderButton(){return this.button.hidden=!1,this}setButtonEventHandler(){return this.button.addEventListener("click",this.toggleExpander.bind(this)),this}toggleActiveModifier(t){return t?this.element.classList.add(`${this.options.elementSelector}--active`):this.element.classList.remove(`${this.options.elementSelector}--active`),this}showFade(t){return t?this.options.hasFade&&this.container.classList.add(`${this.options.containerSelector}--with-fade`):this.options.hasFade&&this.container.classList.remove(`${this.options.containerSelector}--with-fade`),this}toggleExpander(t=!0){this.expandable.toggle(),this.toggleActiveModifier(this.expandable.isActive()),this.expanderState=this.expandable.isActive()?"Expanded":"Collapsed"}onResize(){this.options.beforeResize(),this.options.isActive&&this.adjustAppearance()}applyActiveFromOptions(){return this.options.isActive&&this.toggleExpander(!1),this}applyContentAlignmentFromOptions(){return this.options.contentAlignment&&this.container.classList.add(`${this.options.containerSelector}--align-`+this.options.contentAlignment),this}setOnResizeHandler(){return NiveaX.addToEventStore("resize",()=>(0,n.Ys)(()=>this.onResize(),300),window),this}setupExpander(){return this.expandable.render(),this.showFade(!0).hideButton(!1),this}destroyExpander(){return this.expandable.clear(),this.showFade(!1).hideButton(!0),this}hideButton(t){return this.button.hidden=t,this}getDefaultOptions(){return{elementSelector:"nx-expander",containerSelector:"nx-expander__content",buttonSelector:"nx-expander__button",hasFade:!0,beforeResize:()=>{}}}adjustAppearance(){return this.expandable.clear(),this.expandable.needToBeShown()?this.setupExpander():this.destroyExpander(),this}setCollapsedHeight(t){return this.expandable.setCollapsedHeight(t),this}setBeforResizeCB(t){return this.options.beforeResize=t,this}isActive(){return this.expandable.isActive()}toggle(){return this.toggleExpander(),this}}a.setup(r)},99567:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>a});var s=i(53983),n=i(21464);const r='[data-module="ScrollBar"]';class a{static setup(t=r){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new a(t),t.dataset.moduleInitialized="true"})}constructor(t,e={}){this.element=t,this.options=e,this.options=(0,n.$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 o(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 o{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),n=Math.abs(i-(s+this.element.clientWidth));s<=this.fadeWidth&&(t=s/this.fadeWidth*this.fadeWidth),n<=this.fadeWidth&&(e=n/this.fadeWidth*this.fadeWidth),null==t&&null==e&&(t=this.fadeWidth,e=this.fadeWidth);let r="ltr"==document.dir?t:e,a="ltr"==document.dir?e:t;this.leftMaskWidth=null!=r?r:this.leftMaskWidth,this.rightMaskWidth=null!=a?a: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}}a.setup(r)}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/FilterExpandElement.90b96c8c.js.aaa73e3d.map