https://www.nivea.co.jp/dist/NiveaX/modules/Expander.e4dd8d7a.js

1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[3699,4318,8174,8242],{1001:(t,e,i)=>{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)=>{i.r(e),i.d(e,{default:()=>s});const s=i(44648).default},44648:(t,e,i)=>{i.r(e),i.d(e,{default:()=>a});var s=i(89086),n=i(23425);class a 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)}}},89086:(t,e,i)=>{i.r(e),i.d(e,{default:()=>o});var s=i(1001),n=i(21464);const a='[data-module="Expander"]';class o{static setup(t=a){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new o(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}

1toggleExpander(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}}o.setup(a)}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/Expander.e4dd8d7a.js.8c44778d.map