@infineon/infineon-design-system-stencil 40.4.0 → 40.4.1

package/dist/cjs/ifx-tabs.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-CDIAJY4X.js');
 var domUtils = require('./dom-utils-BdvOgC2b.js');
 var tracking = require('./tracking-BPjaTlNR.js');
 
-const tabsCss = () => `:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}`;
+const tabsCss = () => `:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;flex-shrink:0;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}`;
 
 const IfxTabs = class {
     constructor(hostRef) {

package/dist/collection/components/tabs/tabs.css

@@ -67,6 +67,8 @@
   font-weight: 600;
 }
 .tabs-list.scrollable {
+  display: flex;
+  flex-wrap: nowrap;
   overflow-x: auto;
   overflow-y: hidden;
   scroll-behavior: smooth;
@@ -158,6 +160,7 @@
   max-width: 100%;
   padding: 12px 16px;
   gap: 4px;
+  flex-shrink: 0;
   cursor: pointer;
 }
 @media (max-width: 768px) {

package/dist/components/ifx-tabs.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as s,t as a}from"./p-CzOHCG_b.js";import{i as n,d as o,t as l}from"./p-94ZtGp9D.js";import{d as r}from"./p-DDQY6c64.js";import{d as h}from"./p-CD5SOdlG.js";import{d as c}from"./p-DGQKUNuC.js";import{d as b}from"./p-D8FNpJXf.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ifxChange=e(this,"ifxChange",1)}get el(){return this}orientation="horizontal";activeTabIndex=0;fullWidth=!1;label;number=0;subline;sublinePosition="left";positionSticky=!1;internalOrientation;internalActiveTabIndex=0;tabObjects=[];canScrollLeft=!1;canScrollRight=!1;atTop=!1;internalFocusedTabIndex=0;tabRefs=[];tabHeaderRefs=[];tabsListElement;tabFocusHandlers=new Map;ifxChange;updateBorderOnWindowResize(){this.updateBorderAndFocus(),this.updateScrollButtons()}setActiveAndFocusedTab(t){t>=this.tabObjects.length&&(t=this.tabObjects.length-1),t<0&&(t=0),this.tabObjects[t]?.disabled||(this.internalActiveTabIndex=t,this.internalFocusedTabIndex=t,setTimeout((()=>this.scrollTabIntoView(t)),0))}handleTabHeaderChange(t){const i=parseInt(t.target.getAttribute("slot").replace("tab-",""),10),e=t.target;this.tabObjects[i]={...this.tabObjects[i],header:e.header,disabled:!0===e.disabled,icon:e.icon,iconPosition:e.iconPosition,subline:e.subline,sublinePosition:e.sublinePosition,label:e.label,number:e.number},this.tabObjects=[...this.tabObjects]}handleScroll(){const t=this.el.shadowRoot.querySelector(".tabs-container")||this.el.shadowRoot.querySelector(".tabs-list");if(t){const i=t.getBoundingClientRect().top;this.atTop=i<=0}}activeTabIndexChanged(t,i){t!==i&&this.setActiveAndFocusedTab(t)}componentWillLoad(){this.internalOrientation="vertical"===this.orientation.toLowerCase()?"vertical":"horizontal",this.onSlotChange(),this.setActiveAndFocusedTab(this.activeTabIndex),this.updateTabStyles(),this.handleScroll()}updateTabStyles(){this.tabHeaderRefs.forEach(((t,i)=>{t.classList.toggle("active",i===this.internalActiveTabIndex),t.setAttribute("aria-selected",i===this.internalActiveTabIndex?"true":"false")}))}reRenderBorder(){const t=this.el.shadowRoot.querySelector(".active-border");t&&this.tabHeaderRefs[this.internalActiveTabIndex]&&("horizontal"===this.orientation?(t.style.left=this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft+"px",t.style.width=this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth+"px",t.style.top="",t.style.height=""):(t.style.top=this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop+"px",t.style.height=this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight+"px",t.style.left="",t.style.width=""))}onSlotChange(){const t=Array.from(this.el.children).filter((t=>t.matches("ifx-tab")));this.tabObjects=Array.from(t).map((t=>({header:t?.header,disabled:!0===t?.disabled,icon:t?.icon,iconPosition:t?.iconPosition,subline:t?.subline,sublinePosition:t?.sublinePosition,label:t?.label,number:t?.number}))),this.tabRefs=Array.from(t),this.tabRefs.forEach(((t,i)=>{t.setAttribute("slot","tab-"+i)}))}async componentDidLoad(){if(!n(this.el)){const t=o();l("ifx-tabs",await t)}this.updateBorderAndFocus(),this.updateScrollButtons(),this.setupTabFocusListeners(),this.handleScroll()}setupTabFocusListeners(){this.tabFocusHandlers.clear(),this.tabHeaderRefs.forEach(((t,i)=>{const e=()=>{this.internalFocusedTabIndex=i};this.tabFocusHandlers.set(t,e),t.addEventListener("focus",e)}))}disconnectedCallback(){this.tabFocusHandlers.forEach(((t,i)=>{i.removeEventListener("focus",t)})),this.tabFocusHandlers.clear()}componentDidUpdate(){this.updateBorderAndFocus(),requestAnimationFrame((()=>{this.updateScrollButtons()}))}updateBorderAndFocus(){this.reRenderBorder(),this.updateTabFocusability()}updateTabFocusability(){this.tabHeaderRefs.forEach(((t,i)=>{t.tabIndex=i===this.internalActiveTabIndex?0:-1}))}focusNextTab(){let t=this.internalFocusedTabIndex+1;for(;t<this.tabHeaderRefs.length&&this.tabObjects[t].disabled;)t++;t>=0&&t<this.tabHeaderRefs.length&&(this.internalFocusedTabIndex=t,this.tabHeaderRefs[t].focus())}focusPreviousTab(){let t=this.internalFocusedTabIndex-1;for(;t>=0&&this.tabObjects[t].disabled;)t--;t>=0&&t<this.tabHeaderRefs.length&&(this.internalFocusedTabIndex=t,this.tabHeaderRefs[t].focus())}getSublineAlignment(t){return"center"===(t?.sublinePosition??this.sublinePosition??"left").trim()?"center":"left"}getTabItemClass(t){return`tab-item ${this.fullWidth?"full-width":""} ${t!==this.internalActiveTabIndex||this.tabObjects[t].disabled?"":"active"} ${this.tabObjects[t].disabled?"disabled":""} ${"icon__"+this.tabObjects[t].iconPosition} ${this.tabObjects[t].subline?"subline":""} ${this.tabObjects[t].sublinePosition?"sublinePosition":""} ${this.tabObjects[t].label?"label":""} ${this.tabObjects[t].number?"number":""}`}handleClick(t,i){if(!t.disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=i,this.ifxChange.emit({previousTab:t,currentTab:i}),setTimeout((()=>this.scrollTabIntoView(i)),0)}}handleKeyDown(t){if("Tab"===t.key)if(t.shiftKey){if(0===this.internalFocusedTabIndex)return;t.preventDefault(),this.focusPreviousTab()}else{if(this.internalFocusedTabIndex===this.tabHeaderRefs.length-1)return;t.preventDefault(),this.focusNextTab()}else if("Enter"===t.key){if(!t.composedPath().some((t=>this.tabHeaderRefs.includes(t))))return;if(-1!==this.internalFocusedTabIndex&&!this.tabObjects[this.internalFocusedTabIndex].disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=this.internalFocusedTabIndex,this.ifxChange.emit({previousTab:t,currentTab:this.internalFocusedTabIndex}),setTimeout((()=>this.scrollTabIntoView(this.internalFocusedTabIndex)),0)}}}updateScrollButtons(){if(this.shouldDisableScrolling())return this.canScrollLeft=!1,void(this.canScrollRight=!1);const t=this.tabsListElement;if(!t)return this.canScrollLeft=!1,void(this.canScrollRight=!1);const i=t.scrollWidth-t.clientWidth;if(i<=1)return this.canScrollLeft=!1,void(this.canScrollRight=!1);const e=t.scrollLeft;this.canScrollLeft=e>1,this.canScrollRight=e<i-1}shouldDisableScrolling(){return!this.tabsListElement||"vertical"===this.internalOrientation||this.fullWidth}scrollLeft(){this.canScrollLeft&&this.tabsListElement&&this.tabsListElement.scrollBy({left:-Math.min(200,this.tabsListElement.scrollLeft),behavior:"smooth"})}scrollRight(){this.canScrollRight&&this.tabsListElement&&this.tabsListElement.scrollBy({left:Math.min(200,this.tabsListElement.scrollWidth-this.tabsListElement.clientWidth-this.tabsListElement.scrollLeft),behavior:"smooth"})}onTabsListScroll(){this.updateScrollButtons()}scrollTabIntoView(t){if(this.shouldDisableScrolling()||!this.tabHeaderRefs[t])return;const i=this.tabsListElement,e=this.getTabCenterInfo(this.tabHeaderRefs[t]),s=this.getContainerCenterInfo(i);if(Math.abs(e.center-s.center)>50){let t=this.calculateCenteredScrollPosition(e,s);t<1&&(t=0);const a=i.scrollWidth-i.clientWidth;a-t<1&&(t=a),i.scrollTo({left:t})}}getTabCenterInfo(t){const i=t.offsetLeft,e=t.offsetWidth;return{left:i,width:e,center:i+e/2}}getContainerCenterInfo(t){const i=t.scrollLeft,e=t.clientWidth;return{scrollLeft:i,width:e,center:i+e/2}}calculateCenteredScrollPosition(t,i){return Math.max(0,Math.min(t.center-i.width/2,this.tabsListElement.scrollWidth-i.width))}render(){return s("div",{key:"1ea909b36916acd6c7b99da5281f89d764c56b05","aria-label":"navigation tabs",class:`tabs ${this.internalOrientation} ${this.fullWidth?"full-width-enabled":""}`},"horizontal"===this.internalOrientation?s("div",{class:`tabs-container ${this.positionSticky?"position-sticky":""} ${this.atTop?"at-top":""}`},s("ifx-icon-button",{shape:"round",variant:"tertiary",icon:"chevronLeft16",size:"s",disabled:!1,"aria-label":"Scroll tabs left",onClick:()=>this.scrollLeft(),class:"scroll-button scroll-left "+(this.canScrollLeft?"":"hidden")}),s("ul",{role:"tablist",class:"tabs-list scrollable",ref:t=>this.tabsListElement=t,onScroll:()=>this.onTabsListScroll()},this.tabObjects?.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},s("div",{class:"top"},t?.icon?s("ifx-icon",{icon:t.icon}):"",t?.header?s("div",{class:"header-wrapper"},s("p",{class:"header"},t.header)):"",t?.number?s("div",{class:"number-wrapper"},s("ifx-indicator",{class:"number",variant:"number",number:t.number,inverted:!1})):"",t?.label?s("div",{class:"chip"},s("span",{class:"label-wrapper"},s("ifx-chip",{class:"label",placeholder:t.label,size:"small",variant:"single",theme:"outlined",icon:"","read-only":"true","aria-label":"Chip",disabled:t.disabled,tabindex:"-1"}))):""),(t?.subline||this.subline)&&s("span",{class:"subline-wrapper "+this.getSublineAlignment(t)},s("p",{class:"subline"},t?.subline??this.subline))))),s("div",{class:"active-border"})),s("ifx-icon-button",{shape:"round",variant:"tertiary",icon:"chevronRight16",size:"s",disabled:!1,"aria-label":"Scroll tabs right",onClick:()=>this.scrollRight(),class:"scroll-button scroll-right "+(this.canScrollRight?"":"hidden")})):s("ul",{role:"tablist",class:`tabs-list ${this.positionSticky?"position-sticky":""} ${this.atTop?"at-top":""}`},this.tabObjects?.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},s("div",{class:"top"},t?.icon?s("ifx-icon",{icon:t.icon}):"",t?.header?s("div",{class:"header-wrapper"},s("p",{class:"header"},t.header)):"",t?.number?s("div",{class:"number-wrapper"},s("ifx-indicator",{class:"number",variant:"number",number:t.number,inverted:!1})):"",t?.label?s("div",{class:"chip"},s("span",{class:"label-wrapper"},s("ifx-chip",{class:"label",placeholder:t.label,size:"small",variant:"single",theme:"outlined",icon:"","read-only":"true","aria-label":"Chip",disabled:t.disabled,tabindex:"-1"}))):""),(t?.subline||this.subline)&&s("span",{class:"subline-wrapper "+this.getSublineAlignment(t)},s("p",{class:"subline"},t?.subline??this.subline))))),s("div",{class:"active-border"})),s("div",{key:"63e71440a1d8ff6267b236271180e7478932d085",class:"tab-content"},Array.from(this.tabObjects).map(((t,i)=>s("div",{style:{display:i===this.internalActiveTabIndex?"block":"none"}},s("slot",{name:"tab-"+i}))))))}static get watchers(){return{activeTabIndex:[{activeTabIndexChanged:0}]}}static get style(){return':host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}'}},[769,"ifx-tabs",{orientation:[1],activeTabIndex:[2,"active-tab-index"],fullWidth:[4,"full-width"],label:[1],number:[2],subline:[1],sublinePosition:[1,"subline-position"],positionSticky:[4,"position-sticky"],internalOrientation:[32],internalActiveTabIndex:[32],tabObjects:[32],canScrollLeft:[32],canScrollRight:[32],atTop:[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"tabHeaderChange","handleTabHeaderChange"],[9,"scroll","handleScroll"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{activeTabIndex:[{activeTabIndexChanged:0}]}]),p=d,f=function(){"undefined"!=typeof customElements&&["ifx-tabs","ifx-chip","ifx-icon","ifx-icon-button","ifx-indicator"].forEach((t=>{switch(t){case"ifx-tabs":customElements.get(a(t))||customElements.define(a(t),d);break;case"ifx-chip":customElements.get(a(t))||r();break;case"ifx-icon":customElements.get(a(t))||h();break;case"ifx-icon-button":customElements.get(a(t))||c();break;case"ifx-indicator":customElements.get(a(t))||b()}}))};export{p as IfxTabs,f as defineCustomElement}
+import{p as t,H as i,c as e,h as s,t as a}from"./p-CzOHCG_b.js";import{i as n,d as o,t as l}from"./p-94ZtGp9D.js";import{d as r}from"./p-DDQY6c64.js";import{d as h}from"./p-CD5SOdlG.js";import{d as c}from"./p-DGQKUNuC.js";import{d as b}from"./p-D8FNpJXf.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ifxChange=e(this,"ifxChange",1)}get el(){return this}orientation="horizontal";activeTabIndex=0;fullWidth=!1;label;number=0;subline;sublinePosition="left";positionSticky=!1;internalOrientation;internalActiveTabIndex=0;tabObjects=[];canScrollLeft=!1;canScrollRight=!1;atTop=!1;internalFocusedTabIndex=0;tabRefs=[];tabHeaderRefs=[];tabsListElement;tabFocusHandlers=new Map;ifxChange;updateBorderOnWindowResize(){this.updateBorderAndFocus(),this.updateScrollButtons()}setActiveAndFocusedTab(t){t>=this.tabObjects.length&&(t=this.tabObjects.length-1),t<0&&(t=0),this.tabObjects[t]?.disabled||(this.internalActiveTabIndex=t,this.internalFocusedTabIndex=t,setTimeout((()=>this.scrollTabIntoView(t)),0))}handleTabHeaderChange(t){const i=parseInt(t.target.getAttribute("slot").replace("tab-",""),10),e=t.target;this.tabObjects[i]={...this.tabObjects[i],header:e.header,disabled:!0===e.disabled,icon:e.icon,iconPosition:e.iconPosition,subline:e.subline,sublinePosition:e.sublinePosition,label:e.label,number:e.number},this.tabObjects=[...this.tabObjects]}handleScroll(){const t=this.el.shadowRoot.querySelector(".tabs-container")||this.el.shadowRoot.querySelector(".tabs-list");if(t){const i=t.getBoundingClientRect().top;this.atTop=i<=0}}activeTabIndexChanged(t,i){t!==i&&this.setActiveAndFocusedTab(t)}componentWillLoad(){this.internalOrientation="vertical"===this.orientation.toLowerCase()?"vertical":"horizontal",this.onSlotChange(),this.setActiveAndFocusedTab(this.activeTabIndex),this.updateTabStyles(),this.handleScroll()}updateTabStyles(){this.tabHeaderRefs.forEach(((t,i)=>{t.classList.toggle("active",i===this.internalActiveTabIndex),t.setAttribute("aria-selected",i===this.internalActiveTabIndex?"true":"false")}))}reRenderBorder(){const t=this.el.shadowRoot.querySelector(".active-border");t&&this.tabHeaderRefs[this.internalActiveTabIndex]&&("horizontal"===this.orientation?(t.style.left=this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft+"px",t.style.width=this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth+"px",t.style.top="",t.style.height=""):(t.style.top=this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop+"px",t.style.height=this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight+"px",t.style.left="",t.style.width=""))}onSlotChange(){const t=Array.from(this.el.children).filter((t=>t.matches("ifx-tab")));this.tabObjects=Array.from(t).map((t=>({header:t?.header,disabled:!0===t?.disabled,icon:t?.icon,iconPosition:t?.iconPosition,subline:t?.subline,sublinePosition:t?.sublinePosition,label:t?.label,number:t?.number}))),this.tabRefs=Array.from(t),this.tabRefs.forEach(((t,i)=>{t.setAttribute("slot","tab-"+i)}))}async componentDidLoad(){if(!n(this.el)){const t=o();l("ifx-tabs",await t)}this.updateBorderAndFocus(),this.updateScrollButtons(),this.setupTabFocusListeners(),this.handleScroll()}setupTabFocusListeners(){this.tabFocusHandlers.clear(),this.tabHeaderRefs.forEach(((t,i)=>{const e=()=>{this.internalFocusedTabIndex=i};this.tabFocusHandlers.set(t,e),t.addEventListener("focus",e)}))}disconnectedCallback(){this.tabFocusHandlers.forEach(((t,i)=>{i.removeEventListener("focus",t)})),this.tabFocusHandlers.clear()}componentDidUpdate(){this.updateBorderAndFocus(),requestAnimationFrame((()=>{this.updateScrollButtons()}))}updateBorderAndFocus(){this.reRenderBorder(),this.updateTabFocusability()}updateTabFocusability(){this.tabHeaderRefs.forEach(((t,i)=>{t.tabIndex=i===this.internalActiveTabIndex?0:-1}))}focusNextTab(){let t=this.internalFocusedTabIndex+1;for(;t<this.tabHeaderRefs.length&&this.tabObjects[t].disabled;)t++;t>=0&&t<this.tabHeaderRefs.length&&(this.internalFocusedTabIndex=t,this.tabHeaderRefs[t].focus())}focusPreviousTab(){let t=this.internalFocusedTabIndex-1;for(;t>=0&&this.tabObjects[t].disabled;)t--;t>=0&&t<this.tabHeaderRefs.length&&(this.internalFocusedTabIndex=t,this.tabHeaderRefs[t].focus())}getSublineAlignment(t){return"center"===(t?.sublinePosition??this.sublinePosition??"left").trim()?"center":"left"}getTabItemClass(t){return`tab-item ${this.fullWidth?"full-width":""} ${t!==this.internalActiveTabIndex||this.tabObjects[t].disabled?"":"active"} ${this.tabObjects[t].disabled?"disabled":""} ${"icon__"+this.tabObjects[t].iconPosition} ${this.tabObjects[t].subline?"subline":""} ${this.tabObjects[t].sublinePosition?"sublinePosition":""} ${this.tabObjects[t].label?"label":""} ${this.tabObjects[t].number?"number":""}`}handleClick(t,i){if(!t.disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=i,this.ifxChange.emit({previousTab:t,currentTab:i}),setTimeout((()=>this.scrollTabIntoView(i)),0)}}handleKeyDown(t){if("Tab"===t.key)if(t.shiftKey){if(0===this.internalFocusedTabIndex)return;t.preventDefault(),this.focusPreviousTab()}else{if(this.internalFocusedTabIndex===this.tabHeaderRefs.length-1)return;t.preventDefault(),this.focusNextTab()}else if("Enter"===t.key){if(!t.composedPath().some((t=>this.tabHeaderRefs.includes(t))))return;if(-1!==this.internalFocusedTabIndex&&!this.tabObjects[this.internalFocusedTabIndex].disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=this.internalFocusedTabIndex,this.ifxChange.emit({previousTab:t,currentTab:this.internalFocusedTabIndex}),setTimeout((()=>this.scrollTabIntoView(this.internalFocusedTabIndex)),0)}}}updateScrollButtons(){if(this.shouldDisableScrolling())return this.canScrollLeft=!1,void(this.canScrollRight=!1);const t=this.tabsListElement;if(!t)return this.canScrollLeft=!1,void(this.canScrollRight=!1);const i=t.scrollWidth-t.clientWidth;if(i<=1)return this.canScrollLeft=!1,void(this.canScrollRight=!1);const e=t.scrollLeft;this.canScrollLeft=e>1,this.canScrollRight=e<i-1}shouldDisableScrolling(){return!this.tabsListElement||"vertical"===this.internalOrientation||this.fullWidth}scrollLeft(){this.canScrollLeft&&this.tabsListElement&&this.tabsListElement.scrollBy({left:-Math.min(200,this.tabsListElement.scrollLeft),behavior:"smooth"})}scrollRight(){this.canScrollRight&&this.tabsListElement&&this.tabsListElement.scrollBy({left:Math.min(200,this.tabsListElement.scrollWidth-this.tabsListElement.clientWidth-this.tabsListElement.scrollLeft),behavior:"smooth"})}onTabsListScroll(){this.updateScrollButtons()}scrollTabIntoView(t){if(this.shouldDisableScrolling()||!this.tabHeaderRefs[t])return;const i=this.tabsListElement,e=this.getTabCenterInfo(this.tabHeaderRefs[t]),s=this.getContainerCenterInfo(i);if(Math.abs(e.center-s.center)>50){let t=this.calculateCenteredScrollPosition(e,s);t<1&&(t=0);const a=i.scrollWidth-i.clientWidth;a-t<1&&(t=a),i.scrollTo({left:t})}}getTabCenterInfo(t){const i=t.offsetLeft,e=t.offsetWidth;return{left:i,width:e,center:i+e/2}}getContainerCenterInfo(t){const i=t.scrollLeft,e=t.clientWidth;return{scrollLeft:i,width:e,center:i+e/2}}calculateCenteredScrollPosition(t,i){return Math.max(0,Math.min(t.center-i.width/2,this.tabsListElement.scrollWidth-i.width))}render(){return s("div",{key:"1ea909b36916acd6c7b99da5281f89d764c56b05","aria-label":"navigation tabs",class:`tabs ${this.internalOrientation} ${this.fullWidth?"full-width-enabled":""}`},"horizontal"===this.internalOrientation?s("div",{class:`tabs-container ${this.positionSticky?"position-sticky":""} ${this.atTop?"at-top":""}`},s("ifx-icon-button",{shape:"round",variant:"tertiary",icon:"chevronLeft16",size:"s",disabled:!1,"aria-label":"Scroll tabs left",onClick:()=>this.scrollLeft(),class:"scroll-button scroll-left "+(this.canScrollLeft?"":"hidden")}),s("ul",{role:"tablist",class:"tabs-list scrollable",ref:t=>this.tabsListElement=t,onScroll:()=>this.onTabsListScroll()},this.tabObjects?.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},s("div",{class:"top"},t?.icon?s("ifx-icon",{icon:t.icon}):"",t?.header?s("div",{class:"header-wrapper"},s("p",{class:"header"},t.header)):"",t?.number?s("div",{class:"number-wrapper"},s("ifx-indicator",{class:"number",variant:"number",number:t.number,inverted:!1})):"",t?.label?s("div",{class:"chip"},s("span",{class:"label-wrapper"},s("ifx-chip",{class:"label",placeholder:t.label,size:"small",variant:"single",theme:"outlined",icon:"","read-only":"true","aria-label":"Chip",disabled:t.disabled,tabindex:"-1"}))):""),(t?.subline||this.subline)&&s("span",{class:"subline-wrapper "+this.getSublineAlignment(t)},s("p",{class:"subline"},t?.subline??this.subline))))),s("div",{class:"active-border"})),s("ifx-icon-button",{shape:"round",variant:"tertiary",icon:"chevronRight16",size:"s",disabled:!1,"aria-label":"Scroll tabs right",onClick:()=>this.scrollRight(),class:"scroll-button scroll-right "+(this.canScrollRight?"":"hidden")})):s("ul",{role:"tablist",class:`tabs-list ${this.positionSticky?"position-sticky":""} ${this.atTop?"at-top":""}`},this.tabObjects?.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},s("div",{class:"top"},t?.icon?s("ifx-icon",{icon:t.icon}):"",t?.header?s("div",{class:"header-wrapper"},s("p",{class:"header"},t.header)):"",t?.number?s("div",{class:"number-wrapper"},s("ifx-indicator",{class:"number",variant:"number",number:t.number,inverted:!1})):"",t?.label?s("div",{class:"chip"},s("span",{class:"label-wrapper"},s("ifx-chip",{class:"label",placeholder:t.label,size:"small",variant:"single",theme:"outlined",icon:"","read-only":"true","aria-label":"Chip",disabled:t.disabled,tabindex:"-1"}))):""),(t?.subline||this.subline)&&s("span",{class:"subline-wrapper "+this.getSublineAlignment(t)},s("p",{class:"subline"},t?.subline??this.subline))))),s("div",{class:"active-border"})),s("div",{key:"63e71440a1d8ff6267b236271180e7478932d085",class:"tab-content"},Array.from(this.tabObjects).map(((t,i)=>s("div",{style:{display:i===this.internalActiveTabIndex?"block":"none"}},s("slot",{name:"tab-"+i}))))))}static get watchers(){return{activeTabIndex:[{activeTabIndexChanged:0}]}}static get style(){return':host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;flex-shrink:0;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}'}},[769,"ifx-tabs",{orientation:[1],activeTabIndex:[2,"active-tab-index"],fullWidth:[4,"full-width"],label:[1],number:[2],subline:[1],sublinePosition:[1,"subline-position"],positionSticky:[4,"position-sticky"],internalOrientation:[32],internalActiveTabIndex:[32],tabObjects:[32],canScrollLeft:[32],canScrollRight:[32],atTop:[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"tabHeaderChange","handleTabHeaderChange"],[9,"scroll","handleScroll"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{activeTabIndex:[{activeTabIndexChanged:0}]}]),p=d,f=function(){"undefined"!=typeof customElements&&["ifx-tabs","ifx-chip","ifx-icon","ifx-icon-button","ifx-indicator"].forEach((t=>{switch(t){case"ifx-tabs":customElements.get(a(t))||customElements.define(a(t),d);break;case"ifx-chip":customElements.get(a(t))||r();break;case"ifx-icon":customElements.get(a(t))||h();break;case"ifx-icon-button":customElements.get(a(t))||c();break;case"ifx-indicator":customElements.get(a(t))||b()}}))};export{p as IfxTabs,f as defineCustomElement}

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-02T09:30:28",
+  "timestamp": "2026-09-02T12:10:28",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.44.2",

package/dist/esm/ifx-tabs.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, a as getElement, h } from './i
 import { i as isNestedInIfxComponent } from './dom-utils-CtINY9El.js';
 import { d as detectFramework, t as trackComponent } from './tracking-DNHOWgWh.js';
 
