@infineon/design-system 0.0.0-stage → 41.11.0

package/dist/components/ifx-select.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSelect extends Components.IfxSelect, HTMLElement {}
+export const IfxSelect: {
+    prototype: IfxSelect;
+    new (): IfxSelect;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-select.js

@@ -0,0 +1 @@
+import{S as o,d as p}from"./p-C0ZpAymO.js";const s=o,m=p;export{s as IfxSelect,m as defineCustomElement}

package/dist/components/ifx-set-filter.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSetFilter extends Components.IfxSetFilter, HTMLElement {}
+export const IfxSetFilter: {
+    prototype: IfxSetFilter;
+    new (): IfxSetFilter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-set-filter.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as s,h as i,t as l}from"./p-BT_2CyMS.js";import{d as r}from"./p-COoPXL_o.js";import{d as a}from"./p-DMAv4MDG.js";import{d as o}from"./p-B9Se0P8X.js";import{d as c}from"./p-CZkp3I3Z.js";import{d as f}from"./p-6rWkhPoz.js";import{d as m}from"./p-C0ZpAymO.js";import{d as n}from"./p-OJkXkXZS.js";import{d as h}from"./p-BsM3UmwT.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxFilterSelect=s(this,"ifxFilterSelect",7)}filterName;filterLabel;placeholder;type="text";options;filterValues=[];ifxFilterSelect;handleTextInputChange(e){this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:[e.target.value],type:this.type})}handleSingleSelectChange(e){const t=e.detail?.value??null;this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:t?[t]:[],type:this.type})}handleMultiselectOptionChange(e){this.filterValues=e.detail.map((e=>({label:e.value,value:e.value}))),this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:this.filterValues,type:this.type})}render(){let e=[];if("string"==typeof this.options)try{e=JSON.parse(this.options)}catch(t){console.error("Failed to parse options:",t),e=[]}else Array.isArray(this.options)&&(e=this.options);switch(this.type){case"text":return i("ifx-text-field",{error:!1,disabled:!1,placeholder:this.placeholder,onIfxInput:e=>this.handleTextInputChange(e)},this.filterLabel);case"single-select":return i("ifx-select",{label:this.filterLabel,"placeholder-value":this.placeholder,"show-search":!0,"search-placeholder-value":"Search...",onIfxSelect:e=>this.handleSingleSelectChange(e)},e.map((e=>i("ifx-select-option",{value:e.value||e},e.label||e))));case"multi-select":return i("ifx-multiselect",{label:this.filterLabel,placeholder:this.placeholder,onIfxSelect:e=>this.handleMultiselectOptionChange(e)},e.map((e=>i("ifx-multiselect-option",{value:e.value||e},e.label||e))));default:return null}}static get style(){return""}},[513,"ifx-set-filter",{filterName:[1,"filter-name"],filterLabel:[1,"filter-label"],placeholder:[1],type:[1],options:[1],filterValues:[32]}]),u=p,x=function(){"undefined"!=typeof customElements&&["ifx-set-filter","ifx-checkbox","ifx-icon","ifx-multiselect","ifx-multiselect-option","ifx-search-field","ifx-select","ifx-select-option","ifx-text-field"].forEach((e=>{switch(e){case"ifx-set-filter":customElements.get(l(e))||customElements.define(l(e),p);break;case"ifx-checkbox":customElements.get(l(e))||r();break;case"ifx-icon":customElements.get(l(e))||a();break;case"ifx-multiselect":customElements.get(l(e))||o();break;case"ifx-multiselect-option":customElements.get(l(e))||c();break;case"ifx-search-field":customElements.get(l(e))||f();break;case"ifx-select":customElements.get(l(e))||m();break;case"ifx-select-option":customElements.get(l(e))||n();break;case"ifx-text-field":customElements.get(l(e))||h()}}))};export{u as IfxSetFilter,x as defineCustomElement}

package/dist/components/ifx-sidebar-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSidebarItem extends Components.IfxSidebarItem, HTMLElement {}
+export const IfxSidebarItem: {
+    prototype: IfxSidebarItem;
+    new (): IfxSidebarItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-sidebar-item.js

@@ -0,0 +1 @@
+import{p as e,H as i,c as t,h as a,t as n}from"./p-BT_2CyMS.js";import{s}from"./p-QgsB_-OM.js";import{d as r}from"./p-DMAv4MDG.js";import{d as o}from"./p-B2BXeRbX.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxSidebarMenu=t(this,"ifxSidebarMenu",7),this.ifxSidebarNavigationItem=t(this,"ifxSidebarNavigationItem",7),this.ifxSidebarActionItem=t(this,"ifxSidebarActionItem",7)}get el(){return this}icon="";href="";internalHref="";target="_self";isExpandable=!1;isNested=!0;isSubMenuItem=!1;numberIndicator;active=!1;isActionItem=!1;handleItemClick;fontWeight="normal";showIcon=!0;showIconWrapper=!1;indicatorVariant="number";internalActiveState=!1;ifxSidebarMenu;ifxSidebarNavigationItem;ifxSidebarActionItem;titleText="";handleActiveChange(e,i){if(this.isActionItem)this.internalActiveState=!1;else if(this.internalActiveState=e,e!==i){const i=this.getNavItem(this.el.shadowRoot);this.isExpandable||e||this.handleClassList(i,"remove","active"),!this.isExpandable&&e&&this.handleClassList(i,"add","active")}}handleNumberIndicatorChange(){this.updateIndicatorVariant()}handleConsoleError(e){this.showIcon=!e.detail}handleEventEmission(){this.ifxSidebarMenu.emit(this.el),this.ifxSidebarNavigationItem.emit(this.el)}handleClassList(e,i,t){if(e.classList[i](t),"contains"===i)return e.classList.contains(t)}getExpandableMenu(){return this.el.shadowRoot.querySelector(".expandable__submenu")}getNavItem(e){return e?.querySelector(".sidebar__nav-item")}getSidebarMenuItems(e=this.el){const i=e.querySelectorAll("ifx-sidebar-item");return 0===i.length?e.shadowRoot.querySelectorAll("ifx-sidebar-item"):i}getSidebarMenuItem(){return this.el.shadowRoot.querySelector(".sidebar__nav-item")}toggleSubmenu(){if(this.isExpandable){const e=this.getSidebarMenuItem(),i=this.getExpandableMenu();this.handleClassList(i,"toggle","open"),this.handleClassList(e,"toggle","open"),this.handleEventEmission()}else{if(this.isActionItem)return void this.ifxSidebarActionItem.emit(this.el);this.handleActiveChange(!0,this.internalActiveState),this.ifxSidebarNavigationItem.emit(this.el),this.handleItemClick&&this.handleItemClick(this.el)}}handleExpandableMenu(e){const i=this.getExpandableMenu();e.forEach((e=>{const t=document.createElement("li");t.appendChild(e),i.appendChild(t)}))}parentElementIsSidebar(){return"IFX-SIDEBAR"===this.el.parentElement.tagName.toUpperCase()}checkIfMenuItemIsNested(){this.parentElementIsSidebar()&&(this.isNested=!1)}checkIfMenuItemIsSubMenu(){const e=this.el.parentElement,i=this.getNavItem(e.shadowRoot);this.isSubMenuItem="IFX-SIDEBAR-ITEM"===e.tagName.toUpperCase()&&!this.handleClassList(i,"contains","header__section")}setHref(){this.internalHref=""===this.href.toLowerCase().trim()?void 0:this.href}async setActiveClasses(){const e=this.getNavItem(this.el.shadowRoot);this.handleClassList(e,"add","active")}async expandMenu(e){const i=this.getSidebarMenuItem(),t=this.getExpandableMenu();this.handleClassList(t,"add","open"),this.handleClassList(i,"add","open"),e&&(this.handleClassList(t,"remove","active-section"),this.handleClassList(i,"remove","active-section"))}async isItemExpandable(){return this.isExpandable}handleActiveState(){this.internalActiveState&&this.setActiveClasses()}handleKeyDown(e){"Enter"===e.key&&this.toggleSubmenu()}componentDidLoad(){if(this.handleActiveState(),this.isExpandable){const e=this.getSidebarMenuItems();this.handleExpandableMenu(e)}this.updateIndicatorVariant(),this.observeCollapsedState(),this.extractTitleText()}extractTitleText(){const e=this.el.shadowRoot.querySelector("slot");if(e){const i=e.assignedNodes();this.titleText=i.filter((e=>e.nodeType===Node.TEXT_NODE||e.nodeType===Node.ELEMENT_NODE)).map((e=>e.textContent?.trim()||"")).join(" ").trim()}}updateIndicatorVariant(){const e=this.el.hasAttribute("data-sidebar-collapsed");this.numberIndicator>0&&(this.indicatorVariant=e?"dot":"number")}observeCollapsedState(){new MutationObserver((()=>{this.updateIndicatorVariant()})).observe(this.el,{attributes:!0,attributeFilter:["data-sidebar-collapsed"]})}componentWillLoad(){this.internalActiveState=this.active,this.checkIfMenuItemIsNested(),this.checkIfMenuItemIsSubMenu(),this.setHref(),this.el.setAttribute("data-has-icon",this.icon?"true":"false");const e=this.getSidebarMenuItems();this.isExpandable=0!==e.length}componentWillUpdate(){this.active&&!this.internalActiveState&&(this.internalActiveState=this.active,this.ifxSidebarNavigationItem.emit(this.el))}render(){const e=this.el.hasAttribute("data-sidebar-collapsed"),i=!this.isNested&&this.isExpandable;return a("div",{key:"ca5419df2f776e005bbf79881f2561a32acf1873"},a("a",{key:"b94bb63b43572a44eda1b0c8c37b14654f8b860f",tabIndex:1,onKeyDown:e=>this.handleKeyDown(e),href:s(this.internalHref),onClick:()=>this.toggleSubmenu(),target:this.target,class:`sidebar__nav-item ${!this.isNested&&this.isExpandable?"header__section":""} ${this.isSubMenuItem?"submenu__item":""}`,title:this.titleText},this.icon&&!i&&a("div",{key:"5f63a9c1776deeff0f16788cd208425c19faea4c",class:"sidebar__nav-item-icon-wrapper "+(this.showIcon||e?"":"noIcon")},a("ifx-icon",{key:"7c70ead3878a8170cb277e154d1fb4b4bae75100",icon:this.icon})),a("div",{key:"05813c42f2e8b7aa4cf923c3332a9d2992ca7feb",class:"sidebar__nav-item-label "+("bold"===this.fontWeight?"font-weight-bold":"font-weight-normal")},a("slot",{key:"1bca5852f7ed9c74780ba7a752b5230cec7aa890"})),(this.isExpandable||!isNaN(this.numberIndicator))&&a("div",{key:"e40b07ffabe995887a15c86aac227e4ef835c869",class:"sidebar__nav-item-indicator "+(!e||this.icon?"":"indicator-hidden")},this.isExpandable&&a("span",{key:"d2a1d2a7408c84ce4ba63c934a49865d145d4006",class:"item__arrow-wrapper"},a("ifx-icon",{key:"a4c36d567bf9fb983b417907150a25a0e6ddd485",icon:"chevron-down-16"})),this.numberIndicator>0&&!this.isExpandable&&!this.isNested&&a("span",{key:"a35ffca207c63deb9d4d669371e91e6704bd8ac7",class:"item__number-indicator"},a("ifx-indicator",{key:"322db1f567efdb6a319cad33f23e437d2dbc9d4f",variant:this.indicatorVariant,number:this.numberIndicator})))),this.isExpandable&&a("ul",{key:"7555221a3fbb99db4df2b440dec33a3d27d47824",class:"expandable__submenu"}))}static get watchers(){return{active:[{handleActiveChange:0}],numberIndicator:[{handleNumberIndicatorChange:0}]}}static get style(){return':host{position:relative;display:block}:host([data-has-icon=false]){display:var(--ifx-sidebar-item-without-icon-display, block)}:host([data-sidebar-collapsed][data-hide-in-collapsed]){display:none}.sidebar__nav-item:focus-visible,.sidebar__nav-item.header__section:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.sidebar__nav-item:focus-visible .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-icon-wrapper{color:#08665c}.sidebar__nav-item:focus-visible .sidebar__nav-item-label,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-label{outline:none;color:#08665c}.sidebar__nav-item:focus-visible .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:focus-visible .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665c}.sidebar__nav-item:hover,.sidebar__nav-item.header__section:hover{outline:none}.sidebar__nav-item:hover .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:hover .sidebar__nav-item-icon-wrapper{color:#08665c}.sidebar__nav-item:hover .sidebar__nav-item-label,.sidebar__nav-item.header__section:hover .sidebar__nav-item-label{outline:none;color:#08665c}.sidebar__nav-item:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665c}.sidebar__nav-item{display:flex;flex-direction:var(--ifx-sidebar-item-flex-direction, row);align-items:center;width:100%;padding:8px 0px;gap:4px;flex:none;order:0;flex-grow:0;text-decoration:none;color:#1d1d1d;cursor:pointer;font-family:var(--ifx-font-family);word-break:normal;overflow-wrap:anywhere;line-height:0}.sidebar__nav-item.extra-padding__bottom{padding:8px 0px 16px 0px}.sidebar__nav-item.active{color:#0a8276}.sidebar__nav-item.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0a8276;align-self:center}.sidebar__nav-item.open{padding:8px 0px}.sidebar__nav-item.open .sidebar__nav-item-label{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sidebar__nav-item.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section{box-sizing:padding-box;display:-webkit-flex;-webkit-line-clamp:1;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item.header__section.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0a8276}.sidebar__nav-item.header__section.open{padding:8px 0px}.sidebar__nav-item.header__section.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section .sidebar__nav-item-label{color:#1d1d1d;font-family:var(--ifx-font-family);font-size:16px;font-style:normal;font-weight:600;line-height:24px}.sidebar__nav-item.submenu__item{padding:4px 0px}.sidebar__nav-item.submenu__item.extra-padding__bottom{padding:4px 0px 16px 0px}.sidebar__nav-item .sidebar__nav-item-icon-wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.sidebar__nav-item .sidebar__nav-item-icon-wrapper.noIcon{display:none}.sidebar__nav-item .sidebar__nav-item-icon-wrapper ifx-icon{width:16px;height:16px}.sidebar__nav-item .sidebar__nav-item-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;order:1;flex-grow:1;cursor:pointer;display:var(--ifx-sidebar-item-text-display, flex)}.sidebar__nav-item .sidebar__nav-item-label.font-weight-bold{font-weight:600}.sidebar__nav-item .sidebar__nav-item-label.font-weight-normal{font-weight:400}.sidebar__nav-item .sidebar__nav-item-indicator{display:var(--ifx-sidebar-item-text-display, flex);flex-direction:row;justify-content:center;align-items:center;padding:0px 4px;flex:none;order:2;flex-grow:0;position:relative}.sidebar__nav-item .sidebar__nav-item-indicator.indicator-hidden{display:none}:host([data-sidebar-collapsed]) .sidebar__nav-item .sidebar__nav-item-indicator{position:absolute;top:0;right:0;z-index:10;padding:0}.expandable__submenu{display:none;list-style-type:none;flex-direction:column;padding:0;margin:0;padding-left:40px}.expandable__submenu.open{display:flex}.header__section+.expandable__submenu{padding-left:0}'}},[769,"ifx-sidebar-item",{icon:[1],href:[1],target:[1],numberIndicator:[2,"number-indicator"],active:[4],isActionItem:[4,"is-action-item"],handleItemClick:[16],fontWeight:[1,"font-weight"],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}]}]),c=d,h=function(){"undefined"!=typeof customElements&&["ifx-sidebar-item","ifx-icon","ifx-indicator"].forEach((e=>{switch(e){case"ifx-sidebar-item":customElements.get(n(e))||customElements.define(n(e),d);break;case"ifx-icon":customElements.get(n(e))||r();break;case"ifx-indicator":customElements.get(n(e))||o()}}))};export{c as IfxSidebarItem,h as defineCustomElement}

package/dist/components/ifx-sidebar-separator.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSidebarSeparator extends Components.IfxSidebarSeparator, HTMLElement {}
+export const IfxSidebarSeparator: {
+    prototype: IfxSidebarSeparator;
+    new (): IfxSidebarSeparator;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-sidebar-separator.js

@@ -0,0 +1 @@
+import{p as e,H as s,h as r,t}from"./p-BT_2CyMS.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r("div",{key:"8d065ddba0a3c426ec2f47af830444b9ba0566e4",class:"sidebar-separator"})}static get style(){return".sidebar-separator{height:1px;background-color:#eeeded;margin:8px 0px}"}},[1,"ifx-sidebar-separator"]),o=a,i=function(){"undefined"!=typeof customElements&&["ifx-sidebar-separator"].forEach((e=>{"ifx-sidebar-separator"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))};export{o as IfxSidebarSeparator,i as defineCustomElement}

package/dist/components/ifx-sidebar-title.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSidebarTitle extends Components.IfxSidebarTitle, HTMLElement {}
+export const IfxSidebarTitle: {
+    prototype: IfxSidebarTitle;
+    new (): IfxSidebarTitle;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-sidebar-title.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as i,t as a}from"./p-BT_2CyMS.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}showInCollapsed=!1;componentWillLoad(){this.el.setAttribute("data-show-in-collapsed",""+this.showInCollapsed)}render(){return i("div",{key:"a10a18e87ba13c18bc16e9c9e4daad1b28d32cd2",class:"sidebar__title"},i("div",{key:"3847f59c397bc13b8e70f5cd68236b4d4052e147",class:"sidebar__title-label"},i("slot",{key:"708bbf1f59fc926ba84ffa46d823a7593374c8fa"})))}static get style(){return':host{position:relative;display:var(--ifx-sidebar-title-display, block)}:host([data-show-in-collapsed=true]){display:var(--ifx-sidebar-title-show-in-collapsed-display, block)}.sidebar__title{width:100%;height:fit-content;padding:var(--ifx-sidebar-title-padding, 12px 0)}.sidebar__title-label{min-height:20px;font:600 0.875rem/1.25rem "Source Sans 3";font-family:var(--ifx-font-family);text-transform:uppercase;color:#575352;letter-spacing:3px;display:var(--ifx-sidebar-title-label-display, block);word-break:break-all}'}},[769,"ifx-sidebar-title",{showInCollapsed:[4,"show-in-collapsed"]}]),l=s,d=function(){"undefined"!=typeof customElements&&["ifx-sidebar-title"].forEach((e=>{"ifx-sidebar-title"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))};export{l as IfxSidebarTitle,d as defineCustomElement}

package/dist/components/ifx-sidebar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSidebar extends Components.IfxSidebar, HTMLElement {}
+export const IfxSidebar: {
+    prototype: IfxSidebar;
+    new (): IfxSidebar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-sidebar.js

@@ -0,0 +1 @@
+import{p as e,H as i,c as t,h as a,t as r}from"./p-BT_2CyMS.js";import{d as s,t as o}from"./p-94ZtGp9D.js";import{s as n}from"./p-QgsB_-OM.js";import{d}from"./p-DMAv4MDG.js";const l=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxSidebarCollapseChange=t(this,"ifxSidebarCollapseChange",7),this.ifxSidebarLogoClick=t(this,"ifxSidebarLogoClick",7)}get el(){return this}applicationName="";initialCollapse=!0;showFooter=!0;showHeader=!0;termsOfUse="#";imprint="#";privacyPolicy="#";footerHrefTarget="_blank";logoHref="";internalLogoHref="";logoHrefTarget="_self";internalLogoHrefTarget="_self";currentYear=(new Date).getFullYear();copyrightText="© 1999 - "+this.currentYear+" Infineon Technologies AG";collapsible=!1;collapsed=!1;hideMenuLabel="Hide Menu";position="left";fixed=!1;isCollapsed=!1;internalTermsofUse="";internalImprint="";internalPrivacyPolicy="";internalShowFooter=!0;activeItem=null;ifxSidebarCollapseChange;ifxSidebarLogoClick;expandActiveItems(){const e=async i=>{if(!0!==await i.isItemExpandable())return i.active?1:0;let t=0;const a=this.getSidebarMenuItems(i);for(let i=0;i<a.length;i++)t=Math.max(t,await e(a[i]));return t>0&&i.expandMenu(1!=t),t?t+1:0},i=this.getSidebarMenuItems(this.el);for(let t=0;t<i.length;t++)e(i[t])}adjustItemsPadding(){const e=this.el.children;for(let i=0;i<e.length-1;i++){const t=e[i],a=e[i+1];if("IFX-SIDEBAR-ITEM"!==t.tagName.toUpperCase())continue;const r=this.getNavItem(t.shadowRoot);if(!r||this.handleClassList(r,"contains","header__section"))continue;const s="IFX-SIDEBAR-TITLE"===a.tagName.toUpperCase(),o="IFX-SIDEBAR-ITEM"===a.tagName.toUpperCase()&&a.shadowRoot&&this.handleClassList(this.getNavItem(a.shadowRoot),"contains","header__section");(s||o)&&this.handleClassList(r,"add","extra-padding__bottom")}}async componentDidLoad(){const e=s();o("ifx-sidebar",await e),this.setInitialActiveItem(),this.initialCollapse||this.expandActiveItems(),this.adjustItemsPadding(),this.applyActiveSectionToParent(this.el),this.isCollapsed&&this.updateCollapsedState()}getSidebarMenuItems(e=this.el){const i=e.querySelectorAll("ifx-sidebar-item");return 0===i.length?e.shadowRoot?.querySelectorAll("ifx-sidebar-item"):i}setInitialActiveItem(){const e=i=>{const t=this.getSidebarMenuItems(i);let a=!1;t?.forEach((i=>{if(this.isActive(i)&&!a?(a=!0,this.handleBorderIndicatorDisplacement(i)):this.isActive(i)&&a&&i.setAttribute("active","false"),this.hasChildren(i.shadowRoot)&&!this.hasActiveChild(i.shadowRoot)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)&&this.isOpen(i.shadowRoot)&&this.containsActiveSection(i)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}this.hasChildren(i.shadowRoot)&&e(i.shadowRoot)}))};this.getSidebarMenuItems(this.el).forEach(e)}handleClassList(e,i,t){if(e.classList[i](t),"contains"===i)return e.classList.contains(t)}getActiveItemSection(e){return this.getNavItem(e.shadowRoot)}getNavItem(e){return e?.querySelector(".sidebar__nav-item")}hasChildren(e){return null!==e?.querySelector(".item__arrow-wrapper")}handleBorderIndicatorDisplacement(e){const i=t=>{if(this.isActive(t)||t===e){const e=this.getActiveItemSection(t);this.hasChildren(e)&&this.handleClassList(e,"add","active-section")}this.getSidebarMenuItems(t).forEach(i)};this.getSidebarMenuItems(this.el).forEach(i)}removeActiveClassesRecursively(){const e=i=>{this.querySidebarItems(i).forEach((i=>{const t=i.shadowRoot.querySelector(".sidebar__nav-item");t.classList.remove("active-section"),t.classList.remove("active"),i.getAttribute("active")&&i.setAttribute("active","false"),e(i.shadowRoot)}))};e(this.el),this.activeItem&&this.activeItem.setAttribute("active","false"),this.activeItem=null}hasActiveChild(e){const i=this.getSidebarMenuItems(e);if(i)for(let e=0;e<i.length;e++){const t=i[e];if(this.isActive(t))return!0;if(this.hasChildren(t.shadowRoot)&&this.hasActiveChild(t.shadowRoot))return!0}return!1}handleSidebarItemInteraction(e){const i=e.detail;if(this.hasChildren(i.shadowRoot)&&!this.hasActiveChild(i.shadowRoot)||this.handleBorderIndicatorDisplacement(i),this.hasChildren(i.shadowRoot)&&!this.hasActiveChild(i.shadowRoot)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}if(this.hasChildren(i.shadowRoot)&&this.isOpen(i.shadowRoot)&&this.containsActiveSection(i)){const e=this.getActiveItemSection(i);this.handleClassList(e,"remove","active-section")}}isOpen(e){return!!this.getNavItem(e).classList.contains("open")}containsActiveSection(e){const i=this.getSidebarMenuItems(e);for(let e=0;e<i.length;e++){const t=i[e];if(this.getNavItem(t.shadowRoot).classList.contains("active-section")||this.hasChildren(t.shadowRoot)&&this.containsActiveSection(t.shadowRoot))return this.handleClassList(t,"add","active-section"),!0}return!1}applyActiveSectionToParent(e){const i=this.getSidebarMenuItems(e);i?.forEach((e=>{if(this.hasActiveChild(e.shadowRoot)){const i=this.getActiveItemSection(e);this.handleClassList(i,"add","active-section")}this.applyActiveSectionToParent(e.shadowRoot)}))}querySidebarItems(e){return e.querySelectorAll("ifx-sidebar-item")}isActive(e){return"true"===e.getAttribute("active")}handleSidebarItemActivated(e){this.removeActiveClassesRecursively(),this.activeItem=e.detail,this.activeItem.setAttribute("active","true");const i=this.getNavItem(e.detail.parentElement.parentElement.parentElement);i&&this.handleClassList(i,"add","active-section")}handleLogoHrefAndTarget(){this.internalLogoHref=""===this.logoHref.trim()?void 0:this.logoHref,this.internalLogoHrefTarget=["_self","_blank","_parent"].includes(this.logoHrefTarget.trim())?this.logoHrefTarget:"_self"}componentWillLoad(){this.internalTermsofUse=this.termsOfUse.trim(),this.internalPrivacyPolicy=this.privacyPolicy.trim(),this.internalImprint=this.imprint.trim(),this.internalShowFooter=this.showFooter,!this.internalShowFooter||this.internalImprint||this.internalPrivacyPolicy||this.internalTermsofUse||this.copyrightText||(this.internalShowFooter=!1),this.handleLogoHrefAndTarget(),this.isCollapsed=!!this.collapsed,this.updateCollapsedState()}handleCollapsibleChange(e){this.forceUpdate()}forceUpdate(){this.el.forceUpdate?.()||this.el.setAttribute("data-force-update",""+Date.now())}async toggleCollapse(){this.isCollapsed=!this.isCollapsed,this.updateCollapsedState(),this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}async collapse(){this.isCollapsed=!0,this.updateCollapsedState(),this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}async expand(){this.isCollapsed=!1,this.updateCollapsedState(),this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}handleCollapsedPropChange(e){this.isCollapsed=e,this.updateCollapsedState(),this.ifxSidebarCollapseChange.emit({collapsed:this.isCollapsed})}updateCollapsedState(){this.isCollapsed?(this.el.style.setProperty("--ifx-sidebar-item-text-display","none"),this.el.style.setProperty("--ifx-sidebar-item-without-icon-display","none"),this.el.style.setProperty("--ifx-sidebar-title-display","none"),this.el.style.setProperty("--ifx-sidebar-title-show-in-collapsed-display","block"),this.el.style.setProperty("--ifx-sidebar-title-label-display","none"),this.el.style.setProperty("--ifx-sidebar-title-padding","0"),this.el.style.setProperty("--ifx-sidebar-item-flex-direction","column"),this.setSidebarItemAttributes(!0)):(this.el.style.removeProperty("--ifx-sidebar-item-text-display"),this.el.style.removeProperty("--ifx-sidebar-item-without-icon-display"),this.el.style.removeProperty("--ifx-sidebar-title-display"),this.el.style.removeProperty("--ifx-sidebar-title-show-in-collapsed-display"),this.el.style.removeProperty("--ifx-sidebar-title-label-display"),this.el.style.removeProperty("--ifx-sidebar-title-padding"),this.el.style.removeProperty("--ifx-sidebar-item-flex-direction"),this.setSidebarItemAttributes(!1))}setSidebarItemAttributes(e){this.el.querySelectorAll("ifx-sidebar-item").forEach((i=>{if(e){i.setAttribute("data-sidebar-collapsed","true");const e=i.parentElement===this.el,t=!0===i.shadowRoot?.querySelector(".sidebar__nav-item")?.classList.contains("header__section");i.icon&&(!e||!t)||i.setAttribute("data-hide-in-collapsed","true")}else i.removeAttribute("data-sidebar-collapsed"),i.removeAttribute("data-hide-in-collapsed")}))}handleHideMenuClick=()=>{this.toggleCollapse()};handleHideMenuKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.toggleCollapse())};onLogoImgClick=()=>{this.ifxSidebarLogoClick.emit()};render(){return a("div",{key:"6300acae2525d8f6cbfd190fc49bcfb0cc189cec","aria-label":"a navigation sidebar","aria-value":this.applicationName,class:`sidebar__container ${this.fixed?"fixed":""} ${this.isCollapsed?"sidebar__container--collapsed":""} ${"right"===this.position?"sidebar__container-right":""}`},a("div",{key:"5c86ed7965da6890db77080f915f2b44af27b7f3",class:"sidebar__top-container"},this.showHeader&&a("div",{key:"7de361321e4f8a8e7fb221e764006eb80fbfbe34",class:"sidebar__nav-bar"},a("div",{key:"1be2dc4111d766e485c54544484f053a74583cdf",class:"sidebar__nav-bar-logo"},a("div",{key:"9b50b1c097e9aaf431c3e939f4ea00db0127f321",class:"sidebar__nav-bar-logo-img"},a("a",{key:"4f2667110c4002f6fe4f27926dfe518c361b77b6",href:n(this.internalLogoHref),target:this.internalLogoHrefTarget,onClick:()=>this.onLogoImgClick()},a("svg",{key:"b56ec9687b9e87dd68e17895032071aadf984734",width:"91",height:"40",viewBox:"0 0 91 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"0c200fdb4a2a94181ae0cb8ad4e1e788cfa825cb","clip-path":"url(#clip0_2396_2480)"},a("path",{key:"7671c0fde1179bb7c5083faa8485b37790842e7f",d:"M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z",fill:"#005DA9"}),a("path",{key:"1b4c61881d8b46281cec2ddae5048ee6f12f7f35",d:"M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z",fill:"#E30034"})),a("defs",{key:"2e14e3848745b400a260e247ee955f6295f6c64f"},a("clipPath",{key:"c212a581ae9b3a50b29b579bebba83e302910e52",id:"clip0_2396_2480"},a("rect",{key:"535fe3791ee10c2efa9fa0072c6755f9b6a51e48",width:"91",height:"40",fill:"white"}))))," ")),a("div",{key:"8d1ca4808f7f1b3a7ffb16ab5b76eefe78104a42",class:"sidebar__nav-bar-logo-text"},this.applicationName))),this.collapsible&&a("div",{key:"95d036839a1d944d0e291474f2db3a44d69aba7c",class:"sidebar__hide-menu "+(this.isCollapsed?"collapsed":""),onClick:this.handleHideMenuClick,onKeyDown:this.handleHideMenuKeyDown,tabIndex:0,role:"button","aria-label":this.isCollapsed?"Expand sidebar":"Collapse sidebar"},a("div",{key:"cd2e54e365db4b09d3082ef26869d36d5f8e416e",class:"sidebar__hide-menu-wrapper"},a("div",{key:"8a53c06ad94d4a996363b491cf8afdca31628bbe",class:"sidebar__hide-menu-icon"},a("ifx-icon",{key:"52d8be128d4407f8412ced61e0ca011bde668ed2",icon:"menu-16"})),a("div",{key:"6dbf1c21c6404e15c84e04b7e832291aece5c9e4",class:"sidebar__hide-menu-text"},this.hideMenuLabel))),a("div",{key:"bb6d10f13e1f8ed1d9acc266a373bf4290c150e1",class:"sidebar__nav-container"},a("slot",{key:"9f00ab9017702e5e807bce1661c942fe9030efd8"}))),this.internalShowFooter&&a("div",{key:"48e7833cfc1e7f03dff4ed8de8f96573eb156799",class:"sidebar__footer-container"},a("div",{key:"54b8580d33a156eea29239b7d30413caa0e90d49",class:"sidebar__footer-wrapper"},(this.internalTermsofUse||this.internalImprint||this.internalPrivacyPolicy)&&a("div",{key:"5933bf2bcb21e3db3fecd9383b334b7817fef327",class:"sidebar__footer-wrapper-top-links"},""!==this.internalTermsofUse&&a("a",{key:"32fecb336942fb6ca07b84708da0a12dd74acfe6",target:this.footerHrefTarget,href:n(this.internalTermsofUse)},"Terms of use"),""!==this.internalImprint&&a("a",{key:"9b15ee9d4307a01f3c7b729c7cc5d61927ce4bf6",target:this.footerHrefTarget,href:n(this.internalImprint)},"Imprint"),""!==this.internalPrivacyPolicy&&a("a",{key:"92a229f465f826439b2e29a34c07667f5ad7f43e",target:this.footerHrefTarget,href:n(this.internalPrivacyPolicy)},"Privacy policy")),this.copyrightText&&a("div",{key:"c30ab4e4e5546f15d5560a77ab37373eb80c48db",class:"sidebar__footer-wrapper-bottom-links"},a("span",{key:"7b3b56b90a9cea05a2b7fd317b6abc01ad03a6f7"},this.copyrightText)))))}static get watchers(){return{collapsible:[{handleCollapsibleChange:0}],collapsed:[{handleCollapsedPropChange:0}]}}static get style(){return':host{height:100%;display:inline-flex;width:100%}.sidebar__container{box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:flex-start;padding:0px;background-color:#ffffff;border-right:1px solid #EEEDED;width:264px;height:100%;font-family:var(--ifx-font-family)}.sidebar__container.fixed{position:fixed;top:0;left:0;height:100vh;z-index:1020}.sidebar__container-right{border-left:1px solid #EEEDED;border-right:none;margin-left:auto}.sidebar__container-right.fixed{right:0}.sidebar__container--collapsed{width:48px}.sidebar__container--collapsed .sidebar__hide-menu,.sidebar__container--collapsed .sidebar__nav-bar,.sidebar__container--collapsed .sidebar__nav-container{padding:12px 8px !important}.sidebar__container--collapsed .sidebar__nav-bar-logo-text,.sidebar__container--collapsed .sidebar__hide-menu-text{display:none !important}.sidebar__container--collapsed .sidebar__footer-container{display:none !important}.sidebar__container--collapsed .sidebar__nav-bar .sidebar__nav-bar-logo svg{width:32px !important;height:auto !important}.sidebar__container--collapsed .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-text{display:none !important}.sidebar__container--collapsed .sidebar__hide-menu{padding:12px 16px;justify-content:center}.sidebar__container .sidebar__top-container{display:flex;flex-direction:column;align-items:center;padding:0px;flex:1 1 auto;order:0;z-index:0;width:100%;overflow-y:auto}.sidebar__container .sidebar__top-container .sidebar__nav-bar{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;background-color:#ffffff;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-img svg{width:91px;height:40px}.sidebar__container .sidebar__top-container .sidebar__nav-bar .sidebar__nav-bar-logo .sidebar__nav-bar-logo-text{font-style:normal;font-weight:600;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;color:#1d1d1d;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__top-container .sidebar__nav-container{scrollbar-gutter:stable;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:12px 32px;flex:1 1 auto;order:1;width:100%}.sidebar__container .sidebar__top-container .sidebar__nav-container ::slotted(*){width:100%}.sidebar__container .sidebar__footer-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0px 32px;flex:none;order:1;align-self:stretch;flex-grow:1;z-index:1}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:none;order:0;flex-grow:0;width:100%}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links{display:flex;align-items:flex-start;padding:0px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;flex-wrap:wrap}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a{font:400 0.875rem/1.25rem "Source Sans 3";font-family:var(--ifx-font-family);display:flex;text-decoration:none;align-items:center;color:#1d1d1d;flex:none;flex-grow:0}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:hover{color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-top-links a:focus{outline:none;color:#08665C}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links{display:flex;flex-direction:column;align-items:center}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span{font:400 0.875rem/1.25rem "Source Sans 3";font-family:var(--ifx-font-family);text-decoration:none;color:#575352;flex:none;order:1;flex-grow:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.sidebar__container .sidebar__footer-container .sidebar__footer-wrapper .sidebar__footer-wrapper-bottom-links span:hover{cursor:initial}.sidebar__container .sidebar__hide-menu{display:flex;align-items:center;padding:12px 32px;box-sizing:border-box;width:100%;cursor:pointer;border-top:1px solid #eeeded;border-bottom:1px solid #eeeded;background-color:#ffffff;justify-content:space-between}.sidebar__container .sidebar__hide-menu.collapsed{justify-content:center}.sidebar__container .sidebar__hide-menu:hover{background-color:#f7f7f7}.sidebar__container .sidebar__hide-menu:focus{outline:2px solid #0a8276;outline-offset:-2px}.sidebar__container .sidebar__hide-menu-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px}.sidebar__container .sidebar__hide-menu-icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px;flex-shrink:0}.sidebar__container .sidebar__hide-menu-icon ifx-icon{width:16px;height:16px;color:#1d1d1d}.sidebar__container .sidebar__hide-menu-text{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#1d1d1d}'}},[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}]}]),c=l,f=function(){"undefined"!=typeof customElements&&["ifx-sidebar","ifx-icon"].forEach((e=>{switch(e){case"ifx-sidebar":customElements.get(r(e))||customElements.define(r(e),l);break;case"ifx-icon":customElements.get(r(e))||d()}}))};export{c as IfxSidebar,f as defineCustomElement}

package/dist/components/ifx-slider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSlider extends Components.IfxSlider, HTMLElement {}
+export const IfxSlider: {
+    prototype: IfxSlider;
+    new (): IfxSlider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-slider.js

@@ -0,0 +1 @@
+import{p as e,H as i,c as t,h as a,t as s}from"./p-BT_2CyMS.js";import{i as n,d as r,t as h}from"./p-94ZtGp9D.js";import{d as l}from"./p-DMAv4MDG.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxChange=t(this,"ifxChange",7),this.internals=this.attachInternals()}min=0;max=100;step=1;value;minValueHandle;maxValueHandle;disabled=!1;readOnly=!1;showPercentage=!1;leftIcon;rightIcon;leftText;rightText;type="single";ariaLabelText;name="";internalValue=0;percentage=0;internalMinValue=0;internalMaxValue=100;ifxChange;get el(){return this}internals;inputRef;minInputRef;maxInputRef;hasInitializedSingleValue=!1;initialInternalValue=0;initialInternalMinValue=0;initialInternalMaxValue=0;getSafeMin(){const e=Number(this.min);return Number.isFinite(e)?e:0}getSafeMax(){const e=Number(this.max);return Number.isFinite(e)?e:this.getSafeMin()}normalizeSingleValue(e){const i=Number(e),t=this.getSafeMin(),a=this.getSafeMax();return Number.isFinite(i)?Math.max(t,Math.min(a,i)):t}getSynchronizedSingleValue(){return this.normalizeSingleValue(Number.isFinite(Number(this.value))?this.value:this.internalValue)}valueChanged(e){this.internalValue=this.normalizeSingleValue(e),this.value=this.internalValue,this.calculatePercentageValue(),this.updateValuePercent(),this.updateFormValue()}minValueChanged(e){this.internalMinValue=e,this.updateValuePercent(),this.updateFormValue()}maxValueChanged(e){this.internalMaxValue=e,this.updateValuePercent(),this.updateFormValue()}minChanged(){this.reconcileBoundsChange()}maxChanged(){this.reconcileBoundsChange()}reconcileBoundsChange(){("double"===this.type||this.hasInitializedSingleValue)&&(this.internalValue=this.getSynchronizedSingleValue(),this.value=this.internalValue,this.calculatePercentageValue(),this.updateValuePercent(),this.updateFormValue())}stepChanged(){this.updateValuePercent()}updateFormValue(){this.internals.setFormValue("double"!==this.type?this.internalValue+"":JSON.stringify({min:this.internalMinValue,max:this.internalMaxValue}))}getRangeSliderWrapper(){return this.el.shadowRoot.querySelector(".range-slider__wrapper")}handleInputChangeOfRangeSlider(e){const i=e.target;parseFloat(this.maxInputRef.value)-parseFloat(this.minInputRef.value)<=0&&("max-slider"===i.id?this.maxInputRef.value=this.minInputRef.value:this.minInputRef.value=this.maxInputRef.value),"max-slider"===i.id?this.internalMaxValue=parseFloat(this.maxInputRef.value):this.internalMinValue=parseFloat(this.minInputRef.value),this.ifxChange.emit({minVal:this.internalMinValue,maxVal:this.internalMaxValue}),this.updateFormValue(),this.updateValuePercent(),this.updateZIndexIfRangeSlider(i.id)}handleOnMouseLeaveOfRangeSlider(e){const i=e.target,t=this.getRangeSliderWrapper();"max-slider"===i.id?t.insertBefore(this.maxInputRef,this.minInputRef):t.insertBefore(this.minInputRef,this.maxInputRef)}calculatePercentageValue(){const e=Number(this.internalValue),i=this.getSafeMin(),t=this.getSafeMax()-i;this.percentage=t<=0||!Number.isFinite(e)?0:+parseFloat(1*(e-i)/t*100+"").toFixed(2)}handleInputChange(e){this.internalValue=this.normalizeSingleValue(e.target.value),this.value=this.internalValue,this.ifxChange.emit(this.internalValue),this.updateFormValue(),this.calculatePercentageValue(),this.updateValuePercent()}roundToValidStep(e){const i=this.getSafeMin(),t=Number.isFinite(Number(this.step))&&Number(this.step)>0?Number(this.step):1,a=e-i,s=a%t;return s>=t/2?i+a+(t-s):i+a-s}updateValuePercent(){const e=this.getSafeMin(),i=this.getSafeMax()-e;if(i<=0)this.inputRef&&this.inputRef.style.setProperty("--value-percent","0%");else if("double"===this.type){if(this.minInputRef){const t=1*(this.roundToValidStep(this.internalMinValue)-e);this.minInputRef.parentElement.style.setProperty("--min-value-percent",t/i*100+"%")}if(this.maxInputRef){const t=1*(this.roundToValidStep(this.internalMaxValue)-e);this.maxInputRef.parentElement.style.setProperty("--max-value-percent",t/i*100+"%")}}else if(this.inputRef){const t=1*(this.roundToValidStep(this.internalValue)-e);this.inputRef.style.setProperty("--value-percent",t/i*100+"%")}}updateZIndexIfRangeSlider(e=""){"max-slider"===e?(this.minInputRef.style.zIndex="1",this.maxInputRef.style.zIndex="2"):(this.minInputRef.style.zIndex="2",this.maxInputRef.style.zIndex="1")}componentWillLoad(){const e=this.getSafeMin(),i=this.getSafeMax();null==this.value?(this.internalValue=this.normalizeSingleValue((i-e)/2+e),this.value=this.internalValue):(this.internalValue=this.normalizeSingleValue(this.value),this.value=this.internalValue),this.calculatePercentageValue(),this.internalMinValue=void 0!==this.minValueHandle?this.minValueHandle:this.min,this.internalMaxValue=void 0!==this.maxValueHandle?this.maxValueHandle:this.max,this.initialInternalValue=this.internalValue,this.initialInternalMinValue=this.internalMinValue,this.initialInternalMaxValue=this.internalMaxValue,this.hasInitializedSingleValue=!0,this.updateFormValue()}formResetCallback(){this.internalValue=this.initialInternalValue,this.internalMinValue=this.initialInternalMinValue,this.internalMaxValue=this.initialInternalMaxValue,this.calculatePercentageValue(),this.updateValuePercent(),this.updateFormValue()}formStateRestoreCallback(e,i){if(e){if("double"===this.type)try{const i=JSON.parse(e);"number"==typeof i.min&&(this.internalMinValue=i.min),"number"==typeof i.max&&(this.internalMaxValue=i.max)}catch{}else{const i=Number(e);Number.isNaN(i)||(this.internalValue=i,this.calculatePercentageValue())}this.updateValuePercent(),this.updateFormValue()}}syncSingleValueState(){if("double"===this.type)return!1;const e=this.getSynchronizedSingleValue();return e!==this.internalValue&&(this.internalValue=e,this.value=e,this.calculatePercentageValue(),this.updateFormValue(),!0)}async componentDidLoad(){if(!n(this.el)){const e=r();h("ifx-slider",await e)}this.syncSingleValueState(),this.updateValuePercent()}render(){return a("div",{key:"69b0ba79ae35a00da66a06162eabf542ead36a09",class:"ifx-slider"+(this.readOnly?" readOnly":this.disabled?" disabled":"")},this.leftText&&a("span",{key:"4919cb4c735dfce9e1b7f2bade160afd5996af74",class:"left-text"+(this.readOnly||this.disabled?" disabled":"")},this.leftText),this.leftIcon&&a("ifx-icon",{key:"518d93b888d9059f8ea1bd8867d986300f0655e9",icon:this.leftIcon,class:"left-icon"+(this.readOnly||this.disabled?" disabled":"")}),"double"!==this.type?a("input",{type:"range",min:this.min,max:this.max,step:this.step,value:this.internalValue,disabled:this.readOnly||this.disabled,ref:e=>this.inputRef=e,onInput:e=>this.handleInputChange(e),"aria-label":"Slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.internalValue,"aria-disabled":this.readOnly||this.disabled?"true":"false","aria-readonly":this.readOnly?"true":void 0}):a("div",{class:"range-slider__wrapper","aria-label":this.ariaLabelText,role:"group"},a("input",{id:"min-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMinValue,disabled:this.readOnly||this.disabled,ref:e=>this.minInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e),"aria-label":"Minimum value slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.internalMinValue,"aria-disabled":this.readOnly||this.disabled?"true":"false"}),a("input",{id:"max-slider",type:"range",min:this.min,max:this.max,step:this.step,value:this.internalMaxValue,disabled:this.readOnly||this.disabled,ref:e=>this.maxInputRef=e,onInput:e=>this.handleInputChangeOfRangeSlider(e),onMouseUp:e=>this.handleOnMouseLeaveOfRangeSlider(e),"aria-label":"Maximum value slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.internalMaxValue,"aria-disabled":this.readOnly||this.disabled?"true":"false"})),this.rightIcon&&a("ifx-icon",{key:"f995442bfb4040b47b98d743af61363dbedc41d9",icon:this.rightIcon,class:"right-icon"+(this.readOnly||this.disabled?" disabled":"")}),this.rightText&&a("span",{key:"c2d38e524ec44e35bea1811fa9ede43c1c813282",class:"right-text"+(this.readOnly||this.disabled?" disabled":"")},this.rightText),this.showPercentage&&"double"!==this.type&&a("span",{key:"94155c2a4d2b14a9ec8e826a9fc9710d2b5ac228",class:"percentage-display"+(this.readOnly||this.disabled?" disabled":"")},this.percentage,"%"))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],minValueHandle:[{minValueChanged:0}],maxValueHandle:[{maxValueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],step:[{stepChanged:0}]}}static get style(){return":host{display:block}.left-icon,.right-icon,.left-text,.right-text,.percentage-display{font-family:var(--ifx-font-family);font-size:0.875rem;color:#575352;margin-left:8px}.left-icon.disabled,.right-icon.disabled,.left-text.disabled,.right-text.disabled,.percentage-display.disabled{color:#bfbbbb}.left-icon,.left-text{margin-right:8px}.right-icon,.right-text,.percentage-display{margin-left:8px}.ifx-slider{display:flex;align-items:center;padding:2px 16px;border-radius:9999px}.ifx-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(to right, #0a8276 0%, #0a8276 var(--value-percent, 0%), #eeeded var(--value-percent, 0%), #eeeded 100%);outline:none;cursor:pointer;transition:0.2s}.ifx-slider input[type=range]:focus-visible{outline:2px solid #0a8276;outline-offset:4px}.ifx-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#0a8276;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#0a8276;border-radius:50%;cursor:pointer;transition:box-shadow 0.2s}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:hover{background:#08665c}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:active{background:#06534b}.ifx-slider input[type=range]:disabled{background:#bfbbbb;cursor:default}.ifx-slider input[type=range]:disabled::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#bfbbbb;border-radius:50%;cursor:default}.ifx-slider.readOnly input[type=range]{pointer-events:none;background:linear-gradient(to right, #575352 50%, #bfbbbb var(--value-percent, 0%), #eeeded var(--value-percent, 0%), #eeeded 100%)}.ifx-slider.readOnly input[type=range]::-webkit-slider-thumb{background:#bfbbbb}.ifx-slider .range-slider__wrapper{position:relative;width:100%;height:4px;display:flex;align-items:center;justify-content:center;margin:0px 2px;background:linear-gradient(to right, #eeeded 0%, #eeeded var(--min-value-percent, 100%), #0a8276 var(--min-value-percent, 100%), #0a8276 var(--max-value-percent, 100%), #eeeded var(--max-value-percent, 100%), #eeeded 100%)}.ifx-slider .range-slider__wrapper:has(input[type=range]:disabled){background:#bfbbbb}.ifx-slider .range-slider__wrapper input[type=range]{position:absolute;pointer-events:none;background:none}.ifx-slider .range-slider__wrapper input[type=range]:focus-visible{outline:2px solid #0a8276;outline-offset:4px}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-ms-thumb{-webkit-appearance:none;appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;border:none;background:none;width:100%}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-track{-webkit-appearance:none;appearance:none;border:none;background:none;width:100%}"}},[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]},void 0,{value:[{valueChanged:0}],minValueHandle:[{minValueChanged:0}],maxValueHandle:[{maxValueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],step:[{stepChanged:0}]}]),o=d,p=function(){"undefined"!=typeof customElements&&["ifx-slider","ifx-icon"].forEach((e=>{switch(e){case"ifx-slider":customElements.get(s(e))||customElements.define(s(e),d);break;case"ifx-icon":customElements.get(s(e))||l()}}))};export{o as IfxSlider,p as defineCustomElement}

package/dist/components/ifx-spinner.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSpinner extends Components.IfxSpinner, HTMLElement {}
+export const IfxSpinner: {
+    prototype: IfxSpinner;
+    new (): IfxSpinner;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-spinner.js

@@ -0,0 +1 @@
+import{S as o,d as s}from"./p-CKEkzlHL.js";const p=o,r=s;export{p as IfxSpinner,r as defineCustomElement}

package/dist/components/ifx-status.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxStatus extends Components.IfxStatus, HTMLElement {}
+export const IfxStatus: {
+    prototype: IfxStatus;
+    new (): IfxStatus;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-status.js

@@ -0,0 +1 @@
+import{p as o,H as r,h as e,t as d}from"./p-BT_2CyMS.js";import{i as n,d as c,t as a}from"./p-94ZtGp9D.js";const b=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get el(){return this}label;border=!1;color="orange-500";async componentDidLoad(){if(!n(this.el)){const o=c();a("ifx-status",await o)}}render(){const o=this.color?.trim()?this.color:"orange-500";return e("div",{key:"b9b200e59ded91df57552850600ddceea5351ff8",role:"status",class:this.border?"container border-"+o:"container no-border"},e("span",{key:"4d23f0e614f6c36c81fb132d2ab2e62775cbe483",class:"dot "+o}),e("p",{key:"d6fc99d444e7652d51327949c7028fbcd69c163f",class:"text"},this.label))}static get style(){return":host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-engineering-100{border:1px solid #f7f7f7}.container.border-engineering-200{border:1px solid #eeeded}.container.border-engineering-300{border:1px solid #bfbbbb}.container.border-engineering-400{border:1px solid #8d8786}.container.border-engineering-500{border:1px solid #575352}.container.border-engineering-600{border:1px solid #3c3a39}.container.border-ocean-100{border:1px solid #dff4f3}.container.border-ocean-200{border:1px solid #b8deda}.container.border-ocean-300{border:1px solid #6cb4ad}.container.border-ocean-400{border:1px solid #3b9b91}.container.border-ocean-500{border:1px solid #0a8276}.container.border-ocean-600{border:1px solid #08665c}.container.border-ocean-700{border:1px solid #06534b}.container.border-red-500{border:1px solid #cd002f}.container.border-red-600{border:1px solid #a2001e}.container.border-red-700{border:1px solid #900021}.container.border-orange-500{border:1px solid #e16b25}.container.border-green-500{border:1px solid #4ca460}.container.border-lawn-400{border:1px solid #b9d257}.container.border-lawn-500{border:1px solid #9bba43}.container.border-lawn-700{border:1px solid #3c6c0f}.container.border-berry-400{border:1px solid #be3283}.container.border-berry-500{border:1px solid #9c216e}.container.border-sun-400{border:1px solid #ff9737}.container.border-sun-500{border:1px solid #f97414}.container.border-sand-400{border:1px solid #fbe273}.container.border-sand-500{border:1px solid #fcd442}.text{margin:0;padding-left:4px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;display:inline;color:#1d1d1d}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px}.dot.engineering-100{background-color:#f7f7f7}.dot.engineering-200{background-color:#eeeded}.dot.engineering-300{background-color:#bfbbbb}.dot.engineering-400{background-color:#8d8786}.dot.engineering-500{background-color:#575352}.dot.engineering-600{background-color:#3c3a39}.dot.ocean-100{background-color:#dff4f3}.dot.ocean-200{background-color:#b8deda}.dot.ocean-300{background-color:#6cb4ad}.dot.ocean-400{background-color:#3b9b91}.dot.ocean-500{background-color:#0a8276}.dot.ocean-600{background-color:#08665c}.dot.ocean-700{background-color:#06534b}.dot.red-500{background-color:#cd002f}.dot.red-600{background-color:#a2001e}.dot.red-700{background-color:#900021}.dot.orange-500{background-color:#e16b25}.dot.green-500{background-color:#4ca460}.dot.lawn-400{background-color:#b9d257}.dot.lawn-500{background-color:#9bba43}.dot.lawn-700{background-color:#3c6c0f}.dot.berry-400{background-color:#be3283}.dot.berry-500{background-color:#9c216e}.dot.sun-400{background-color:#ff9737}.dot.sun-500{background-color:#f97414}.dot.sand-400{background-color:#fbe273}.dot.sand-500{background-color:#fcd442}"}},[513,"ifx-status",{label:[1],border:[4],color:[1]}]),i=b,t=function(){"undefined"!=typeof customElements&&["ifx-status"].forEach((o=>{"ifx-status"===o&&(customElements.get(d(o))||customElements.define(d(o),b))}))};export{i as IfxStatus,t as defineCustomElement}

package/dist/components/ifx-step.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxStep extends Components.IfxStep, HTMLElement {}
+export const IfxStep: {
+    prototype: IfxStep;
+    new (): IfxStep;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-step.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as r,t as p}from"./p-BT_2CyMS.js";import{d as s}from"./p-DMAv4MDG.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}complete=!1;disabled=!1;error=!1;lastStep=!1;stepId=1;stepperState={activeStep:1,showStepNumber:!1,variant:"default",indicatorPosition:"left"};active;clickable=!1;onStepChange(e){e.detail.previousActiveStep===this.stepId&&this.error&&(this.clickable=!0)}updateCurrentStep(e){this.active=e.activeStep===this.stepId}updateErrorState(){this.active&&(this.error=!1)}handleStepClick(){this.disabled||"compact"===this.stepperState.variant||!this.clickable&&!this.complete||this.stepperState.setActiveStep(this.stepId,!0)}handleStepKeyDown(e){this.disabled||"compact"===this.stepperState.variant||!this.clickable&&!this.complete||"Enter"!==e.key||this.stepperState.setActiveStep(this.stepId,!0)}stopOnClickPropogation(e){this.disabled&&e.stopPropagation()}render(){return r("div",{key:"4b21a6a60e0acff717d0193c33ee220e80d59e46","aria-current":!!this.active&&"step","aria-disabled":!this.active&&!this.complete,onClick:e=>this.stopOnClickPropogation(e),class:`step-wrapper ${1===this.stepId?"first-step":""} \n                        ${this.error?"error":""}\n                        ${this.stepperState.variant}\n                        ${this.complete?"complete":""}\n                        ${this.lastStep?"last-step":""}\n                        indicator-${this.stepperState.indicatorPosition}\n                        ${this.active?"active":""}\n                        ${this.clickable?"clickable":""}\n                        ${this.disabled?"disabled":""}`},r("div",{key:"13205aceb9c48e16370b422b29e20516b8926f4a",class:"step-icon-wrapper"},"compact"!==this.stepperState.variant&&r("span",{key:"75078c39885e4dfc428c752204c72719e5dac207",class:"step-connector-l"}),"compact"!==this.stepperState.variant&&(!this.error||this.error&&this.active)&&r("div",{key:"a3b850cdf458d6ecd9905bbda5dd233a492512fb",class:"step-icon"},!this.stepperState.showStepNumber||this.complete||this.active?"":this.stepId,this.complete&&!this.active&&r("ifx-icon",{key:"f167d52a1d249e080d802b6da82cb619f3cef1c4",icon:"check16"}),this.active&&r("span",{key:"94e6de6567e9cedf5f5a4d1f1cf26885a1e5a425",class:"active-indic"})),"compact"!==this.stepperState.variant&&this.error&&!this.active&&r("ifx-icon",{key:"20e984db600185b5f468ee36b26a9f5c856b00df",class:"error-icon",icon:"warningF16"}),"compact"!==this.stepperState.variant&&r("span",{key:"c97fcca3d6900f44102710d226aaaa9fa89d0ace",class:"step-connector-r "+(this.active?"active":"")})),("compact"!==this.stepperState.variant||"compact"===this.stepperState.variant&&(this.active||this.stepId===this.stepperState.activeStep+1))&&r("div",{key:"8bfac18ed604f6baf2ae701ff94b4f11a9e2e43d",tabIndex:this.disabled||!this.complete||this.active?-1:0,class:"step-label "+("compact"===this.stepperState.variant?this.active?"curr-label":"next-label":""),onClick:()=>{this.handleStepClick()},onKeyDown:e=>{this.handleStepKeyDown(e)}},"compact"!==this.stepperState.variant&&r("slot",{key:"15243cf51b78c8fb9211595e8bb910bb323788b1"}),"compact"!==this.stepperState.variant||this.active?"":"Next: ","compact"===this.stepperState.variant&&r("slot",{key:"055f64362486b847efb5753155dc76e3e658a8c2"})))}static get watchers(){return{stepperState:[{updateCurrentStep:0}],active:[{updateErrorState:0}]}}static get style(){return'.step-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;gap:8px;font:400 1rem/1.5rem "Source Sans 3";font-family:var(--ifx-font-family)}.step-wrapper.vertical{flex-direction:row;gap:12px;width:unset;height:100%}.step-wrapper.vertical .step-icon-wrapper{flex-direction:column;width:unset;height:100%}.step-wrapper.compact{gap:0;max-width:100%}.step-wrapper.compact .step-label{max-width:100%;cursor:auto;align-self:flex-start;color:#575352}.step-wrapper.compact.indicator-left{align-items:flex-end;text-align:right}.step-wrapper.compact.indicator-right{align-items:flex-start}.step-wrapper .step-label{max-width:90%;color:#bfbbbb;word-wrap:break-word}.step-wrapper .step-label.curr-label{font:600 1.25rem/1.75rem "Source Sans 3";font-family:var(--ifx-font-family)}.step-wrapper .step-label:focus{outline:2px solid #0a8276;outline-offset:2px}.step-wrapper .step-label.next-label{font:400 0.75rem/1rem "Source Sans 3";font-family:var(--ifx-font-family)}.step-wrapper .step-label :hover{color:#bfbbbb}.step-wrapper.first-step .step-connector-l{height:0px}.step-wrapper.last-step .step-connector-r{height:0px}.step-wrapper.vertical.first-step .step-connector-l,.step-wrapper.vertical.last-step .step-connector-r{width:0px}.step-wrapper.complete .step-connector-l,.step-wrapper.complete .step-connector-r,.step-wrapper.complete .step-icon{background:#0a8276}.step-wrapper.complete .step-connector-l.active,.step-wrapper.complete .step-connector-l.error,.step-wrapper.complete .step-connector-r.active,.step-wrapper.complete .step-connector-r.error,.step-wrapper.complete .step-icon.active,.step-wrapper.complete .step-icon.error{background:#bfbbbb}.step-wrapper.complete:not(.disabled) .step-label{cursor:pointer;color:#1d1d1d}.step-wrapper.complete:not(.disabled) .step-label :hover{color:#08665c}.step-wrapper.disabled .step-connector-l,.step-wrapper.disabled .step-connector-r,.step-wrapper.disabled .step-icon{background-color:#bfbbbb}.step-wrapper.disabled .step-label,.step-wrapper.disabled .step-label :hover{color:#bfbbbb}.step-wrapper.active .step-connector-l,.step-wrapper.active .step-connector-r,.step-wrapper.active .step-icon{background:#0a8276}.step-wrapper.active .step-connector-l.active,.step-wrapper.active .step-connector-l.error,.step-wrapper.active .step-connector-r.active,.step-wrapper.active .step-connector-r.error,.step-wrapper.active .step-icon.active,.step-wrapper.active .step-icon.error{background:#bfbbbb}.step-wrapper.active .step-label,.step-wrapper.active .step-label :hover{color:#1d1d1d}.step-wrapper.active.complete .step-label{cursor:auto}.step-wrapper.clickable:not(.active) .step-label{cursor:pointer}.step-wrapper.error:not(.active){margin:auto;color:#cd002f}.step-wrapper.error:not(.active) .step-label{color:#cd002f}.step-wrapper.error:not(.active) .step-label :hover{color:#0a8276}.step-wrapper.disabled .step-label{cursor:auto}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon{background:#08665c}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.error{background:#bfbbbb}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-label{color:#08665c}.active-indic{width:16px;height:16px;border-radius:9999px;background:white}.step-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.step-icon{width:24px;height:24px;background-color:#bfbbbb;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:white}.error-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.step-connector-r,.step-connector-l{height:2px;min-width:40px;flex-grow:1;background-color:#bfbbbb}.vertical .step-connector-r,.vertical .step-connector-l{height:unset;min-width:unset;width:2px;min-height:40px}'}},[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}]}]),c=a,o=function(){"undefined"!=typeof customElements&&["ifx-step","ifx-icon"].forEach((e=>{switch(e){case"ifx-step":customElements.get(p(e))||customElements.define(p(e),a);break;case"ifx-icon":customElements.get(p(e))||s()}}))};export{c as IfxStep,o as defineCustomElement}

package/dist/components/ifx-stepper.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxStepper extends Components.IfxStepper, HTMLElement {}
+export const IfxStepper: {
+    prototype: IfxStepper;
+    new (): IfxStepper;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-stepper.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as i,h as s,t as r}from"./p-BT_2CyMS.js";import{i as a,d as p,t as c}from"./p-94ZtGp9D.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ifxChange=i(this,"ifxChange",7)}get el(){return this}ifxChange;activeStep=1;indicatorPosition="left";showStepNumber=!1;variant="default";ariaLabelText;ariaCurrentText;stepsCount;shouldEmitEvent=!0;emittedByClick=!1;onStepChange(t){const e=this.getSteps()[t.detail.previousActiveStep-1];e&&!e.complete&&e.setAttribute("error","true")}handleActiveStep(t,e){const i=this.getSteps();if(this.shouldEmitEvent){if(i[t-1])if(i[t-1].disabled)if(t<e){let s=t;for(this.shouldEmitEvent=!1;s>=1&&i[s-1].disabled;)s--;s<1?this.activeStep=e:(this.emitIfxChange(s,e),this.activeStep=s)}else{let s=t;for(this.shouldEmitEvent=!1;s<=this.stepsCount&&i[s-1].disabled;)s++;s>this.stepsCount?this.activeStep=e:(this.emitIfxChange(s,e),this.activeStep=s)}else this.emitIfxChange(t,e)}else this.shouldEmitEvent=!0}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick}),this.emittedByClick=!1}getSteps(){return this.el.querySelectorAll("ifx-step")}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=!0;for(let e=0;e<t.length;e++)t[e].stepId=e+1;this.stepsCount=t.length}setActiveStep(t,e=!1){this.emittedByClick=e,this.activeStep=t}setStepsBeforeActiveToComplete(){this.getSteps().forEach(((t,e)=>{e+1<this.activeStep&&(t.complete=!0)}))}syncIfxSteps(){const t=this.getSteps();for(let e=0;e<t.length;e++){const i={activeStep:this.activeStep,indicatorPosition:"right"!==this.indicatorPosition?"left":"right",showStepNumber:this.showStepNumber,variant:"compact"!==this.variant&&"vertical"!==this.variant?"default":this.variant,setActiveStep:this.setActiveStep.bind(this)};t[e].stepperState=i}}setInitialActiveStep(){this.activeStep=Math.max(1,Math.min(this.stepsCount+("compact"!==this.variant?1:0),this.activeStep))}componentWillLoad(){this.addStepIdsToStepsAndCountSteps(),this.setInitialActiveStep(),this.setStepsBeforeActiveToComplete()}async componentDidLoad(){if(!a(this.el)){const t=p();c("ifx-stepper",await t)}this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"80f7a337df54e600e28a05568a97dc9b1b4d381d","aria-label":this.ariaLabelText,"aria-current":this.ariaCurrentText,role:"navigation",class:`stepper ${"compact"!==this.variant&&"vertical"!==this.variant?"default":this.variant} ${"compact"===this.variant?"compact-"+this.indicatorPosition:""}`},"compact"===this.variant&&s("div",{key:"15f433b364dd4293c4d11ee8a9871c28d1a9d28c",class:"stepper-progress"},s("div",{key:"d6a175d28b23d449243d2fb3d18208548fddff8f",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"d0a986345ee4401a30b9033c218135f6cc838370",class:"stepper-wrapper"},s("slot",{key:"32b1d023f9d8af37dfa8becb5451cb1668470479"})))}componentDidRender(){"compact"==this.variant&&this.el.shadowRoot.querySelector(".stepper-progress").style.setProperty("--pb",this.activeStep/this.stepsCount*100+"%")}static get watchers(){return{activeStep:[{handleActiveStep:0}]}}static get style(){return'.stepper{display:flex;align-items:center}.stepper.compact{align-items:center;gap:8px}.stepper.compact.compact-right{flex-direction:row-reverse;text-align:left}.stepper.compact .stepper-wrapper{width:unset;flex-direction:column}.stepper.vertical{height:100%}.stepper.vertical .stepper-wrapper{flex-direction:column;width:unset;height:100%}.stepper-wrapper{display:flex;flex-direction:row;width:100%}.stepper-wrapper ::slotted(*){display:flex;flex:1;justify-content:flex-start}.stepper-progress{display:flex;justify-content:center;align-items:center;font:600 0.875rem/1.25rem "Source Sans 3";font-family:var(--ifx-font-family);min-width:56px;height:56px;border-radius:9999px;background:conic-gradient(#0a8276 var(--pb, 0%), #bfbbbb 0)}.stepper-progress .progress-detail{display:flex;justify-content:center;align-items:center;text-align:center;width:48px;height:48px;border-radius:9999px;background:white}'}},[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}]}]),o=n,h=function(){"undefined"!=typeof customElements&&["ifx-stepper"].forEach((t=>{"ifx-stepper"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))};export{o as IfxStepper,h as defineCustomElement}

package/dist/components/ifx-switch.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxSwitch extends Components.IfxSwitch, HTMLElement {}
+export const IfxSwitch: {
+    prototype: IfxSwitch;
+    new (): IfxSwitch;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-switch.js

@@ -0,0 +1 @@
+import{p as e,H as t,c,h as i,t as s}from"./p-BT_2CyMS.js";import{i as a,d as o,t as r}from"./p-94ZtGp9D.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxChange=c(this,"ifxChange",7),this.internals=this.attachInternals()}initialChecked;get el(){return this}checked=!1;onCheckedChange(e,t){e!==t&&(this.checked=e,this.updateFormValue())}disabled=!1;readOnly=!1;name="";value="on";internals;ifxChange;componentWillLoad(){this.initialChecked=this.checked,this.updateFormValue()}async componentDidLoad(){if(!a(this.el)){const e=o();r("ifx-switch",await e)}this.toggleLabelGap()}formResetCallback(){this.checked=this.initialChecked,this.updateFormValue()}formStateRestoreCallback(e,t){e?(this.checked=!0,this.updateFormValue()):(this.checked=!1,this.internals.setFormValue(null))}async isChecked(){return this.checked}async setChecked(e){return this.checked=e,Promise.resolve()}async toggle(){return Promise.resolve(this.toggleSwitch())}handleKeyDown(e){this.disabled||this.readOnly||"Enter"!==e.key&&" "!==e.key||this.toggleSwitch()}toggleSwitch(){if(!this.disabled&&!this.readOnly)return this.checked=!this.checked,this.updateFormValue(),this.ifxChange.emit(this.checked),this.checked}updateFormValue(){this.internals.setFormValue(this.checked?this.value:null)}toggleLabelGap(){const e=this.el.shadowRoot.querySelector("slot"),t=this.el.shadowRoot.querySelector(".container");e.assignedNodes().length?t.classList.add("gap"):t.classList.remove("gap")}render(){return i("div",{key:"9c1bcd3ef1d073d117ea30a3403b3a523c6a1b8f",class:"container",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled||this.readOnly?"true":"false","aria-readonly":this.readOnly?"true":"false","aria-labelledby":"switch-label",tabIndex:this.disabled?-1:0,onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},i("div",{key:"f6ecd560e30a8e8274d631769ed2caafd88d052a",class:`switch__checkbox-container ${this.checked?"checked":""} ${this.readOnly?"readOnly":this.disabled?"disabled":""}`},i("div",{key:"5d1c4d4dbe78e98a75a7aea071c95686f63517a7",class:"switch__checkbox-wrapper"},i("input",{key:"5811a455d03b91a0f01b0a81fd71d9d3df725770",type:"checkbox",hidden:!0,name:this.name,disabled:this.disabled&&!this.readOnly,checked:this.checked,value:this.value}),i("div",{key:"1a7af5766ad6c3d36384ed85fc6cd668570a7a14",class:`switch ${this.checked?"checked":""} ${this.readOnly?"readOnly":this.disabled?"disabled":""}`}))),i("div",{key:"823964c09843b68b74c065371391c3afaae5c878",class:"switch__label-wrapper "+(this.readOnly?"readOnly":this.disabled?"disabled":"")},i("label",{key:"d6c95ecf19ead9a6bc70f7d15f773e2779daa4ce",htmlFor:"switch"},i("slot",{key:"ca9f2a9eb9559f1932093cf31d4581bd81282a24",onSlotchange:()=>this.toggleLabelGap()}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}]}}static get style(){return":host{display:inline-block;user-select:none}.container{display:flex;flex-direction:row;align-items:center}.container.gap{gap:16px}.switch__checkbox-container{padding:4px;display:flex;align-items:center;position:relative;width:32px;height:16px;background-color:#ffffff;border:1px solid #575352;border-radius:20px;cursor:pointer;transition:background-color 0.3s ease;outline:none}.switch__checkbox-container:focus{outline:4px solid #0a8276;outline-offset:2px}.switch__checkbox-container:focus:not(:focus-visible){outline:none}.switch__checkbox-container:focus-visible{outline:2px solid #0a8276;outline-offset:2px}.switch__checkbox-container.disabled{cursor:default;border-color:#bfbbbb}.switch__label-wrapper{font-family:var(--ifx-font-family);color:#1d1d1d}.switch__label-wrapper label:hover{cursor:pointer}.switch__label-wrapper.disabled{color:#bfbbbb}.switch__label-wrapper.disabled label:hover{cursor:default}.switch__label-wrapper.readOnly{color:#575352}.switch__label-wrapper.readOnly label:hover{cursor:default}.switch__checkbox-wrapper .switch{width:16px;height:16px;background-color:#575352;border-radius:50%;transition:transform 0.3s ease, background-color 0.3s ease}.switch__checkbox-wrapper .switch.disabled{background-color:#bfbbbb;border-color:#bfbbbb;cursor:default}.switch__checkbox-wrapper .switch.checked{transform:translateX(16px);background-color:#ffffff}.switch__checkbox-wrapper .switch.checked.disabled{cursor:default}.switch__checkbox-container:hover .toggle-switch{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.switch__checkbox-container.checked{background-color:#0a8276;border-color:#0a8276}.switch__checkbox-container.checked.disabled{background-color:#bfbbbb;border-color:#bfbbbb;cursor:default}.switch__checkbox-container.checked.readOnly{background-color:#575352;border-color:#575352}.switch__checkbox-container.readOnly{border-color:#bfbbbb;cursor:default}"}},[833,"ifx-switch",{checked:[1028],disabled:[4],readOnly:[4,"read-only"],name:[1],value:[1],isChecked:[64],setChecked:[64],toggle:[64]},void 0,{checked:[{onCheckedChange:0}]}]),d=h,l=function(){"undefined"!=typeof customElements&&["ifx-switch"].forEach((e=>{"ifx-switch"===e&&(customElements.get(s(e))||customElements.define(s(e),h))}))};export{d as IfxSwitch,l as defineCustomElement}

package/dist/components/ifx-tab.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxTab extends Components.IfxTab, HTMLElement {}
+export const IfxTab: {
+    prototype: IfxTab;
+    new (): IfxTab;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-tab.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as i,h as s,t as n}from"./p-BT_2CyMS.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabHeaderChange=i(this,"tabHeaderChange",7)}get el(){return this}header;disabled;icon="";iconPosition="left";subline;sublinePosition="left";label;number=0;positionSticky=!1;tabHeaderChange;componentWillUpdate(){this.tabHeaderChange.emit(this.header)}render(){return s("slot",{key:"4d6f00ec2248b1b76c45a6a8da46d039f356c6e8"})}static get style(){return":host{display:block}"}},[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"]}]),a=o,l=function(){"undefined"!=typeof customElements&&["ifx-tab"].forEach((t=>{"ifx-tab"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))};export{a as IfxTab,l as defineCustomElement}

package/dist/components/ifx-table.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxTable extends Components.IfxTable, HTMLElement {}
+export const IfxTable: {
+    prototype: IfxTable;
+    new (): IfxTable;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;