https://www.labello.com/dist/NiveaX/modules/TabModule-TabModule.5221492b.js

1"use strict";(self.NiveaXwebpackJsonp=self.NiveaXwebpackJsonp||[]).push([[1658,4196],{31878:(t,e,a)=>{a.r(e),a.d(e,{default:()=>l});var i=a(98684),s=a(43486);const n='[data-module="TabModule"]';class l{static setup(t=n){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new l(t),t.dataset.moduleInitialized="true"})}constructor(t){this.element=t,this.buildTabHeader(),this.buildTabBgImages()}buildTabBgImages(){const t=Array.from(this.element.querySelectorAll(".nx-tab-container-item")),e=(0,i.Sw)("nx-tabs__images");this.element.insertAdjacentElement("afterbegin",e),t.forEach((t,e)=>{const a=t.querySelector(".nx-tab-background");null==a||a.setAttribute("data-tab-image-id",`tab-index-${e}`),0==e&&(null==a||a.classList.add("nx-tab-background--active")),a&&this.element.querySelector(".nx-tabs__images").append(a)})}buildTabHeader(){const t=Array.from(this.element.querySelectorAll(".nx-tab-container-item")),e=`\n            <div class="nx-tabs-links nx-u-container">\n                <div class="nx-scroll-wrapper__inner">\n                    ${t.map((t,e)=>(null==t||t.setAttribute("data-tab-idx",`tab-index-${e}`),0==e&&this.element.setAttribute("style",null==t?void 0:t.getAttribute("data-style")),`<a class="nx-tabs-links__item nx-txt-uppercase nx-font--bold nx-font-text-link-medium ${0==e?"nx-tabs-links__item--active":""}" data-tab="tab-index-${e}" data-style="${t.getAttribute("data-style")}" title="${t.getAttribute("data-tab-title")}">\n                        ${t.getAttribute("data-tab-title")}\n                    </a>`)).join("")}\n                </div>\n            </div>`;this.element.querySelector(".nx-tab-header").innerHTML=e,this.element.classList.add("nx-tab-header--active"),new s.default(this.element)}}l.setup(n)},43486:(t,e,a)=>{a.r(e),a.d(e,{default:()=>l});var i=a(98684),s=a(21464);const n='[data-module="Tab"]';class l{static setup(t=n){Array.from(document.querySelectorAll(t)).filter(t=>!t.dataset.moduleInitialized).forEach(t=>{new l(t),t.dataset.moduleInitialized="true"})}constructor(t){this.element=t,this.tabLinks=Array.from(this.element.querySelectorAll("[data-tab]")),this.tabSections=Array.from(this.element.querySelectorAll(".nx-tabs__item")),this.tabList=this.element.querySelector(".nx-scroll-wrapper__inner"),this.wrapperSelector=this.element.querySelector(".nx-scroll-wrapper__inner"),this.imageList=Array.from(this.element.querySelectorAll(".nx-tab-background")),this.tabLinks.length<=1||(this.cssClass={activeLink:"nx-tabs-links__item--active",activeSection:"nx-tabs__item--active",activeImage:"nx-tab-background--active"},this.init(),this.element.addEventListener("niveax:openTab",t=>this.openTabFromAnchor(t)))}init(){this.setTabEventHandler(),this.setActiveTabOnChange(0),(0,s.aO)(this.tabList),this.openTabFromAnchorOnLoad()}setTabEventHandler(){return this.tabLinks.forEach(t=>t.addEventListener("click",t=>this.onTabClick(t))),this}onTabClick(t){t.preventDefault(),this.changeTab(t)}changeTab(t,e=null){return this.clearActiveClass(),this.setActiveContainer(t,e),this}openTabFromAnchor(t){const e=t.detail.tabNode.getAttribute("data-tab-idx");this.changeTab(t,e),this.scrollToActive(e)}openTabFromAnchorOnLoad(){const t=window.location.hash.substring(1);if(t&&-1===t.indexOf("layer")&&this.element.contains(document.getElementById(`${t}`))){const e=this.findTabItemByAnchor(t);this.openTab(e),document.getElementById(`${t}`).scrollIntoView();const a=document.querySelector(".nx-anchor-navigation");window.scrollBy({top:a?-a.clientHeight:0,left:0,behavior:"auto"})}}findTabItemByAnchor(t){const e=this.element.querySelectorAll(".nx-tab-container-item");return Array.from(e).find(e=>e.contains(document.getElementById(`${t}`)))}openTab(t){const e=t.getAttribute("data-tab-idx");this.changeTab(null,e),this.scrollToActive(e)}scrollToActive(t){const e=this.element.querySelector(`.${this.cssClass.activeLink}[data-tab="${t}"]`);if(!e)return!1;const a=e.getBoundingClientRect().left-window.innerWidth/2+40;this.wrapperSelector.scrollLeft+=a}setActiveTabOnChange(t){this.tabLinks[t].classList.add(this.cssClass.activeLink),this.tabSections[t].classList.add(this.cssClass.activeSection)}clearActiveClass(){this.tabLinks.forEach(t=>t.classList.remove(this.cssClass.activeLink)),this.tabSections.forEach(t=>t.classList.remove(this.cssClass.activeSection)),this.imageList.forEach(t=>t.classList.remove(this.cssClass.activeImage)),this.element.setAttribute("style","")}setActiveContainer(t,e=null){let a=e||t.currentTarget.getAttribute("data-tab"),i=this.element.querySelector(`[id="${a}"], [data-tab-idx="${a}"]`),s=this.element.querySelector(`[data-tab-image-id="${a}"]`);const n=e?this.element.querySelector(`.nx-tabs-links__item[data-tab="${e}"]`):t.target;this.setActiveLink(n),this.setActiveTab(i),s&&this.setActiveImage(s),this.updateBackgroun

1dColor(n)}setActiveLink(t){t.classList.add(this.cssClass.activeLink)}setActiveTab(t){t.classList.add(this.cssClass.activeSection)}getHeightActiveTab(t){return t?(0,i.UI)(t):0}setActiveImage(t){t.classList.add(this.cssClass.activeImage)}updateBackgroundColor(t){this.element.setAttribute("style",null==t?void 0:t.getAttribute("data-style"))}}l.setup(n)}}]);
2//# sourceMappingURL=/dist/NiveaX/./modules/TabModule-TabModule.5221492b.js.04c7126f.map