-const tabsCss = () => `:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}`;
+const tabsCss = () => `:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;flex-shrink:0;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}`;
 
 const IfxTabs = class {
     constructor(hostRef) {

package/dist/hydrate/index.js

@@ -37472,7 +37472,7 @@ class IfxTab {
     }; }
 }
 
-const tabsCss = () => `:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}`;
+const tabsCss = () => `:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;flex-shrink:0;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}`;
 
 class IfxTabs {
     constructor(hostRef) {

package/dist/hydrate/index.mjs

@@ -37470,7 +37470,7 @@ class IfxTab {
     }; }
 }
 
-const tabsCss = () => `:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}`;
+const tabsCss = () => `:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;flex-shrink:0;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}`;
 
 class IfxTabs {
     constructor(hostRef) {

package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js

@@ -1 +1 @@
-import{p as e,H as a,g as l,b as i}from"./p-C_-j3mlf.js";export{s as setNonce}from"./p-C_-j3mlf.js";var t=e=>{const a=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return a.call(this,e);const l=a.call(this,!1),i=this.childNodes;if(e)for(let e=0;e<i.length;e++)2!==i[e].nodeType&&l.appendChild(i[e].cloneNode(!0));return l}};(()=>{t(a.prototype);const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await l(),i(JSON.parse('[["p-c1c41d95",[[769,"ifx-table",{"cols":[8],"rows":[8],"buttonRendererOptions":[16],"iconButtonRendererOptions":[16],"checkboxRendererOptions":[16],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationItemsPerPage":[1,"pagination-items-per-page"],"filterOrientation":[1,"filter-orientation"],"headline":[1],"headlineNumber":[2,"headline-number"],"variant":[1],"serverSidePagination":[4,"server-side-pagination"],"serverPageChangeHandler":[16],"enableSelection":[4,"enable-selection"],"showLoading":[4,"show-loading"],"fitColumns":[4,"fit-columns"],"columnMinWidth":[2,"column-min-width"],"columnWidth":[1,"column-width"],"currentPage":[32],"rowData":[32],"colData":[32],"filterOptions":[32],"currentFilters":[32],"uniqueKey":[32],"showAllItems":[32],"paginationPageSize":[32],"showSidebarFilters":[32],"matchingResultsCount":[32],"selectedRows":[32],"selectAll":[32],"selectedRowsData":[32],"onBtShowLoading":[64]},[[0,"ifxItemsPerPageChange","handleResultsPerPageChange"],[0,"ifxChange","handleChipChange"]],{"rows":[{"rowsChanged":0}],"fitColumns":[{"onSizingOptionsChanged":0}],"columnMinWidth":[{"onSizingOptionsChanged":0}],"cols":[{"colsChanged":0}],"pagination":[{"onPaginationChanged":0}],"buttonRendererOptions":[{"onButtonRendererOptionsChanged":0}],"iconButtonRendererOptions":[{"onIconButtonRendererOptionsChanged":0}],"checkboxRendererOptions":[{"onCheckboxRendererOptionsChanged":0}]}]]],["p-656a9831",[[1,"ifx-templates-ui",null,[[0,"fieldError","handleError"],[0,"toggleTemplates","filterTemplates"]]]]],["p-f75497e2",[[513,"ifx-set-filter",{"filterName":[1,"filter-name"],"filterLabel":[1,"filter-label"],"placeholder":[1],"type":[1],"options":[1],"filterValues":[32]}]]],["p-3bb99ce2",[[513,"ifx-file-upload",{"dragAndDrop":[4,"drag-and-drop"],"required":[4],"disabled":[4],"maxFileSizeMB":[2,"max-file-size-m-b"],"allowedFileTypes":[1,"allowed-file-types"],"additionalAllowedFileTypes":[1,"additional-allowed-file-types"],"allowAnyFileType":[4,"allow-any-file-type"],"allowedFileExtensions":[1,"allowed-file-extensions"],"uploadHandler":[16],"maxFiles":[6146,"max-files"],"label":[1],"labelRequiredError":[1,"label-required-error"],"labelBrowseFiles":[1,"label-browse-files"],"labelDragAndDrop":[1,"label-drag-and-drop"],"labelUploadedFilesHeading":[1,"label-uploaded-files-heading"],"labelFileTooLarge":[1,"label-file-too-large"],"labelUnsupportedFileType":[1,"label-unsupported-file-type"],"labelUploaded":[1,"label-uploaded"],"labelUploadFailed":[1,"label-upload-failed"],"labelSupportedFormatsTemplate":[1,"label-supported-formats-template"],"labelFileSingular":[1,"label-file-singular"],"labelFilePlural":[1,"label-file-plural"],"labelMaxFilesInfo":[1,"label-max-files-info"],"labelMaxFilesExceeded":[1,"label-max-files-exceeded"],"ariaLabelBrowseFiles":[1,"aria-label-browse-files"],"ariaLabelDropzone":[1,"aria-label-dropzone"],"ariaLabelFileInput":[1,"aria-label-file-input"],"ariaLabelRemoveFile":[1,"aria-label-remove-file"],"ariaLabelCancelUpload":[1,"aria-label-cancel-upload"],"ariaLabelRetryUpload":[1,"aria-label-retry-upload"],"ariaLabelUploadingStatus":[1,"aria-label-uploading-status"],"ariaLabelUploadedStatus":[1,"aria-label-uploaded-status"],"ariaLabelUploadFailedStatus":[1,"aria-label-upload-failed-status"],"isDragOver":[32],"files":[32],"uploadTasks":[32],"rejectedSizeFiles":[32],"rejectedTypeFiles":[32],"requiredError":[32],"statusMessage":[32],"injectDemoState":[64],"triggerDemoValidation":[64]}]]],["p-02bada75",[[513,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"copiedIcon":[32],"htmlTag":[32],"iconName":[32],"searchTerm":[32]}]]],["p-b92ac066",[[769,"ifx-tabs",{"orientation":[1],"activeTabIndex":[2,"active-tab-index"],"fullWidth":[4,"full-width"],"label":[1],"number":[2],"subline":[1],"sublinePosition":[1,"subline-position"],"positionSticky":[4,"position-sticky"],"internalOrientation":[32],"internalActiveTabIndex":[32],"tabObjects":[32],"canScrollLeft":[32],"canScrollRight":[32],"atTop":[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"tabHeaderChange","handleTabHeaderChange"],[9,"scroll","handleScroll"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{"activeTabIndex":[{"activeTabIndexChanged":0}]}]]],["p-b412cbc4",[[513,"ifx-list-entry",{"value":[1028],"label":[1],"type":[1]},[[0,"ifxChange","handleFilterEntryChange"]],{"value":[{"valueChanged":0}]}]]],["p-d11a58be",[[1,"ifx-overview-table"]]],["p-a05ea57d",[[769,"ifx-toast-container",{"placement":[513],"offset":[2],"navbarSelector":[1,"navbar-selector"],"max":[2],"navbarClearance":[32],"addToast":[64],"dismissAll":[64],"enforceMax":[64]}]]],["p-aba7869d",[[769,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["p-61853d71",[[769,"ifx-filter-accordion",{"maxVisibleItems":[2,"max-visible-items"],"filterGroupName":[1,"filter-group-name"],"expanded":[32],"count":[32],"totalItems":[32]}]]],["p-f1a5fd7d",[[769,"ifx-filter-bar",{"maxShownFilters":[2,"max-shown-filters"],"selectedOptions":[32],"showAllFilters":[32],"visibleSlots":[32],"showMoreFilters":[64]}]]],["p-1000bdcb",[[513,"ifx-filter-search",{"filterName":[1,"filter-name"],"disabled":[4],"filterValue":[1025,"filter-value"],"filterKey":[1,"filter-key"],"filterOrientation":[1,"filter-orientation"],"placeholder":[1],"showDeleteIcon":[32]},[[0,"ifxInput","handleFilterSearchChange"]],{"value":[{"valueChanged":0}]}]]],["p-7f24a698",[[769,"ifx-list",{"name":[1],"maxVisibleItems":[2,"max-visible-items"],"type":[1],"resetTrigger":[1028,"reset-trigger"],"expanded":[32],"showMore":[32],"selectedCount":[32],"totalItems":[32],"internalResetTrigger":[32]},null,{"type":[{"handleTypeChange":0}],"resetTrigger":[{"resetTriggerChanged":0}]}]]],["p-f4977588",[[769,"ifx-modal",{"opened":[1540],"caption":[1],"captionAriaLabel":[1,"caption-aria-label"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"variant":[1],"size":[1],"alertIcon":[1,"alert-icon"],"showCloseButton":[4,"show-close-button"],"closeButtonAriaLabel":[1,"close-button-aria-label"],"showModal":[32],"slotButtonsPresent":[32],"openModal":[64],"closeModal":[64]},null,{"opened":[{"openedChanged":0}]}]]],["p-221feb0f",[[769,"ifx-navbar-item",{"showLabel":[4,"show-label"],"icon":[1],"href":[1],"target":[1],"hideOnMobile":[4,"hide-on-mobile"],"numberIndicator":[2,"number-indicator"],"dotIndicator":[4,"dot-indicator"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"isSidebarMenuItem":[32],"itemPosition":[32],"hideComponent":[64],"showComponent":[64],"toggleChildren":[64],"moveChildComponentsIntoSubLayerMenu":[64],"toggleFirstLayerItem":[64],"addMenuItemClass":[64],"moveChildComponentsBackIntoNavbar":[64],"returnToFirstLayer":[64],"setMenuItemPosition":[64],"setItemSideSpecifications":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-6af26182",[[513,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"maxlength":[2],"autocomplete":[1],"showCloseButton":[4,"show-close-button"],"internalState":[32],"open":[64],"close":[64]},null,{"isOpen":[{"handlePropChange":0}]}]]],["p-9c392be8",[[769,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"numberIndicator":[2,"number-indicator"],"active":[4],"isActionItem":[4,"is-action-item"],"handleItemClick":[16],"internalHref":[32],"isExpandable":[32],"isNested":[32],"isSubMenuItem":[32],"showIcon":[32],"showIconWrapper":[32],"indicatorVariant":[32],"internalActiveState":[32],"setActiveClasses":[64],"expandMenu":[64],"isItemExpandable":[64]},[[0,"consoleError","handleConsoleError"]],{"active":[{"handleActiveChange":0}],"numberIndicator":[{"handleNumberIndicatorChange":0}]}]]],["p-b50b00b6",[[769,"ifx-tree-view-item",{"expanded":[1540],"initiallyExpanded":[4,"initially-expanded"],"disableItem":[4,"disable-item"],"ariaLabelText":[1,"aria-label-text"],"initiallySelected":[4,"initially-selected"],"value":[1],"hasChildren":[32],"isChecked":[32],"partialChecked":[32],"level":[32],"disableAllItems":[32],"expandAllItems":[32],"suppressExpandEvents":[32]},null,{"expanded":[{"handleExpandedChange":0}],"disableItem":[{"handleDisableItemChange":0}]}]]],["p-4d75e46a",[[769,"ifx-accordion-item",{"caption":[1],"open":[1028],"ariaLevelNumber":[2,"aria-level-number"],"icon":[1],"internalOpen":[32]},[[0,"keydown","handleKeydown"]],{"open":[{"openChanged":0}]}]]],["p-14a61b05",[[513,"ifx-ai-label",{"divider":[4],"variant":[1]}]]],["p-8ab685e8",[[769,"ifx-breadcrumb-item-label",{"icon":[1],"href":[1],"target":[1]}]]],["p-b285f3a8",[[769,"ifx-checkbox-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"required":[4],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleCheckboxError"]]]]],["p-52f013ba",[[513,"ifx-counter",{"value":[2],"internalValue":[32]},null,{"value":[{"valueChanged":0}]}]]],["p-816c6e5a",[[513,"ifx-date-picker",{"size":[1],"error":[4],"success":[4],"disabled":[4],"readOnly":[4,"read-only"],"ariaLabelText":[1,"aria-label-text"],"value":[1025],"type":[1],"max":[1],"min":[1],"required":[4],"label":[1],"caption":[1],"autocomplete":[1],"internalValue":[32],"clear":[64]},null,{"value":[{"handleValueChange":0}]}]]],["p-f2c09023",[[769,"ifx-download",{"tokens":[1]}]]],["p-be9eb23a",[[769,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"error":[4],"disabled":[4],"size":[32]},[[16,"menuSize","handleMenuSize"],[0,"click","handleHostClick"]]]]],["p-67d33de3",[[769,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogoAndAppname":[4,"show-logo-and-appname"],"logoHref":[1,"logo-href"],"logoHrefTarget":[1,"logo-href-target"],"hasLeftMenuItems":[32],"searchBarIsOpen":[32],"isMobileMenuOpen":[32],"hasLeftSearchBar":[32],"hasRightSearchBar":[32],"hasLeftItems":[32],"hasRightItems":[32],"internalLogoHref":[32],"internalLogoHrefTarget":[32]},[[0,"ifxNavItem","clearFirstLayerMenu"],[0,"ifxOpen","handleSearchBarToggle"]]]]],["p-10250fb6",[[769,"ifx-popover",{"popoverTitle":[1,"popover-title"],"text":[1],"position":[1],"disabled":[4],"open":[1540],"ariaLabelText":[1,"aria-label"],"popoverVisible":[32],"computedArrowPosition":[32],"show":[64],"hide":[64],"toggle":[64]},null,{"open":[{"openChanged":0}],"position":[{"positionChanged":0}]}]]],["p-3caffcd3",[[769,"ifx-radio-button-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"required":[4],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleRadioButtonError"]]]]],["p-ba9b3dae",[[769,"ifx-segment",{"icon":[1],"segmentIndex":[2,"segment-index"],"selected":[1028],"value":[1]}]]],["p-c984b477",[[769,"ifx-segmented-control",{"caption":[1],"label":[1],"size":[1],"required":[4],"error":[4]},[[0,"segmentSelect","onSegmentSelect"]]]]],["p-5c5283eb",[[769,"ifx-sidebar",{"applicationName":[1,"application-name"],"initialCollapse":[4,"initial-collapse"],"showFooter":[4,"show-footer"],"showHeader":[4,"show-header"],"termsOfUse":[1,"terms-of-use"],"imprint":[1],"privacyPolicy":[1,"privacy-policy"],"footerHrefTarget":[1,"footer-href-target"],"logoHref":[1,"logo-href"],"logoHrefTarget":[1,"logo-href-target"],"copyrightText":[1,"copyright-text"],"collapsible":[4],"collapsed":[4],"hideMenuLabel":[1,"hide-menu-label"],"position":[1],"fixed":[4],"internalLogoHref":[32],"internalLogoHrefTarget":[32],"currentYear":[32],"isCollapsed":[32],"internalTermsofUse":[32],"internalImprint":[32],"internalPrivacyPolicy":[32],"internalShowFooter":[32],"activeItem":[32],"toggleCollapse":[64],"collapse":[64],"expand":[64]},[[0,"ifxSidebarMenu","handleSidebarItemInteraction"],[0,"ifxSidebarNavigationItem","handleSidebarItemActivated"]],{"collapsible":[{"handleCollapsibleChange":0}],"collapsed":[{"handleCollapsedPropChange":0}]}]]],["p-54723626",[[577,"ifx-slider",{"min":[2],"max":[2],"step":[2],"value":[1026],"minValueHandle":[2,"min-value-handle"],"maxValueHandle":[2,"max-value-handle"],"disabled":[4],"readOnly":[4,"read-only"],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"type":[1],"ariaLabelText":[1,"aria-label-text"],"name":[1],"internalValue":[32],"percentage":[32],"internalMinValue":[32],"internalMaxValue":[32]},null,{"value":[{"valueChanged":0}],"minValueHandle":[{"minValueChanged":0}],"maxValueHandle":[{"maxValueChanged":0}],"min":[{"minChanged":0}],"max":[{"maxChanged":0}],"step":[{"stepChanged":0}]}]]],["p-f2a0898e",[[769,"ifx-step",{"complete":[4],"disabled":[4],"error":[1028],"lastStep":[4,"last-step"],"stepId":[2,"step-id"],"stepperState":[16],"active":[32],"clickable":[32]},[[4,"ifxChange","onStepChange"]],{"stepperState":[{"updateCurrentStep":0}],"active":[{"updateErrorState":0}]}]]],["p-701d7394",[[769,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"ariaLabelText":[1,"aria-label-text"],"variant":[1],"icon":[1],"appendToBody":[4,"append-to-body"],"tooltipVisible":[32],"internalPosition":[32]},null,{"position":[{"positionChanged":0}]}]]],["p-3ed83b15",[[785,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxOpen","onItemOpen"]]]]],["p-c1cc9614",[[769,"ifx-action-list",{"listAriaLabel":[1,"list-aria-label"]}]]],["p-2697ca09",[[769,"ifx-action-list-item",{"itemTitle":[1,"item-title"],"description":[1],"value":[1],"href":[1],"target":[1],"disabled":[4],"itemAriaLabel":[1,"item-aria-label"]},null,{"disabled":[{"onDisabledChange":0}]}]]],["p-de18256b",[[512,"ifx-basic-table",{"cols":[1],"rows":[1],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"variant":[1],"gridOptions":[32],"columnDefs":[32],"rowData":[32],"uniqueKey":[32]}]]],["p-b2a7a38f",[[257,"ifx-breadcrumb"]]],["p-0ecaa9e0",[[769,"ifx-breadcrumb-item",{"isLastItem":[32],"uniqueId":[32],"hasDropdownMenu":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["p-78205e41",[[769,"ifx-card",{"direction":[1],"href":[1],"target":[1],"ariaLabelText":[1,"aria-label-text"],"fullWidth":[4,"full-width"],"actionsPlacement":[1,"actions-placement"],"noBtns":[32],"alignment":[32],"noImg":[32],"internalHref":[32]},[[0,"imgPosition","setImgPosition"]]]]],["p-2cfc658a",[[769,"ifx-card-headline",{"direction":[32],"hasDesc":[32]}]]],["p-ec55899a",[[513,"ifx-card-image",{"src":[1],"alt":[1],"position":[1],"objectFit":[1,"object-fit"]}]]],["p-e1488b4d",[[257,"ifx-card-links"]]],["p-febd42ff",[[257,"ifx-card-overline"]]],["p-d66bd1b2",[[769,"ifx-card-text",{"hasBtn":[32]}]]],["p-ad920854",[[769,"ifx-content-switcher",{"items":[32],"activeIndex":[32],"hoverIndex":[32],"focusIndex":[32],"dividers":[32]}]]],["p-7b172b39",[[769,"ifx-content-switcher-item",{"selected":[4],"value":[1]}]]],["p-3f77a83d",[[769,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[5,"mousedown","handleOutsideClick"],[4,"focusin","handleFocusOutside"],[0,"slotchange","watchHandlerSlot"]],{"defaultOpen":[{"watchHandlerIsOpen":0}],"disabled":[{"watchHandlerDisabled":0}]}]]],["p-624c7d1c",[[257,"ifx-dropdown-header"]]],["p-8606b133",[[769,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["p-2db83928",[[1,"ifx-dropdown-separator"]]],["p-4d490f8c",[[769,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["p-c66de320",[[769,"ifx-error-page",{"illustrationUrl":[1,"illustration-url"],"imgAlt":[1,"img-alt"],"type":[1],"headline":[1],"description":[1]}]]],["p-bba5b0fa",[[769,"ifx-filter-type-group",{"selectedOptions":[32]}]]],["p-507c7c68",[[769,"ifx-footer",{"copyrightText":[1,"copyright-text"],"currentYear":[32]}]]],["p-7aeb7a06",[[257,"ifx-footer-column"]]],["p-d7512395",[[769,"ifx-navbar-profile",{"showLabel":[4,"show-label"],"href":[1],"imageUrl":[1,"image-url"],"target":[1],"alt":[1],"userName":[1,"user-name"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"internalImageUrl":[32],"hideComponent":[64],"showComponent":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-e1899f87",[[769,"ifx-sidebar-title",{"showInCollapsed":[4,"show-in-collapsed"]}]]],["p-b45e4583",[[513,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["p-ac8a0518",[[769,"ifx-stepper",{"activeStep":[1026,"active-step"],"indicatorPosition":[1,"indicator-position"],"showStepNumber":[4,"show-step-number"],"variant":[1],"ariaLabelText":[1,"aria-label-text"],"ariaCurrentText":[1,"aria-current-text"],"stepsCount":[32],"shouldEmitEvent":[32],"emittedByClick":[32]},[[0,"ifxChange","onStepChange"]],{"activeStep":[{"handleActiveStep":0}]}]]],["p-7862d8f6",[[833,"ifx-switch",{"checked":[1028],"disabled":[4],"readOnly":[4,"read-only"],"name":[1],"value":[1],"isChecked":[64],"setChecked":[64],"toggle":[64]},null,{"checked":[{"onCheckedChange":0}]}]]],["p-863dc4af",[[772,"ifx-tab",{"header":[1],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"subline":[1],"sublinePosition":[1,"subline-position"],"label":[1],"number":[2],"positionSticky":[4,"position-sticky"]}]]],["p-9e5f7111",[[577,"ifx-textarea",{"caption":[1],"cols":[2],"disabled":[4],"error":[4],"label":[1],"maxlength":[2],"name":[513],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"resize":[1],"rows":[2],"value":[1025],"wrap":[1],"fullWidth":[513,"full-width"],"success":[4],"reset":[64]},null,{"value":[{"valueWatcher":0}]}]]],["p-ec09c33b",[[769,"ifx-tree-view",{"label":[1],"disableAllItems":[4,"disable-all-items"],"expandAllItems":[4,"expand-all-items"],"ariaLabelText":[1,"aria-label-text"]},null,{"expandAllItems":[{"handleExpandAllItemsChange":0}],"disableAllItems":[{"handleDisableAllItemsChange":0}]}]]],["p-5a8d32b5",[[769,"ifx-notification",{"icon":[1],"variant":[1],"linkText":[1,"link-text"],"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"],"closable":[4]}]]],["p-f7917fed",[[769,"ifx-toast",{"toastId":[1,"toast-id"],"status":[1],"message":[1],"actionText":[1,"action-text"],"duration":[2],"dismiss":[64]},null,{"status":[{"statusChanged":0}]}]]],["p-ac860bcd",[[513,"ifx-progress-bar",{"value":[2],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]},null,{"value":[{"valueChanged":0}]}]]],["p-2443bdb4",[[833,"ifx-radio-button",{"disabled":[4],"value":[1],"error":[4],"size":[513],"name":[513],"checked":[1028],"hasSlot":[32],"isChecked":[64]},[[4,"change","handleExternalChange"]],{"checked":[{"handleCheckedChange":0}],"error":[{"errorChanged":0}]}]]],["p-11b59ed0",[[512,"ifx-icon",{"icon":[1],"iconSvg":[32]},null,{"icon":[{"updateIcon":0}]}]]],["p-6176b2cc",[[513,"ifx-template",{"name":[1],"thumbnail":[1],"repoDetails":[32],"repoUrl":[32],"showDetails":[32],"isTemplatePage":[32],"isLoading":[32],"repoError":[32],"toggleTemplate":[64]}],[769,"ifx-alert",{"variant":[1],"icon":[1],"closable":[4],"AriaLiveText":[1,"aria-live-text"],"uniqueId":[32]}]]],["p-f0fb7e60",[[833,"ifx-checkbox",{"disabled":[4],"readOnly":[4,"read-only"],"name":[1],"checked":[1028],"indeterminate":[4],"error":[4],"size":[1],"value":[1],"internalIndeterminate":[32],"isChecked":[64],"setChecked":[64],"toggleCheckedState":[64],"toggle":[64]},null,{"checked":[{"valueChanged":0}],"error":[{"errorChanged":0}],"indeterminate":[{"indeterminateChanged":0}]}]]],["p-54ddb5d6",[[513,"ifx-pagination",{"currentPage":[2,"current-page"],"showItemsPerPage":[4,"show-items-per-page"],"total":[2],"itemsPerPage":[1,"items-per-page"],"itemsPerPageLabel":[1,"items-per-page-label"],"showAllItems":[32],"internalPage":[32],"internalItemsPerPage":[32],"numberOfPages":[32],"filteredItemsPerPage":[32],"visiblePages":[32]},[[0,"ifxSelect","setItemsPerPage"]],{"total":[{"watchTotalHandler":0}],"currentPage":[{"currentPageWatcher":0}]}],[769,"ifx-chip-item",{"value":[1],"chipState":[16],"selected":[1540]},[[16,"ifxChipItemSelect","updateItemSelection"]],{"selected":[{"validateSelected":0}]}]]],["p-9f167b64",[[769,"ifx-multiselect",{"name":[1],"disabled":[4],"readOnly":[4,"read-only"],"required":[4],"error":[4],"caption":[1],"label":[1],"placeholder":[1],"showSearch":[4,"show-search"],"showSelectAll":[4,"show-select-all"],"showClearButton":[4,"show-clear-button"],"showExpandCollapse":[4,"show-expand-collapse"],"noResultsMessage":[1,"no-results-message"],"showNoResultsMessage":[4,"show-no-results-message"],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"expandLabel":[1,"expand-label"],"collapseLabel":[1,"collapse-label"],"ariaMultiSelectLabel":[1,"aria-multi-select-label"],"ariaMultiSelectLabelledBy":[1,"aria-multi-select-labelled-by"],"ariaMultiSelectDescribedBy":[1,"aria-multi-select-described-by"],"ariaSearchLabel":[1,"aria-search-label"],"ariaClearLabel":[1,"aria-clear-label"],"ariaToggleLabel":[1,"aria-toggle-label"],"ariaSelectAllLabel":[1,"aria-select-all-label"],"ariaExpandAllLabel":[1,"aria-expand-all-label"],"ariaCollapseAllLabel":[1,"aria-collapse-all-label"],"internalError":[32],"persistentSelectedOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"searchTerm":[32],"clearSelection":[64]},null,{"error":[{"updateInternalError":0}],"persistentSelectedOptions":[{"onSelectionChange":0}]}],[769,"ifx-multiselect-option",{"value":[1],"selected":[1540],"disabled":[1540],"indeterminate":[1540],"isExpanded":[32],"hasChildren":[32],"depth":[32],"searchTerm":[32],"isSearchActive":[32],"isSearchDisabled":[32]},[[0,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-d1a4c48b",[[769,"ifx-chip",{"placeholder":[1],"size":[1],"value":[1025],"variant":[1],"theme":[1],"readOnly":[4,"read-only"],"ariaLabelText":[1,"aria-label-text"],"disabled":[4],"icon":[1],"opened":[32],"selectedOptions":[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{"value":[{"handleValueChange":0}],"readOnly":[{"handleReadOnlyChange":0}]}]]],["p-997dc258",[[512,"ifx-select",{"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"showSearch":[4,"show-search"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"readOnly":[4,"read-only"],"error":[4],"label":[1],"caption":[1],"disabled":[4],"required":[4],"placeholderValue":[1,"placeholder-value"],"options":[1025],"size":[1],"showClearButton":[4,"show-clear-button"],"selectedOption":[32],"optionIsSelected":[32],"clearSelection":[64],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"ajax":[64],"handleDeleteIcon":[64]},[[5,"mousedown","handleOutsideClick"]],{"disabled":[{"watchDisabled":0}]}]]],["p-af37b6fa",[[577,"ifx-text-field",{"placeholder":[1],"name":[513],"value":[1025],"error":[4],"label":[1],"icon":[1],"caption":[1],"size":[1],"required":[4],"success":[4],"disabled":[4],"readOnly":[4,"read-only"],"maxlength":[2],"showDeleteIcon":[4,"show-delete-icon"],"autocomplete":[1],"type":[1],"internalId":[1,"internal-id"],"internalType":[32],"reset":[64]},null,{"value":[{"valueWatcher":0}]}]]],["p-81008c3d",[[513,"ifx-spinner",{"size":[1],"variant":[1],"inverted":[4],"ariaLabelText":[1,"aria-label-text"]}]]],["p-8760be1e",[[513,"ifx-search-field",{"value":[1025],"suggestions":[16],"showSuggestions":[4,"show-suggestions"],"maxSuggestions":[2,"max-suggestions"],"maxHistoryItems":[2,"max-history-items"],"enableHistory":[4,"enable-history"],"historyKey":[1,"history-key"],"historyHeaderText":[1,"history-header-text"],"ariaLabelText":[1,"aria-label-text"],"ariaLabelledBy":[1,"aria-labelled-by"],"ariaDescribedBy":[1,"aria-described-by"],"deleteIconAriaLabel":[1,"delete-icon-aria-label"],"historyDeleteAriaLabel":[1,"history-delete-aria-label"],"dropdownAriaLabel":[1,"dropdown-aria-label"],"suggestionAriaLabel":[1,"suggestion-aria-label"],"historyItemAriaLabel":[1,"history-item-aria-label"],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"placeholder":[1],"autocomplete":[1],"maxlength":[2],"showDeleteIconInternalState":[32],"isFocused":[32],"showDropdown":[32],"filteredSuggestions":[32],"selectedSuggestionIndex":[32],"searchHistory":[32],"setFocus":[64],"clearSearchHistory":[64]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"]],{"value":[{"valueWatcher":0}],"suggestions":[{"suggestionsWatcher":0}]}]]],["p-2f97bf22",[[513,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"ariaLabelText":[1,"aria-label-text"],"internalIcon":[32],"setFocus":[64]},[[2,"click","handleClick"]],{"icon":[{"updateIcon":0}]}]]],["p-227642ed",[[769,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"type":[1],"fullWidth":[4,"full-width"],"ariaLabelText":[1,"aria-label-text"],"internalHref":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[2,"click","handleHostClick"]],{"href":[{"setInternalHref":0}]}]]],["p-61339501",[[513,"ifx-indicator",{"inverted":[4],"ariaLabelText":[1,"aria-label-text"],"variant":[1],"number":[2],"filteredNumber":[32]}]]],["p-550c24a7",[[769,"ifx-link",{"href":[1],"target":[1],"variant":[1],"size":[1],"disabled":[4],"download":[1],"ariaLabelText":[1,"aria-label-text"],"internalHref":[32],"internalTarget":[32],"internalVariant":[32]}]]]]'),e))));
+import{p as e,H as a,g as l,b as i}from"./p-C_-j3mlf.js";export{s as setNonce}from"./p-C_-j3mlf.js";var t=e=>{const a=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return a.call(this,e);const l=a.call(this,!1),i=this.childNodes;if(e)for(let e=0;e<i.length;e++)2!==i[e].nodeType&&l.appendChild(i[e].cloneNode(!0));return l}};(()=>{t(a.prototype);const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await l(),i(JSON.parse('[["p-c1c41d95",[[769,"ifx-table",{"cols":[8],"rows":[8],"buttonRendererOptions":[16],"iconButtonRendererOptions":[16],"checkboxRendererOptions":[16],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationItemsPerPage":[1,"pagination-items-per-page"],"filterOrientation":[1,"filter-orientation"],"headline":[1],"headlineNumber":[2,"headline-number"],"variant":[1],"serverSidePagination":[4,"server-side-pagination"],"serverPageChangeHandler":[16],"enableSelection":[4,"enable-selection"],"showLoading":[4,"show-loading"],"fitColumns":[4,"fit-columns"],"columnMinWidth":[2,"column-min-width"],"columnWidth":[1,"column-width"],"currentPage":[32],"rowData":[32],"colData":[32],"filterOptions":[32],"currentFilters":[32],"uniqueKey":[32],"showAllItems":[32],"paginationPageSize":[32],"showSidebarFilters":[32],"matchingResultsCount":[32],"selectedRows":[32],"selectAll":[32],"selectedRowsData":[32],"onBtShowLoading":[64]},[[0,"ifxItemsPerPageChange","handleResultsPerPageChange"],[0,"ifxChange","handleChipChange"]],{"rows":[{"rowsChanged":0}],"fitColumns":[{"onSizingOptionsChanged":0}],"columnMinWidth":[{"onSizingOptionsChanged":0}],"cols":[{"colsChanged":0}],"pagination":[{"onPaginationChanged":0}],"buttonRendererOptions":[{"onButtonRendererOptionsChanged":0}],"iconButtonRendererOptions":[{"onIconButtonRendererOptionsChanged":0}],"checkboxRendererOptions":[{"onCheckboxRendererOptionsChanged":0}]}]]],["p-656a9831",[[1,"ifx-templates-ui",null,[[0,"fieldError","handleError"],[0,"toggleTemplates","filterTemplates"]]]]],["p-f75497e2",[[513,"ifx-set-filter",{"filterName":[1,"filter-name"],"filterLabel":[1,"filter-label"],"placeholder":[1],"type":[1],"options":[1],"filterValues":[32]}]]],["p-3bb99ce2",[[513,"ifx-file-upload",{"dragAndDrop":[4,"drag-and-drop"],"required":[4],"disabled":[4],"maxFileSizeMB":[2,"max-file-size-m-b"],"allowedFileTypes":[1,"allowed-file-types"],"additionalAllowedFileTypes":[1,"additional-allowed-file-types"],"allowAnyFileType":[4,"allow-any-file-type"],"allowedFileExtensions":[1,"allowed-file-extensions"],"uploadHandler":[16],"maxFiles":[6146,"max-files"],"label":[1],"labelRequiredError":[1,"label-required-error"],"labelBrowseFiles":[1,"label-browse-files"],"labelDragAndDrop":[1,"label-drag-and-drop"],"labelUploadedFilesHeading":[1,"label-uploaded-files-heading"],"labelFileTooLarge":[1,"label-file-too-large"],"labelUnsupportedFileType":[1,"label-unsupported-file-type"],"labelUploaded":[1,"label-uploaded"],"labelUploadFailed":[1,"label-upload-failed"],"labelSupportedFormatsTemplate":[1,"label-supported-formats-template"],"labelFileSingular":[1,"label-file-singular"],"labelFilePlural":[1,"label-file-plural"],"labelMaxFilesInfo":[1,"label-max-files-info"],"labelMaxFilesExceeded":[1,"label-max-files-exceeded"],"ariaLabelBrowseFiles":[1,"aria-label-browse-files"],"ariaLabelDropzone":[1,"aria-label-dropzone"],"ariaLabelFileInput":[1,"aria-label-file-input"],"ariaLabelRemoveFile":[1,"aria-label-remove-file"],"ariaLabelCancelUpload":[1,"aria-label-cancel-upload"],"ariaLabelRetryUpload":[1,"aria-label-retry-upload"],"ariaLabelUploadingStatus":[1,"aria-label-uploading-status"],"ariaLabelUploadedStatus":[1,"aria-label-uploaded-status"],"ariaLabelUploadFailedStatus":[1,"aria-label-upload-failed-status"],"isDragOver":[32],"files":[32],"uploadTasks":[32],"rejectedSizeFiles":[32],"rejectedTypeFiles":[32],"requiredError":[32],"statusMessage":[32],"injectDemoState":[64],"triggerDemoValidation":[64]}]]],["p-02bada75",[[513,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"copiedIcon":[32],"htmlTag":[32],"iconName":[32],"searchTerm":[32]}]]],["p-240e2194",[[769,"ifx-tabs",{"orientation":[1],"activeTabIndex":[2,"active-tab-index"],"fullWidth":[4,"full-width"],"label":[1],"number":[2],"subline":[1],"sublinePosition":[1,"subline-position"],"positionSticky":[4,"position-sticky"],"internalOrientation":[32],"internalActiveTabIndex":[32],"tabObjects":[32],"canScrollLeft":[32],"canScrollRight":[32],"atTop":[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"tabHeaderChange","handleTabHeaderChange"],[9,"scroll","handleScroll"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{"activeTabIndex":[{"activeTabIndexChanged":0}]}]]],["p-b412cbc4",[[513,"ifx-list-entry",{"value":[1028],"label":[1],"type":[1]},[[0,"ifxChange","handleFilterEntryChange"]],{"value":[{"valueChanged":0}]}]]],["p-d11a58be",[[1,"ifx-overview-table"]]],["p-a05ea57d",[[769,"ifx-toast-container",{"placement":[513],"offset":[2],"navbarSelector":[1,"navbar-selector"],"max":[2],"navbarClearance":[32],"addToast":[64],"dismissAll":[64],"enforceMax":[64]}]]],["p-aba7869d",[[769,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["p-61853d71",[[769,"ifx-filter-accordion",{"maxVisibleItems":[2,"max-visible-items"],"filterGroupName":[1,"filter-group-name"],"expanded":[32],"count":[32],"totalItems":[32]}]]],["p-f1a5fd7d",[[769,"ifx-filter-bar",{"maxShownFilters":[2,"max-shown-filters"],"selectedOptions":[32],"showAllFilters":[32],"visibleSlots":[32],"showMoreFilters":[64]}]]],["p-1000bdcb",[[513,"ifx-filter-search",{"filterName":[1,"filter-name"],"disabled":[4],"filterValue":[1025,"filter-value"],"filterKey":[1,"filter-key"],"filterOrientation":[1,"filter-orientation"],"placeholder":[1],"showDeleteIcon":[32]},[[0,"ifxInput","handleFilterSearchChange"]],{"value":[{"valueChanged":0}]}]]],["p-7f24a698",[[769,"ifx-list",{"name":[1],"maxVisibleItems":[2,"max-visible-items"],"type":[1],"resetTrigger":[1028,"reset-trigger"],"expanded":[32],"showMore":[32],"selectedCount":[32],"totalItems":[32],"internalResetTrigger":[32]},null,{"type":[{"handleTypeChange":0}],"resetTrigger":[{"resetTriggerChanged":0}]}]]],["p-f4977588",[[769,"ifx-modal",{"opened":[1540],"caption":[1],"captionAriaLabel":[1,"caption-aria-label"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"variant":[1],"size":[1],"alertIcon":[1,"alert-icon"],"showCloseButton":[4,"show-close-button"],"closeButtonAriaLabel":[1,"close-button-aria-label"],"showModal":[32],"slotButtonsPresent":[32],"openModal":[64],"closeModal":[64]},null,{"opened":[{"openedChanged":0}]}]]],["p-221feb0f",[[769,"ifx-navbar-item",{"showLabel":[4,"show-label"],"icon":[1],"href":[1],"target":[1],"hideOnMobile":[4,"hide-on-mobile"],"numberIndicator":[2,"number-indicator"],"dotIndicator":[4,"dot-indicator"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"isSidebarMenuItem":[32],"itemPosition":[32],"hideComponent":[64],"showComponent":[64],"toggleChildren":[64],"moveChildComponentsIntoSubLayerMenu":[64],"toggleFirstLayerItem":[64],"addMenuItemClass":[64],"moveChildComponentsBackIntoNavbar":[64],"returnToFirstLayer":[64],"setMenuItemPosition":[64],"setItemSideSpecifications":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-6af26182",[[513,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"maxlength":[2],"autocomplete":[1],"showCloseButton":[4,"show-close-button"],"internalState":[32],"open":[64],"close":[64]},null,{"isOpen":[{"handlePropChange":0}]}]]],["p-9c392be8",[[769,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"numberIndicator":[2,"number-indicator"],"active":[4],"isActionItem":[4,"is-action-item"],"handleItemClick":[16],"internalHref":[32],"isExpandable":[32],"isNested":[32],"isSubMenuItem":[32],"showIcon":[32],"showIconWrapper":[32],"indicatorVariant":[32],"internalActiveState":[32],"setActiveClasses":[64],"expandMenu":[64],"isItemExpandable":[64]},[[0,"consoleError","handleConsoleError"]],{"active":[{"handleActiveChange":0}],"numberIndicator":[{"handleNumberIndicatorChange":0}]}]]],["p-b50b00b6",[[769,"ifx-tree-view-item",{"expanded":[1540],"initiallyExpanded":[4,"initially-expanded"],"disableItem":[4,"disable-item"],"ariaLabelText":[1,"aria-label-text"],"initiallySelected":[4,"initially-selected"],"value":[1],"hasChildren":[32],"isChecked":[32],"partialChecked":[32],"level":[32],"disableAllItems":[32],"expandAllItems":[32],"suppressExpandEvents":[32]},null,{"expanded":[{"handleExpandedChange":0}],"disableItem":[{"handleDisableItemChange":0}]}]]],["p-4d75e46a",[[769,"ifx-accordion-item",{"caption":[1],"open":[1028],"ariaLevelNumber":[2,"aria-level-number"],"icon":[1],"internalOpen":[32]},[[0,"keydown","handleKeydown"]],{"open":[{"openChanged":0}]}]]],["p-14a61b05",[[513,"ifx-ai-label",{"divider":[4],"variant":[1]}]]],["p-8ab685e8",[[769,"ifx-breadcrumb-item-label",{"icon":[1],"href":[1],"target":[1]}]]],["p-b285f3a8",[[769,"ifx-checkbox-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"required":[4],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleCheckboxError"]]]]],["p-52f013ba",[[513,"ifx-counter",{"value":[2],"internalValue":[32]},null,{"value":[{"valueChanged":0}]}]]],["p-816c6e5a",[[513,"ifx-date-picker",{"size":[1],"error":[4],"success":[4],"disabled":[4],"readOnly":[4,"read-only"],"ariaLabelText":[1,"aria-label-text"],"value":[1025],"type":[1],"max":[1],"min":[1],"required":[4],"label":[1],"caption":[1],"autocomplete":[1],"internalValue":[32],"clear":[64]},null,{"value":[{"handleValueChange":0}]}]]],["p-f2c09023",[[769,"ifx-download",{"tokens":[1]}]]],["p-be9eb23a",[[769,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"error":[4],"disabled":[4],"size":[32]},[[16,"menuSize","handleMenuSize"],[0,"click","handleHostClick"]]]]],["p-67d33de3",[[769,"ifx-navbar",{"applicationName":[1,"application-name"],"fixed":[4],"showLogoAndAppname":[4,"show-logo-and-appname"],"logoHref":[1,"logo-href"],"logoHrefTarget":[1,"logo-href-target"],"hasLeftMenuItems":[32],"searchBarIsOpen":[32],"isMobileMenuOpen":[32],"hasLeftSearchBar":[32],"hasRightSearchBar":[32],"hasLeftItems":[32],"hasRightItems":[32],"internalLogoHref":[32],"internalLogoHrefTarget":[32]},[[0,"ifxNavItem","clearFirstLayerMenu"],[0,"ifxOpen","handleSearchBarToggle"]]]]],["p-10250fb6",[[769,"ifx-popover",{"popoverTitle":[1,"popover-title"],"text":[1],"position":[1],"disabled":[4],"open":[1540],"ariaLabelText":[1,"aria-label"],"popoverVisible":[32],"computedArrowPosition":[32],"show":[64],"hide":[64],"toggle":[64]},null,{"open":[{"openChanged":0}],"position":[{"positionChanged":0}]}]]],["p-3caffcd3",[[769,"ifx-radio-button-group",{"alignment":[1],"size":[1],"showGroupLabel":[4,"show-group-label"],"groupLabelText":[1,"group-label-text"],"showCaption":[4,"show-caption"],"captionText":[1,"caption-text"],"showCaptionIcon":[4,"show-caption-icon"],"required":[4],"hasErrors":[32],"setGroupError":[64]},[[0,"ifxError","handleRadioButtonError"]]]]],["p-ba9b3dae",[[769,"ifx-segment",{"icon":[1],"segmentIndex":[2,"segment-index"],"selected":[1028],"value":[1]}]]],["p-c984b477",[[769,"ifx-segmented-control",{"caption":[1],"label":[1],"size":[1],"required":[4],"error":[4]},[[0,"segmentSelect","onSegmentSelect"]]]]],["p-5c5283eb",[[769,"ifx-sidebar",{"applicationName":[1,"application-name"],"initialCollapse":[4,"initial-collapse"],"showFooter":[4,"show-footer"],"showHeader":[4,"show-header"],"termsOfUse":[1,"terms-of-use"],"imprint":[1],"privacyPolicy":[1,"privacy-policy"],"footerHrefTarget":[1,"footer-href-target"],"logoHref":[1,"logo-href"],"logoHrefTarget":[1,"logo-href-target"],"copyrightText":[1,"copyright-text"],"collapsible":[4],"collapsed":[4],"hideMenuLabel":[1,"hide-menu-label"],"position":[1],"fixed":[4],"internalLogoHref":[32],"internalLogoHrefTarget":[32],"currentYear":[32],"isCollapsed":[32],"internalTermsofUse":[32],"internalImprint":[32],"internalPrivacyPolicy":[32],"internalShowFooter":[32],"activeItem":[32],"toggleCollapse":[64],"collapse":[64],"expand":[64]},[[0,"ifxSidebarMenu","handleSidebarItemInteraction"],[0,"ifxSidebarNavigationItem","handleSidebarItemActivated"]],{"collapsible":[{"handleCollapsibleChange":0}],"collapsed":[{"handleCollapsedPropChange":0}]}]]],["p-54723626",[[577,"ifx-slider",{"min":[2],"max":[2],"step":[2],"value":[1026],"minValueHandle":[2,"min-value-handle"],"maxValueHandle":[2,"max-value-handle"],"disabled":[4],"readOnly":[4,"read-only"],"showPercentage":[4,"show-percentage"],"leftIcon":[1,"left-icon"],"rightIcon":[1,"right-icon"],"leftText":[1,"left-text"],"rightText":[1,"right-text"],"type":[1],"ariaLabelText":[1,"aria-label-text"],"name":[1],"internalValue":[32],"percentage":[32],"internalMinValue":[32],"internalMaxValue":[32]},null,{"value":[{"valueChanged":0}],"minValueHandle":[{"minValueChanged":0}],"maxValueHandle":[{"maxValueChanged":0}],"min":[{"minChanged":0}],"max":[{"maxChanged":0}],"step":[{"stepChanged":0}]}]]],["p-f2a0898e",[[769,"ifx-step",{"complete":[4],"disabled":[4],"error":[1028],"lastStep":[4,"last-step"],"stepId":[2,"step-id"],"stepperState":[16],"active":[32],"clickable":[32]},[[4,"ifxChange","onStepChange"]],{"stepperState":[{"updateCurrentStep":0}],"active":[{"updateErrorState":0}]}]]],["p-701d7394",[[769,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"ariaLabelText":[1,"aria-label-text"],"variant":[1],"icon":[1],"appendToBody":[4,"append-to-body"],"tooltipVisible":[32],"internalPosition":[32]},null,{"position":[{"positionChanged":0}]}]]],["p-3ed83b15",[[785,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxOpen","onItemOpen"]]]]],["p-c1cc9614",[[769,"ifx-action-list",{"listAriaLabel":[1,"list-aria-label"]}]]],["p-2697ca09",[[769,"ifx-action-list-item",{"itemTitle":[1,"item-title"],"description":[1],"value":[1],"href":[1],"target":[1],"disabled":[4],"itemAriaLabel":[1,"item-aria-label"]},null,{"disabled":[{"onDisabledChange":0}]}]]],["p-de18256b",[[512,"ifx-basic-table",{"cols":[1],"rows":[1],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"variant":[1],"gridOptions":[32],"columnDefs":[32],"rowData":[32],"uniqueKey":[32]}]]],["p-b2a7a38f",[[257,"ifx-breadcrumb"]]],["p-0ecaa9e0",[[769,"ifx-breadcrumb-item",{"isLastItem":[32],"uniqueId":[32],"hasDropdownMenu":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["p-78205e41",[[769,"ifx-card",{"direction":[1],"href":[1],"target":[1],"ariaLabelText":[1,"aria-label-text"],"fullWidth":[4,"full-width"],"actionsPlacement":[1,"actions-placement"],"noBtns":[32],"alignment":[32],"noImg":[32],"internalHref":[32]},[[0,"imgPosition","setImgPosition"]]]]],["p-2cfc658a",[[769,"ifx-card-headline",{"direction":[32],"hasDesc":[32]}]]],["p-ec55899a",[[513,"ifx-card-image",{"src":[1],"alt":[1],"position":[1],"objectFit":[1,"object-fit"]}]]],["p-e1488b4d",[[257,"ifx-card-links"]]],["p-febd42ff",[[257,"ifx-card-overline"]]],["p-d66bd1b2",[[769,"ifx-card-text",{"hasBtn":[32]}]]],["p-ad920854",[[769,"ifx-content-switcher",{"items":[32],"activeIndex":[32],"hoverIndex":[32],"focusIndex":[32],"dividers":[32]}]]],["p-7b172b39",[[769,"ifx-content-switcher-item",{"selected":[4],"value":[1]}]]],["p-3f77a83d",[[769,"ifx-dropdown",{"placement":[1],"defaultOpen":[4,"default-open"],"noAppendToBody":[4,"no-append-to-body"],"disabled":[4],"noCloseOnOutsideClick":[4,"no-close-on-outside-click"],"noCloseOnMenuClick":[4,"no-close-on-menu-click"],"internalIsOpen":[32],"trigger":[32],"menu":[32],"isOpen":[64],"closeDropdown":[64],"openDropdown":[64]},[[5,"mousedown","handleOutsideClick"],[4,"focusin","handleFocusOutside"],[0,"slotchange","watchHandlerSlot"]],{"defaultOpen":[{"watchHandlerIsOpen":0}],"disabled":[{"watchHandlerDisabled":0}]}]]],["p-624c7d1c",[[257,"ifx-dropdown-header"]]],["p-8606b133",[[769,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["p-2db83928",[[1,"ifx-dropdown-separator"]]],["p-4d490f8c",[[769,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["p-c66de320",[[769,"ifx-error-page",{"illustrationUrl":[1,"illustration-url"],"imgAlt":[1,"img-alt"],"type":[1],"headline":[1],"description":[1]}]]],["p-bba5b0fa",[[769,"ifx-filter-type-group",{"selectedOptions":[32]}]]],["p-507c7c68",[[769,"ifx-footer",{"copyrightText":[1,"copyright-text"],"currentYear":[32]}]]],["p-7aeb7a06",[[257,"ifx-footer-column"]]],["p-d7512395",[[769,"ifx-navbar-profile",{"showLabel":[4,"show-label"],"href":[1],"imageUrl":[1,"image-url"],"target":[1],"alt":[1],"userName":[1,"user-name"],"internalHref":[32],"isMenuItem":[32],"hasChildNavItems":[32],"internalImageUrl":[32],"hideComponent":[64],"showComponent":[64]},[[5,"mousedown","handleOutsideClick"]]]]],["p-e1899f87",[[769,"ifx-sidebar-title",{"showInCollapsed":[4,"show-in-collapsed"]}]]],["p-b45e4583",[[513,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["p-ac8a0518",[[769,"ifx-stepper",{"activeStep":[1026,"active-step"],"indicatorPosition":[1,"indicator-position"],"showStepNumber":[4,"show-step-number"],"variant":[1],"ariaLabelText":[1,"aria-label-text"],"ariaCurrentText":[1,"aria-current-text"],"stepsCount":[32],"shouldEmitEvent":[32],"emittedByClick":[32]},[[0,"ifxChange","onStepChange"]],{"activeStep":[{"handleActiveStep":0}]}]]],["p-7862d8f6",[[833,"ifx-switch",{"checked":[1028],"disabled":[4],"readOnly":[4,"read-only"],"name":[1],"value":[1],"isChecked":[64],"setChecked":[64],"toggle":[64]},null,{"checked":[{"onCheckedChange":0}]}]]],["p-863dc4af",[[772,"ifx-tab",{"header":[1],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"],"subline":[1],"sublinePosition":[1,"subline-position"],"label":[1],"number":[2],"positionSticky":[4,"position-sticky"]}]]],["p-9e5f7111",[[577,"ifx-textarea",{"caption":[1],"cols":[2],"disabled":[4],"error":[4],"label":[1],"maxlength":[2],"name":[513],"placeholder":[1],"required":[4],"readOnly":[4,"read-only"],"resize":[1],"rows":[2],"value":[1025],"wrap":[1],"fullWidth":[513,"full-width"],"success":[4],"reset":[64]},null,{"value":[{"valueWatcher":0}]}]]],["p-ec09c33b",[[769,"ifx-tree-view",{"label":[1],"disableAllItems":[4,"disable-all-items"],"expandAllItems":[4,"expand-all-items"],"ariaLabelText":[1,"aria-label-text"]},null,{"expandAllItems":[{"handleExpandAllItemsChange":0}],"disableAllItems":[{"handleDisableAllItemsChange":0}]}]]],["p-5a8d32b5",[[769,"ifx-notification",{"icon":[1],"variant":[1],"linkText":[1,"link-text"],"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"],"closable":[4]}]]],["p-f7917fed",[[769,"ifx-toast",{"toastId":[1,"toast-id"],"status":[1],"message":[1],"actionText":[1,"action-text"],"duration":[2],"dismiss":[64]},null,{"status":[{"statusChanged":0}]}]]],["p-ac860bcd",[[513,"ifx-progress-bar",{"value":[2],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]},null,{"value":[{"valueChanged":0}]}]]],["p-2443bdb4",[[833,"ifx-radio-button",{"disabled":[4],"value":[1],"error":[4],"size":[513],"name":[513],"checked":[1028],"hasSlot":[32],"isChecked":[64]},[[4,"change","handleExternalChange"]],{"checked":[{"handleCheckedChange":0}],"error":[{"errorChanged":0}]}]]],["p-11b59ed0",[[512,"ifx-icon",{"icon":[1],"iconSvg":[32]},null,{"icon":[{"updateIcon":0}]}]]],["p-6176b2cc",[[513,"ifx-template",{"name":[1],"thumbnail":[1],"repoDetails":[32],"repoUrl":[32],"showDetails":[32],"isTemplatePage":[32],"isLoading":[32],"repoError":[32],"toggleTemplate":[64]}],[769,"ifx-alert",{"variant":[1],"icon":[1],"closable":[4],"AriaLiveText":[1,"aria-live-text"],"uniqueId":[32]}]]],["p-f0fb7e60",[[833,"ifx-checkbox",{"disabled":[4],"readOnly":[4,"read-only"],"name":[1],"checked":[1028],"indeterminate":[4],"error":[4],"size":[1],"value":[1],"internalIndeterminate":[32],"isChecked":[64],"setChecked":[64],"toggleCheckedState":[64],"toggle":[64]},null,{"checked":[{"valueChanged":0}],"error":[{"errorChanged":0}],"indeterminate":[{"indeterminateChanged":0}]}]]],["p-54ddb5d6",[[513,"ifx-pagination",{"currentPage":[2,"current-page"],"showItemsPerPage":[4,"show-items-per-page"],"total":[2],"itemsPerPage":[1,"items-per-page"],"itemsPerPageLabel":[1,"items-per-page-label"],"showAllItems":[32],"internalPage":[32],"internalItemsPerPage":[32],"numberOfPages":[32],"filteredItemsPerPage":[32],"visiblePages":[32]},[[0,"ifxSelect","setItemsPerPage"]],{"total":[{"watchTotalHandler":0}],"currentPage":[{"currentPageWatcher":0}]}],[769,"ifx-chip-item",{"value":[1],"chipState":[16],"selected":[1540]},[[16,"ifxChipItemSelect","updateItemSelection"]],{"selected":[{"validateSelected":0}]}]]],["p-9f167b64",[[769,"ifx-multiselect",{"name":[1],"disabled":[4],"readOnly":[4,"read-only"],"required":[4],"error":[4],"caption":[1],"label":[1],"placeholder":[1],"showSearch":[4,"show-search"],"showSelectAll":[4,"show-select-all"],"showClearButton":[4,"show-clear-button"],"showExpandCollapse":[4,"show-expand-collapse"],"noResultsMessage":[1,"no-results-message"],"showNoResultsMessage":[4,"show-no-results-message"],"searchPlaceholder":[1,"search-placeholder"],"selectAllLabel":[1,"select-all-label"],"expandLabel":[1,"expand-label"],"collapseLabel":[1,"collapse-label"],"ariaMultiSelectLabel":[1,"aria-multi-select-label"],"ariaMultiSelectLabelledBy":[1,"aria-multi-select-labelled-by"],"ariaMultiSelectDescribedBy":[1,"aria-multi-select-described-by"],"ariaSearchLabel":[1,"aria-search-label"],"ariaClearLabel":[1,"aria-clear-label"],"ariaToggleLabel":[1,"aria-toggle-label"],"ariaSelectAllLabel":[1,"aria-select-all-label"],"ariaExpandAllLabel":[1,"aria-expand-all-label"],"ariaCollapseAllLabel":[1,"aria-collapse-all-label"],"internalError":[32],"persistentSelectedOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"searchTerm":[32],"clearSelection":[64]},null,{"error":[{"updateInternalError":0}],"persistentSelectedOptions":[{"onSelectionChange":0}]}],[769,"ifx-multiselect-option",{"value":[1],"selected":[1540],"disabled":[1540],"indeterminate":[1540],"isExpanded":[32],"hasChildren":[32],"depth":[32],"searchTerm":[32],"isSearchActive":[32],"isSearchDisabled":[32]},[[0,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-d1a4c48b",[[769,"ifx-chip",{"placeholder":[1],"size":[1],"value":[1025],"variant":[1],"theme":[1],"readOnly":[4,"read-only"],"ariaLabelText":[1,"aria-label-text"],"disabled":[4],"icon":[1],"opened":[32],"selectedOptions":[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{"value":[{"handleValueChange":0}],"readOnly":[{"handleReadOnlyChange":0}]}]]],["p-997dc258",[[512,"ifx-select",{"value":[1],"name":[1],"items":[16],"choices":[1],"renderChoiceLimit":[2,"render-choice-limit"],"maxItemCount":[2,"max-item-count"],"addItems":[4,"add-items"],"removeItems":[4,"remove-items"],"removeItemButton":[4,"remove-item-button"],"editItems":[4,"edit-items"],"duplicateItemsAllowed":[4,"duplicate-items-allowed"],"delimiter":[1],"paste":[4],"showSearch":[4,"show-search"],"searchChoices":[4,"search-choices"],"searchFields":[1,"search-fields"],"searchFloor":[2,"search-floor"],"searchResultLimit":[2,"search-result-limit"],"position":[1],"resetScrollPosition":[4,"reset-scroll-position"],"shouldSort":[4,"should-sort"],"shouldSortItems":[4,"should-sort-items"],"sorter":[16],"placeholder":[8],"searchPlaceholderValue":[1,"search-placeholder-value"],"prependValue":[1,"prepend-value"],"appendValue":[1,"append-value"],"renderSelectedChoices":[1,"render-selected-choices"],"loadingText":[1,"loading-text"],"noResultsText":[1,"no-results-text"],"noChoicesText":[1,"no-choices-text"],"itemSelectText":[1,"item-select-text"],"addItemText":[1,"add-item-text"],"maxItemText":[1,"max-item-text"],"uniqueItemText":[1,"unique-item-text"],"classNames":[16],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"readOnly":[4,"read-only"],"error":[4],"label":[1],"caption":[1],"disabled":[4],"required":[4],"placeholderValue":[1,"placeholder-value"],"options":[1025],"size":[1],"showClearButton":[4,"show-clear-button"],"selectedOption":[32],"optionIsSelected":[32],"clearSelection":[64],"handleChange":[64],"highlightItem":[64],"unhighlightItem":[64],"highlightAll":[64],"unhighlightAll":[64],"removeActiveItemsByValue":[64],"removeActiveItems":[64],"removeHighlightedItems":[64],"showDropdown":[64],"hideDropdown":[64],"getValue":[64],"setValue":[64],"setChoiceByValue":[64],"setChoices":[64],"clearChoices":[64],"clearStore":[64],"clearInput":[64],"ajax":[64],"handleDeleteIcon":[64]},[[5,"mousedown","handleOutsideClick"]],{"disabled":[{"watchDisabled":0}]}]]],["p-af37b6fa",[[577,"ifx-text-field",{"placeholder":[1],"name":[513],"value":[1025],"error":[4],"label":[1],"icon":[1],"caption":[1],"size":[1],"required":[4],"success":[4],"disabled":[4],"readOnly":[4,"read-only"],"maxlength":[2],"showDeleteIcon":[4,"show-delete-icon"],"autocomplete":[1],"type":[1],"internalId":[1,"internal-id"],"internalType":[32],"reset":[64]},null,{"value":[{"valueWatcher":0}]}]]],["p-81008c3d",[[513,"ifx-spinner",{"size":[1],"variant":[1],"inverted":[4],"ariaLabelText":[1,"aria-label-text"]}]]],["p-8760be1e",[[513,"ifx-search-field",{"value":[1025],"suggestions":[16],"showSuggestions":[4,"show-suggestions"],"maxSuggestions":[2,"max-suggestions"],"maxHistoryItems":[2,"max-history-items"],"enableHistory":[4,"enable-history"],"historyKey":[1,"history-key"],"historyHeaderText":[1,"history-header-text"],"ariaLabelText":[1,"aria-label-text"],"ariaLabelledBy":[1,"aria-labelled-by"],"ariaDescribedBy":[1,"aria-described-by"],"deleteIconAriaLabel":[1,"delete-icon-aria-label"],"historyDeleteAriaLabel":[1,"history-delete-aria-label"],"dropdownAriaLabel":[1,"dropdown-aria-label"],"suggestionAriaLabel":[1,"suggestion-aria-label"],"historyItemAriaLabel":[1,"history-item-aria-label"],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"placeholder":[1],"autocomplete":[1],"maxlength":[2],"showDeleteIconInternalState":[32],"isFocused":[32],"showDropdown":[32],"filteredSuggestions":[32],"selectedSuggestionIndex":[32],"searchHistory":[32],"setFocus":[64],"clearSearchHistory":[64]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"]],{"value":[{"valueWatcher":0}],"suggestions":[{"suggestionsWatcher":0}]}]]],["p-2f97bf22",[[513,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"ariaLabelText":[1,"aria-label-text"],"internalIcon":[32],"setFocus":[64]},[[2,"click","handleClick"]],{"icon":[{"updateIcon":0}]}]]],["p-227642ed",[[769,"ifx-button",{"variant":[1],"theme":[1],"size":[1],"disabled":[4],"href":[1],"target":[1],"type":[1],"fullWidth":[4,"full-width"],"ariaLabelText":[1,"aria-label-text"],"internalHref":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[2,"click","handleHostClick"]],{"href":[{"setInternalHref":0}]}]]],["p-61339501",[[513,"ifx-indicator",{"inverted":[4],"ariaLabelText":[1,"aria-label-text"],"variant":[1],"number":[2],"filteredNumber":[32]}]]],["p-550c24a7",[[769,"ifx-link",{"href":[1],"target":[1],"variant":[1],"size":[1],"disabled":[4],"download":[1],"ariaLabelText":[1,"aria-label-text"],"internalHref":[32],"internalTarget":[32],"internalVariant":[32]}]]]]'),e))));

