@siemens/ix 2.3.0 → 2.4.0

package/dist/siemens-ix/{p-d6d48f1d.entry.js → p-e8d3cf35.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as r,H as t,g as e}from"./p-ac552df3.js";const n=":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:default}.container .with-icon{margin-right:0.25rem}.container .hidden{display:none;width:0;margin-right:0}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center;padding-right:0.5rem !important}:host(.align-left) .container{justify-content:flex-start}";const i=n;const c=class{constructor(r){o(this,r);this.variant="primary";this.outline=false;this.icon=undefined;this.background=undefined;this.color=undefined;this.pillColor=undefined;this.alignLeft=false}render(){var o,e;let n={};if(this.variant==="custom"){n={color:(o=this.pillColor)!==null&&o!==void 0?o:this.color,[this.outline?"borderColor":"backgroundColor"]:this.background}}return r(t,{key:"d7aa88991ef6b8cf39358e65a3c3745d9b6cf112",style:this.variant==="custom"?{"--ix-icon-button-color":(e=this.pillColor)!==null&&e!==void 0?e:this.color}:{},title:this.el.textContent,class:{"align-left":this.alignLeft}},r("div",{key:"490ecb6d8560e39541d50b5d538608adef939dcf",style:Object.assign({},n),class:{container:true,outline:this.outline,inactive:false,alarm:this.variant==="alarm",critical:this.variant==="critical",info:this.variant==="info",neutral:this.variant==="neutral",primary:this.variant==="primary",success:this.variant==="success",warning:this.variant==="warning",custom:this.variant==="custom",closable:false,icon:!!this.icon}},r("ix-icon",{key:"d615b73a2bdd35fa67409e0783324abd2fc02f21",class:{"with-icon":true,hidden:this.icon===undefined||this.icon===""},name:this.icon,size:"16"}),r("span",{key:"8c4f149571ae115af0cc264634f03633988d7871",class:"slot-container"},r("slot",{key:"582ff33fd2b1cd6de42d4febbcd7f2ad31be0e02"}))))}get el(){return e(this)}};c.style=i;export{c as ix_pill};
-//# sourceMappingURL=p-d6d48f1d.entry.js.map
+import{r as o,h as r,H as t,g as e}from"./p-f87cd962.js";const n=":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:default}.container .with-icon{margin-right:0.25rem}.container .hidden{display:none;width:0;margin-right:0}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center;padding-right:0.5rem !important}:host(.align-left) .container{justify-content:flex-start}";const c=n;const i=class{constructor(r){o(this,r);this.variant="primary";this.outline=false;this.icon=undefined;this.background=undefined;this.color=undefined;this.pillColor=undefined;this.alignLeft=false}render(){var o,e;let n={};if(this.variant==="custom"){n={color:(o=this.pillColor)!==null&&o!==void 0?o:this.color,[this.outline?"borderColor":"backgroundColor"]:this.background}}return r(t,{key:"1d4d88d976564778835cd02e28d5ede6fe4dd6f7",style:this.variant==="custom"?{"--ix-icon-button-color":(e=this.pillColor)!==null&&e!==void 0?e:this.color}:{},title:this.el.textContent,class:{"align-left":this.alignLeft}},r("div",{key:"74474d69acc5d47b9bf6c5ebe12f676155a9e87d",style:Object.assign({},n),class:{container:true,outline:this.outline,inactive:false,alarm:this.variant==="alarm",critical:this.variant==="critical",info:this.variant==="info",neutral:this.variant==="neutral",primary:this.variant==="primary",success:this.variant==="success",warning:this.variant==="warning",custom:this.variant==="custom",closable:false,icon:!!this.icon}},r("ix-icon",{key:"c70dcfe5f55c77484cf3300dca53f6a4e55d5caf",class:{"with-icon":true,hidden:this.icon===undefined||this.icon===""},name:this.icon,size:"16"}),r("span",{key:"b3d056721cb891a986ac3196a9fcf049c8b366f9",class:"slot-container"},r("slot",{key:"a42505aafc70d545e3ff8020c80f67067b3eac8c"}))))}get el(){return e(this)}};i.style=c;export{i as ix_pill};
+//# sourceMappingURL=p-e8d3cf35.entry.js.map