package/dist/infineon-design-system-stencil/{p-b92ac066.entry.js → p-240e2194.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,a as e,h as s}from"./p-C_-j3mlf.js";import{i as a}from"./p-CtINY9El.js";import{d as l,t as n}from"./p-DNHOWgWh.js";const o=class{constructor(e){t(this,e),this.ifxChange=i(this,"ifxChange",1)}get el(){return e(this)}orientation="horizontal";activeTabIndex=0;fullWidth=!1;label;number=0;subline;sublinePosition="left";positionSticky=!1;internalOrientation;internalActiveTabIndex=0;tabObjects=[];canScrollLeft=!1;canScrollRight=!1;atTop=!1;internalFocusedTabIndex=0;tabRefs=[];tabHeaderRefs=[];tabsListElement;tabFocusHandlers=new Map;ifxChange;updateBorderOnWindowResize(){this.updateBorderAndFocus(),this.updateScrollButtons()}setActiveAndFocusedTab(t){t>=this.tabObjects.length&&(t=this.tabObjects.length-1),t<0&&(t=0),this.tabObjects[t]?.disabled||(this.internalActiveTabIndex=t,this.internalFocusedTabIndex=t,setTimeout((()=>this.scrollTabIntoView(t)),0))}handleTabHeaderChange(t){const i=parseInt(t.target.getAttribute("slot").replace("tab-",""),10),e=t.target;this.tabObjects[i]={...this.tabObjects[i],header:e.header,disabled:!0===e.disabled,icon:e.icon,iconPosition:e.iconPosition,subline:e.subline,sublinePosition:e.sublinePosition,label:e.label,number:e.number},this.tabObjects=[...this.tabObjects]}handleScroll(){const t=this.el.shadowRoot.querySelector(".tabs-container")||this.el.shadowRoot.querySelector(".tabs-list");if(t){const i=t.getBoundingClientRect().top;this.atTop=i<=0}}activeTabIndexChanged(t,i){t!==i&&this.setActiveAndFocusedTab(t)}componentWillLoad(){this.internalOrientation="vertical"===this.orientation.toLowerCase()?"vertical":"horizontal",this.onSlotChange(),this.setActiveAndFocusedTab(this.activeTabIndex),this.updateTabStyles(),this.handleScroll()}updateTabStyles(){this.tabHeaderRefs.forEach(((t,i)=>{t.classList.toggle("active",i===this.internalActiveTabIndex),t.setAttribute("aria-selected",i===this.internalActiveTabIndex?"true":"false")}))}reRenderBorder(){const t=this.el.shadowRoot.querySelector(".active-border");t&&this.tabHeaderRefs[this.internalActiveTabIndex]&&("horizontal"===this.orientation?(t.style.left=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft}px`,t.style.width=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth}px`,t.style.top="",t.style.height=""):(t.style.top=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop}px`,t.style.height=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight}px`,t.style.left="",t.style.width=""))}onSlotChange(){const t=Array.from(this.el.children).filter((t=>t.matches("ifx-tab")));this.tabObjects=Array.from(t).map((t=>({header:t?.header,disabled:!0===t?.disabled,icon:t?.icon,iconPosition:t?.iconPosition,subline:t?.subline,sublinePosition:t?.sublinePosition,label:t?.label,number:t?.number}))),this.tabRefs=Array.from(t),this.tabRefs.forEach(((t,i)=>{t.setAttribute("slot",`tab-${i}`)}))}async componentDidLoad(){if(!a(this.el)){const t=l();n("ifx-tabs",await t)}this.updateBorderAndFocus(),this.updateScrollButtons(),this.setupTabFocusListeners(),this.handleScroll()}setupTabFocusListeners(){this.tabFocusHandlers.clear(),this.tabHeaderRefs.forEach(((t,i)=>{const e=()=>{this.internalFocusedTabIndex=i};this.tabFocusHandlers.set(t,e),t.addEventListener("focus",e)}))}disconnectedCallback(){this.tabFocusHandlers.forEach(((t,i)=>{i.removeEventListener("focus",t)})),this.tabFocusHandlers.clear()}componentDidUpdate(){this.updateBorderAndFocus(),requestAnimationFrame((()=>{this.updateScrollButtons()}))}updateBorderAndFocus(){this.reRenderBorder(),this.updateTabFocusability()}updateTabFocusability(){this.tabHeaderRefs.forEach(((t,i)=>{t.tabIndex=i===this.internalActiveTabIndex?0:-1}))}focusNextTab(){let t=this.internalFocusedTabIndex+1;for(;t<this.tabHeaderRefs.length&&this.tabObjects[t].disabled;)t++;t>=0&&t<this.tabHeaderRefs.length&&(this.internalFocusedTabIndex=t,this.tabHeaderRefs[t].focus())}focusPreviousTab(){let t=this.internalFocusedTabIndex-1;for(;t>=0&&this.tabObjects[t].disabled;)t--;t>=0&&t<this.tabHeaderRefs.length&&(this.internalFocusedTabIndex=t,this.tabHeaderRefs[t].focus())}getSublineAlignment(t){return"center"===(t?.sublinePosition??this.sublinePosition??"left").trim()?"center":"left"}getTabItemClass(t){return`tab-item ${this.fullWidth?"full-width":""} ${t!==this.internalActiveTabIndex||this.tabObjects[t].disabled?"":"active"} ${this.tabObjects[t].disabled?"disabled":""} ${"icon__"+this.tabObjects[t].iconPosition} ${this.tabObjects[t].subline?"subline":""} ${this.tabObjects[t].sublinePosition?"sublinePosition":""} ${this.tabObjects[t].label?"label":""} ${this.tabObjects[t].number?"number":""}`}handleClick(t,i){if(!t.disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=i,this.ifxChange.emit({previousTab:t,currentTab:i}),setTimeout((()=>this.scrollTabIntoView(i)),0)}}handleKeyDown(t){if("Tab"===t.key)if(t.shiftKey){if(0===this.internalFocusedTabIndex)return;t.preventDefault(),this.focusPreviousTab()}else{if(this.internalFocusedTabIndex===this.tabHeaderRefs.length-1)return;t.preventDefault(),this.focusNextTab()}else if("Enter"===t.key){if(!t.composedPath().some((t=>this.tabHeaderRefs.includes(t))))return;if(-1!==this.internalFocusedTabIndex&&!this.tabObjects[this.internalFocusedTabIndex].disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=this.internalFocusedTabIndex,this.ifxChange.emit({previousTab:t,currentTab:this.internalFocusedTabIndex}),setTimeout((()=>this.scrollTabIntoView(this.internalFocusedTabIndex)),0)}}}updateScrollButtons(){if(this.shouldDisableScrolling())return this.canScrollLeft=!1,void(this.canScrollRight=!1);const t=this.tabsListElement;if(!t)return this.canScrollLeft=!1,void(this.canScrollRight=!1);const i=t.scrollWidth-t.clientWidth;if(i<=1)return this.canScrollLeft=!1,void(this.canScrollRight=!1);const e=t.scrollLeft;this.canScrollLeft=e>1,this.canScrollRight=e<i-1}shouldDisableScrolling(){return!this.tabsListElement||"vertical"===this.internalOrientation||this.fullWidth}scrollLeft(){if(!this.canScrollLeft||!this.tabsListElement)return;const t=Math.min(200,this.tabsListElement.scrollLeft);this.tabsListElement.scrollBy({left:-t,behavior:"smooth"})}scrollRight(){if(!this.canScrollRight||!this.tabsListElement)return;const t=Math.min(200,this.tabsListElement.scrollWidth-this.tabsListElement.clientWidth-this.tabsListElement.scrollLeft);this.tabsListElement.scrollBy({left:t,behavior:"smooth"})}onTabsListScroll(){this.updateScrollButtons()}scrollTabIntoView(t){if(this.shouldDisableScrolling()||!this.tabHeaderRefs[t])return;const i=this.tabsListElement,e=this.getTabCenterInfo(this.tabHeaderRefs[t]),s=this.getContainerCenterInfo(i);if(Math.abs(e.center-s.center)>50){let t=this.calculateCenteredScrollPosition(e,s);t<1&&(t=0);const a=i.scrollWidth-i.clientWidth;a-t<1&&(t=a),i.scrollTo({left:t})}}getTabCenterInfo(t){const i=t.offsetLeft,e=t.offsetWidth;return{left:i,width:e,center:i+e/2}}getContainerCenterInfo(t){const i=t.scrollLeft,e=t.clientWidth;return{scrollLeft:i,width:e,center:i+e/2}}calculateCenteredScrollPosition(t,i){return Math.max(0,Math.min(t.center-i.width/2,this.tabsListElement.scrollWidth-i.width))}render(){return s("div",{key:"1ea909b36916acd6c7b99da5281f89d764c56b05","aria-label":"navigation tabs",class:`tabs ${this.internalOrientation} ${this.fullWidth?"full-width-enabled":""}`},"horizontal"===this.internalOrientation?s("div",{class:`tabs-container ${this.positionSticky?"position-sticky":""} ${this.atTop?"at-top":""}`},s("ifx-icon-button",{shape:"round",variant:"tertiary",icon:"chevronLeft16",size:"s",disabled:!1,"aria-label":"Scroll tabs left",onClick:()=>this.scrollLeft(),class:"scroll-button scroll-left "+(this.canScrollLeft?"":"hidden")}),s("ul",{role:"tablist",class:"tabs-list scrollable",ref:t=>this.tabsListElement=t,onScroll:()=>this.onTabsListScroll()},this.tabObjects?.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},s("div",{class:"top"},t?.icon?s("ifx-icon",{icon:t.icon}):"",t?.header?s("div",{class:"header-wrapper"},s("p",{class:"header"},t.header)):"",t?.number?s("div",{class:"number-wrapper"},s("ifx-indicator",{class:"number",variant:"number",number:t.number,inverted:!1})):"",t?.label?s("div",{class:"chip"},s("span",{class:"label-wrapper"},s("ifx-chip",{class:"label",placeholder:t.label,size:"small",variant:"single",theme:"outlined",icon:"","read-only":"true","aria-label":"Chip",disabled:t.disabled,tabindex:"-1"}))):""),(t?.subline||this.subline)&&s("span",{class:`subline-wrapper ${this.getSublineAlignment(t)}`},s("p",{class:"subline"},t?.subline??this.subline))))),s("div",{class:"active-border"})),s("ifx-icon-button",{shape:"round",variant:"tertiary",icon:"chevronRight16",size:"s",disabled:!1,"aria-label":"Scroll tabs right",onClick:()=>this.scrollRight(),class:"scroll-button scroll-right "+(this.canScrollRight?"":"hidden")})):s("ul",{role:"tablist",class:`tabs-list ${this.positionSticky?"position-sticky":""} ${this.atTop?"at-top":""}`},this.tabObjects?.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},s("div",{class:"top"},t?.icon?s("ifx-icon",{icon:t.icon}):"",t?.header?s("div",{class:"header-wrapper"},s("p",{class:"header"},t.header)):"",t?.number?s("div",{class:"number-wrapper"},s("ifx-indicator",{class:"number",variant:"number",number:t.number,inverted:!1})):"",t?.label?s("div",{class:"chip"},s("span",{class:"label-wrapper"},s("ifx-chip",{class:"label",placeholder:t.label,size:"small",variant:"single",theme:"outlined",icon:"","read-only":"true","aria-label":"Chip",disabled:t.disabled,tabindex:"-1"}))):""),(t?.subline||this.subline)&&s("span",{class:`subline-wrapper ${this.getSublineAlignment(t)}`},s("p",{class:"subline"},t?.subline??this.subline))))),s("div",{class:"active-border"})),s("div",{key:"63e71440a1d8ff6267b236271180e7478932d085",class:"tab-content"},Array.from(this.tabObjects).map(((t,i)=>s("div",{style:{display:i===this.internalActiveTabIndex?"block":"none"}},s("slot",{name:`tab-${i}`}))))))}static get watchers(){return{activeTabIndex:[{activeTabIndexChanged:0}]}}};o.style=':host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}';export{o as ifx_tabs}
+import{r as t,c as i,a as e,h as s}from"./p-C_-j3mlf.js";import{i as a}from"./p-CtINY9El.js";import{d as l,t as n}from"./p-DNHOWgWh.js";const o=class{constructor(e){t(this,e),this.ifxChange=i(this,"ifxChange",1)}get el(){return e(this)}orientation="horizontal";activeTabIndex=0;fullWidth=!1;label;number=0;subline;sublinePosition="left";positionSticky=!1;internalOrientation;internalActiveTabIndex=0;tabObjects=[];canScrollLeft=!1;canScrollRight=!1;atTop=!1;internalFocusedTabIndex=0;tabRefs=[];tabHeaderRefs=[];tabsListElement;tabFocusHandlers=new Map;ifxChange;updateBorderOnWindowResize(){this.updateBorderAndFocus(),this.updateScrollButtons()}setActiveAndFocusedTab(t){t>=this.tabObjects.length&&(t=this.tabObjects.length-1),t<0&&(t=0),this.tabObjects[t]?.disabled||(this.internalActiveTabIndex=t,this.internalFocusedTabIndex=t,setTimeout((()=>this.scrollTabIntoView(t)),0))}handleTabHeaderChange(t){const i=parseInt(t.target.getAttribute("slot").replace("tab-",""),10),e=t.target;this.tabObjects[i]={...this.tabObjects[i],header:e.header,disabled:!0===e.disabled,icon:e.icon,iconPosition:e.iconPosition,subline:e.subline,sublinePosition:e.sublinePosition,label:e.label,number:e.number},this.tabObjects=[...this.tabObjects]}handleScroll(){const t=this.el.shadowRoot.querySelector(".tabs-container")||this.el.shadowRoot.querySelector(".tabs-list");if(t){const i=t.getBoundingClientRect().top;this.atTop=i<=0}}activeTabIndexChanged(t,i){t!==i&&this.setActiveAndFocusedTab(t)}componentWillLoad(){this.internalOrientation="vertical"===this.orientation.toLowerCase()?"vertical":"horizontal",this.onSlotChange(),this.setActiveAndFocusedTab(this.activeTabIndex),this.updateTabStyles(),this.handleScroll()}updateTabStyles(){this.tabHeaderRefs.forEach(((t,i)=>{t.classList.toggle("active",i===this.internalActiveTabIndex),t.setAttribute("aria-selected",i===this.internalActiveTabIndex?"true":"false")}))}reRenderBorder(){const t=this.el.shadowRoot.querySelector(".active-border");t&&this.tabHeaderRefs[this.internalActiveTabIndex]&&("horizontal"===this.orientation?(t.style.left=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft}px`,t.style.width=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth}px`,t.style.top="",t.style.height=""):(t.style.top=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop}px`,t.style.height=`${this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight}px`,t.style.left="",t.style.width=""))}onSlotChange(){const t=Array.from(this.el.children).filter((t=>t.matches("ifx-tab")));this.tabObjects=Array.from(t).map((t=>({header:t?.header,disabled:!0===t?.disabled,icon:t?.icon,iconPosition:t?.iconPosition,subline:t?.subline,sublinePosition:t?.sublinePosition,label:t?.label,number:t?.number}))),this.tabRefs=Array.from(t),this.tabRefs.forEach(((t,i)=>{t.setAttribute("slot",`tab-${i}`)}))}async componentDidLoad(){if(!a(this.el)){const t=l();n("ifx-tabs",await t)}this.updateBorderAndFocus(),this.updateScrollButtons(),this.setupTabFocusListeners(),this.handleScroll()}setupTabFocusListeners(){this.tabFocusHandlers.clear(),this.tabHeaderRefs.forEach(((t,i)=>{const e=()=>{this.internalFocusedTabIndex=i};this.tabFocusHandlers.set(t,e),t.addEventListener("focus",e)}))}disconnectedCallback(){this.tabFocusHandlers.forEach(((t,i)=>{i.removeEventListener("focus",t)})),this.tabFocusHandlers.clear()}componentDidUpdate(){this.updateBorderAndFocus(),requestAnimationFrame((()=>{this.updateScrollButtons()}))}updateBorderAndFocus(){this.reRenderBorder(),this.updateTabFocusability()}updateTabFocusability(){this.tabHeaderRefs.forEach(((t,i)=>{t.tabIndex=i===this.internalActiveTabIndex?0:-1}))}focusNextTab(){let t=this.internalFocusedTabIndex+1;for(;t<this.tabHeaderRefs.length&&this.tabObjects[t].disabled;)t++;t>=0&&t<this.tabHeaderRefs.length&&(this.internalFocusedTabIndex=t,this.tabHeaderRefs[t].focus())}focusPreviousTab(){let t=this.internalFocusedTabIndex-1;for(;t>=0&&this.tabObjects[t].disabled;)t--;t>=0&&t<this.tabHeaderRefs.length&&(this.internalFocusedTabIndex=t,this.tabHeaderRefs[t].focus())}getSublineAlignment(t){return"center"===(t?.sublinePosition??this.sublinePosition??"left").trim()?"center":"left"}getTabItemClass(t){return`tab-item ${this.fullWidth?"full-width":""} ${t!==this.internalActiveTabIndex||this.tabObjects[t].disabled?"":"active"} ${this.tabObjects[t].disabled?"disabled":""} ${"icon__"+this.tabObjects[t].iconPosition} ${this.tabObjects[t].subline?"subline":""} ${this.tabObjects[t].sublinePosition?"sublinePosition":""} ${this.tabObjects[t].label?"label":""} ${this.tabObjects[t].number?"number":""}`}handleClick(t,i){if(!t.disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=i,this.ifxChange.emit({previousTab:t,currentTab:i}),setTimeout((()=>this.scrollTabIntoView(i)),0)}}handleKeyDown(t){if("Tab"===t.key)if(t.shiftKey){if(0===this.internalFocusedTabIndex)return;t.preventDefault(),this.focusPreviousTab()}else{if(this.internalFocusedTabIndex===this.tabHeaderRefs.length-1)return;t.preventDefault(),this.focusNextTab()}else if("Enter"===t.key){if(!t.composedPath().some((t=>this.tabHeaderRefs.includes(t))))return;if(-1!==this.internalFocusedTabIndex&&!this.tabObjects[this.internalFocusedTabIndex].disabled){const t=this.internalActiveTabIndex;this.internalActiveTabIndex=this.internalFocusedTabIndex,this.ifxChange.emit({previousTab:t,currentTab:this.internalFocusedTabIndex}),setTimeout((()=>this.scrollTabIntoView(this.internalFocusedTabIndex)),0)}}}updateScrollButtons(){if(this.shouldDisableScrolling())return this.canScrollLeft=!1,void(this.canScrollRight=!1);const t=this.tabsListElement;if(!t)return this.canScrollLeft=!1,void(this.canScrollRight=!1);const i=t.scrollWidth-t.clientWidth;if(i<=1)return this.canScrollLeft=!1,void(this.canScrollRight=!1);const e=t.scrollLeft;this.canScrollLeft=e>1,this.canScrollRight=e<i-1}shouldDisableScrolling(){return!this.tabsListElement||"vertical"===this.internalOrientation||this.fullWidth}scrollLeft(){if(!this.canScrollLeft||!this.tabsListElement)return;const t=Math.min(200,this.tabsListElement.scrollLeft);this.tabsListElement.scrollBy({left:-t,behavior:"smooth"})}scrollRight(){if(!this.canScrollRight||!this.tabsListElement)return;const t=Math.min(200,this.tabsListElement.scrollWidth-this.tabsListElement.clientWidth-this.tabsListElement.scrollLeft);this.tabsListElement.scrollBy({left:t,behavior:"smooth"})}onTabsListScroll(){this.updateScrollButtons()}scrollTabIntoView(t){if(this.shouldDisableScrolling()||!this.tabHeaderRefs[t])return;const i=this.tabsListElement,e=this.getTabCenterInfo(this.tabHeaderRefs[t]),s=this.getContainerCenterInfo(i);if(Math.abs(e.center-s.center)>50){let t=this.calculateCenteredScrollPosition(e,s);t<1&&(t=0);const a=i.scrollWidth-i.clientWidth;a-t<1&&(t=a),i.scrollTo({left:t})}}getTabCenterInfo(t){const i=t.offsetLeft,e=t.offsetWidth;return{left:i,width:e,center:i+e/2}}getContainerCenterInfo(t){const i=t.scrollLeft,e=t.clientWidth;return{scrollLeft:i,width:e,center:i+e/2}}calculateCenteredScrollPosition(t,i){return Math.max(0,Math.min(t.center-i.width/2,this.tabsListElement.scrollWidth-i.width))}render(){return s("div",{key:"1ea909b36916acd6c7b99da5281f89d764c56b05","aria-label":"navigation tabs",class:`tabs ${this.internalOrientation} ${this.fullWidth?"full-width-enabled":""}`},"horizontal"===this.internalOrientation?s("div",{class:`tabs-container ${this.positionSticky?"position-sticky":""} ${this.atTop?"at-top":""}`},s("ifx-icon-button",{shape:"round",variant:"tertiary",icon:"chevronLeft16",size:"s",disabled:!1,"aria-label":"Scroll tabs left",onClick:()=>this.scrollLeft(),class:"scroll-button scroll-left "+(this.canScrollLeft?"":"hidden")}),s("ul",{role:"tablist",class:"tabs-list scrollable",ref:t=>this.tabsListElement=t,onScroll:()=>this.onTabsListScroll()},this.tabObjects?.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},s("div",{class:"top"},t?.icon?s("ifx-icon",{icon:t.icon}):"",t?.header?s("div",{class:"header-wrapper"},s("p",{class:"header"},t.header)):"",t?.number?s("div",{class:"number-wrapper"},s("ifx-indicator",{class:"number",variant:"number",number:t.number,inverted:!1})):"",t?.label?s("div",{class:"chip"},s("span",{class:"label-wrapper"},s("ifx-chip",{class:"label",placeholder:t.label,size:"small",variant:"single",theme:"outlined",icon:"","read-only":"true","aria-label":"Chip",disabled:t.disabled,tabindex:"-1"}))):""),(t?.subline||this.subline)&&s("span",{class:`subline-wrapper ${this.getSublineAlignment(t)}`},s("p",{class:"subline"},t?.subline??this.subline))))),s("div",{class:"active-border"})),s("ifx-icon-button",{shape:"round",variant:"tertiary",icon:"chevronRight16",size:"s",disabled:!1,"aria-label":"Scroll tabs right",onClick:()=>this.scrollRight(),class:"scroll-button scroll-right "+(this.canScrollRight?"":"hidden")})):s("ul",{role:"tablist",class:`tabs-list ${this.positionSticky?"position-sticky":""} ${this.atTop?"at-top":""}`},this.tabObjects?.map(((t,i)=>s("li",{class:this.getTabItemClass(i),ref:t=>this.tabHeaderRefs[i]=t,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleClick(t,i),"aria-selected":i===this.internalActiveTabIndex?"true":"false","aria-disabled":t.disabled?"true":"false",role:"tab"},s("div",{class:"top"},t?.icon?s("ifx-icon",{icon:t.icon}):"",t?.header?s("div",{class:"header-wrapper"},s("p",{class:"header"},t.header)):"",t?.number?s("div",{class:"number-wrapper"},s("ifx-indicator",{class:"number",variant:"number",number:t.number,inverted:!1})):"",t?.label?s("div",{class:"chip"},s("span",{class:"label-wrapper"},s("ifx-chip",{class:"label",placeholder:t.label,size:"small",variant:"single",theme:"outlined",icon:"","read-only":"true","aria-label":"Chip",disabled:t.disabled,tabindex:"-1"}))):""),(t?.subline||this.subline)&&s("span",{class:`subline-wrapper ${this.getSublineAlignment(t)}`},s("p",{class:"subline"},t?.subline??this.subline))))),s("div",{class:"active-border"})),s("div",{key:"63e71440a1d8ff6267b236271180e7478932d085",class:"tab-content"},Array.from(this.tabObjects).map(((t,i)=>s("div",{style:{display:i===this.internalActiveTabIndex?"block":"none"}},s("slot",{name:`tab-${i}`}))))))}static get watchers(){return{activeTabIndex:[{activeTabIndexChanged:0}]}}};o.style=':host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs-container{display:flex;align-items:center;position:relative;width:fit-content;max-width:100%;min-width:0;gap:8px}.tabs-container.position-sticky{width:100%}.scroll-button{flex-shrink:0;z-index:10;transition:all 0.3s ease-in-out}.scroll-button.hidden{display:none;pointer-events:none}.scroll-button.scroll-left.hidden{width:0;min-width:0;max-width:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden}.scroll-button.scroll-right.hidden{visibility:hidden;pointer-events:none}.tabs.vertical{flex-direction:row}.tabs-list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:fit-content;max-width:100%;min-width:0;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list.scrollable{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.tabs-list.scrollable::-webkit-scrollbar{display:none}.tabs-list:focus-within .active-border{display:none}.active-border{position:absolute;left:0;width:0;transition:left 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0a8276}.tabs.vertical .tabs-list{border-bottom:none;width:auto;align-items:start;height:fit-content;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:initial}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px;flex:3 1 0;min-width:0}.tabs .tabs-list.position-sticky,.tabs .tabs-container.position-sticky{position:sticky;top:0;background-color:#ffffff;z-index:1000;box-shadow:0 6px 9px 0 rgba(29, 29, 29, 0.1);transition:ease all 0.5s}.tabs .tabs-list.position-sticky.at-top .tab-item .subline,.tabs .tabs-list.position-sticky.at-top .tab-item .subline-wrapper,.tabs .tabs-container.position-sticky.at-top .tab-item .subline,.tabs .tabs-container.position-sticky.at-top .tab-item .subline-wrapper{display:none}.tabs .tabs-list.position-sticky{align-self:flex-start}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tabs:not(.vertical).full-width-enabled .scroll-button{display:none}.tabs:not(.vertical).full-width-enabled .tabs-list{flex:1}.tabs:not(.vertical).full-width-enabled .tabs-list.scrollable{overflow-x:visible}.tabs:not(.vertical).full-width-enabled .tabs-container{width:100%}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:12px 16px;gap:4px;flex-shrink:0;cursor:pointer}@media (max-width: 768px){.tab-item{font-size:0.875rem;padding:8px 8px}}.tab-item.icon__right .top{flex-direction:row-reverse;justify-content:center}.tab-item.icon__right .top:has(.label),.tab-item.icon__right .top:has(.number){flex-direction:row;justify-content:center}.tab-item:hover{color:#0a8276}.tab-item:hover .label{color:#1d1d1d}.tab-item:active,.tab-item.active{color:#0a8276}.tab-item:active .label,.tab-item.active .label{color:#1d1d1d}.tab-item:focus,.tab-item.focus{outline:2px solid #0a8276;outline-offset:-2px;border-radius:2px}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item:focus .label,.tab-item.focus .label{color:#1d1d1d}.tab-item.disabled{color:#bfbbbb;pointer-events:none}.tab-item .top{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;overflow:hidden}.tab-item .chip{min-width:0;overflow:hidden}.tab-item .chip ifx-chip{min-width:0;max-width:100%}.tab-item .header-wrapper{display:flex;overflow:hidden;max-width:100%;flex:0 1 auto;min-width:0}.tab-item .header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;width:100%}.tab-item .subline-wrapper{display:flex;width:100%}.tab-item .subline-wrapper.left{justify-content:flex-start}.tab-item .subline-wrapper.center{justify-content:center}.tab-item .subline{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#575352;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.tab-item:hover .subline,.tab-item[aria-selected=true] .subline,.tab-item.active .subline{color:#0a8276}.tab-item.disabled .subline{color:#bfbbbb}.tabs.vertical .tab-item{border-right:2px solid transparent;justify-content:flex-start;align-items:flex-start;flex:none;max-width:100%;width:100%;text-align:left;align-self:start}.tabs.vertical .tab-item .top,.tabs.vertical .tab-item .subline-wrapper{justify-content:flex-start}.number-wrapper{position:relative;display:inline-flex;border-radius:9999px;overflow:hidden;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0}.tab-item.disabled .number-wrapper::after{content:"";position:absolute;inset:0;background:#bfbbbb;mix-blend-mode:lighten}ifx-chip::part(chip){display:flex}ifx-chip::part(label-wrapper),ifx-chip::part(label){max-width:25ch;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ifx-chip::part(label){display:block;text-align:center}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0a8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}';export{o as ifx_tabs}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@infineon/infineon-design-system-stencil",
-	"version": "40.4.0",
+	"version": "40.4.1",
 	"description": "Infineon Design System - Web Components",
 	"keywords": [
 		"infineon",
@@ -191,5 +191,5 @@
 			]
 		}
 	},
-	"gitHead": "6d909a368dbf33ee642a8a23c69af4b2d3add6c4"
+	"gitHead": "9dffd9ffbb6916016b8dde8e76c72c5814acb79a"
 }