package/dist/siemens-ix/p-e9a3f58a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as s,g as o}from"./p-f87cd962.js";import{a}from"./p-71206084.js";import{c as r}from"./p-7c36d3fa.js";import{c as n}from"./p-e898862b.js";import"./p-c4749812.js";function h(e,t,{debounceTimeEnter:i,debounceTimeLeave:s}={debounceTimeEnter:0,debounceTimeLeave:500}){let o;let a;return{onEnter:()=>{clearTimeout(a);o=setTimeout((()=>{e()}),i)},onLeave:()=>{clearTimeout(o);a=setTimeout((()=>{t()}),s)}}}const c=":host{display:flex;flex-direction:column;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}";const d=c;const l=40;const m=150;const u=class{constructor(i){e(this,i);this.closeOtherCategories=t(this,"closeOtherCategories",7);this.enterLeaveDebounce=h((()=>{this.onPointerEnter()}),(()=>{this.onPointerLeave()}));this.label=undefined;this.icon=undefined;this.notifications=undefined;this.menuExpand=false;this.showItems=false;this.showDropdown=false;this.nestedItems=[]}isNestedItemActive(){return this.getNestedItems().some((e=>e.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){const e=this.getNestedItems();return e.length*l}onExpandCategory(e){if(e){this.animateFadeIn()}else{this.animateFadeOut()}}animateFadeOut(){const e=25;a({targets:this.menuItemsContainer,duration:m,easing:"easeInSine",opacity:[1,0],maxHeight:[this.getNestedItemsHeight()+l,0],complete:()=>{setTimeout((()=>{this.showItems=false;this.showDropdown=false}),m+e)}})}animateFadeIn(){a({targets:this.menuItemsContainer,duration:m,easing:"easeInSine",opacity:[0,1],maxHeight:[0,this.getNestedItemsHeight()+l],begin:()=>{this.showItems=true;this.showDropdown=false}})}onPointerEnter(){if(this.ixMenu.expand){return}this.closeOtherCategories.emit();this.showDropdown=true}onPointerLeave(){this.showDropdown=false}onCategoryClick(e){e.stopPropagation();if(this.ixMenu.expand){e===null||e===void 0?void 0:e.stopPropagation();this.onExpandCategory(!this.showItems);return}}onNestedItemsChanged(){this.nestedItems=this.getNestedItems()}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentWillLoad(){const e=r(this.hostElement);if(!e){throw Error("ix-menu-category can only be used as a child of ix-menu")}this.ixMenu=e;this.menuExpand=this.ixMenu.expand;this.showItems=this.isCategoryItemListVisible()}componentDidLoad(){this.observer=n((()=>this.onNestedItemsChanged()));this.observer.observe(this.hostElement,{attributes:true,childList:true,subtree:true});requestAnimationFrame((()=>{this.onNestedItemsChanged()}));this.ixMenu.addEventListener("expandChange",(({detail:e})=>{this.menuExpand=e;if(!e){this.clearMenuItemStyles()}this.showItems=this.isCategoryItemListVisible()}))}clearMenuItemStyles(){this.menuItemsContainer.style.removeProperty("max-height");this.menuItemsContainer.style.removeProperty("opacity")}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){return i(s,{key:"1c9a80de76eb1a08932e4065a5247312c175c44a",class:{expanded:this.showItems},onPointerEnter:()=>{this.enterLeaveDebounce.onEnter()},onPointerLeave:e=>{if(e.pointerType==="touch"){return}this.enterLeaveDebounce.onLeave()}},i("ix-menu-item",{key:"4916e3fb2ef1c00ccf6a90366fb8e5ca1c7e4025",class:"category-parent",active:this.isNestedItemActive(),notifications:this.notifications,icon:this.icon,onClick:e=>this.onCategoryClick(e),onFocus:()=>this.onPointerEnter(),isCategory:true},i("div",{key:"1a27c0a36105ac449880ea3925e07d55d7a01f83",class:"category"},i("div",{key:"7aec0b9d401d6167451907cb44a5b643ef07ac4b",class:"category-text"},this.label),i("ix-icon",{key:"7e638930a4c9219cd7c86a9492ae5c0d336393c3",name:"chevron-down-small",class:{"category-chevron":true,"category-chevron--open":this.showItems}}))),i("div",{key:"609ce8e3554a871899c5c6c2cd2fad40224b59a8",ref:e=>this.menuItemsContainer=e,class:{"menu-items":true,"menu-items--expanded":this.showItems,"menu-items--collapsed":!this.showItems}},this.showItems?i("slot",null):null),i("ix-dropdown",{key:"1299830caade30d34fcfa03522546fe1a4b54296",closeBehavior:"both",show:this.showDropdown,onShowChanged:({detail:e})=>{this.showDropdown=e},class:"category-dropdown",anchor:this.hostElement,placement:"right-start",offset:{mainAxis:3},onClick:e=>{if(e.target instanceof HTMLElement){if(e.target.tagName==="IX-MENU-ITEM"){this.showDropdown=false}else{e.preventDefault()}}}},i("ix-dropdown-item",{key:"0a2f3039f44c9b545d29aef0ed3600188edbbaf2",class:"category-dropdown-header"},i("ix-typography",{key:"841736401537eb57c8446a9e86282d4f5eda900d",variant:"default-title-single",color:"std"},this.label)),i("ix-divider",{key:"5bb1e9beec4f9fca106ccf24266bf16216dba34b"}),i("slot",{key:"8b0c28b1f92c96f93187373e2bef4bfe88156bfe"})))}get hostElement(){return o(this)}};u.style=d;export{u as ix_menu_category};
+//# sourceMappingURL=p-e9a3f58a.entry.js.map

package/dist/siemens-ix/{p-ea0c0738.entry.js.map → p-e9a3f58a.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["createEnterLeaveDebounce","enterCallback","leaveCallback","debounceTimeEnter","debounceTimeLeave","enterTimeout","leaveTimeout","onEnter","clearTimeout","setTimeout","onLeave","menuCategoryCss","IxMenuCategoryStyle0","DefaultIxMenuItemHeight","DefaultAnimationTimeout","MenuCategory","this","enterLeaveDebounce","onPointerEnter","onPointerLeave","isNestedItemActive","getNestedItems","some","item","active","Array","from","hostElement","querySelectorAll","getNestedItemsHeight","items","length","onExpandCategory","showItems","animateFadeIn","animateFadeOut","slotHideThresholdMs","anime","targets","menuItemsContainer","duration","easing","opacity","maxHeight","complete","showDropdown","begin","ixMenu","expand","closeOtherCategories","emit","onCategoryClick","e","stopPropagation","onNestedItemsChanged","nestedItems","isCategoryItemListVisible","menuExpand","componentWillLoad","closestMenu","closestIxMenu","Error","componentDidLoad","observer","createMutationObserver","observe","attributes","childList","subtree","requestAnimationFrame","addEventListener","detail","clearMenuItemStyles","style","removeProperty","disconnectedCallback","disconnect","render","h","Host","key","class","expanded","event","pointerType","notifications","icon","onClick","onFocus","isCategory","label","name","ref","closeBehavior","show","onShowChanged","dropdownShown","anchor","placement","offset","mainAxis","target","HTMLElement","tagName","preventDefault","variant","color"],"sources":["src/components/menu-category/enter-leave.ts","src/components/menu-category/menu-category.scss?tag=ix-menu-category&encapsulation=shadow","src/components/menu-category/menu-category.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport function createEnterLeaveDebounce(\n  enterCallback: Function,\n  leaveCallback: Function,\n  {\n    debounceTimeEnter,\n    debounceTimeLeave,\n  }: {\n    debounceTimeEnter: number;\n    debounceTimeLeave: number;\n  } = {\n    debounceTimeEnter: 0,\n    debounceTimeLeave: 500,\n  }\n) {\n  let enterTimeout: NodeJS.Timeout;\n  let leaveTimeout: NodeJS.Timeout;\n\n  return {\n    onEnter: () => {\n      clearTimeout(leaveTimeout);\n      enterTimeout = setTimeout(() => {\n        enterCallback();\n      }, debounceTimeEnter);\n    },\n    onLeave: () => {\n      clearTimeout(enterTimeout);\n      leaveTimeout = setTimeout(() => {\n        leaveCallback();\n      }, debounceTimeLeave);\n    },\n  };\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  .category {\n    display: flex;\n    position: relative;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n  }\n\n  .category-text {\n    width: 100%;\n    padding-right: 0.25rem;\n    @include ellipsis;\n  }\n\n  .category-chevron {\n    margin-left: auto;\n    margin-right: 0;\n    transition: var(--theme-default-time) transform ease-in-out;\n  }\n\n  .category-chevron--open {\n    transform: rotate(-180deg);\n  }\n\n  .menu-items {\n    overflow: hidden;\n    max-height: 0;\n    transition: var(--theme-default-time) max-height ease-in-out;\n  }\n\n  .menu-items--expanded {\n    max-height: 999999999px;\n    padding: 0.25rem 0 0.25rem 1.625rem;\n  }\n\n  .menu-items--collapsed {\n    display: none;\n  }\n\n  .category-dropdown {\n    ::slotted(ix-menu-item) {\n      --ix-menu-item-height: 2.5rem;\n    }\n  }\n\n  .category-dropdown-header {\n    pointer-events: none;\n    padding-left: 0.125rem;\n    min-width: 256px;\n  }\n\n  ::slotted(ix-menu-item) {\n    --ix-menu-item-height: 2.5rem;\n  }\n}\n\n:host(.expanded) {\n  background-color: var(--theme-color-ghost--active);\n}\n\n:host {\n  ::slotted(a[href]) {\n    text-decoration: none !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  Component,\n  Element,\n  h,\n  Host,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { closestIxMenu } from '../utils/application-layout/context';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { createEnterLeaveDebounce } from './enter-leave';\n\nconst DefaultIxMenuItemHeight = 40;\nconst DefaultAnimationTimeout = 150;\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-menu-category',\n  styleUrl: 'menu-category.scss',\n  shadow: true,\n})\nexport class MenuCategory {\n  @Element() hostElement: HTMLIxMenuCategoryElement;\n\n  /**\n   * Display name of the category\n   */\n  @Prop() label: string;\n\n  /**\n   * Icon of the category\n   */\n  @Prop() icon: string;\n\n  /**\n   * Show notification count on the category\n   */\n  @Prop() notifications: number;\n\n  /** @internal */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Event({ bubbles: true, cancelable: true })\n  closeOtherCategories: EventEmitter;\n\n  @State() menuExpand = false;\n  @State() showItems = false;\n  @State() showDropdown = false;\n  @State() nestedItems: HTMLIxMenuItemElement[] = [];\n\n  private observer: MutationObserver;\n  private menuItemsContainer: HTMLDivElement;\n  private ixMenu: HTMLIxMenuElement;\n\n  private enterLeaveDebounce = createEnterLeaveDebounce(\n    () => {\n      this.onPointerEnter();\n    },\n    () => {\n      this.onPointerLeave();\n    }\n  );\n\n  private isNestedItemActive() {\n    return this.getNestedItems().some((item) => item.active);\n  }\n\n  private getNestedItems() {\n    return Array.from(\n      this.hostElement.querySelectorAll(':scope ix-menu-item')\n    ) as HTMLIxMenuItemElement[];\n  }\n\n  private getNestedItemsHeight() {\n    const items = this.getNestedItems();\n\n    return items.length * DefaultIxMenuItemHeight;\n  }\n\n  private onExpandCategory(showItems: boolean) {\n    if (showItems) {\n      this.animateFadeIn();\n    } else {\n      this.animateFadeOut();\n    }\n  }\n\n  private animateFadeOut() {\n    const slotHideThresholdMs = 25;\n    anime({\n      targets: this.menuItemsContainer,\n      duration: DefaultAnimationTimeout,\n      easing: 'easeInSine',\n      opacity: [1, 0],\n      maxHeight: [this.getNestedItemsHeight() + DefaultIxMenuItemHeight, 0],\n      complete: () => {\n        setTimeout(() => {\n          this.showItems = false;\n          this.showDropdown = false;\n        }, DefaultAnimationTimeout + slotHideThresholdMs);\n      },\n    });\n  }\n\n  private animateFadeIn() {\n    anime({\n      targets: this.menuItemsContainer,\n      duration: DefaultAnimationTimeout,\n      easing: 'easeInSine',\n      opacity: [0, 1],\n      maxHeight: [0, this.getNestedItemsHeight() + DefaultIxMenuItemHeight],\n      begin: () => {\n        this.showItems = true;\n        this.showDropdown = false;\n      },\n    });\n  }\n\n  private onPointerEnter() {\n    if (this.ixMenu.expand) {\n      return;\n    }\n    this.closeOtherCategories.emit();\n    this.showDropdown = true;\n  }\n\n  @Listen('closeOtherCategories', { target: 'window' })\n  private onPointerLeave() {\n    this.showDropdown = false;\n  }\n\n  private onCategoryClick(e: MouseEvent) {\n    e.stopPropagation();\n    if (this.ixMenu.expand) {\n      e?.stopPropagation();\n      this.onExpandCategory(!this.showItems);\n      return;\n    }\n  }\n\n  private onNestedItemsChanged() {\n    this.nestedItems = this.getNestedItems();\n  }\n\n  private isCategoryItemListVisible() {\n    return this.menuExpand && (this.showItems || this.isNestedItemActive());\n  }\n\n  componentWillLoad() {\n    const closestMenu = closestIxMenu(this.hostElement);\n    if (!closestMenu) {\n      throw Error('ix-menu-category can only be used as a child of ix-menu');\n    }\n    this.ixMenu = closestMenu;\n\n    this.menuExpand = this.ixMenu.expand;\n    this.showItems = this.isCategoryItemListVisible();\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver(() => this.onNestedItemsChanged());\n    this.observer.observe(this.hostElement, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n\n    requestAnimationFrame(() => {\n      this.onNestedItemsChanged();\n    });\n\n    this.ixMenu.addEventListener(\n      'expandChange',\n      ({ detail: menuExpand }: CustomEvent<boolean>) => {\n        this.menuExpand = menuExpand;\n        if (!menuExpand) {\n          this.clearMenuItemStyles();\n        }\n        this.showItems = this.isCategoryItemListVisible();\n      }\n    );\n  }\n\n  clearMenuItemStyles() {\n    this.menuItemsContainer.style.removeProperty('max-height');\n    this.menuItemsContainer.style.removeProperty('opacity');\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          expanded: this.showItems,\n        }}\n        onPointerEnter={() => {\n          this.enterLeaveDebounce.onEnter();\n        }}\n        onPointerLeave={(event: PointerEvent) => {\n          if (event.pointerType === 'touch') {\n            return;\n          }\n          this.enterLeaveDebounce.onLeave();\n        }}\n      >\n        <ix-menu-item\n          class={'category-parent'}\n          active={this.isNestedItemActive()}\n          notifications={this.notifications}\n          icon={this.icon}\n          onClick={(e) => this.onCategoryClick(e)}\n          onFocus={() => this.onPointerEnter()}\n          isCategory\n        >\n          <div class=\"category\">\n            <div class=\"category-text\">{this.label}</div>\n            <ix-icon\n              name={'chevron-down-small'}\n              class={{\n                'category-chevron': true,\n                'category-chevron--open': this.showItems,\n              }}\n            ></ix-icon>\n          </div>\n        </ix-menu-item>\n        <div\n          ref={(ref) => (this.menuItemsContainer = ref!)}\n          class={{\n            'menu-items': true,\n            'menu-items--expanded': this.showItems,\n            'menu-items--collapsed': !this.showItems,\n          }}\n        >\n          {this.showItems ? <slot></slot> : null}\n        </div>\n        <ix-dropdown\n          closeBehavior={'both'}\n          show={this.showDropdown}\n          onShowChanged={({ detail: dropdownShown }: CustomEvent<boolean>) => {\n            this.showDropdown = dropdownShown;\n          }}\n          class={'category-dropdown'}\n          anchor={this.hostElement}\n          placement=\"right-start\"\n          offset={{\n            mainAxis: 3,\n          }}\n          onClick={(e) => {\n            if (e.target instanceof HTMLElement) {\n              if (e.target.tagName === 'IX-MENU-ITEM') {\n                this.showDropdown = false;\n              } else {\n                e.preventDefault();\n              }\n            }\n          }}\n        >\n          <ix-dropdown-item class={'category-dropdown-header'}>\n            <ix-typography variant=\"default-title-single\" color=\"std\">\n              {this.label}\n            </ix-typography>\n          </ix-dropdown-item>\n          <ix-divider></ix-divider>\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["createEnterLeaveDebounce","enterCallback","leaveCallback","debounceTimeEnter","debounceTimeLeave","enterTimeout","leaveTimeout","onEnter","clearTimeout","setTimeout","onLeave","menuCategoryCss","IxMenuCategoryStyle0","DefaultIxMenuItemHeight","DefaultAnimationTimeout","MenuCategory","this","enterLeaveDebounce","onPointerEnter","onPointerLeave","isNestedItemActive","getNestedItems","some","item","active","Array","from","hostElement","querySelectorAll","getNestedItemsHeight","items","length","onExpandCategory","showItems","animateFadeIn","animateFadeOut","slotHideThresholdMs","anime","targets","menuItemsContainer","duration","easing","opacity","maxHeight","complete","showDropdown","begin","ixMenu","expand","closeOtherCategories","emit","onCategoryClick","e","stopPropagation","onNestedItemsChanged","nestedItems","isCategoryItemListVisible","menuExpand","componentWillLoad","closestMenu","closestIxMenu","Error","componentDidLoad","observer","createMutationObserver","observe","attributes","childList","subtree","requestAnimationFrame","addEventListener","detail","clearMenuItemStyles","style","removeProperty","disconnectedCallback","disconnect","render","h","Host","key","class","expanded","event","pointerType","notifications","icon","onClick","onFocus","isCategory","label","name","ref","closeBehavior","show","onShowChanged","dropdownShown","anchor","placement","offset","mainAxis","target","HTMLElement","tagName","preventDefault","variant","color"],"sources":["src/components/menu-category/enter-leave.ts","src/components/menu-category/menu-category.scss?tag=ix-menu-category&encapsulation=shadow","src/components/menu-category/menu-category.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport function createEnterLeaveDebounce(\n  enterCallback: Function,\n  leaveCallback: Function,\n  {\n    debounceTimeEnter,\n    debounceTimeLeave,\n  }: {\n    debounceTimeEnter: number;\n    debounceTimeLeave: number;\n  } = {\n    debounceTimeEnter: 0,\n    debounceTimeLeave: 500,\n  }\n) {\n  let enterTimeout: NodeJS.Timeout;\n  let leaveTimeout: NodeJS.Timeout;\n\n  return {\n    onEnter: () => {\n      clearTimeout(leaveTimeout);\n      enterTimeout = setTimeout(() => {\n        enterCallback();\n      }, debounceTimeEnter);\n    },\n    onLeave: () => {\n      clearTimeout(enterTimeout);\n      leaveTimeout = setTimeout(() => {\n        leaveCallback();\n      }, debounceTimeLeave);\n    },\n  };\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  .category {\n    display: flex;\n    position: relative;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n  }\n\n  .category-text {\n    width: 100%;\n    padding-right: 0.25rem;\n    @include ellipsis;\n  }\n\n  .category-chevron {\n    margin-left: auto;\n    margin-right: 0;\n    transition: var(--theme-default-time) transform ease-in-out;\n  }\n\n  .category-chevron--open {\n    transform: rotate(-180deg);\n  }\n\n  .menu-items {\n    overflow: hidden;\n    max-height: 0;\n    transition: var(--theme-default-time) max-height ease-in-out;\n  }\n\n  .menu-items--expanded {\n    max-height: 999999999px;\n    padding: 0.25rem 0 0.25rem 1.625rem;\n  }\n\n  .menu-items--collapsed {\n    display: none;\n  }\n\n  .category-dropdown {\n    ::slotted(ix-menu-item) {\n      --ix-menu-item-height: 2.5rem;\n    }\n  }\n\n  .category-dropdown-header {\n    pointer-events: none;\n    padding-left: 0.125rem;\n    min-width: 256px;\n  }\n\n  ::slotted(ix-menu-item) {\n    --ix-menu-item-height: 2.5rem;\n  }\n}\n\n:host(.expanded) {\n  background-color: var(--theme-color-ghost--active);\n}\n\n:host {\n  ::slotted(a[href]) {\n    text-decoration: none !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  Component,\n  Element,\n  h,\n  Host,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { closestIxMenu } from '../utils/application-layout/context';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { createEnterLeaveDebounce } from './enter-leave';\n\nconst DefaultIxMenuItemHeight = 40;\nconst DefaultAnimationTimeout = 150;\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-menu-category',\n  styleUrl: 'menu-category.scss',\n  shadow: true,\n})\nexport class MenuCategory {\n  @Element() hostElement: HTMLIxMenuCategoryElement;\n\n  /**\n   * Display name of the category\n   */\n  @Prop() label: string;\n\n  /**\n   * Icon of the category\n   */\n  @Prop() icon: string;\n\n  /**\n   * Show notification count on the category\n   */\n  @Prop() notifications: number;\n\n  /** @internal */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Event({ bubbles: true, cancelable: true })\n  closeOtherCategories: EventEmitter;\n\n  @State() menuExpand = false;\n  @State() showItems = false;\n  @State() showDropdown = false;\n  @State() nestedItems: HTMLIxMenuItemElement[] = [];\n\n  private observer: MutationObserver;\n  private menuItemsContainer: HTMLDivElement;\n  private ixMenu: HTMLIxMenuElement;\n\n  private enterLeaveDebounce = createEnterLeaveDebounce(\n    () => {\n      this.onPointerEnter();\n    },\n    () => {\n      this.onPointerLeave();\n    }\n  );\n\n  private isNestedItemActive() {\n    return this.getNestedItems().some((item) => item.active);\n  }\n\n  private getNestedItems() {\n    return Array.from(\n      this.hostElement.querySelectorAll(':scope ix-menu-item')\n    ) as HTMLIxMenuItemElement[];\n  }\n\n  private getNestedItemsHeight() {\n    const items = this.getNestedItems();\n\n    return items.length * DefaultIxMenuItemHeight;\n  }\n\n  private onExpandCategory(showItems: boolean) {\n    if (showItems) {\n      this.animateFadeIn();\n    } else {\n      this.animateFadeOut();\n    }\n  }\n\n  private animateFadeOut() {\n    const slotHideThresholdMs = 25;\n    anime({\n      targets: this.menuItemsContainer,\n      duration: DefaultAnimationTimeout,\n      easing: 'easeInSine',\n      opacity: [1, 0],\n      maxHeight: [this.getNestedItemsHeight() + DefaultIxMenuItemHeight, 0],\n      complete: () => {\n        setTimeout(() => {\n          this.showItems = false;\n          this.showDropdown = false;\n        }, DefaultAnimationTimeout + slotHideThresholdMs);\n      },\n    });\n  }\n\n  private animateFadeIn() {\n    anime({\n      targets: this.menuItemsContainer,\n      duration: DefaultAnimationTimeout,\n      easing: 'easeInSine',\n      opacity: [0, 1],\n      maxHeight: [0, this.getNestedItemsHeight() + DefaultIxMenuItemHeight],\n      begin: () => {\n        this.showItems = true;\n        this.showDropdown = false;\n      },\n    });\n  }\n\n  private onPointerEnter() {\n    if (this.ixMenu.expand) {\n      return;\n    }\n    this.closeOtherCategories.emit();\n    this.showDropdown = true;\n  }\n\n  @Listen('closeOtherCategories', { target: 'window' })\n  private onPointerLeave() {\n    this.showDropdown = false;\n  }\n\n  private onCategoryClick(e: MouseEvent) {\n    e.stopPropagation();\n    if (this.ixMenu.expand) {\n      e?.stopPropagation();\n      this.onExpandCategory(!this.showItems);\n      return;\n    }\n  }\n\n  private onNestedItemsChanged() {\n    this.nestedItems = this.getNestedItems();\n  }\n\n  private isCategoryItemListVisible() {\n    return this.menuExpand && (this.showItems || this.isNestedItemActive());\n  }\n\n  componentWillLoad() {\n    const closestMenu = closestIxMenu(this.hostElement);\n    if (!closestMenu) {\n      throw Error('ix-menu-category can only be used as a child of ix-menu');\n    }\n    this.ixMenu = closestMenu;\n\n    this.menuExpand = this.ixMenu.expand;\n    this.showItems = this.isCategoryItemListVisible();\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver(() => this.onNestedItemsChanged());\n    this.observer.observe(this.hostElement, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n\n    requestAnimationFrame(() => {\n      this.onNestedItemsChanged();\n    });\n\n    this.ixMenu.addEventListener(\n      'expandChange',\n      ({ detail: menuExpand }: CustomEvent<boolean>) => {\n        this.menuExpand = menuExpand;\n        if (!menuExpand) {\n          this.clearMenuItemStyles();\n        }\n        this.showItems = this.isCategoryItemListVisible();\n      }\n    );\n  }\n\n  clearMenuItemStyles() {\n    this.menuItemsContainer.style.removeProperty('max-height');\n    this.menuItemsContainer.style.removeProperty('opacity');\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          expanded: this.showItems,\n        }}\n        onPointerEnter={() => {\n          this.enterLeaveDebounce.onEnter();\n        }}\n        onPointerLeave={(event: PointerEvent) => {\n          if (event.pointerType === 'touch') {\n            return;\n          }\n          this.enterLeaveDebounce.onLeave();\n        }}\n      >\n        <ix-menu-item\n          class={'category-parent'}\n          active={this.isNestedItemActive()}\n          notifications={this.notifications}\n          icon={this.icon}\n          onClick={(e) => this.onCategoryClick(e)}\n          onFocus={() => this.onPointerEnter()}\n          isCategory\n        >\n          <div class=\"category\">\n            <div class=\"category-text\">{this.label}</div>\n            <ix-icon\n              name={'chevron-down-small'}\n              class={{\n                'category-chevron': true,\n                'category-chevron--open': this.showItems,\n              }}\n            ></ix-icon>\n          </div>\n        </ix-menu-item>\n        <div\n          ref={(ref) => (this.menuItemsContainer = ref!)}\n          class={{\n            'menu-items': true,\n            'menu-items--expanded': this.showItems,\n            'menu-items--collapsed': !this.showItems,\n          }}\n        >\n          {this.showItems ? <slot></slot> : null}\n        </div>\n        <ix-dropdown\n          closeBehavior={'both'}\n          show={this.showDropdown}\n          onShowChanged={({ detail: dropdownShown }: CustomEvent<boolean>) => {\n            this.showDropdown = dropdownShown;\n          }}\n          class={'category-dropdown'}\n          anchor={this.hostElement}\n          placement=\"right-start\"\n          offset={{\n            mainAxis: 3,\n          }}\n          onClick={(e) => {\n            if (e.target instanceof HTMLElement) {\n              if (e.target.tagName === 'IX-MENU-ITEM') {\n                this.showDropdown = false;\n              } else {\n                e.preventDefault();\n              }\n            }\n          }}\n        >\n          <ix-dropdown-item class={'category-dropdown-header'}>\n            <ix-typography variant=\"default-title-single\" color=\"std\">\n              {this.label}\n            </ix-typography>\n          </ix-dropdown-item>\n          <ix-divider></ix-divider>\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-eb6268a6.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,f as s,H as r,g as o}from"./p-f87cd962.js";import{b as a,a as h}from"./p-4f8ac3bf.js";import{c}from"./p-e898862b.js";const n=":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .previous-button{width:3rem;min-width:0px}:host .crumb-dropdown{overflow:visible}:host .remove-anchor::after{display:none}:host .more-text{display:flex}:host .more-text .more-text-ellipsis{width:1rem;display:inline-block;font-weight:700}:host .more-text ix-icon{padding-top:2px}:host nav,:host ol,:host .crumb-items{display:contents}";const l=n;let d=0;const b=(t="breadcrumb-")=>`${t}-${d++}`;const m=class{constructor(i){t(this,i);this.itemClick=e(this,"itemClick",7);this.nextClick=e(this,"nextClick",7);this.previousButtonId=b();this.previousDropdownId=b();this.visibleItemCount=9;this.nextItems=[];this.ghost=true;this.ariaLabelPreviousButton="previous";this.previousButtonRef=undefined;this.nextButtonRef=undefined;this.items=[];this.isPreviousDropdownExpanded=false}onNextItemsChange(){this.onChildMutation()}onItemClick(t){this.itemClick.emit(t)}componentDidLoad(){this.mutationObserver=c((()=>this.onChildMutation()));this.mutationObserver.observe(this.hostElement,{subtree:true,childList:true})}componentWillLoad(){this.onChildMutation()}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}async onChildMutation(){const t=this.getItems();t.forEach(((e,i)=>{const s=this.nextItems.length!==0&&t.length-1===i;e.ghost=this.ghost;e.showChevron=t.length-1!==i||s;e.isDropdownTrigger=s;if(s){this.nextButtonRef=e}if(t.length<this.visibleItemCount){return}e.visible=i>=t.length-this.visibleItemCount}));this.items=t}getItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}render(){var t,e,o,c;const n=a(this.hostElement);return i(r,{key:"6fd820850cf0fce9b8f4e6d16587ad3458062c48"},i("ix-dropdown",{key:"46a3b21d0be6c27f8cc5050b5cb420ce1d55c046",id:this.previousDropdownId,"aria-label":this.ariaLabelPreviousButton,trigger:((t=this.items)===null||t===void 0?void 0:t.length)>this.visibleItemCount?this.previousButtonRef:null,onShowChanged:({detail:t})=>{this.isPreviousDropdownExpanded=t;const e=this.hostElement.shadowRoot.getElementById(this.previousButtonId);if(e){s(this.hostElement.shadowRoot.getElementById(this.previousButtonId))}}},this.items.slice(0,this.items.length-this.visibleItemCount).map((t=>{var e;const s=(e=t.label)!==null&&e!==void 0?e:t.innerText;return i("ix-dropdown-item",{label:s,onClick:()=>{this.onItemClick(s)},onItemClick:t=>t.stopPropagation()})}))),((e=this.items)===null||e===void 0?void 0:e.length)>this.visibleItemCount?i("ix-breadcrumb-item",{id:this.previousButtonId,ref:t=>this.previousButtonRef=t,label:"...",tabIndex:1,onItemClick:t=>t.stopPropagation(),"aria-describedby":this.previousDropdownId,"aria-controls":this.previousDropdownId,"aria-expanded":h(this.isPreviousDropdownExpanded),class:"previous-button"}):null,i("nav",{key:"d4ea11b5d3417f434ef2485075cb08c66fe7169e",class:"crumb-items","aria-label":(o=n["aria-label"])!==null&&o!==void 0?o:"breadcrumbs"},i("ol",{key:"97fa52f7ddf3fc18ad7a90b8f28cf561d238146f"},i("slot",{key:"33b1ce72c69620d9bd7b702c7bf5540c081c687d"}))),i("ix-dropdown",{key:"e635c5495fdfd8e21f6e233d3ca6b5c444e099dc",trigger:this.nextButtonRef},(c=this.nextItems)===null||c===void 0?void 0:c.map((t=>i("ix-dropdown-item",{label:t,onClick:e=>{this.nextClick.emit({event:e,item:t})},onItemClick:t=>t.stopPropagation()})))))}get hostElement(){return o(this)}static get watchers(){return{nextItems:["onNextItemsChange"]}}};m.style=l;export{m as ix_breadcrumb};
+//# sourceMappingURL=p-eb6268a6.entry.js.map

package/dist/siemens-ix/{p-010d6f32.entry.js.map → p-eb6268a6.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["breadcrumbCss","IxBreadcrumbStyle0","sequenceId","createId","prefix","Breadcrumb","this","previousButtonId","previousDropdownId","onNextItemsChange","onChildMutation","onItemClick","item","itemClick","emit","componentDidLoad","mutationObserver","createMutationObserver","observe","hostElement","subtree","childList","componentWillLoad","disconnectedCallback","_a","disconnect","updatedItems","getItems","forEach","bc","index","shouldShowDropdown","nextItems","length","ghost","showChevron","isDropdownTrigger","nextButtonRef","visibleItemCount","visible","items","Array","from","querySelectorAll","render","a11y","a11yHostAttributes","h","Host","key","id","ariaLabelPreviousButton","trigger","previousButtonRef","onShowChanged","detail","isPreviousDropdownExpanded","previousButton","shadowRoot","getElementById","forceUpdate","slice","map","label","innerText","onClick","event","stopPropagation","_b","ref","tabIndex","a11yBoolean","class","_c","_d","e","nextClick"],"sources":["src/components/breadcrumb/breadcrumb.scss?tag=ix-breadcrumb&encapsulation=shadow","src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  justify-content: flex-start;\n  height: 2.5rem;\n  align-items: center;\n  background-color: transparent;\n  overflow: hidden;\n\n  .previous-button {\n    width: 3rem;\n    min-width: 0px;\n  }\n\n  .crumb-dropdown {\n    overflow: visible;\n  }\n\n  .remove-anchor::after {\n    display: none;\n  }\n\n  .more-text {\n    display: flex;\n\n    .more-text-ellipsis {\n      width: 1rem;\n      display: inline-block;\n      font-weight: $font-weight-bold;\n    }\n\n    ix-icon {\n      // line-height: unset; --> Note: 'line-height' can't be applied due to shadow DOM encapsulation at ix-icon\n      // using padding-top to achieve same position as before\n      padding-top: 2px;\n    }\n  }\n\n  nav,\n  ol,\n  .crumb-items {\n    display: contents;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\nlet sequenceId = 0;\nconst createId = (prefix: string = 'breadcrumb-') => {\n  return `${prefix}-${sequenceId++}`;\n};\n\n@Component({\n  tag: 'ix-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  shadow: true,\n})\nexport class Breadcrumb {\n  @Element() hostElement!: HTMLIxBreadcrumbElement;\n\n  /**\n   * Excess items will get hidden inside of dropdown\n   */\n  @Prop() visibleItemCount = 9;\n\n  /**\n   * Items will be accessible through a dropdown\n   */\n  @Prop() nextItems: string[] = [];\n  @Watch('nextItems')\n  onNextItemsChange() {\n    this.onChildMutation();\n  }\n\n  /**\n   * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)\n   */\n  @Prop() ghost = true;\n\n  /**\n   * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list\n   * with conditionally hidden previous items\n   *\n   * @since 2.0.0\n   */\n  @Prop() ariaLabelPreviousButton = 'previous';\n\n  /**\n   * Crumb item clicked event\n   */\n  @Event() itemClick: EventEmitter<string>;\n\n  /**\n   * Next item clicked event\n   */\n  @Event() nextClick: EventEmitter<{ event: UIEvent; item: string }>;\n\n  @State() previousButtonRef: HTMLElement;\n  @State() nextButtonRef: HTMLElement;\n  @State() items: HTMLIxBreadcrumbItemElement[] = [];\n  @State() isPreviousDropdownExpanded = false;\n\n  private mutationObserver: MutationObserver;\n\n  private previousButtonId = createId();\n  private previousDropdownId = createId();\n\n  private onItemClick(item: string) {\n    this.itemClick.emit(item);\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = createMutationObserver(() =>\n      this.onChildMutation()\n    );\n\n    this.mutationObserver.observe(this.hostElement, {\n      subtree: true,\n      childList: true,\n    });\n  }\n\n  componentWillLoad() {\n    this.onChildMutation();\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n  }\n\n  private async onChildMutation() {\n    const updatedItems = this.getItems();\n\n    updatedItems.forEach((bc, index) => {\n      const shouldShowDropdown =\n        this.nextItems.length !== 0 && updatedItems.length - 1 === index;\n\n      bc.ghost = this.ghost;\n      bc.showChevron = updatedItems.length - 1 !== index || shouldShowDropdown;\n      bc.isDropdownTrigger = shouldShowDropdown;\n\n      if (shouldShowDropdown) {\n        this.nextButtonRef = bc;\n      }\n\n      if (updatedItems.length < this.visibleItemCount) {\n        return;\n      }\n\n      bc.visible = index >= updatedItems.length - this.visibleItemCount;\n    });\n\n    this.items = updatedItems;\n  }\n\n  private getItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-breadcrumb-item'));\n  }\n\n  render() {\n    const a11y = a11yHostAttributes(this.hostElement);\n    return (\n      <Host>\n        <ix-dropdown\n          id={this.previousDropdownId}\n          aria-label={this.ariaLabelPreviousButton}\n          trigger={\n            this.items?.length > this.visibleItemCount\n              ? this.previousButtonRef\n              : null\n          }\n          onShowChanged={({ detail }) => {\n            this.isPreviousDropdownExpanded = detail;\n\n            const previousButton = this.hostElement.shadowRoot.getElementById(\n              this.previousButtonId\n            );\n\n            // Need to force update previous button to change `aria-expanded`\n            if (previousButton) {\n              forceUpdate(\n                this.hostElement.shadowRoot.getElementById(\n                  this.previousButtonId\n                )\n              );\n            }\n          }}\n        >\n          {this.items\n            .slice(0, this.items.length - this.visibleItemCount)\n            .map((item) => {\n              const label = item.label ?? item.innerText;\n\n              return (\n                <ix-dropdown-item\n                  label={label}\n                  onClick={() => {\n                    this.onItemClick(label);\n                  }}\n                  onItemClick={(event) => event.stopPropagation()}\n                ></ix-dropdown-item>\n              );\n            })}\n        </ix-dropdown>\n        {this.items?.length > this.visibleItemCount ? (\n          <ix-breadcrumb-item\n            id={this.previousButtonId}\n            ref={(ref) => (this.previousButtonRef = ref)}\n            label=\"...\"\n            tabIndex={1}\n            onItemClick={(event) => event.stopPropagation()}\n            aria-describedby={this.previousDropdownId}\n            aria-controls={this.previousDropdownId}\n            aria-expanded={a11yBoolean(this.isPreviousDropdownExpanded)}\n            class={'previous-button'}\n          ></ix-breadcrumb-item>\n        ) : null}\n        <nav\n          class=\"crumb-items\"\n          aria-label={a11y['aria-label'] ?? 'breadcrumbs'}\n        >\n          <ol>\n            <slot></slot>\n          </ol>\n        </nav>\n        <ix-dropdown trigger={this.nextButtonRef}>\n          {this.nextItems?.map((item) => (\n            <ix-dropdown-item\n              label={item}\n              onClick={(e) => {\n                this.nextClick.emit({\n                  event: e,\n                  item,\n                });\n              }}\n              onItemClick={(event) => event.stopPropagation()}\n            ></ix-dropdown-item>\n          ))}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["breadcrumbCss","IxBreadcrumbStyle0","sequenceId","createId","prefix","Breadcrumb","this","previousButtonId","previousDropdownId","onNextItemsChange","onChildMutation","onItemClick","item","itemClick","emit","componentDidLoad","mutationObserver","createMutationObserver","observe","hostElement","subtree","childList","componentWillLoad","disconnectedCallback","_a","disconnect","updatedItems","getItems","forEach","bc","index","shouldShowDropdown","nextItems","length","ghost","showChevron","isDropdownTrigger","nextButtonRef","visibleItemCount","visible","items","Array","from","querySelectorAll","render","a11y","a11yHostAttributes","h","Host","key","id","ariaLabelPreviousButton","trigger","previousButtonRef","onShowChanged","detail","isPreviousDropdownExpanded","previousButton","shadowRoot","getElementById","forceUpdate","slice","map","label","innerText","onClick","event","stopPropagation","_b","ref","tabIndex","a11yBoolean","class","_c","_d","e","nextClick"],"sources":["src/components/breadcrumb/breadcrumb.scss?tag=ix-breadcrumb&encapsulation=shadow","src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  justify-content: flex-start;\n  height: 2.5rem;\n  align-items: center;\n  background-color: transparent;\n  overflow: hidden;\n\n  .previous-button {\n    width: 3rem;\n    min-width: 0px;\n  }\n\n  .crumb-dropdown {\n    overflow: visible;\n  }\n\n  .remove-anchor::after {\n    display: none;\n  }\n\n  .more-text {\n    display: flex;\n\n    .more-text-ellipsis {\n      width: 1rem;\n      display: inline-block;\n      font-weight: $font-weight-bold;\n    }\n\n    ix-icon {\n      // line-height: unset; --> Note: 'line-height' can't be applied due to shadow DOM encapsulation at ix-icon\n      // using padding-top to achieve same position as before\n      padding-top: 2px;\n    }\n  }\n\n  nav,\n  ol,\n  .crumb-items {\n    display: contents;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\nlet sequenceId = 0;\nconst createId = (prefix: string = 'breadcrumb-') => {\n  return `${prefix}-${sequenceId++}`;\n};\n\n@Component({\n  tag: 'ix-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  shadow: true,\n})\nexport class Breadcrumb {\n  @Element() hostElement!: HTMLIxBreadcrumbElement;\n\n  /**\n   * Excess items will get hidden inside of dropdown\n   */\n  @Prop() visibleItemCount = 9;\n\n  /**\n   * Items will be accessible through a dropdown\n   */\n  @Prop() nextItems: string[] = [];\n  @Watch('nextItems')\n  onNextItemsChange() {\n    this.onChildMutation();\n  }\n\n  /**\n   * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)\n   */\n  @Prop() ghost = true;\n\n  /**\n   * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list\n   * with conditionally hidden previous items\n   *\n   * @since 2.0.0\n   */\n  @Prop() ariaLabelPreviousButton = 'previous';\n\n  /**\n   * Crumb item clicked event\n   */\n  @Event() itemClick: EventEmitter<string>;\n\n  /**\n   * Next item clicked event\n   */\n  @Event() nextClick: EventEmitter<{ event: UIEvent; item: string }>;\n\n  @State() previousButtonRef: HTMLElement;\n  @State() nextButtonRef: HTMLElement;\n  @State() items: HTMLIxBreadcrumbItemElement[] = [];\n  @State() isPreviousDropdownExpanded = false;\n\n  private mutationObserver: MutationObserver;\n\n  private previousButtonId = createId();\n  private previousDropdownId = createId();\n\n  private onItemClick(item: string) {\n    this.itemClick.emit(item);\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = createMutationObserver(() =>\n      this.onChildMutation()\n    );\n\n    this.mutationObserver.observe(this.hostElement, {\n      subtree: true,\n      childList: true,\n    });\n  }\n\n  componentWillLoad() {\n    this.onChildMutation();\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n  }\n\n  private async onChildMutation() {\n    const updatedItems = this.getItems();\n\n    updatedItems.forEach((bc, index) => {\n      const shouldShowDropdown =\n        this.nextItems.length !== 0 && updatedItems.length - 1 === index;\n\n      bc.ghost = this.ghost;\n      bc.showChevron = updatedItems.length - 1 !== index || shouldShowDropdown;\n      bc.isDropdownTrigger = shouldShowDropdown;\n\n      if (shouldShowDropdown) {\n        this.nextButtonRef = bc;\n      }\n\n      if (updatedItems.length < this.visibleItemCount) {\n        return;\n      }\n\n      bc.visible = index >= updatedItems.length - this.visibleItemCount;\n    });\n\n    this.items = updatedItems;\n  }\n\n  private getItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-breadcrumb-item'));\n  }\n\n  render() {\n    const a11y = a11yHostAttributes(this.hostElement);\n    return (\n      <Host>\n        <ix-dropdown\n          id={this.previousDropdownId}\n          aria-label={this.ariaLabelPreviousButton}\n          trigger={\n            this.items?.length > this.visibleItemCount\n              ? this.previousButtonRef\n              : null\n          }\n          onShowChanged={({ detail }) => {\n            this.isPreviousDropdownExpanded = detail;\n\n            const previousButton = this.hostElement.shadowRoot.getElementById(\n              this.previousButtonId\n            );\n\n            // Need to force update previous button to change `aria-expanded`\n            if (previousButton) {\n              forceUpdate(\n                this.hostElement.shadowRoot.getElementById(\n                  this.previousButtonId\n                )\n              );\n            }\n          }}\n        >\n          {this.items\n            .slice(0, this.items.length - this.visibleItemCount)\n            .map((item) => {\n              const label = item.label ?? item.innerText;\n\n              return (\n                <ix-dropdown-item\n                  label={label}\n                  onClick={() => {\n                    this.onItemClick(label);\n                  }}\n                  onItemClick={(event) => event.stopPropagation()}\n                ></ix-dropdown-item>\n              );\n            })}\n        </ix-dropdown>\n        {this.items?.length > this.visibleItemCount ? (\n          <ix-breadcrumb-item\n            id={this.previousButtonId}\n            ref={(ref) => (this.previousButtonRef = ref)}\n            label=\"...\"\n            tabIndex={1}\n            onItemClick={(event) => event.stopPropagation()}\n            aria-describedby={this.previousDropdownId}\n            aria-controls={this.previousDropdownId}\n            aria-expanded={a11yBoolean(this.isPreviousDropdownExpanded)}\n            class={'previous-button'}\n          ></ix-breadcrumb-item>\n        ) : null}\n        <nav\n          class=\"crumb-items\"\n          aria-label={a11y['aria-label'] ?? 'breadcrumbs'}\n        >\n          <ol>\n            <slot></slot>\n          </ol>\n        </nav>\n        <ix-dropdown trigger={this.nextButtonRef}>\n          {this.nextItems?.map((item) => (\n            <ix-dropdown-item\n              label={item}\n              onClick={(e) => {\n                this.nextClick.emit({\n                  event: e,\n                  item,\n                });\n              }}\n              onItemClick={(event) => event.stopPropagation()}\n            ></ix-dropdown-item>\n          ))}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/{p-c6234df9.entry.js → p-ebb277f0.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as a,H as o,g as c}from"./p-ac552df3.js";const e=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;width:20rem;border:1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-default-border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-default-border-radius);border-top-right-radius:var(--theme-default-border-radius)}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-insight){--ix-card-background:transparent;--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-notification){--ix-card-background:var(--theme-color-component-1)}:host(.card-alarm){--ix-card-background:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host(.card-critical){--ix-card-background:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}:host(.card-warning){--ix-card-background:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host(.card-success){--ix-card-background:var(--theme-color-success);color:var(--theme-color-success--contrast)}:host(.card-info){--ix-card-background:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host(.card-neutral){--ix-card-background:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}:host(.card-primary){--ix-card-background:var(--theme-color-primary);color:var(--theme-color-neutral--contrast)}:host(:not(.card-insight)){--ix-card-border-color:transparent}:host(.card-insight:hover){--ix-card-background:var(--theme-color-ghost--hover)}:host(.card-notification:hover){--ix-card-background:var(--theme-color-component-1--hover)}:host(.card-alarm:hover){--ix-card-background:var(--theme-color-alarm--hover)}:host(.card-critical:hover){--ix-card-background:var(--theme-color-critical--hover)}:host(.card-warning:hover){--ix-card-background:var(--theme-color-warning--hover)}:host(.card-success:hover){--ix-card-background:var(--theme-color-success--hover)}:host(.card-info:hover){--ix-card-background:var(--theme-color-info--hover)}:host(.card-neutral:hover){--ix-card-background:var(--theme-color-neutral--hover)}:host(.card-primary:hover){--ix-card-background:var(--theme-color-primary--hover)}:host(.card-insight:active){--ix-card-background:var(--theme-color-ghost--active)}:host(.card-notification:active){--ix-card-background:var(--theme-color-component-1--active)}:host(.card-alarm:active){--ix-card-background:var(--theme-color-alarm--active)}:host(.card-critical:active){--ix-card-background:var(--theme-color-critical--active)}:host(.card-warning:active){--ix-card-background:var(--theme-color-warning--active)}:host(.card-success:active){--ix-card-background:var(--theme-color-success--active)}:host(.card-info:active){--ix-card-background:var(--theme-color-info--active)}:host(.card-neutral:active){--ix-card-background:var(--theme-color-neutral--active)}:host(.card-primary:active){--ix-card-background:var(--theme-color-primary--active)}:host(.selected){--ix-card-border-color:var(--theme-color-dynamic)}:host(.selected.card-insight){--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected.card-notification){--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected.card-alarm){--ix-card-background:var(--theme-color-alarm--active)}:host(.selected.card-critical){--ix-card-background:var(--theme-color-critical--active)}:host(.selected.card-warning){--ix-card-background:var(--theme-color-warning--active)}:host(.selected.card-success){--ix-card-background:var(--theme-color-success--active)}:host(.selected.card-info){--ix-card-background:var(--theme-color-info--active)}:host(.selected.card-neutral){--ix-card-background:var(--theme-color-neutral--active)}:host(.selected.card-primary){--ix-card-background:var(--theme-color-primary--active)}";const t=e;const d=class{constructor(a){r(this,a);this.variant="insight";this.selected=undefined}render(){return a(o,{key:"f91df8c114ec01e95ae0eba29c8acf3cacbdec25",class:{selected:this.selected,[`card-${this.variant}`]:true}},a("div",{key:"24c775b7ae7b2940df9e101b702b91a17a0f6749",class:"card-content"},a("slot",{key:"57bfc8eb49985aae6aff8ea277475b2012ac8ba2"})),a("div",{key:"8eac7eefd8020827e0ebf38be231de2c7b934797",class:"card-footer"},a("slot",{key:"207dc0b0ce6279ecb9dfda76e3d03a145a5ff168",name:"card-accordion"})))}get hostElement(){return c(this)}};d.style=t;const i=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:0.5rem;padding:1rem;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const s=i;const l=class{constructor(a){r(this,a)}render(){return a(o,{key:"d55cee3ffb78eca3302de2d223c63f846043d0f9"},a("slot",{key:"0faca06b8ea3868a72eb36631959c871475ad854"}))}};l.style=s;export{d as ix_card,l as ix_card_content};
-//# sourceMappingURL=p-c6234df9.entry.js.map
+import{r,h as o,H as a,g as c}from"./p-f87cd962.js";const e=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;width:20rem;border:1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-default-border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-default-border-radius);border-top-right-radius:var(--theme-default-border-radius)}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-insight){--ix-card-background:transparent;--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-notification){--ix-card-background:var(--theme-color-component-1)}:host(.card-alarm){--ix-card-background:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host(.card-critical){--ix-card-background:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}:host(.card-warning){--ix-card-background:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host(.card-success){--ix-card-background:var(--theme-color-success);color:var(--theme-color-success--contrast)}:host(.card-info){--ix-card-background:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host(.card-neutral){--ix-card-background:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}:host(.card-primary){--ix-card-background:var(--theme-color-primary);color:var(--theme-color-neutral--contrast)}:host(:not(.card-insight)){--ix-card-border-color:transparent}:host(.card-insight:hover){--ix-card-background:var(--theme-color-ghost--hover)}:host(.card-notification:hover){--ix-card-background:var(--theme-color-component-1--hover)}:host(.card-alarm:hover){--ix-card-background:var(--theme-color-alarm--hover)}:host(.card-critical:hover){--ix-card-background:var(--theme-color-critical--hover)}:host(.card-warning:hover){--ix-card-background:var(--theme-color-warning--hover)}:host(.card-success:hover){--ix-card-background:var(--theme-color-success--hover)}:host(.card-info:hover){--ix-card-background:var(--theme-color-info--hover)}:host(.card-neutral:hover){--ix-card-background:var(--theme-color-neutral--hover)}:host(.card-primary:hover){--ix-card-background:var(--theme-color-primary--hover)}:host(.card-insight:active){--ix-card-background:var(--theme-color-ghost--active)}:host(.card-notification:active){--ix-card-background:var(--theme-color-component-1--active)}:host(.card-alarm:active){--ix-card-background:var(--theme-color-alarm--active)}:host(.card-critical:active){--ix-card-background:var(--theme-color-critical--active)}:host(.card-warning:active){--ix-card-background:var(--theme-color-warning--active)}:host(.card-success:active){--ix-card-background:var(--theme-color-success--active)}:host(.card-info:active){--ix-card-background:var(--theme-color-info--active)}:host(.card-neutral:active){--ix-card-background:var(--theme-color-neutral--active)}:host(.card-primary:active){--ix-card-background:var(--theme-color-primary--active)}:host(.selected){--ix-card-border-color:var(--theme-color-dynamic)}:host(.selected.card-insight){--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected.card-notification){--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected.card-alarm){--ix-card-background:var(--theme-color-alarm--active)}:host(.selected.card-critical){--ix-card-background:var(--theme-color-critical--active)}:host(.selected.card-warning){--ix-card-background:var(--theme-color-warning--active)}:host(.selected.card-success){--ix-card-background:var(--theme-color-success--active)}:host(.selected.card-info){--ix-card-background:var(--theme-color-info--active)}:host(.selected.card-neutral){--ix-card-background:var(--theme-color-neutral--active)}:host(.selected.card-primary){--ix-card-background:var(--theme-color-primary--active)}";const t=e;const d=class{constructor(o){r(this,o);this.variant="insight";this.selected=undefined}render(){return o(a,{key:"f91df8c114ec01e95ae0eba29c8acf3cacbdec25",class:{selected:this.selected,[`card-${this.variant}`]:true}},o("div",{key:"24c775b7ae7b2940df9e101b702b91a17a0f6749",class:"card-content"},o("slot",{key:"57bfc8eb49985aae6aff8ea277475b2012ac8ba2"})),o("div",{key:"8eac7eefd8020827e0ebf38be231de2c7b934797",class:"card-footer"},o("slot",{key:"207dc0b0ce6279ecb9dfda76e3d03a145a5ff168",name:"card-accordion"})))}get hostElement(){return c(this)}};d.style=t;const i=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:0.5rem;padding:1rem;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const s=i;const l=class{constructor(o){r(this,o)}render(){return o(a,{key:"17ef18ecf4efe031b707524053d81f91db482696"},o("slot",{key:"5e91dbb38a4bcc64e36c7bbacb1e2de92f877559"}))}};l.style=s;export{d as ix_card,l as ix_card_content};
+//# sourceMappingURL=p-ebb277f0.entry.js.map

package/dist/siemens-ix/{p-8b3cb8c0.entry.js → p-f07110c6.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,a as r,h as e,F as i,H as a,g as o,c as s}from"./p-ac552df3.js";import{B as n}from"./p-719a3a11.js";import{c as l,h as d}from"./p-712e0ee0.js";import{m as h}from"./p-64c3fa3d.js";const c=":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem;padding:0px;border-radius:100px !important}:host(.avatar-button) .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host(.avatar-button) .btn-invisible-primary,:host(.avatar-button) .btn-invisible-primary.focus,:host(.avatar-button) .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.avatar-button) li{transform:scale(0.8)}";const b=c;function v(t){const{initials:r}=t;if(r){return e("div",{class:"avatar-initials"},r)}return e("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32"},e("g",{fill:"none","fill-rule":"evenodd"},e("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),e("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function m(t){return e("li",{class:"avatar"},t.image?e("img",{src:t.image,class:"avatar-image"}):e(v,{initials:t.initials}))}function u(t){return e(i,null,e("div",{class:"user-info",onClick:t=>t.preventDefault()},e(m,{image:t.image,initials:t.initials}),e("div",{class:"user"},e("div",{class:"username"},t.userName),t.extra&&e("ix-typography",{class:"extra",color:"soft"},t.extra))))}const p=class{constructor(r){t(this,r);this.image=undefined;this.initials=undefined;this.username=undefined;this.extra=undefined;this.isClosestApplicationHeader=false;this.hasSlottedElements=false}componentWillLoad(){const t=l("ix-application-header",this.hostElement);this.isClosestApplicationHeader=t!==null}slottedChanged(){this.hasSlottedElements=d(this.slotElement)}resolveAvatarTrigger(){return new Promise((t=>{r((()=>t(this.hostElement.shadowRoot.querySelector("button"))))}))}onDropdownClick(t){if(t.target===this.dropdownElement){t.preventDefault()}}render(){if(this.isClosestApplicationHeader){return e(a,{slot:"ix-application-header-avatar",class:"avatar-button"},e(n,{disabled:false,ghost:true,iconOval:false,icon:undefined,iconOnly:false,loading:false,outline:false,selected:false,type:"button",variant:"primary"},e(m,{image:this.image,initials:this.initials})),e("ix-dropdown",{ref:t=>this.dropdownElement=t,trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown",onClick:t=>this.onDropdownClick(t)},this.username&&e(i,null,e(u,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username}),this.hasSlottedElements&&e("ix-divider",{onClick:t=>t.preventDefault()})),e("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t})))}return e(a,null,e(m,{image:this.image,initials:this.initials}))}get hostElement(){return o(this)}};p.style=b;const f=":host{display:block;color:var(--theme-color-std-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const g=f;const w=class{constructor(r){t(this,r);this.itemClick=s(this,"itemClick",7);this.dropdownItemRef=h();this.icon=undefined;this.label=undefined}async getDropdownItemElement(){return this.dropdownItemRef.waitForCurrent()}render(){return e("ix-dropdown-item",{key:"daf1c8be62496e8c4240eea2394857abb98497d0",ref:this.dropdownItemRef,icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return o(this)}};w.style=g;export{p as ix_avatar,w as ix_menu_avatar_item};
-//# sourceMappingURL=p-8b3cb8c0.entry.js.map
+import{r as t,a as r,h as e,F as i,H as a,g as o,c as s}from"./p-f87cd962.js";import{B as n}from"./p-1d581190.js";import{c as l,h as d}from"./p-712e0ee0.js";import{m as h}from"./p-64c3fa3d.js";const c=":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem;padding:0px;border-radius:100px !important}:host(.avatar-button) .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host(.avatar-button) .btn-invisible-primary,:host(.avatar-button) .btn-invisible-primary.focus,:host(.avatar-button) .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.avatar-button) li{transform:scale(0.8)}";const b=c;function v(t){const{initials:r}=t;if(r){return e("div",{class:"avatar-initials"},r)}return e("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32"},e("g",{fill:"none","fill-rule":"evenodd"},e("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),e("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function m(t){return e("li",{class:"avatar"},t.image?e("img",{src:t.image,class:"avatar-image"}):e(v,{initials:t.initials}))}function u(t){return e(i,null,e("div",{class:"user-info",onClick:t=>t.preventDefault()},e(m,{image:t.image,initials:t.initials}),e("div",{class:"user"},e("div",{class:"username"},t.userName),t.extra&&e("ix-typography",{class:"extra",color:"soft"},t.extra))))}const p=class{constructor(r){t(this,r);this.image=undefined;this.initials=undefined;this.username=undefined;this.extra=undefined;this.isClosestApplicationHeader=false;this.hasSlottedElements=false}componentWillLoad(){const t=l("ix-application-header",this.hostElement);this.isClosestApplicationHeader=t!==null}slottedChanged(){this.hasSlottedElements=d(this.slotElement)}resolveAvatarTrigger(){return new Promise((t=>{r((()=>t(this.hostElement.shadowRoot.querySelector("button"))))}))}onDropdownClick(t){if(t.target===this.dropdownElement){t.preventDefault()}}render(){if(this.isClosestApplicationHeader){return e(a,{slot:"ix-application-header-avatar",class:"avatar-button"},e(n,{disabled:false,ghost:true,iconOval:false,icon:undefined,iconOnly:false,loading:false,outline:false,selected:false,type:"button",variant:"primary"},e(m,{image:this.image,initials:this.initials})),e("ix-dropdown",{ref:t=>this.dropdownElement=t,trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown",onClick:t=>this.onDropdownClick(t)},this.username&&e(i,null,e(u,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username}),this.hasSlottedElements&&e("ix-divider",{onClick:t=>t.preventDefault()})),e("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t})))}return e(a,null,e(m,{image:this.image,initials:this.initials}))}get hostElement(){return o(this)}};p.style=b;const f=":host{display:block;color:var(--theme-color-std-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const g=f;const w=class{constructor(r){t(this,r);this.itemClick=s(this,"itemClick",7);this.dropdownItemRef=h();this.icon=undefined;this.label=undefined}async getDropdownItemElement(){return this.dropdownItemRef.waitForCurrent()}render(){return e("ix-dropdown-item",{key:"fe1c225ee8b21aade4ca0e679a5ca389721520a4",ref:this.dropdownItemRef,icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return o(this)}};w.style=g;export{p as ix_avatar,w as ix_menu_avatar_item};
+//# sourceMappingURL=p-f07110c6.entry.js.map

package/dist/siemens-ix/{p-0f8a55ee.entry.js → p-f78246bd.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as t,H as r,g as s}from"./p-ac552df3.js";const i=":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}:host(:focus-visible:not(.disabled):not(:disabled)){outline:var(--theme-color-focus-bdr) solid var(--theme-focus--border-thickness);outline-offset:-0.125rem}";const l=i;const a=class{constructor(t){e(this,t);this.closeClick=o(this,"closeClick",7);this.disabled=false;this.readonly=false}onCloseClick(e){e.preventDefault();e.stopPropagation();this.closeClick.emit()}render(){return t(r,{key:"ab9555b6ab060074b79e61b6262821ce545e9e62",class:{disabled:this.disabled,readonly:this.readonly},title:this.el.textContent},t("div",{key:"889e241f3ea192f23452f499934c4d0e7aee2cde",class:"slot-container"},t("slot",{key:"d48aea2e83bf484d77d13240dec464bac3a483fa"})),!this.disabled&&!this.readonly?t("ix-icon-button",{ghost:true,oval:true,icon:"close-small",size:"16",tabindex:this.disabled?-1:0,variant:"primary",disabled:this.disabled,onClick:e=>this.onCloseClick(e)}):null)}get el(){return s(this)}};a.style=l;class c extends CustomEvent{constructor(e){super("ix-select-item:labelChange",{bubbles:true,detail:e})}}const n=":host{display:block;position:relative}:host>ix-dropdown-item{width:100%}:host ix-dropdown-item{color:var(--theme-color-std-text)}:host .select-item-checked{background-color:var(--theme-select-list-item--background--selected);--ix-dropdown-item-checked-color:var(--theme-color-std-text)}:host(.d-none){display:none}";const h=n;const d=class{constructor(t){e(this,t);this.itemClick=o(this,"itemClick",7);this.label=undefined;this.value=undefined;this.selected=false;this.hover=false}async getDropdownItemElement(){return this.dropdownItem}async onItemClick(e){e===null||e===void 0?void 0:e.preventDefault();e===null||e===void 0?void 0:e.stopPropagation();this.itemClick.emit(this.value)}get dropdownItem(){return this.hostElement.querySelector("ix-dropdown-item")}componentDidRender(){if(this.value===undefined||this.value===null){throw Error("ix-select-item must have a `value` property")}}labelChange(e,o){this.hostElement.dispatchEvent(new c({newValue:e,oldValue:o}))}render(){return t(r,{key:"89b4b9f70f1157e728d82d981566d3528c96c2da"},t("ix-dropdown-item",{key:"3d480e6d1d0a0969f50bf6925101819c8cae9a67",class:{"select-item-checked":this.selected},checked:this.selected,label:this.label?this.label:this.value,onItemClick:e=>this.onItemClick(e)}))}get hostElement(){return s(this)}static get watchers(){return{label:["labelChange"]}}};d.style=h;export{a as ix_filter_chip,d as ix_select_item};
-//# sourceMappingURL=p-0f8a55ee.entry.js.map
+import{r as e,c as o,h as t,H as r,g as s}from"./p-f87cd962.js";const i=":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}:host(:focus-visible:not(.disabled):not(:disabled)){outline:var(--theme-color-focus-bdr) solid var(--theme-focus--border-thickness);outline-offset:-0.125rem}";const l=i;const a=class{constructor(t){e(this,t);this.closeClick=o(this,"closeClick",7);this.disabled=false;this.readonly=false}onCloseClick(e){e.preventDefault();e.stopPropagation();this.closeClick.emit()}render(){return t(r,{key:"215ed3c9b71df4ba795032725d76950f10a33184",class:{disabled:this.disabled,readonly:this.readonly},title:this.el.textContent},t("div",{key:"68f822ed7365a1b9375721e5fc9a9ce91bd79313",class:"slot-container"},t("slot",{key:"8c334798a0c6c274d68564ba12b01d59054c338c"})),!this.disabled&&!this.readonly?t("ix-icon-button",{ghost:true,oval:true,icon:"close-small",size:"16",tabindex:this.disabled?-1:0,variant:"primary",disabled:this.disabled,onClick:e=>this.onCloseClick(e)}):null)}get el(){return s(this)}};a.style=l;class c extends CustomEvent{constructor(e){super("ix-select-item:labelChange",{bubbles:true,detail:e})}}const d=":host{display:block;position:relative}:host>ix-dropdown-item{width:100%}:host ix-dropdown-item{color:var(--theme-color-std-text)}:host .select-item-checked{background-color:var(--theme-select-list-item--background--selected);--ix-dropdown-item-checked-color:var(--theme-color-std-text)}:host(.d-none){display:none}";const n=d;const h=class{constructor(t){e(this,t);this.itemClick=o(this,"itemClick",7);this.label=undefined;this.value=undefined;this.selected=false;this.hover=false}async getDropdownItemElement(){return this.dropdownItem}async onItemClick(e){e===null||e===void 0?void 0:e.preventDefault();e===null||e===void 0?void 0:e.stopPropagation();this.itemClick.emit(this.value)}get dropdownItem(){return this.hostElement.querySelector("ix-dropdown-item")}componentDidRender(){if(this.value===undefined||this.value===null){throw Error("ix-select-item must have a `value` property")}}labelChange(e,o){this.hostElement.dispatchEvent(new c({newValue:e,oldValue:o}))}render(){return t(r,{key:"73a6d9e2c4df3541658f2bdce0a4ec42aea2c5e1"},t("ix-dropdown-item",{key:"c8d0563af535129de120a4899d683038f02dad57",class:{"select-item-checked":this.selected},checked:this.selected,label:this.label?this.label:this.value,onItemClick:e=>this.onItemClick(e)}))}get hostElement(){return s(this)}static get watchers(){return{label:["labelChange"]}}};h.style=n;export{a as ix_filter_chip,h as ix_select_item};
+//# sourceMappingURL=p-f78246bd.entry.js.map

package/dist/siemens-ix/p-f87cd962.js

@@ -0,0 +1,3 @@
+const e="siemens-ix";var t=Object.defineProperty;var n=(e,n)=>{for(var r in n)t(e,r,{get:n[r],enumerable:true})};var r={};var l="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var i=e=>e!=null;var f=e=>{e=typeof e;return e==="object"||e==="function"};function o(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var a={};n(a,{err:()=>u,map:()=>v,ok:()=>c,unwrap:()=>d,unwrapErr:()=>$});var c=e=>({isOk:true,isErr:false,value:e});var u=e=>({isOk:false,isErr:true,value:e});function v(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>c(e)))}else{return c(n)}}if(e.isErr){const t=e.value;return u(t)}throw"should never get here"}var d=e=>{if(e.isOk){return e.value}else{throw e.value}};var $=e=>{if(e.isErr){return e.value}else{throw e.value}};var h=(e,t="")=>{{return()=>{}}};var p=(e,t)=>{{return()=>{}}};var y="r";var m="o";var b="s";var w="t";var g="s-id";var j="sty-id";var O="c-id";var k="{visibility:hidden}.hydrated{visibility:inherit}";var S="slot-fb{display:contents}slot-fb[hidden]{display:none}";var x="http://www.w3.org/1999/xlink";var C=(e,t,...n)=>{let r=null;let l=null;let s=false;let i=false;const o=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof e!=="function"&&!f(r)){r=String(r)}if(s&&i){o[o.length-1].t+=r}else{o.push(s?E(null,r):r)}i=s}}};a(n);if(t){if(t.key){l=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,o,N)}const c=E(e,null);c.l=t;if(o.length>0){c.i=o}{c.o=l}return c};var E=(e,t)=>{const n={u:0,v:e,t,$:null,i:null};{n.l=null}{n.o=null}return n};var M={};var P=e=>e&&e.v===M;var N={forEach:(e,t)=>e.map(I).forEach(t),map:(e,t)=>e.map(I).map(t).map(R)};var I=e=>({vattrs:e.l,vchildren:e.i,vkey:e.o,vname:e.h,vtag:e.v,vtext:e.t});var R=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return C(e.vtag,t,...e.vchildren||[])}const t=E(e.vtag,e.vtext);t.l=e.vattrs;t.i=e.vchildren;t.o=e.vkey;t.h=e.vname;return t};var A=(e,t,n,r)=>{const l=h("hydrateClient",t);const s=e.shadowRoot;const i=[];const f=[];const o=s?[]:null;const a=r.p=E(t,null);if(!rt.m){U(nt.body,rt.m=new Map)}e[g]=n;e.removeAttribute(g);L(a,i,f,o,e,e,n);i.map((e=>{const n=e.j+"."+e.O;const r=rt.m.get(n);const l=e.$;if(r&&lt&&r["s-en"]===""){r.parentNode.insertBefore(l,r.nextSibling)}if(!s){l["s-hn"]=t;if(r){l["s-ol"]=r;l["s-ol"]["s-nr"]=l}}rt.m.delete(n)}));if(s){o.map((e=>{if(e){s.appendChild(e)}}))}l()};var L=(e,t,n,r,l,s,i)=>{let f;let o;let a;let c;if(s.nodeType===1){f=s.getAttribute(O);if(f){o=f.split(".");if(o[0]===i||o[0]==="0"){a={u:0,j:o[0],O:o[1],k:o[2],S:o[3],v:s.tagName.toLowerCase(),$:s,l:null,i:null,o:null,h:null,t:null};t.push(a);s.removeAttribute(O);if(!e.i){e.i=[]}e.i[a.S]=a;e=a;if(r&&a.k==="0"){r[a.S]=a.$}}}for(c=s.childNodes.length-1;c>=0;c--){L(e,t,n,r,l,s.childNodes[c],i)}if(s.shadowRoot){for(c=s.shadowRoot.childNodes.length-1;c>=0;c--){L(e,t,n,r,l,s.shadowRoot.childNodes[c],i)}}}else if(s.nodeType===8){o=s.nodeValue.split(".");if(o[1]===i||o[1]==="0"){f=o[0];a={u:0,j:o[1],O:o[2],k:o[3],S:o[4],$:s,l:null,i:null,o:null,h:null,v:null,t:null};if(f===w){a.$=s.nextSibling;if(a.$&&a.$.nodeType===3){a.t=a.$.textContent;t.push(a);s.remove();if(!e.i){e.i=[]}e.i[a.S]=a;if(r&&a.k==="0"){r[a.S]=a.$}}}else if(a.j===i){if(f===b){a.v="slot";if(o[5]){s["s-sn"]=a.h=o[5]}else{s["s-sn"]=""}s["s-sr"]=true;if(r){a.$=nt.createElement(a.v);if(a.h){a.$.setAttribute("name",a.h)}s.parentNode.insertBefore(a.$,s);s.remove();if(a.k==="0"){r[a.S]=a.$}}n.push(a);if(!e.i){e.i=[]}e.i[a.S]=a}else if(f===y){if(r){s.remove()}}}}}else if(e&&e.v==="style"){const t=E(null,s.textContent);t.$=s;t.S="0";e.i=[t]}};var U=(e,t)=>{if(e.nodeType===1){let n=0;for(;n<e.childNodes.length;n++){U(e.childNodes[n],t)}if(e.shadowRoot){for(n=0;n<e.shadowRoot.childNodes.length;n++){U(e.shadowRoot.childNodes[n],t)}}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===m){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var W=(e,t)=>{if(e!=null&&!f(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var F=e=>Ge(e).$hostElement$;var T=(e,t,n)=>{const r=F(e);return{emit:e=>_(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var _=(e,t,n)=>{const r=rt.ce(t,n);e.dispatchEvent(r);return r};var D=new WeakMap;var H=(e,t,n)=>{let r=et.get(e);if(ft&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}et.set(e,r)};var q=(e,t,n)=>{var r;const l=z(t);const s=et.get(l);e=e.nodeType===11?e:nt;if(s){if(typeof s==="string"){e=e.head||e;let n=D.get(e);let i;if(!n){D.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(i=e.querySelector(`[${j}="${l}"]`))){i.innerHTML=s}else{i=nt.createElement("style");i.innerHTML=s;const t=(r=rt.C)!=null?r:o(nt);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.u&4){i.innerHTML+=S}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var V=e=>{const t=e.M;const n=e.$hostElement$;const r=t.u;const l=h("attachStyles",t.P);const s=q(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=s;n.classList.add(s+"-h");if(r&2){n.classList.add(s+"-s")}}l()};var z=(e,t)=>"sc-"+e.P;var B=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var G=(e,t,n,r,l,s)=>{if(n!==r){let i=Qe(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const l=K(n);const s=K(r);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Qe(tt,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||r){const l=t.endsWith(Q);t=t.replace(X,"");if(n){rt.rel(e,t,n,l)}if(r){rt.ael(e,t,r,l)}}}else{const a=f(r);if((i||a&&r!==null)&&!l){try{if(!e.tagName.includes("-")){const l=r==null?"":r;if(t==="list"){i=false}else if(n==null||e[t]!=l){e[t]=l}}else{e[t]=r}}catch(e){}}let c=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;c=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(c){e.removeAttributeNS(x,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||l)&&!a){r=r===true?"":r;if(c){e.setAttributeNS(x,t,r)}else{e.setAttribute(t,r)}}}}};var J=/\s/;var K=e=>!e?[]:e.split(J);var Q="Capture";var X=new RegExp(Q+"$");var Y=(e,t,n)=>{const l=t.$.nodeType===11&&t.$.host?t.$.host:t.$;const s=e&&e.l||r;const i=t.l||r;{for(const e of Z(Object.keys(s))){if(!(e in i)){G(l,e,s[e],void 0,n,t.u)}}}for(const e of Z(Object.keys(i))){G(l,e,s[e],i[e],n,t.u)}};function Z(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ee;var te;var ne=false;var re=false;var le=(e,t,n,r)=>{const f=t.i[n];let o=0;let a;let c;if(f.t!==null){a=f.$=nt.createTextNode(f.t)}else{if(!re){re=f.v==="svg"}a=f.$=nt.createElementNS(re?l:s,f.v);if(re&&f.v==="foreignObject"){re=false}{Y(null,f,re)}if(i(ee)&&a["s-si"]!==ee){a.classList.add(a["s-si"]=ee)}if(f.i){for(o=0;o<f.i.length;++o){c=le(e,f,o);if(c){a.appendChild(c)}}}{if(f.v==="svg"){re=false}else if(a.tagName==="foreignObject"){re=true}}}a["s-hn"]=te;return a};var se=(e,t,n,r,l,s)=>{let i=e;let f;if(i.shadowRoot&&i.tagName===te){i=i.shadowRoot}for(;l<=s;++l){if(r[l]){f=le(null,n,l);if(f){r[l].$=f;i.insertBefore(f,t)}}}};var ie=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.$;ue(t);if(e){e.remove()}}}};var fe=(e,t,n,r,l=false)=>{let s=0;let i=0;let f=0;let o=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let $=r[v];let h;let p;while(s<=a&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=r[++i]}else if($==null){$=r[--v]}else if(oe(c,d,l)){ae(c,d,l);c=t[++s];d=r[++i]}else if(oe(u,$,l)){ae(u,$,l);u=t[--a];$=r[--v]}else if(oe(c,$,l)){ae(c,$,l);e.insertBefore(c.$,u.$.nextSibling);c=t[++s];$=r[--v]}else if(oe(u,d,l)){ae(u,d,l);e.insertBefore(u.$,c.$);u=t[--a];d=r[++i]}else{f=-1;{for(o=s;o<=a;++o){if(t[o]&&t[o].o!==null&&t[o].o===d.o){f=o;break}}}if(f>=0){p=t[f];if(p.v!==d.v){h=le(t&&t[i],n,f)}else{ae(p,d,l);t[f]=void 0;h=p.$}d=r[++i]}else{h=le(t&&t[i],n,i);d=r[++i]}if(h){{c.$.parentNode.insertBefore(h,c.$)}}}}if(s>a){se(e,r[v+1]==null?null:r[v+1].$,n,r,i,v)}else if(i>v){ie(t,s,a)}};var oe=(e,t,n=false)=>{if(e.v===t.v){if(!n){return e.o===t.o}return true}return false};var ae=(e,t,n=false)=>{const r=t.$=e.$;const l=e.i;const s=t.i;const i=t.v;const f=t.t;if(f===null){{re=i==="svg"?true:i==="foreignObject"?false:re}{if(i==="slot"&&!ne);else{Y(e,t,re)}}if(l!==null&&s!==null){fe(r,l,t,s,n)}else if(s!==null){if(e.t!==null){r.textContent=""}se(r,null,t,s,0,s.length-1)}else if(l!==null){ie(l,0,l.length-1)}if(re&&i==="svg"){re=false}}else if(e.t!==f){r.data=f}};var ce=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const r of t){if(r!==e){if(r["s-hn"]!==e["s-hn"]||n!==""){if(r.nodeType===1&&(n===r.getAttribute("slot")||n===r["s-sn"])||r.nodeType===3&&n===r["s-sn"]){e.hidden=true;break}}else{if(r.nodeType===1||r.nodeType===3&&r.textContent.trim()!==""){e.hidden=true;break}}}}}ce(e)}}};var ue=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.i&&e.i.map(ue)}};var ve=(e,t,n=false)=>{const r=e.$hostElement$;const l=e.M;const s=e.p||E(null,null);const i=P(t)?t:C(null,null,t);te=r.tagName;if(l.N){i.l=i.l||{};l.N.map((([e,t])=>i.l[t]=r[e]))}if(n&&i.l){for(const e of Object.keys(i.l)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.l[e]=r[e]}}}i.v=null;i.u|=4;e.p=i;i.$=s.$=r.shadowRoot||r;{ee=r["s-sc"]}ne=(l.u&1)!==0;ae(s,i,n)};var de=(e,t)=>{if(t&&!e.I&&t["s-p"]){t["s-p"].push(new Promise((t=>e.I=t)))}};var $e=(e,t)=>{{e.u|=16}if(e.u&4){e.u|=512;return}de(e,e.R);const n=()=>he(e,t);return pt(n)};var he=(e,t)=>{const n=h("scheduleUpdate",e.M.P);const r=e.A;let l;if(t){{e.u|=256;if(e.L){e.L.map((([e,t])=>Oe(r,e,t)));e.L=void 0}}{l=Oe(r,"componentWillLoad")}}{l=pe(l,(()=>Oe(r,"componentWillRender")))}n();return pe(l,(()=>me(e,r,t)))};var pe=(e,t)=>ye(e)?e.then(t):t();var ye=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var me=async(e,t,n)=>{var r;const l=e.$hostElement$;const s=h("update",e.M.P);const i=l["s-rc"];if(n){V(e)}const f=h("render",e.M.P);{be(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=void 0}f();s();{const t=(r=l["s-p"])!=null?r:[];const n=()=>we(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.u|=4;t.length=0}}};var be=(e,t,n,r)=>{try{t=t.render();{e.u&=~16}{e.u|=2}{{{ve(e,t,r)}}}}catch(t){Xe(t,e.$hostElement$)}return null};var we=e=>{const t=e.M.P;const n=e.$hostElement$;const r=h("postUpdate",t);const l=e.A;const s=e.R;{Oe(l,"componentDidRender")}if(!(e.u&64)){e.u|=64;{ke(n)}{Oe(l,"componentDidLoad")}r();{e.U(n);if(!s){je()}}}else{r()}{e.W(n)}{if(e.I){e.I();e.I=void 0}if(e.u&512){$t((()=>$e(e,false)))}e.u&=~(4|512)}};var ge=e=>{{const t=Ge(e);const n=t.$hostElement$.isConnected;if(n&&(t.u&(2|16))===2){$e(t,false)}return n}};var je=t=>{{ke(nt.documentElement)}$t((()=>_(tt,"appload",{detail:{namespace:e}})))};var Oe=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){Xe(e)}}return void 0};var ke=e=>e.classList.add("hydrated");var Se=(e,t)=>Ge(e).F.get(t);var xe=(e,t,n,r)=>{const l=Ge(e);const s=l.$hostElement$;const i=l.F.get(t);const f=l.u;const o=l.A;n=W(n,r.T[t][0]);const a=Number.isNaN(i)&&Number.isNaN(n);const c=n!==i&&!a;if((!(f&8)||i===void 0)&&c){l.F.set(t,n);if(o){if(r._&&f&128){const e=r._[t];if(e){e.map((e=>{try{o[e](n,i,t)}catch(e){Xe(e,s)}}))}}if((f&(2|16))===2){$e(l,false)}}}};var Ce=(e,t,n)=>{var r;const l=e.prototype;if(t.T){if(e.watchers){t._=e.watchers}const s=Object.entries(t.T);s.map((([e,[r]])=>{if(r&31||n&2&&r&32){Object.defineProperty(l,e,{get(){return Se(this,e)},set(n){xe(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&r&64){Object.defineProperty(l,e,{value(...t){var n;const r=Ge(this);return(n=r==null?void 0:r.D)==null?void 0:n.then((()=>{var n;return(n=r.A)==null?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,r,s){rt.jmp((()=>{var i;const f=n.get(e);if(this.hasOwnProperty(f)){s=this[f];delete this[f]}else if(l.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==s){return}else if(f==null){const n=Ge(this);const l=n==null?void 0:n.u;if(l&&!(l&8)&&l&128&&s!==r){const l=n.A;const f=(i=t._)==null?void 0:i[e];f==null?void 0:f.forEach((t=>{if(l[t]!=null){l[t].call(l,s,r,e)}}))}return}this[f]=s===null&&typeof this[f]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((r=t._)!=null?r:{}),...s.filter((([e,t])=>t[0]&15)).map((([e,r])=>{var l;const s=r[1]||e;n.set(s,e);if(r[0]&512){(l=t.N)==null?void 0:l.push([e,s])}return s}))]))}}return e};var Ee=async(e,t,n,r)=>{let l;if((t.u&32)===0){t.u|=32;const r=n.H;if(r){l=Ze(n);if(l.then){const e=p();l=await l;e()}if(!l.isProxied){{n._=l.watchers}Ce(l,n,2);l.isProxied=true}const e=h("createInstance",n.P);{t.u|=8}try{new l(t)}catch(e){Xe(e)}{t.u&=~8}{t.u|=128}e();Me(t.A)}else{l=e.constructor;customElements.whenDefined(n.P).then((()=>t.u|=128))}if(l.style){let e=l.style;const t=z(n);if(!et.has(t)){const r=h("registerStyles",n.P);H(t,e,!!(n.u&1));r()}}}const s=t.R;const i=()=>$e(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var Me=e=>{{Oe(e,"connectedCallback")}};var Pe=e=>{if((rt.u&1)===0){const t=Ge(e);const n=t.M;const r=h("connectedCallback",n.P);if(!(t.u&1)){t.u|=1;let r;{r=e.getAttribute(g);if(r){if(n.u&1){const t=q(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}A(e,n.P,r,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){de(t,t.R=n);break}}}if(n.T){Object.entries(n.T).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ee(e,t,n)}}else{De(e,t,n.q);if(t==null?void 0:t.A){Me(t.A)}else if(t==null?void 0:t.V){t.V.then((()=>Me(t.A)))}}r()}};var Ne=e=>{{Oe(e,"disconnectedCallback")}};var Ie=async e=>{if((rt.u&1)===0){const t=Ge(e);{if(t.B){t.B.map((e=>e()));t.B=void 0}}if(t==null?void 0:t.A){Ne(t.A)}else if(t==null?void 0:t.V){t.V.then((()=>Ne(t.A)))}}};var Re=e=>{e.__appendChild=e.appendChild;e.appendChild=function(e){const t=e["s-sn"]=Ue(e);const n=We(this.childNodes,t,this.tagName);if(n){const r=Fe(n,t);const l=r[r.length-1];const s=l.parentNode.insertBefore(e,l.nextSibling);ce(this);return s}return this.__appendChild(e)}};var Ae=e=>{const t=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");Object.defineProperty(e,"__textContent",t);{Object.defineProperty(e,"textContent",{get(){var e;const t=We(this.childNodes,"",this.tagName);if(((e=t==null?void 0:t.nextSibling)==null?void 0:e.nodeType)===3){return t.nextSibling.textContent}else if(t){return t.textContent}else{return this.__textContent}},set(e){var t;const n=We(this.childNodes,"",this.tagName);if(((t=n==null?void 0:n.nextSibling)==null?void 0:t.nodeType)===3){n.nextSibling.textContent=e}else if(n){n.textContent=e}else{this.__textContent=e;const t=this["s-cr"];if(t){this.insertBefore(t,this.firstChild)}}}})}};var Le=(e,t)=>{class n extends Array{item(e){return this[e]}}if(t.u&8){const t=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){return this.childNodes.map((e=>e.nodeType===1))}});Object.defineProperty(e,"childElementCount",{get(){return e.children.length}});Object.defineProperty(e,"childNodes",{get(){const e=t.call(this);if((rt.u&1)===0&&Ge(this).u&2){const t=new n;for(let n=0;n<e.length;n++){const r=e[n]["s-nr"];if(r){t.push(r)}}return t}return n.from(e)}})}};var Ue=e=>e["s-sn"]||e.nodeType===1&&e.getAttribute("slot")||"";var We=(e,t,n)=>{let r=0;let l;for(;r<e.length;r++){l=e[r];if(l["s-sr"]&&l["s-sn"]===t&&l["s-hn"]===n){return l}l=We(l.childNodes,t,n);if(l){return l}}return null};var Fe=(e,t)=>{const n=[e];while((e=e.nextSibling)&&e["s-sn"]===t){n.push(e)}return n};var Te=(e,t={})=>{var n;const r=h();const l=[];const s=t.exclude||[];const i=tt.customElements;const f=nt.head;const a=f.querySelector("meta[charset]");const c=nt.createElement("style");const u=[];const v=nt.querySelectorAll(`[${j}]`);let d;let $=true;let p=0;Object.assign(rt,t);rt.G=new URL(t.resourcesUrl||"./",nt.baseURI).href;{rt.u|=2}{for(;p<v.length;p++){H(v[p].getAttribute(j),B(v[p].innerHTML),true)}}let y=false;e.map((e=>{e[1].map((t=>{var n;const r={u:t[0],P:t[1],T:t[2],q:t[3]};if(r.u&4){y=true}{r.T=t[2]}{r.q=t[3]}{r.N=[]}{r._=(n=t[4])!=null?n:{}}const f=r.P;const o=class extends HTMLElement{constructor(e){super(e);e=this;Ke(e,r);if(r.u&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(d){clearTimeout(d);d=null}if($){u.push(this)}else{rt.jmp((()=>Pe(this)))}}disconnectedCallback(){rt.jmp((()=>Ie(this)))}componentOnReady(){return Ge(this).V}};{{Le(o.prototype,r)}{Re(o.prototype)}if(r.u&2){Ae(o.prototype)}}r.H=e[0];if(!s.includes(f)&&!i.get(f)){l.push(f);i.define(f,Ce(o,r,1))}}))}));if(l.length>0){if(y){c.textContent+=S}{c.textContent+=l+k}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(n=rt.C)!=null?n:o(nt);if(e!=null){c.setAttribute("nonce",e)}f.insertBefore(c,a?a.nextSibling:f.firstChild)}}$=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{rt.jmp((()=>d=setTimeout(je,30)))}}r()};var _e=(e,t)=>t;var De=(e,t,n,r)=>{if(n){n.map((([n,r,l])=>{const s=qe(e,n);const i=He(t,l);const f=Ve(n);rt.ael(s,r,i,f);(t.B=t.B||[]).push((()=>rt.rel(s,r,i,f)))}))}};var He=(e,t)=>n=>{try{{if(e.u&256){e.A[t](n)}else{(e.L=e.L||[]).push([t,n])}}}catch(e){Xe(e)}};var qe=(e,t)=>{if(t&8)return tt;return e};var Ve=e=>st?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var ze=e=>rt.C=e;var Be=new WeakMap;var Ge=e=>Be.get(e);var Je=(e,t)=>Be.set(t.A=e,t);var Ke=(e,t)=>{const n={u:0,$hostElement$:e,M:t,F:new Map};{n.D=new Promise((e=>n.W=e))}{n.V=new Promise((e=>n.U=e));e["s-p"]=[];e["s-rc"]=[]}De(e,n,t.q);return Be.set(e,n)};var Qe=(e,t)=>t in e;var Xe=(e,t)=>(0,console.error)(e,t);var Ye=new Map;var Ze=(e,t,n)=>{const r=e.P.replace(/-/g,"_");const l=e.H;const s=Ye.get(l);if(s){return s[r]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Ye.set(l,e)}return e[r]}),Xe)};var et=new Map;var tt=typeof window!=="undefined"?window:{};var nt=tt.document||{head:{}};var rt={u:0,G:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var lt=true;var st=(()=>{let e=false;try{nt.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var it=e=>Promise.resolve(e);var ft=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var ot=false;var at=[];var ct=[];var ut=(e,t)=>n=>{e.push(n);if(!ot){ot=true;if(t&&rt.u&4){$t(dt)}else{rt.raf(dt)}}};var vt=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Xe(e)}}e.length=0};var dt=()=>{vt(at);{vt(ct);if(ot=at.length>0){rt.raf(dt)}}};var $t=e=>it().then(e);var ht=ut(at,false);var pt=ut(ct,true);export{_e as F,M as H,ht as a,Te as b,T as c,ge as f,F as g,C as h,it as p,Je as r,ze as s};
+//# sourceMappingURL=p-f87cd962.js.map