@siemens/ix 5.1.1 → 5.2.1

package/dist/siemens-ix/p-4ceb3543.entry.js

@@ -1 +0,0 @@
-import{M as t,r as e,g as o,h as r,H as a,c as i,d as n}from"./p-EBgS4zhE.js";import{a as c}from"./p-C21npbUc.js";import{D as s,h as l}from"./p-BWgttsqY.js";import{m as h}from"./p-Djkc69iv.js";import{y as b,e as d}from"./p-DgUGsIlh.js";import{C as u}from"./p-CUbYLenp.js";import{B as m}from"./p-B0y5hnj5.js";import{q as g}from"./p-6ZxKp7Jn.js";import{I as v}from"./p-vphIrWGB.js";import{r as p}from"./p-BEuV0Xpe.js";import"./p-BClJdFQP.js";const f=class extends(t(...s)){constructor(t){super(),e(this,t)}get hostElement(){return o(this)}variant="primary";outline=!1;icon;ariaLabelIcon;background;pillColor;alignLeft=!1;tooltipText=!1;iconOnly=!1;containerElementRef=h();componentWillLoad(){this.checkIfContentAvailable()}checkIfContentAvailable(){this.iconOnly=!(this.hostElement.children.length>0||this.hostElement.textContent)}getTooltip(){if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text"))return null;const t="string"==typeof this.tooltipText&&this.tooltipText.trim()?this.tooltipText:this.hostElement.textContent?.trim();return r("ix-tooltip",{for:this.containerElementRef.waitForCurrent(),"aria-label":t||void 0},t)}render(){let t={};"custom"===this.variant&&(t={color:this.pillColor,[this.outline?"borderColor":"backgroundColor"]:this.background});const e=this.hostElement.hasAttribute("aria-label")||this.hostElement.hasAttribute("aria-labelledby");let o;this.hostElement.hasAttribute("role")?o=this.hostElement.getAttribute("role")??void 0:e&&(o="group");const i=!this.ariaLabelIcon?.trim();return r(a,{key:"827e58b1bdd980292651befee4ad756cbea0699f",style:"custom"===this.variant?{"--ix-icon-button-color":this.pillColor}:{},class:{"align-left":this.alignLeft},role:o},r("div",{key:"f50b1d1f5a36ae985e55c66d97723640dcbd667f",ref:this.containerElementRef,style:{...t},class:{container:!0,outline:this.outline,inactive:!1,alarm:"alarm"===this.variant,critical:"critical"===this.variant,info:"info"===this.variant,neutral:"neutral"===this.variant,primary:"primary"===this.variant,success:"success"===this.variant,warning:"warning"===this.variant,custom:"custom"===this.variant,closable:!1,icon:!!this.icon,"with-gap":!this.iconOnly}},this.icon&&r("ix-icon",{key:"8f24375cb42813b0a651997a672fda5c9c16b8d3",class:{"with-icon":!0},name:this.icon,size:"16","aria-label":this.ariaLabelIcon,"aria-hidden":c(i)}),r("span",{key:"356a8805398e1978e5c7bfe61e3c383d0f4af640",class:"slot-container"},r("slot",{key:"ac249a29b4cbf9cba9d0fef7b2c5a8992d4f9c3d",onSlotchange:()=>this.checkIfContentAvailable()}))),this.getTooltip())}};f.style=":host{display:inline-block;position:relative;height:1.25rem;max-height:1.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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;vertical-align:top;height:2rem;max-height:2rem;cursor:default}.container .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.container .with-icon{margin-right:0.25rem}.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.centerContent .content-wrapper{justify-content:center;text-align:center}.container.outline{padding-left:calc(0.5rem - 0.0625rem)}.container.outline.icon.alarm .with-icon{color:var(--theme-color-alarm)}.container.outline.icon.critical .with-icon{color:var(--theme-color-critical)}.container.outline.icon.warning .with-icon{color:var(--theme-color-warning-text)}.container.outline.icon.info .with-icon{color:var(--theme-color-info)}.container.outline.icon.neutral .with-icon{color:var(--theme-color-neutral)}.container.outline.icon.success .with-icon{color:var(--theme-color-success)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 0.0625rem)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 0.0625rem)}.container:not(.outline){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive,.container:not(.outline):not(.closable){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-outline--color);background-color:var(--theme-chip-primary-outline--background);border:solid 0.0625rem var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-outline--color);--ix-icon-button-color:var(--theme-chip-outline--color)}.container.primary.outline .with-icon{color:var(--theme-color-primary)}.container.outline{border-width:0.0625rem;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);background-color:var(--theme-chip-outline--background);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);background-color:var(--theme-chip-outline--background);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);background-color:var(--theme-chip-outline--background);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);background-color:var(--theme-chip-outline--background);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);background-color:var(--theme-chip-outline--background);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);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center}:host .container .with-icon{margin-right:0}:host .container.outline{background-color:var(--theme-pill-outline--background)}:host .container.outline.icon{padding-left:0.4375rem;padding-right:0.4375rem}:host .container:not(.outline).icon{padding-left:0.5rem;padding-right:0.5rem}:host .with-gap{gap:0.25rem}:host(.align-left) .container{justify-content:flex-start}";const k=class extends(t(...s,u,m)){constructor(t){super(),e(this,t),this.tabClick=i(this,"tabClick",7),this.tabClose=i(this,"tabClose",7)}get hostElement(){return o(this)}selected=!1;disabled=!1;icon;counter;closable=!1;label;ariaLabelCloseButton="Close tab";placement="bottom";rounded=!1;small=!1;layout="auto";iconOnly=!1;tabClick;tabClose;onTabSelect(t){t.defaultPrevented||(this.disabled?t.preventDefault():this.tabClick.emit({tabKey:this.tabKey,nativeEvent:t}).defaultPrevented&&t.stopPropagation())}render(){let t="normal";const e=this.label||this.hostElement.textContent?.trim();return t=this.rounded?"rounded":!this.icon||void 0!==e&&""!==e?"normal":"icon-only",r(a,{key:"969e6b76acebe9b4cc5a848816a458f646dff170",id:this.getHostElementId(),role:"tab","aria-selected":c(this.selected),tabIndex:this.selected&&!this.disabled?0:-1,class:{selected:this.selected,disabled:this.disabled,"small-tab":this.small,"icon-only":"icon-only"===t,stretched:"stretched"===this.layout,bottom:"bottom"===this.placement,top:"top"===this.placement,circle:this.rounded},onClick:t=>this.onTabSelect(t),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.onTabSelect(t),this.closable&&"Delete"===t.key&&(t.preventDefault(),this.tabClose.emit({tabKey:this.tabKey,nativeEvent:t}))}},"rounded"===t&&r("div",{key:"d2e2981b50a2ad628f42c9f900642116ac9e2700",class:{circle:!0}},this.icon&&r("ix-icon",{key:"c448b69e6ce2fabd7b145e971357f4b0a005d068",name:this.icon,size:"24"}),r("slot",{key:"e94aa65381c45d69307331495dff9eebad4e7524"})),this.icon&&"rounded"!==t&&r("ix-icon",{key:"8d950fb65ff969353196984ff7932b3fc2302525",name:this.icon,size:"16",class:"tab-icon"}),"normal"===t&&r("div",{key:"3d4a6b91bb7babe94ff5c36a2b380cc037356e4a",class:{text:!!this.label,selected:this.selected,disabled:this.disabled}},this.label,r("slot",{key:"6a9619ce129c7ee8f69e6dcb855ecf1b23c23368"})),"rounded"===t&&void 0!==this.counter&&r("div",{key:"aa23743c0de55d445ded68edf7a6c2c588563715",class:{counter:!0,selected:this.selected,disabled:this.disabled}},this.counter),this.counter&&"rounded"!==t&&r("ix-pill",{key:"472d0aff014dedb09a1932f0ba3e826a13865167",variant:"primary",outline:!0,class:"tab-counter"},this.counter),this.closable&&"rounded"!==t&&r("ix-icon-button",{key:"81ad093b009fe1dbf3a098d68d6ce407d6b3312a","aria-label":this.ariaLabelCloseButton,class:"close-tab",size:"12",variant:"subtle-tertiary",icon:b,onClick:t=>{t.stopPropagation(),t.preventDefault(),this.tabClose.emit({tabKey:this.tabKey,nativeEvent:t})}}))}};k.style=':host{position:relative;display:flex;align-items:center;justify-content:center;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color);touch-action:none;height:2.5rem;min-height:2.5rem;max-height:2.5rem;padding:0.0625rem 1.5rem;gap:0.5rem}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .text span,:host .text span::before{pointer-events:none}:host .text{vertical-align:middle}:host slot{white-space:nowrap}:host .circle{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;background-color:var(--theme-animated-tab-circle--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-animated-tab-icon--color);cursor:pointer}:host .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-color-1);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:14px;color:var(--theme-pill-outline--color);cursor:pointer}:host .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}:host .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled);cursor:default}:host .hidden{display:none}:host(:not(.disabled)){cursor:pointer}:host(.circle){height:4.5rem;min-height:4.5rem;max-height:4.5rem}:host(.stretched){flex-basis:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.selected:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected:not(.disabled))::after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--theme-tab-indicator--background--selected)}:host(.selected:not(.disabled)) .circle{background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}:host(.selected:not(.disabled)) .circle:hover{background-color:var(--theme-animated-tab-circle--background--selected)}:host(.selected.bottom:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected.bottom:not(.disabled))::after{bottom:0px}:host(.selected.top:not(.disabled))::after{top:0px}:host(:hover:not(.circle):not(.disabled)){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover)}:host(:active:not(.circle):not(.disabled)){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}:host(.disabled){cursor:default;color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled);pointer-events:none}:host(.disabled)::after{background-color:var(--theme-tab-indicator--background--disabled)}:host(.disabled) .circle{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled);cursor:default}:host(.icon-only){display:flex;justify-content:center;align-items:center;padding:1.5rem 0.5rem}:host(.small-tab){height:2rem;min-height:2rem;max-height:2rem;padding:1rem}:host(.small-tab.icon){padding:1rem 0.25rem}:host(:not(.circle):focus-visible){outline-offset:-0.0625rem;outline:0.0625rem solid var(--theme-color-focus-bdr)}:host(.circle:focus-visible){outline:none}:host(.circle:focus-visible) .circle{outline-offset:0.125rem;outline:0.0625rem solid var(--theme-color-focus-bdr)}';const w=class{constructor(t){e(this,t)}get hostElement(){return o(this)}get tabPanels(){return Array.from(g(this.hostElement,"ix-tab-panel"))}get tabList(){return this.hostElement?.querySelector("ix-tabs")}get tabListItems(){return this.tabList?Array.from(this.tabList.querySelectorAll("ix-tab-item")):[]}panelsObserver;componentWillLoad(){this.panelsObserver=new MutationObserver((()=>this.onPanelComponentsChange())),this.panelsObserver.observe(this.hostElement,{childList:!0,subtree:!0}),this.onPanelComponentsChange()}componentDidLoad(){this.onPanelComponentsChange()}disconnectedCallback(){this.panelsObserver?.disconnect()}onPanelComponentsChange(){const t=this.tabList,e=this.tabListItems,o=this.tabPanels;if(!t||!e||!o)return;const r=t.activeTabKey;if(!r)return;const a=e.find((t=>t.tabKey===r)),i=o.find((t=>t.tabKey===r));if(!a||!i)return;const n=a.getAttribute("id");i.setAttribute("aria-labelledby",n??"");const c=i.getAttribute("id");a.setAttribute("aria-controls",c??""),this.checkPanelsVisibility()}checkPanelsVisibility(){const t=this.tabList?.querySelectorAll("ix-tab-item"),e=this.tabPanels;t&&e&&e.forEach((t=>{t.hidden=t.tabKey!==this.tabList?.activeTabKey}))}render(){return r(a,{key:"90be74d89acb43edb6eec575f07a3877ec90ac45",onTabChange:()=>this.checkPanelsVisibility()},r("slot",{key:"047c26c15f8b43312a25a35dddadd364a5b9f839"}))}};w.style=":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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const x=class extends(t(...s,v)){constructor(t){super(),e(this,t),this.tabChange=i(this,"tabChange",7),this.tabClose=i(this,"tabClose",7)}get hostElement(){return o(this)}small=!1;rounded=!1;layout="auto";placement="bottom";ariaLabelMoreTabs="Show all tabs";activeTabKey;keyboardNavigation="automatic";tabChange;tabClose;isTabsOverflow=!1;overflowMenuItems=[];resizeObserver;itemsObserver;tabsContainerRef=h();tabsRef=h();get tabs(){return Array.from(this.hostElement.querySelectorAll("ix-tab-item"))}componentDidLoad(){this.itemsObserver=new MutationObserver((()=>{this.onComponentChildrenChange(),p((()=>this.onComponentResize()))})),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.resizeObserver=new ResizeObserver((()=>this.onComponentResize())),this.resizeObserver.observe(this.hostElement),this.onComponentResize()}componentWillLoad(){this.onComponentChildrenChange(),this.activeTabKey&&this.setTabActive(this.activeTabKey)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.itemsObserver&&this.itemsObserver.disconnect()}onActiveTabChange(t,e){const o=this.tabs.find((t=>t.selected));o?.tabKey!==t&&this.emitTabChangeEvent(t,e)}setTabActive(t){const e=this.tabs;if(void 0===t)return e.forEach((t=>t.selected=!1)),this.onComponentChildrenChange(),void(this.activeTabKey=void 0);const o=e.find((e=>e.tabKey===t));return o&&!o.disabled?(e.forEach((t=>t.selected=!1)),o.selected=!0,this.onComponentChildrenChange(),this.activeTabKey=o.tabKey,o.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),this.activeTabKey):void 0}onComponentChildrenChange(){const t=this.tabs;t.forEach((e=>{const o={layout:this.layout,small:this.small,rounded:this.rounded,placement:this.placement,iconOnly:t.every((t=>!t.label&&!!t.icon))};Object.assign(e,o)})),this.overflowMenuItems=Array.from(t).map((t=>({tabKey:t.tabKey,label:t.label||t.textContent||"",icon:t.icon,disabled:t.disabled}))),!t.some((t=>t.selected))&&t.length>0&&l()&&(t[0].focus(),this.emitTabChangeEvent(t[0].tabKey))}onComponentResize(){const t=this.tabsRef.current;t&&n((()=>{this.isTabsOverflow=t.scrollWidth>t.clientWidth}))}onTabClick(t){t.defaultPrevented||void 0!==t.detail.tabKey&&this.emitTabChangeEvent(t.detail.tabKey)}emitTabChangeEvent(t,e=this.activeTabKey){!function(t,e,o){const r=t(),{defaultPrevented:a}=e.emit(r.new);a&&o(r.old)}((()=>({new:this.setTabActive(t),old:e})),this.tabChange,(t=>this.setTabActive(t)))}onTabsNavigate(t){if(t.target instanceof HTMLElement&&"tablist"===t.target.getAttribute("role"))return;const e=this.tabs.filter((t=>!t.disabled));let o=e.findIndex((t=>t.selected));"manual"===this.keyboardNavigation&&(o=e.findIndex((t=>t===document.activeElement)));const r=t=>{t.focus(),"automatic"===this.keyboardNavigation&&this.emitTabChangeEvent(t.tabKey)};if("ArrowRight"===t.key||"ArrowLeft"===t.key){if(t.preventDefault(),-1===o)return;r(e[(o+("ArrowRight"===t.key?1:-1)+e.length)%e.length])}"Home"===t.key&&(t.preventDefault(),r(e[0])),"End"===t.key&&(t.preventDefault(),r(e[e.length-1]))}render(){return r(a,{key:"e9e5ca8f1b7452ae44ea8f53f21153198b6b8111",onTabClick:t=>this.onTabClick(t),class:{small:this.small}},r("div",{key:"d9d5d3e0c58df201b0a5c2dd0bcc674c38569cd7",ref:this.tabsContainerRef,class:{"tabs-container":!0,top:"top"===this.placement,bottom:"bottom"===this.placement}},r("div",{key:"23433718ad5b18cda24a8d007617043ee7864e2f",class:{"overflow-shadow-container":!0,"overflow-shadow":this.isTabsOverflow}},r("div",{key:"745b6a2145d1d5e51f32870a704af18204cf5809",role:"tablist",...this.inheritAriaAttributes,ref:this.tabsRef,class:{tabs:!0,"tabs-stretched":"stretched"===this.layout},tabIndex:this.isTabsOverflow?0:-1,onKeyDown:t=>this.onTabsNavigate(t)},r("slot",{key:"3518fe1d37ca84c24b75a49dc047473daa1a5e28"}))),this.isTabsOverflow&&"stretched"!==this.layout&&r("ix-dropdown-button",{key:"626d85cf76445fa4921268de9b489fa762af86ce",ariaLabel:this.ariaLabelMoreTabs,icon:d,class:{"tabs-context-menu":!0},variant:"subtle-tertiary"},this.overflowMenuItems.map((t=>r("ix-dropdown-item",{key:t.tabKey,checked:t.tabKey===this.activeTabKey,icon:t.icon,label:t.label,disabled:t.disabled,onClick:()=>this.activeTabKey=t.tabKey}))))))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],activeTabKey:[{onActiveTabChange:0}]}}};x.style=':host{width:auto;display:flex;align-items:center;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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tabs-container{display:flex;flex-direction:row;position:relative;width:100%;justify-content:space-between;align-items:center}:host .tabs-container.top::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.top::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.top::before,:host .tabs-container.top::after{top:0;bottom:auto}:host .tabs-container.bottom::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.bottom::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.bottom::before,:host .tabs-container.bottom::after{top:auto;bottom:0}:host .tabs{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;scroll-behavior:smooth;width:100%;touch-action:pan-y;padding-right:2.75rem;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .tabs.tabs-stretched{padding-right:0px}:host .tabs:focus-visible{outline-offset:-1px;outline:1px solid var(--theme-color-focus-bdr)}:host .tabs-context-menu{margin-right:0.5rem}:host .overflow-shadow-container{display:block;position:relative;height:100%;width:100%;pointer-events:all;overflow:auto}:host .overflow-shadow{-webkit-mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%);mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%)}';export{f as ix_pill,k as ix_tab_item,w as ix_tab_set,x as ix_tabs}

package/dist/siemens-ix/p-4d179abe.entry.js

@@ -1 +0,0 @@
-import{M as t,r,c as o,g as e,h as a,H as i}from"./p-EBgS4zhE.js";import{t as s,h as n}from"./p-DgUGsIlh.js";import{b as d,f as l,a as h}from"./p-C21npbUc.js";import{m as b}from"./p-Djkc69iv.js";import{D as c}from"./p-BWgttsqY.js";import{A as u}from"./p-CM-NUHTW.js";import{C as p}from"./p-CUbYLenp.js";import{c as m}from"./p-BClJdFQP.js";import"./p-6ZxKp7Jn.js";const g=class extends(t(...c,p,u)){constructor(t){super(),r(this,t),this.showChange=o(this,"showChange",7),this.showChanged=o(this,"showChanged",7)}get hostElement(){return e(this)}variant="primary";disabled=!1;label;icon;closeBehavior="both";placement;ariaLabelDropdownButton;focusCheckedItem=!1;enableTopLayer=!1;suppressAriaActiveDescendant=!1;showChange;showChanged;dropdownShow=!1;inheritAriaAttributes={};dropdownButtonId=this.getHostElementId();dropdownAnchor=b();dropdownRef=b();hostContext;getTriangle(){return a("div",{class:{triangle:!0,[this.variant]:!0,hide:!!this.label,disabled:this.disabled}})}onDropdownShowChanged=t=>{this.disabled&&t.detail||(this.dropdownShow=t.detail)};componentDidLoad(){this.inheritAriaAttributes=d(this.hostElement,["aria-label","aria-activedescendant","aria-haspopup","aria-controls","aria-disabled","aria-expanded","aria-current","role"])}componentWillRender(){this.hostContext={breadcrumb:!!m(this.hostElement,"ix-breadcrumb"),datePicker:!!m(this.hostElement,"ix-date-picker"),splitButton:!!m(this.hostElement,"ix-split-button"),tabs:!!m(this.hostElement,"ix-tabs")}}getControllingAriaElement(){return this.hostElement}isAriaActiveDescendantActive(){return!this.suppressAriaActiveDescendant&&this.dropdownShow}getAriaActiveDescendantProxyItemId(){return!1}async getDropdownReference(){return this.dropdownRef.waitForCurrent()}render(){const t={...this.inheritAriaAttributes,"aria-haspopup":"true","aria-disabled":h(this.disabled),"aria-expanded":h(this.dropdownShow),role:"button"};this.inheritAriaAttributes["aria-controls"]||(t["aria-controls"]=`dropdown-button-menu-${this.dropdownButtonId}`);const r={id:`dropdown-button-${this.dropdownButtonId}`,disabled:this.disabled,variant:this.variant},o=this.hostContext?.breadcrumb||this.hostContext?.datePicker||this.hostContext?.splitButton||this.hostContext?.tabs;return a(i,{key:"e25fa295fcfc662bcbd510ef9fa831d505901eb1",class:{disabled:this.disabled,"host-context-breadcrumb":!!this.hostContext?.breadcrumb,"host-context-date-picker":!!this.hostContext?.datePicker,"host-context-tabs":!!this.hostContext?.tabs},ref:this.dropdownAnchor,tabIndex:this.disabled?-1:0,...t},a("div",{key:"72aa176d5558297cbfd2bebd09a8f9826860e4e9",class:"dropdown-button"},this.label||null===this.label?a("ix-button",{...r,class:"internal-button",alignment:"start",ref:t=>l(t,-1),ariaLabelButton:this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")},a("div",{class:"content"},this.icon?a("ix-icon",{name:this.icon,size:"24",class:"dropdown-icon"}):null,a("div",{class:"button-label"},this.label),a("slot",{name:"button-label"}),!o&&a("ix-icon",{"aria-hidden":"true",name:this.dropdownShow?s:n,size:"24"}))):a("div",null,a("ix-icon-button",{...r,icon:this.icon,ref:t=>l(t,-1),"aria-label":this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")}),!o&&this.getTriangle())),a("ix-dropdown",{key:"bbb10a374801f0800f5386700957646072d01fb3",role:"menu",ref:this.dropdownRef,id:`dropdown-button-menu-${this.dropdownButtonId}`,"aria-labelledby":`dropdown-button-${this.dropdownButtonId}`,trigger:this.dropdownAnchor.waitForCurrent(),placement:this.placement,closeBehavior:this.closeBehavior,enableTopLayer:this.enableTopLayer,disableFocusTrap:!0,focusCheckedItem:this.focusCheckedItem,onShowChanged:t=>this.onDropdownShowChanged(t),onScroll:t=>{const r=new CustomEvent("scroll",{bubbles:t.bubbles,cancelable:t.cancelable,detail:t.detail});this.hostElement.dispatchEvent(r)}},a("slot",{key:"a41e74d2a2db2b1255485923390d4fbf14504504"})))}};g.style=":host{display:inline-block;position:relative;height:2rem;width:auto;--ix-dropdown-button-border-radius-left:var(--theme-btn--border-radius);--ix-dropdown-button-border-radius-right:var(--theme-btn--border-radius);border-top-left-radius:var(--ix-dropdown-button-border-radius-left);border-bottom-left-radius:var(--ix-dropdown-button-border-radius-left);border-top-right-radius:var(--ix-dropdown-button-border-radius-right);border-bottom-right-radius:var(--ix-dropdown-button-border-radius-right)}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .hide{display:none}:host ix-button,:host ix-icon-button{--ix-button-border-radius-left:var(     --ix-dropdown-button-border-radius-left   );--ix-button-border-radius-right:var(     --ix-dropdown-button-border-radius-right   )}:host .dropdown-button{display:block;position:relative;width:100%;height:100%}:host .dropdown-button>ix-button{width:100%;height:100%}:host .dropdown-button .button-label{margin-right:auto;min-width:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .dropdown-button .dropdown-icon{margin-right:0.25rem}:host .triangle{position:absolute;margin-inline-start:1.5625rem;margin-block-start:-0.4375rem;border-right:0 solid transparent;border-left:4px solid transparent;border-top:0 solid transparent;border-bottom:4px solid;color:var(--theme-btn-primary--color)}:host .triangle.primary{color:var(--theme-btn-primary--color)}:host .triangle.secondary{color:var(--theme-btn-secondary--color)}:host .triangle.tertiary{color:var(--theme-btn-tertiary--color)}:host .triangle.primary.disabled{color:var(--theme-btn-primary--color--disabled)}:host .triangle.secondary.disabled{color:var(--theme-btn-secondary--color--disabled)}:host .triangle.tertiary.disabled{color:var(--theme-btn-tertiary--color--disabled)}:host .triangle.subtle-primary{color:var(--theme-btn-subtle-primary--color)}:host .triangle.subtle-secondary{color:var(--theme-btn-subtle-secondary--color)}:host .triangle.subtle-tertiary{color:var(--theme-btn-subtle-tertiary--color)}:host .triangle.subtle-primary.disabled{color:var(--theme-btn-subtle-primary--color--disabled)}:host .triangle.subtle-secondary.disabled{color:var(--theme-btn-subtle-secondary--color--disabled)}:host .triangle.subtle-tertiary.disabled{color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .triangle.danger-primary{color:var(--theme-btn-danger-primary--color)}:host .triangle.danger-secondary{color:var(--theme-btn-danger-secondary--color)}:host .triangle.danger-tertiary{color:var(--theme-btn-danger-tertiary--color)}:host .triangle.danger-primary.disabled{color:var(--theme-btn-danger-primary--color--disabled)}:host .triangle.danger-secondary.disabled{color:var(--theme-btn-danger-secondary--color--disabled)}:host .triangle.danger-tertiary.disabled{color:var(--theme-btn-danger-tertiary--color--disabled)}:host .content{display:flex;align-items:center}:host .remove-button-min-width{min-width:0px}:host(.host-context-date-picker) .internal-button,:host(.host-context-breadcrumb) .internal-button{min-width:0px;padding:0}:host(.host-context-date-picker) ix-dropdown{max-height:15.625rem;overflow-y:scroll}:host(:focus-visible){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host([aria-expanded=true]:focus-visible){outline:none}:host(.disabled){pointer-events:none}";export{g as ix_dropdown_button}

package/dist/siemens-ix/p-50a44cb9.entry.js

@@ -1 +0,0 @@
-import{r,h as e,H as o}from"./p-EBgS4zhE.js";const a=class{constructor(e){r(this,e)}icon;ariaLabelIcon;notification;heading;subheading;variant="outline";expanded=!1;passive=!1;render(){return e(o,{key:"559d12fce394d034e88a67d1792cf89db5e1f9d6",class:`card-${this.variant}`},e("ix-card",{key:"74a3295376423e02defc79637f53905f1975a10e",variant:this.variant,passive:this.passive},e("ix-card-content",{key:"e88ae5131c174acebb759628d6de18bdf26d8141"},e("ix-card-title",{key:"6c1df74de6c6e7b82a6301db6ecc6268d4891e47"},this.icon?e("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon}):null,e("ix-typography",{key:"0f1b79fd78aa5b954c6320b9f61dbbcab61ef3c7",format:"display-xxl"},this.notification??0),e("slot",{key:"778a56994a47ad9e8fbcee8526c592e6e0459930",name:"title-action"})),e("ix-typography",{key:"5a3b385c75a69f0324fc890c2519476111bc2a4e",format:"h4"},this.heading),e("ix-typography",{key:"6f261327133e30244fe398c91e099b3dcba848fa"},this.subheading)),e("ix-card-accordion",{key:"3175d45b32f0d9a1eaccb205a3052b5746fc5287",collapse:!this.expanded,variant:this.variant},e("slot",{key:"08b90be54cd2d292349ead1ce20a173104ce266e"}))))}};a.style=":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}";export{a as ix_push_card}

package/dist/siemens-ix/p-54a22a58.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as r}from"./p-EBgS4zhE.js";import{J as o,I as s}from"./p-DgUGsIlh.js";import{g as a}from"./p-HpQs38Y0.js";import{a as i}from"./p-C21npbUc.js";const n=class{constructor(e){t(this,e)}i18nExpand="Expand";i18nCollapse="Collapse";expanded=!1;breakpoint;pinned=!1;getSmallScreenIcon(){return e("button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-expanded":i(this.expanded),class:{...a("subtle-tertiary",!0,!1,!1,!1),"menu-expand-button":!0}},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},e("rect",{class:"line line-1",x:"2",y:"5",width:"20",height:"2"}),e("rect",{class:"line line-2",x:"2",y:"11",width:"13",height:"2"}),e("rect",{class:"line line-3",x:"2",y:"17",width:"20",height:"2"})))}getLargeScreenIcon(){return e("ix-icon-button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-expanded":i(this.expanded),icon:this.expanded?o:s,variant:"subtle-tertiary"})}getMenuIcon(){return this.pinned||"lg"===this.breakpoint||"md"===this.breakpoint?this.getLargeScreenIcon():this.getSmallScreenIcon()}render(){return e(r,{key:"60d58cfa658802593452a3f96a38686e0fab4039",class:{expanded:this.expanded,"ix-focusable":!0}},this.getMenuIcon())}};n.style=":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{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:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}";export{n as ix_menu_expand_icon}

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

@@ -1 +0,0 @@
-import{r as t,c as a,g as e,h as n,H as i}from"./p-EBgS4zhE.js";import{f as o,w as r,x as s,d as m}from"./p-DgUGsIlh.js";import{a as c}from"./p-DhE1t8Qh.js";import{A as l}from"./p-DNIQ2C1K.js";import{s as d}from"./p-BL9SR36X.js";import{a as f,A as p}from"./p-DuTDx0c-.js";import{a as h}from"./p-4pTtJwcY.js";import{m as u}from"./p-DT02jDB7.js";import{r as b}from"./p-BEuV0Xpe.js";import{a as g}from"./p-JJddxCCh.js";import{t as y}from"./p-Dx6rQdpk.js";import"./p-CWlPNXA-.js";import"./p-CWshStHZ.js";import"./p-D_Hmobxf.js";const _=class{constructor(e){t(this,e),this.expandChange=a(this,"expandChange",7),this.mapExpandChange=a(this,"mapExpandChange",7),this.openAppSwitch=a(this,"openAppSwitch",7),this.openSettings=a(this,"openSettings",7),this.openAbout=a(this,"openAbout",7)}get hostElement(){return e(this)}showSettings=!1;showAbout=!1;enableToggleTheme=!1;applicationName;applicationDescription="";expand=!1;expandChanged(t,a){t!==a&&this.toggleMenu(t)}startExpanded=!1;pinned=!1;pinnedChange(t){if(this.setPinned(this.pinned),t)return h.disableBreakpointDetection(),void h.setBreakpoint("lg");h.enableBreakpointDetection()}i18nAriaLabelMenu="Application Navigation";i18nNavigationHint="Use Up and Down arrow keys to navigate between menu items";i18nLegal="About & legal information";i18nSettings="Settings";i18nToggleTheme="Toggle theme";i18nExpand="Expand";i18nCollapse="Collapse";expandChange;mapExpandChange;openAppSwitch;openSettings;openAbout;showPinned=!1;mapExpand=!0;breakpoint="lg";itemsScrollShadowTop=!1;itemsScrollShadowBottom=!1;hasBottomSlotItems=!1;applicationLayoutContext;isDarkMode=!1;isTransitionDisabled=!1;lastFocusedMenuItem;themeNameDisposer;isVisible=t=>"none"!==t.style.display&&"none"!==t.parentElement?.parentElement?.style.display;get popoverArea(){return this.hostElement.shadowRoot.querySelector("#popover-area")}get menu(){return this.hostElement.shadowRoot.querySelector(".menu")}get menuItemsContainer(){return this.menu.querySelector(".tabs")}get menuNavigationContainer(){return this.menu.querySelector(".menu-navigation")}get overlayContainer(){return this.hostElement.shadowRoot.querySelector(".menu-overlay")}get menuItems(){return Array.from(this.hostElement.querySelectorAll('ix-menu-item:not(.internal-tab):not(.home-tab):not(.bottom-tab):not([slot="bottom"])')).filter((t=>this.isVisible(t)))}get menuBottomItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item.bottom-tab:not(.internal-tab):not(.home-tab)")).filter((t=>this.isVisible(t)))}get homeTab(){return this.hostElement.querySelector("ix-menu-item.home-tab")}get moreItemsDropdown(){return this.hostElement.shadowRoot.querySelector(".internal-tab ix-dropdown")}get isMoreItemsDropdownEmpty(){return 0===this.hostElement.shadowRoot.querySelectorAll(".internal-tab ix-dropdown .appended").length}get moreItemsDropdownItems(){return this.hostElement.shadowRoot.querySelectorAll(".internal-tab ix-dropdown ix-menu-item")}get activeMoreTabContainer(){return this.hostElement.shadowRoot.querySelector(".active-more-tab")}get activeMoreTab(){return this.hostElement.shadowRoot.querySelector(".active-more-tab ix-menu-item")}get aboutPopoverContainer(){return this.hostElement.querySelector(".about-news")}get aboutNewsPopover(){return document.querySelector("ix-menu-about-news")??this.hostElement.querySelector("ix-menu-about-news")}get aboutTab(){return this.hostElement.shadowRoot.querySelector("#aboutAndLegal")}get about(){return this.hostElement.querySelector("ix-menu-about")}get settings(){return this.hostElement.querySelector("ix-menu-settings")}get isSettingsEmpty(){return 0===Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-menu-settings-item")).length}get hasUtilityMenuItems(){return!!this.settings||this.enableToggleTheme||!!this.about}get shouldFillMenuNavigation(){return this.hasUtilityMenuItems||this.hasBottomSlotItems}get tabsContainer(){return this.hostElement}componentDidLoad(){requestAnimationFrame((()=>{this.suppressAnchorWrapperTabStops(),this.handleOverflowIndicator();const t=this.getAllFocusableItems();this.resetRovingTabIndex(t)})),this.pinned&&this.pinnedChange(this.pinned)}componentWillLoad(){this.updateBottomSlotState(),f(this.hostElement,p,(t=>{this.applicationLayoutContext=t,this.onBreakpointChange(!0!==t.hideHeader?h.breakpoint:"md")}),!0),h.onChange.on((t=>this.onBreakpointChange(t))),this.onBreakpointChange(h.breakpoint,!0),this.updateThemeState(),this.themeNameDisposer=y.themeChanged.on((()=>{this.updateThemeState()}))}componentDidRender(){!this.about&&this.aboutNewsPopover&&(this.aboutNewsPopover.show=!1),this.appendFragments()}connectedCallback(){u.register(this.hostElement)}disconnectedCallback(){this.themeNameDisposer?.dispose(),u.unregister(this.hostElement)}updateThemeState(){this.isDarkMode="dark"===y.getMode()}setPinned(t){this.showPinned=t,u.setIsPinned(t)}onBreakpointChange(t,a=!1){(this.applicationLayoutContext||"sm"!==t)&&this.applicationLayoutContext&&(this.applicationLayoutContext.hideHeader&&"sm"===t||(this.setPinned("lg"===t),(a||t!==this.breakpoint)&&this.toggleMenu("lg"===t&&this.startExpanded),this.breakpoint=t))}appendFragments(){this.appendAboutNewsPopover()}getAboutPopoverVerticalPosition(){const t=this.aboutTab?.getBoundingClientRect()||{bottom:-window.innerHeight,height:0},a=window.innerHeight-(t.bottom-t.height/2+6+6);return g(a)}appendAboutNewsPopover(){if(this.aboutNewsPopover&&this.about&&(this.aboutNewsPopover.style.bottom=this.getAboutPopoverVerticalPosition(),!this.popoverArea?.contains(this.aboutNewsPopover))){const t=()=>{this.aboutNewsPopover?.activeAboutTabKey&&this.about&&(this.about.activeTabKey=this.aboutNewsPopover.activeAboutTabKey,this.toggleAbout(!0))};this.aboutNewsPopover.addEventListener("showMore",(()=>t())),document.body.appendChild(this.aboutNewsPopover)}}async toggleMapExpand(t){this.mapExpand=void 0!==t?t:!this.mapExpand}async toggleMenu(t){const a=this.expand;this.expand=void 0!==t?t:!this.expand,this.aboutNewsPopover&&(this.aboutNewsPopover.expanded=this.expand);const{defaultPrevented:e}=this.expandChange.emit(this.expand);if(e)return this.expand=a,void(this.aboutNewsPopover&&(this.aboutNewsPopover.expanded=a));this.isTransitionDisabled=!1,this.checkTransition(),"sm"==this.breakpoint&&this.expand&&setTimeout((()=>{this.handleOverflowIndicator()}),100)}checkTransition(){const t=this.overlayContainer;t&&(t.style.transitionProperty=this.isTransitionDisabled?"left":"all")}isOverlayVisible(){return this.showAbout||this.showSettings}async toggleSettings(t){if(!this.settings)return;const{defaultPrevented:a}=this.openSettings.emit();a||(this.isOverlayVisible()||this.animateOverlayFadeIn(),t?(this.resetOverlay(),this.showSettings=t,this.settings.show=this.showSettings):this.onOverlayClose())}async toggleAbout(t){if(!this.about)return;const{defaultPrevented:a}=this.openAbout.emit();a||(this.isOverlayVisible()||this.animateOverlayFadeIn(),t?(this.resetOverlay(),this.showAbout=t,this.about.show=this.showAbout):this.onOverlayClose())}resetOverlay(){this.showSettings=!1,this.showAbout=!1,this.settings&&(this.settings.show=!1),this.about&&(this.about.show=!1)}isMenuItemClicked(t){return t.target instanceof HTMLElement&&"IX-MENU-ITEM"===t.target.tagName}handleOverflowIndicator(){const{clientHeight:t,scrollTop:a,scrollHeight:e}=this.menuItemsContainer;this.itemsScrollShadowTop=a>0,this.itemsScrollShadowBottom=Math.round(a+t)<e}onOverlayClose(t){const a=this.shouldRestoreMenuFocus(t);this.animateOverlayFadeOut((()=>{this.resetOverlay(),a&&this.focusMenuNavigationContainer()}))}shouldRestoreMenuFocus(t){return!!t}focusMenuNavigationContainer(){const t=this.menuNavigationContainer;t&&b((()=>{t.focus()}))}animateOverlayFadeIn(){requestAnimationFrame((()=>{c(this.overlayContainer,{duration:l.mediumTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeInSine",onBegin:()=>{this.showPinned||this.toggleMenu(!1)}})}))}animateOverlayFadeOut(t){requestAnimationFrame((()=>{c(this.overlayContainer,{duration:l.mediumTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",onComplete:()=>t()})}))}onMenuItemsClick(t){this.isMenuItemClicked(t)&&(this.showPinned||this.toggleMenu(!1),this.onOverlayClose())}updateBottomSlotState(){this.hasBottomSlotItems=Array.from(this.hostElement.children).some((t=>"bottom"===t.getAttribute("slot")))}isHiddenFromViewport(){return"sm"===this.breakpoint&&!1===this.expand}updateRovingTabIndex(t,a){this.updateMenuItemPositionMetadata(t),t.forEach(((t,e)=>{t.setTabIndex?.(e===a?0:-1)}))}resetRovingTabIndex(t=this.getAllFocusableItems()){this.updateMenuItemPositionMetadata(t),t.forEach((t=>{t.setTabIndex?.(-1)}))}updateMenuItemPositionMetadata(t){[...Array.from(this.hostElement.querySelectorAll("ix-menu-item")),...Array.from(this.hostElement.shadowRoot?.querySelectorAll(".menu-utility-controls > ix-menu-item")??[])].forEach((t=>{t.removeAttribute("aria-posinset"),t.removeAttribute("aria-setsize")}));const a=t.length;t.forEach(((t,e)=>{t.setAttribute("aria-posinset",String(e+1)),t.setAttribute("aria-setsize",String(a))}))}handleMenuFocusIn(t){const a=this.getAllFocusableItems(),e=t.composedPath(),n=a.findIndex((t=>e.includes(t)));-1!==n?(this.lastFocusedMenuItem=a[n],this.updateRovingTabIndex(a,n)):t.target instanceof HTMLElement&&this.resetRovingTabIndex(a)}getAllFocusableItems(){const t=t=>!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")&&this.isVisible(t);return[...Array.from(this.hostElement.querySelectorAll(":scope > ix-menu-item, :scope > ix-menu-category, :scope > a > ix-menu-item, :scope > a > ix-menu-category")).filter(t),...Array.from(this.hostElement.shadowRoot?.querySelectorAll(".menu-utility-controls > ix-menu-item")??[]).filter(t)]}suppressAnchorWrapperTabStops(){Array.from(this.hostElement.querySelectorAll(":scope > a")).filter((t=>t.querySelector("ix-menu-item, ix-menu-category"))).forEach((t=>{"-1"!==t.getAttribute("tabindex")&&t.setAttribute("tabindex","-1")}))}isEventFromExpandedCategoryItems(t){return t.composedPath().some((t=>t instanceof HTMLElement&&"menu"===t.getAttribute?.("role")))}handleMenuKeyDown(t){if(!["ArrowDown","ArrowUp","Home","End"].includes(t.key))return;if(this.isEventFromExpandedCategoryItems(t))return;const a=this.getAllFocusableItems();if(0===a.length)return;const e=t.composedPath(),n=a.findIndex((t=>e.includes(t))),i=-1===n&&e.includes(this.menuNavigationContainer);if(i||-1!==n){if(t.preventDefault(),i){let e=a.indexOf(this.lastFocusedMenuItem);return"Home"===t.key?e=0:"End"===t.key?e=a.length-1:-1===e&&(e="ArrowDown"===t.key?0:a.length-1),this.updateRovingTabIndex(a,e),this.lastFocusedMenuItem=a[e],void a[e].focus()}switch(t.key){case"ArrowDown":{const t=(n+1)%a.length;this.updateRovingTabIndex(a,t),this.lastFocusedMenuItem=a[t],a[t].focus();break}case"ArrowUp":{const t=(n-1+a.length)%a.length;this.updateRovingTabIndex(a,t),this.lastFocusedMenuItem=a[t],a[t].focus();break}case"Home":this.updateRovingTabIndex(a,0),this.lastFocusedMenuItem=a[0],a[0].focus();break;case"End":this.updateRovingTabIndex(a,a.length-1),this.lastFocusedMenuItem=a.at(-1),a.at(-1)?.focus()}}}async showAppSwitch(){const{defaultPrevented:t}=this.openAppSwitch.emit();t||this.applicationLayoutContext?.appSwitchConfig&&d(this.applicationLayoutContext.appSwitchConfig)}render(){let t;return this.showSettings?t=this.i18nSettings:this.showAbout&&(t=this.i18nLegal),n(i,{key:"e85a8e0d55269c10e679ef732e4f1e695d4ddd43",class:{expanded:this.expand,[`breakpoint-${this.breakpoint}`]:!0},slot:"menu"},n("nav",{key:"9a24665cb1cc4a1cfbbd47de4f579c11bbcb20b8","aria-label":this.applicationName,class:{menu:!0,expanded:this.expand}},n("div",{key:"5d3cd419caeaaa61fcc76c446321feea5702e767",class:"menu-buttons"},"sm"!==this.breakpoint&&n("ix-menu-expand-icon",{key:"4259dc4201069a8ba1a6d02cf643647a87672e2d",breakpoint:this.breakpoint,expanded:this.expand,"i18n-expand":this.i18nExpand,"i18n-collapse":this.i18nCollapse,pinned:this.pinned,class:"menu-expand-icon",onClick:async()=>this.toggleMenu(),"data-testid":"expand-collapse-menu"}),"sm"===this.breakpoint&&this.applicationLayoutContext?.appSwitchConfig&&n("ix-icon-button",{key:"f0934779c9031e59508491376d5bcbb8389a404d",onClick:()=>{this.showAppSwitch()},icon:o,variant:"subtle-tertiary"})),n("div",{key:"36b41ef42aa08f1c01e6c0fb295ef61a1daf61de",role:"menubar","aria-orientation":"vertical","aria-label":this.i18nAriaLabelMenu,"aria-description":this.i18nNavigationHint,class:{"menu-navigation":!0,"menu-navigation--fill":this.shouldFillMenuNavigation},tabIndex:0,onKeyDown:t=>this.handleMenuKeyDown(t),onFocusin:t=>this.handleMenuFocusIn(t),onFocusout:()=>this.resetRovingTabIndex()},n("div",{key:"3d5d491948f2c912d435a7a46b4e8ff02a41c242",id:"menu-tabs",style:{display:"contents"},onClick:t=>this.onMenuItemsClick(t)},n("div",{key:"6fd98aa6dbad269e362d1796e1b96a6fda974cdd",class:"tabs-shadow-container"},n("div",{key:"652837d937df0b5456569485dff51b0a8f4d4ebb",class:{"tabs--shadow":!0,"tabs--shadow-top":!0,"tabs--shadow--show":this.itemsScrollShadowTop}}),n("div",{key:"a3ea2437b589f65eb446f665bb1490e1cbfe2ad2",class:{tabs:!0,"show-scrollbar":this.expand},onScroll:()=>this.handleOverflowIndicator()},n("div",{key:"b57f2058a19b72373f9421030eeaa4c4e29bb74c",class:"menu-avatar"},n("slot",{key:"e8f517dcf4560f7dbe163d718138499929ea158e",name:"ix-menu-avatar"})),n("slot",{key:"e2c7c6e96064935789a638b61cbac7ed41e2376f",name:"home"}),"sm"===this.breakpoint&&this.isHiddenFromViewport()?null:n("slot",null)),n("div",{key:"b4dbc21fb94e875bf44c540c920808358da30c72",class:{"tabs--shadow":!0,"tabs--shadow-bottom":!0,"tabs--shadow--show":this.itemsScrollShadowBottom}}))),n("div",{key:"2bdaa8799a1fbe9d604f369180184c52618b4d24",onClick:t=>this.onMenuItemsClick(t)},n("slot",{key:"99f1e2452f900444d365e3c3e2ad438cb48ef7e5",name:"bottom",onSlotchange:()=>this.updateBottomSlotState()})),n("div",{key:"0471a885588c5fb70ca704ac066d5dd3e739cb0c",class:"bottom-tab-divider"}),n("div",{key:"d62d0249f5a20c692e293d67bb1b4e038aa88d27",class:"menu-utility-controls"},this.settings?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"settings",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showSettings},icon:r,onClick:async()=>this.toggleSettings(!this.showSettings),label:this.i18nSettings,"aria-haspopup":"dialog","aria-expanded":this.showSettings.toString(),"aria-controls":"menu-overlay"}):null,this.enableToggleTheme?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"toggleTheme",onClick:()=>y.toggleMode(),class:"internal-tab bottom-tab",icon:s,label:this.i18nToggleTheme,role:"menuitemcheckbox","aria-checked":this.isDarkMode.toString()}):null,this.about?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"aboutAndLegal",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showAbout},icon:m,onClick:async()=>this.toggleAbout(!this.showAbout),label:this.i18nLegal,"aria-haspopup":"dialog","aria-expanded":this.showAbout.toString(),"aria-controls":"menu-overlay"}):null)),n("div",{key:"076482a3461808756d0c028f5e9f8093ac435941",id:"popover-area"})),n("section",{key:"cc54b807048a80a7284629d763f927d2191c9eec",id:"menu-overlay",role:"dialog","aria-label":t,class:{"menu-overlay":!0,visible:this.isOverlayVisible(),expanded:this.expand},onTransitionEnd:()=>{this.isTransitionDisabled=!0,this.checkTransition()}},n("div",{key:"c50c54c2729eba12801daf7d36bef977ea979ec9",class:"menu-overlay-container"},this.showSettings?n("slot",{name:"ix-menu-settings"}):null),n("div",{key:"8979d180bc1ad06d4fb2f0a2065b4e9d47dabab3",class:"menu-overlay-container"},this.showAbout?n("slot",{name:"ix-menu-about"}):null)))}static get watchers(){return{expand:[{expandChanged:0}],pinned:[{pinnedChange:0}]}}};_.style=":root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{animation-duration:0.5s;animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{animation-duration:0.8s;animation-duration:calc(var(--animate-duration) * 0.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration) * 3)}@media (prefers-reduced-motion: reduce), print{.animate__animated{animation-duration:1ms !important;transition-duration:1ms !important;animation-iteration-count:1 !important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0) scaleY(0.95)}90%{transform:translate3d(0, -4px, 0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0, -10px, 0)}20%,40%,60%,80%{transform:translate3d(0, 10px, 0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%, 0, 0) rotate(-5deg)}30%{transform:translate3d(20%, 0, 0) rotate(3deg)}45%{transform:translate3d(-15%, 0, 0) rotate(-3deg)}60%{transform:translate3d(10%, 0, 0) rotate(2deg)}75%{transform:translate3d(-5%, 0, 0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(700px) scale(0.7);opacity:0.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(-2000px) scale(0.7);opacity:0.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(2000px) scale(0.7);opacity:0.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(-700px) scale(0.7);opacity:0.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0) scaleY(3)}60%{opacity:1;transform:translate3d(0, 25px, 0) scaleY(0.9)}75%{transform:translate3d(0, -10px, 0) scaleY(0.95)}90%{transform:translate3d(0, 5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(25px, 0, 0) scaleX(1)}75%{transform:translate3d(-10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px, 0, 0) scaleX(1)}75%{transform:translate3d(10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(-5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, 3000px, 0) scaleY(5)}60%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}75%{transform:translate3d(0, 10px, 0) scaleY(0.95)}90%{transform:translate3d(0, -5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.animate__bounceOut{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, 2000px, 0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(-2000px, 0, 0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(2000px, 0, 0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, -2000px, 0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, -100%, 0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, -100%, 0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, 100%, 0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, 100%, 0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:flipOutX;backface-visibility:visible !important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%, 0, 0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%, 0, 0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%, 0, 0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.animate__slideOutUp{animation-name:slideOutUp}:host{display:flex;flex-direction:row;position:absolute;height:100%;min-height:-moz-min-content;min-height:min-content;z-index:var(--theme-z-index-sticky);width:auto;bottom:0}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tabs{height:100%;position:relative;overflow-y:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .tabs:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .show-scrollbar{scrollbar-width:inherit}:host .show-scrollbar::-webkit-scrollbar{display:inherit}:host .tabs-shadow-container{overflow:hidden;display:block;position:relative;margin-bottom:0.75rem;flex:1 1 auto;min-height:0}:host .menu-navigation{display:flex;flex-direction:column;min-height:0}:host .menu-navigation.menu-navigation--fill{flex:1 1 auto}:host .menu-navigation:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .tabs--shadow{opacity:0;position:absolute;width:100%;height:0.625rem;background:linear-gradient(var(--theme-color-shadow-1), transparent);pointer-events:none;z-index:var(--theme-z-index-sticky);transition:opacity var(--theme-default-time)}:host .tabs--shadow-top{top:0;background:linear-gradient(var(--theme-color-shadow-1), transparent)}:host .tabs--shadow-bottom{bottom:0;background:linear-gradient(transparent, var(--theme-color-shadow-1))}:host .tabs--shadow--show{opacity:1}:host .menu{display:flex;flex-direction:column;position:relative;width:calc(3.25rem + var(--ix-application-menu-safe-area-left, 0rem));height:100%;padding-block-end:calc(1rem + var(--ix-safe-area-inset-bottom, 0rem));overflow:hidden;padding-left:var(--ix-application-menu-safe-area-left, 0rem)}:host .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}:host .menu{background-color:var(--theme-nav--background);transition:width var(--theme-default-time) ease-in-out}:host .menu-overlay{display:none;position:absolute;width:calc(100vw - 3.25rem);height:100%;left:3.25rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:left var(--theme-default-time) ease-in-out}:host .menu-overlay.visible{display:block}:host .menu.expanded{width:16rem}:host .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}:host .menu-overlay-container{display:contents}:host .menu-avatar{max-height:3rem}:host .avatar{margin-bottom:2rem}:host #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}:host #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}:host #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}:host .bottom-tab-divider{margin-top:auto}:host .menu-buttons{margin:0.75rem 0 0 0.625rem}:host .menu-buttons:not(:empty){margin-bottom:0.75rem}:host(.breakpoint-sm) .menu:not(.expanded){width:0}:host(.breakpoint-sm) .menu-overlay{left:0;width:100vw}:host(.breakpoint-lg){position:relative}:host(.breakpoint-lg) .menu.expanded{box-shadow:none}:host ::slotted(a[href]){all:unset}";export{_ as ix_menu}

package/dist/siemens-ix/p-5ff289c7.entry.js

@@ -1 +0,0 @@
-import{M as r,r as e,c as t,g as o,h as a,H as d}from"./p-EBgS4zhE.js";import{B as n}from"./p-B4oiZyZC.js";import{g as b,a as s}from"./p-C21npbUc.js";import{D as i}from"./p-BWgttsqY.js";import{I as l}from"./p-vphIrWGB.js";import"./p-HpQs38Y0.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const c=class extends(r(...i,l)){constructor(r){super(),e(this,r),this.pressedChange=t(this,"pressedChange",7)}variant="subtle-primary";outline=!1;ghost=!1;icon;oval=!1;pressed=!1;size="24";disabled=!1;loading=!1;pressedChange;get hostElement(){return o(this)}dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}getIconSizeClass(){return{"btn-icon-12":"12"===this.size,"btn-icon-16":"16"===this.size,"btn-icon-32":"24"===this.size}}render(){const r={variant:this.variant,iconOnly:!0,iconOval:this.oval,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,iconSize:this.size,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{...this.inheritAriaAttributes,"aria-pressed":s(this.pressed),"aria-label":this.inheritAriaAttributes["aria-label"]??b(this.icon)},extraClasses:{"icon-button":!0,...this.getIconSizeClass()}};return a(d,{key:"4a88b4c7a2378ef0f72ccc8256de227be868f8c8",class:{...this.getIconSizeClass(),disabled:this.disabled||this.loading}},a(n,{key:"e2801bf6e2f360c58fb16753b8e5f7f160647b67",...r}))}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}]}}};c.style=":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{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:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{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:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host .icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}";export{c as ix_icon_toggle_button}

package/dist/siemens-ix/p-601224bd.entry.js

@@ -1 +0,0 @@
-import{M as r,r as e,c as t,g as o,h as a,H as d,F as n}from"./p-EBgS4zhE.js";import{B as b}from"./p-HpQs38Y0.js";import{j as s}from"./p-DgUGsIlh.js";import{D as i}from"./p-BWgttsqY.js";import{I as l}from"./p-vphIrWGB.js";import"./p-C21npbUc.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const c=class extends(r(...i,l)){constructor(r){super(),e(this,r),this.itemClick=t(this,"itemClick",7)}get hostElement(){return o(this)}label;icon;href;target="_self";breadcrumbKey;rel;subtle=!1;invisible=!1;hideChevron=!1;isDropdownTrigger=!1;isCurrentPage=!1;itemClick;componentWillLoad(){super.componentWillLoad(),this.validateProps()}validateProps(){this.breadcrumbKey||console.warn('[IxBreadcrumbItem] The "breadcrumbKey" prop is required for breadcrumb items to function properly.',this.hostElement)}render(){if(this.invisible)return a(d,{class:"invisible","aria-hidden":!0});const r=this.label??this.hostElement.textContent?.trim(),e={...this.inheritAriaAttributes,"aria-label":this.inheritAriaAttributes["aria-label"]??r,...this.isCurrentPage?{"aria-current":"page"}:{}};return a(d,{class:{"hide-chevron":this.hideChevron},onClick:()=>this.itemClick.emit({breadcrumbKey:this.breadcrumbKey,label:this.label??this.hostElement.textContent?.trim()??""})},a(b,{variant:!this.hideChevron&&this.subtle?"subtle-primary":"tertiary",iconOnly:!1,iconOval:!1,disabled:!1,icon:this.icon,iconSize:"16",loading:!1,selected:!1,type:"button",tabIndex:-1!==this.hostElement.tabIndex?this.hostElement.tabIndex:0,extraClasses:{"dropdown-trigger":this.isDropdownTrigger},ariaAttributes:e,href:this.href,target:this.target,rel:this.rel,afterContent:a(n,null,!this.hideChevron&&a("ix-icon",{name:s,size:"16",class:"chevron"}))},this.label,a("slot",null)))}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],breadcrumbKey:[{validateProps:0}]}}};c.style=":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{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:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{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:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{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:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-right:0.25rem;max-width:15rem;min-width:0}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host li{display:contents}:host .btn{pointer-events:all;width:-moz-fit-content;width:fit-content;padding-right:0;padding-left:0.25rem}:host .chevron{pointer-events:none;margin-left:0.5rem;margin-right:0rem;color:var(--theme-color-soft-text)}:host ::slotted(a[href]){text-decoration:none !important}:host ::slotted(a[href]:active){text-decoration:none !important}:host(:last-child) .btn:not(.dropdown-trigger){color:var(--theme-color-soft-text)}:host(.hide-chevron){cursor:default}:host(.hide-chevron) .btn{padding-right:0.5rem;pointer-events:none}:host(.invisible){display:none}:host(:focus-visible){outline:none}";export{c as ix_breadcrumb_item}

package/dist/siemens-ix/p-6aa5adb4.entry.js

@@ -1 +0,0 @@
-import{r as t,g as e,h as i,H as o}from"./p-EBgS4zhE.js";import{c as s,a,r as n,s as r,o as c,d as l,b as h,h as d}from"./p-Bxrgt3H_.js";import{m}from"./p-Djkc69iv.js";import{b as p}from"./p-BClJdFQP.js";import{b}from"./p-CKoABG1h.js";const f=t=>null!==t?`${t}px`:"";let u=0;const y=class{constructor(e){t(this,e)}for;titleContent;interactive=!1;placement="top";showDelay=0;hideDelay=50;animationFrame=!1;get hostElement(){return e(this)}visible=!1;hideTooltipTimeout;showTooltipTimeout;visibleFor;disposeAutoUpdate;disposeTriggerListener;disposeTooltipListener;disposeDomChangeListener;hasDisconnected=!1;instance=u++;dialogRef=m();get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}async showTooltip(t){if(this.clearTimeouts(),this.showTooltipTimeout||this.visibleFor===t)return;const e=await this.dialogRef.waitForCurrent();this.showTooltipTimeout=setTimeout((()=>{this.setAnchorElement(t),e.showPopover(),this.applyTooltipPosition(t,e),this.registerTooltipListener(e)}),this.showDelay)}async hideTooltip(t=this.hideDelay){if(this.clearTimeouts(),this.hideTooltipTimeout||!this.visible)return;this.interactive&&50===t&&(t=150);const e=await this.dialogRef.waitForCurrent();this.hideTooltipTimeout=setTimeout((()=>{this.setAnchorElement(),e.hidePopover(),this.disposeAutoUpdate?.(),this.disposeTooltipListener?.()}),t)}setAnchorElement(t){t?(this.visibleFor=t,this.visible=!0):(this.visibleFor=void 0,this.visible=!1)}computeArrowPosition({placement:t,middlewareData:e}){let{x:i,y:o}=e.arrow;const s={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...s,left:f(i),bottom:f(-6)}:t.startsWith("right")?{...s,left:f(-6),top:f(o)}:t.startsWith("bottom")?{...s,left:f(i),top:f(-6)}:t.startsWith("left")?{...s,right:f(-6),top:f(o)}:void 0}async computeTooltipPosition(t,e){return s(t,e,{strategy:"fixed",placement:this.placement,middleware:[r(),c(12),l({element:this.arrowElement}),h({fallbackStrategy:"initialPlacement",fallbackAxisSideDirection:"end",padding:10}),d()]})}applyTooltipArrowPosition(t){const e=this.computeArrowPosition(t);Object.assign(this.arrowElement.style,e)}async applyTooltipPosition(t,e){if(t)return new Promise((i=>{this.disposeAutoUpdate?.(),this.disposeAutoUpdate=a(t,e,(async()=>{const o=await this.computeTooltipPosition(t,e),s=o.middlewareData.hide?.referenceHidden;s&&(this.hideTooltip(0),i(o)),o.middlewareData.arrow&&this.applyTooltipArrowPosition(o);const{x:a,y:n}=o;Object.assign(e.style,{left:f(a),top:f(n)}),i(o)}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0,animationFrame:this.animationFrame})}))}async queryAnchorElements(){if(this.for)return Array.isArray(this.for)?this.resolveElements(this.for):this.resolveElements([this.for])}async resolveElements(t){const e=[];return await Promise.all(t.map((async t=>{if("string"==typeof t){const i=await n(t,this.hostElement);i&&e.push(...i)}else t instanceof HTMLElement?e.push(t):t instanceof Promise&&e.push(await t)}))),e}async registerTriggerListener(){this.disposeTriggerListener?.();const t=await this.queryAnchorElements();if(!t)return;const e=[];t.forEach((t=>{e.push({element:t,eventType:"mouseenter",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focus",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}})})),this.disposeTriggerListener=b(e)}registerTooltipListener(t){this.disposeTooltipListener?.(),this.disposeTooltipListener=b([{element:t,eventType:"mouseenter",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"focus",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}},{element:t,eventType:"click",callback:t=>{t.stopPropagation()}},{element:document,eventType:"keydown",callback:t=>{"Escape"===t.key&&this.hideTooltip()}}])}registerDomChangeListener(){this.disposeDomChangeListener?.();const t=new MutationObserver((()=>{this.registerTriggerListener()}));t.observe(document.body,{attributes:!0,attributeFilter:["data-ix-tooltip"],childList:!0,subtree:!0}),this.disposeDomChangeListener=()=>{t.disconnect()}}clearHideTimeout(){clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=void 0}clearShowTimeout(){clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=void 0}clearTimeouts(){this.clearHideTimeout(),this.clearShowTimeout()}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){this.registerDomChangeListener()}connectedCallback(){this.hasDisconnected&&(this.registerTriggerListener(),this.registerDomChangeListener())}disconnectedCallback(){this.hasDisconnected=!0,this.clearTimeouts(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeTooltipListener?.(),this.disposeDomChangeListener?.()}handleTitleIconSlotChange(t){const e=p(t.target);for(const t of e)"ix-icon"===t.tagName.toLowerCase()&&(t.size="16")}render(){return i(o,{key:"0f6b71f1d7096159c1e46db95ef86bdb36a44a89",role:"tooltip",class:{visible:this.visible}},i("dialog",{key:"18b008f2893571c2bc622ce1d38b689249d2ee69",ref:this.dialogRef,id:"tooltip-"+this.instance,class:"dialog",popover:"manual",inert:!this.visible},i("div",{key:"c9187964c594fbea4db6b1cebbfe98d67d65313a",class:"tooltip-container"},i("div",{key:"0985c556e7d2e9e8724ce4c26e5ead76c05f4cd4",class:"content-wrapper"},i("div",{key:"5e591fc49ce4d3c024ac5d36f5cf72ca7dcb7378",class:"tooltip-title"},i("slot",{key:"0272be6880ecc327d2bc0ee522ee1463eed46a27",name:"title-icon",onSlotchange:t=>this.handleTitleIconSlotChange(t)}),i("ix-typography",{key:"0ab372fdaa7e58f13cfcf7f12386a85dfef017bc",format:"h5"},this.titleContent,i("slot",{key:"2b894def397eb375849718fa7cb823dbf2e23209",name:"title-content"}))),i("slot",{key:"58421e3dc922c33c96f9335a3972c821e29368b2"}),i("div",{key:"c0c7cf5776e4db777af7f635b042178814973dd1",class:"arrow"})))))}};y.style='.dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex}.tooltip-title ::slotted(ix-icon){margin:0.125rem 0.25rem 0.125rem 0}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}';export{y as ix_tooltip}

package/dist/siemens-ix/p-703c7e7c.entry.js

@@ -1 +0,0 @@
-import{M as t,r as e,c as i,g as s,h as o,H as r}from"./p-EBgS4zhE.js";import{f as a,i as n,s as h,o as d,a as l,b as c,c as m}from"./p-Bxrgt3H_.js";import{a as b}from"./p-CKoABG1h.js";import{a as u}from"./p-3pidUFd-.js";import{q as p,c as g,I as w,d as v,e as f,f as k,a as x}from"./p-6ZxKp7Jn.js";import{D as y,r as E,h as C}from"./p-BWgttsqY.js";import{m as A}from"./p-Djkc69iv.js";import{r as I}from"./p-BEuV0Xpe.js";import{d as D,h as S}from"./p-BbwShqw_.js";import{T,j}from"./p-DgUGsIlh.js";import{a as F}from"./p-C21npbUc.js";import{C as O}from"./p-CUbYLenp.js";import{F as R}from"./p-CXbob2Ew.js";import"./p-BClJdFQP.js";import"./p-CNLoALIl.js";const z=["ix-dropdown-item","ix-select-item","ix-menu-item","ix-menu-category"],P=z.map((t=>`${t}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),L=z.map((t=>`${t}.${w}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),U=(t,e,i=P)=>e&&e.matches(i)?t.findIndex((t=>t===e)):-1;let B=0;const K=class extends(t(...y)){constructor(t){super(),e(this,t),this.showChange=i(this,"showChange",7),this.showChanged=i(this,"showChanged",7),this.experimentalRequestFocus=i(this,"experimentalRequestFocus",7),this.experimentalFocusNextElement=i(this,"experimentalFocusNextElement",7)}get hostElement(){return s(this)}suppressAutomaticPlacement=!1;show=!1;trigger;anchor;closeBehavior="both";placement="bottom-start";positioningStrategy="fixed";header;suppressTriggerVisibilityCheck=!1;disableFocusHandling=!1;disableFocusTrap=!1;enableTopLayer=!1;focusCheckedItem=!1;keyboardActivationKeys=["Home","End","ArrowDown","ArrowUp","Enter"," "];keyboardItemTriggerKeys=["Enter"," "];offset;overwriteDropdownStyle;discoverAllSubmenus=!1;ignoreRelatedSubmenu=!1;suppressOverflowBehavior=!1;focusHost;focusTrapOptions;hostRole;callbackFocusElement;showChange;showChanged;fallbackPlacement;experimentalRequestFocus;experimentalFocusNextElement;autoUpdateCleanup;dialogRef=A();intersectObserverTrigger;triggerElement;anchorElement;forwardQueryElement=null;dropdownElementId="dropdown-"+B++;assignedSubmenu=[];keyboardNavigationCleanup;focusUtilities;connectedCallback(){D.connected(this),null!=this.trigger&&this.registerListener(this.trigger)}cacheSubmenuId(t){t.stopImmediatePropagation(),t.preventDefault();const{detail:e}=t;-1===this.assignedSubmenu.indexOf(e)&&this.assignedSubmenu.push(e)}disconnectedCallback(){D.dismiss(this),D.disconnected(this),this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}getAssignedSubmenuIds(){return this.assignedSubmenu}isPresent(){return this.show}present(){this.show=!0}dismiss(){this.show=!1}getId(){return this.dropdownElementId}willDismiss(){const{defaultPrevented:t}=this.showChange.emit(!1);return!t}willPresent(){const{defaultPrevented:t}=this.showChange.emit(!0);return!t}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}get slotElement(){return this.hostElement.shadowRoot.querySelector("slot")}disposeClickListener;disposeKeyListener;toggleController(){this.isPresent()?D.dismiss(this):D.present(this),D.dismissOthers(this.getId())}onTriggerClick=t=>this.handleTriggerClick(t);handleTriggerClick(t){t.defaultPrevented||this.toggleController()}onTriggerKeydown=t=>this.handleTriggerKeydown(t);handleTriggerKeydown(t){const e=e=>I((async()=>{let i=!1;this.callbackFocusElement&&(i=await this.callbackFocusElement(t)??!1),i||v(e,void 0,{focusCheckedItem:this.focusCheckedItem})})),i=e=>I((async()=>{let i=!1;this.callbackFocusElement&&(i=await this.callbackFocusElement(t)??!1),i||f(e)}));if(("Escape"===t.key||!0===this.disableFocusTrap&&"Tab"===t.key)&&this.show)D.dismiss(this);else if(!this.show&&(this.keyboardActivationKeys??["Home","End","ArrowUp","ArrowDown"," ","Enter"]).includes(t.key)){if(this.isAnchorSubmenu())this.disableFocusHandling||(this.callbackFocusElement?this.callbackFocusElement(t):"ArrowUp"===t.key||"End"===t.key?i(this.hostElement):e(this.hostElement));else if(t.defaultPrevented||this.toggleController(),this.disableFocusHandling)t.stopImmediatePropagation(),t.preventDefault();else{if(t.altKey)return;"ArrowUp"===t.key||"End"===t.key?i(this.hostElement):e(this.hostElement)}this.experimentalRequestFocus.emit({keyEvent:t}),t.preventDefault()}}addEventListenersFor(){this.triggerElement&&(this.disposeClickListener||(this.disposeClickListener=b(this.triggerElement,"click",this.onTriggerClick)),this.disposeKeyListener||(this.disposeKeyListener=b(this.triggerElement,"keydown",this.onTriggerKeydown)),this.triggerElement?.setAttribute("data-ix-dropdown-trigger",this.dropdownElementId))}async discoverSubmenu(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-menu",{bubbles:!0,composed:!0,cancelable:!0,detail:this.dropdownElementId}))}registerKeyListener(){}async registerListener(t){this.triggerElement=await this.resolveElement(t),this.triggerElement&&(this.addEventListenersFor(),this.discoverSubmenu())}addObserverForTriggerVisibility(){this.intersectObserverTrigger&&this.intersectObserverTrigger.disconnect(),this.suppressTriggerVisibilityCheck||this.triggerElement&&(this.intersectObserverTrigger=new IntersectionObserver((t=>{t.forEach((t=>{if(!t.isIntersecting)return void D.dismiss(this);const e=t.intersectionRect.top>t.boundingClientRect.top,i=t.intersectionRect.bottom<t.boundingClientRect.bottom,s=t.intersectionRect.left>t.boundingClientRect.left,o=t.intersectionRect.right<t.boundingClientRect.right;this.fallbackPlacement=void 0,e&&(this.fallbackPlacement=this.createFallbackPlacement("bottom")),i&&(this.fallbackPlacement=this.createFallbackPlacement("top")),s&&(this.fallbackPlacement=this.createFallbackPlacement("right")),o&&(this.fallbackPlacement=this.createFallbackPlacement("left"))}))}),{threshold:[0,.5,1]}),this.intersectObserverTrigger.observe(this.anchorElement))}createFallbackPlacement(t){return`${t}-${this.placement.endsWith("-end")?"end":"start"}`}async resolveElement(t){const e=await a(t);return this.checkForSubmenuAnchor(e)}async checkForSubmenuAnchor(t){if(t)return S(t)&&((await t.getDropdownItemElement()).isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),"IX-DROPDOWN-ITEM"===t.tagName&&(t.isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),t}async resolveAnchorElement(){this.anchor?this.anchorElement=await this.resolveElement(this.anchor):this.trigger&&(this.anchorElement=await this.resolveElement(this.trigger))}async changedShow(t){if(!t)return this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="false"),this.cleanupOnHide(),void(this.enableTopLayer&&await this.hideDialog());if(await this.resolveAnchorElement(),this.registerKeyListener(),this.disableFocusHandling||this.callbackFocusElement||(this.keyboardNavigationCleanup=((t,e={})=>{const i=e.querySelector??P,s=e.activeQuerySelector??L,o=e.itemTriggerKeys??["ArrowRight","Enter"," "],r=e.getActiveElement??(()=>p(t(),s)[0]),a=e.setItemActive??(t=>(t=>{I((async()=>{let e=t;t.matches("ix-menu-category")&&(e=t.shadowRoot.querySelector(".category-parent")),e&&(g(e),I((()=>e.scrollIntoView({block:"nearest"}))))}))})(t)),n=async n=>{const h=r();let d=[];try{t().querySelectorAll("slot").length>0&&(d=Array.from(t().querySelectorAll("slot")).flatMap((t=>Array.from(t.assignedElements({flatten:!0})).flatMap((t=>t?.matches(i)?[t]:Array.from(t.querySelectorAll(i))))))),d=[...d,...Array.from(t().querySelectorAll(i))]}catch(t){}switch(e.beforeKeydown&&e.beforeKeydown(n),n.key){case"ArrowLeft":t().dispatchEvent(new CustomEvent("ix-close-submenu",{bubbles:!0,cancelable:!0}));break;case"ArrowDown":{if(n.altKey)return;n.preventDefault();const t=((t,e,i=L)=>{const s=U(t,e,i)+1;return t[s>=t.length?0:s]})(d,h,s);void 0!==t&&a(t);break}case"ArrowUp":{if(n.altKey)return;n.preventDefault();const t=((t,e,i=L)=>{const s=U(t,e,i)-1;return t[s<0?t.length-1:s]})(d,h,s);void 0!==t&&a(t);break}case"Home":{n.preventDefault();const t=d[0];void 0!==t&&a(t);break}case"End":{n.preventDefault();const t=d[d.length-1];void 0!==t&&a(t);break}case"ArrowRight":case" ":case"Enter":if(h&&h.hasAttribute("data-ix-dropdown-trigger")){const t=new CustomEvent("ix-open-submenu",{bubbles:!0,cancelable:!0,detail:{activeElement:h}});return void h.dispatchEvent(t)}}o.includes(n.key)&&e.onItemActivation?.(n,h)},h=(e.getEventListenerTarget??(()=>t()))();return h.addEventListener("keydown",n),()=>h.removeEventListener("keydown",n)})((()=>this.forwardQueryElement??this.focusHost??this.hostElement),{getEventListenerTarget:()=>this.triggerElement??this.anchorElement,onItemActivation:(t,e)=>{t.preventDefault(),e?.click()},itemTriggerKeys:this.keyboardItemTriggerKeys})),this.disableFocusTrap||u(this.focusHost??this.hostElement,this.focusTrapOptions).then((t=>{this.focusUtilities=t})),this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="true"),this.enableTopLayer){const t=await this.dialogRef.waitForCurrent();if(!t)return;t.showPopover()}this.addObserverForTriggerVisibility(),this.applyDropdownPosition()}async emitShowChanged(t){I((()=>this.showChanged.emit(t)))}changedTrigger(t,e){t&&t!==e&&(this.disposeClickListener?.(),this.disposeClickListener=void 0,this.disposeKeyListener?.(),this.disposeKeyListener=void 0),this.registerListener(t)}applyFallbackPosition(t){I((()=>{const e=(this.hostElement.parentElement||this.hostElement).getBoundingClientRect(),i=`translate(${Math.round(e.left)}px, ${Math.round(e.top)}px)`;Object.assign(t.style,{top:"0",left:"0",transform:i})}))}async hideDialog(){const t=await this.dialogRef.waitForCurrent();t?.matches(":popover-open")&&t.hidePopover()}cleanupOnHide(){this.intersectObserverTrigger?.disconnect(),this.destroyAutoUpdate(),this.keyboardNavigationCleanup?.(),this.focusUtilities?.destroy(),this.resetForwardQueryElement(),E(),!this.disableFocusTrap&&C()&&I((()=>{this.triggerElement?.focus()}))}destroyAutoUpdate(){this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}isAnchorSubmenu(){return!!S(this.anchorElement)||!!this.anchorElement?.closest("ix-dropdown-item")}async applyDropdownPosition(){const t=this.enableTopLayer?await this.dialogRef.waitForCurrent():this.hostElement;if(!this.show)return;if(!t)return;if(!this.anchorElement)return void this.applyFallbackPosition(t);const e=this.anchorElement,i=this.isAnchorSubmenu();let s=this.positioningStrategy;this.enableTopLayer&&(s="fixed");let o={strategy:s,middleware:[]};this.suppressAutomaticPlacement||o.middleware?.push(c({fallbackStrategy:"initialPlacement"}));let r=this.placement;!1===this.suppressTriggerVisibilityCheck&&this.fallbackPlacement&&(r=this.fallbackPlacement),o.placement=i?"right-start":r,o.middleware=[...o.middleware?.filter(Boolean)||[],n(),h()],this.offset&&o.middleware.push(d(this.offset)),this.destroyAutoUpdate(),this.autoUpdateCleanup=l(e,t,(async()=>{const i=await m(e,t,o);if(this.hostElement.dataset.ixDropdownPlacement=i.placement,Object.assign(t.style,{top:"0",left:"0",transform:`translate(${Math.round(i.x)}px,${Math.round(i.y)}px)`}),this.overwriteDropdownStyle){const e=await this.overwriteDropdownStyle({dropdownRef:t,triggerRef:this.triggerElement});Object.assign(t.style,e)}}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0})}async componentDidLoad(){this.trigger&&this.changedTrigger(this.trigger,void 0)}async componentDidRender(){await this.applyDropdownPosition(),await this.resolveAnchorElement()}isTriggerElement(t){return!!t.hasAttribute("data-ix-dropdown-trigger")}onDropdownClick(t){const e=D.pathIncludesTrigger(t.composedPath());e&&(e!==this.triggerElement&&t.preventDefault(),this.isTriggerElement(e))?"outside"===this.closeBehavior&&t.preventDefault():t.defaultPrevented||"inside"!==this.closeBehavior&&"both"!==this.closeBehavior?D.dismissOthers(this.getId()):D.dismissAll([this.getId()],this.ignoreRelatedSubmenu)}async updatePosition(){this.applyDropdownPosition()}openSubmenu(t){const e=this.getAssignedSubmenuIds();0!==e.length&&(t.detail.activeElement.classList.add("ix-dropdown-submenu-trigger-active"),D.present(D.getDropdownById(e[0])),this.forwardQueryElement=D.getDropdownById(e[0]).hostElement,I((()=>{v(D.getDropdownById(e[0]).hostElement)})))}closeSubmenu(){const t=D.getParentDropdownId(this.getId());if(t){const e=D.getDropdownById(t),i=p(e?.hostElement,".ix-dropdown-submenu-trigger-active");if(D.dismissChildren(t),e&&i.length>0){const t=i[0];t.classList.remove("ix-dropdown-submenu-trigger-active"),e.hostElement.resetForwardQueryElement(),I((()=>{k(t,e.hostElement)}))}}}async resetForwardQueryElement(){this.forwardQueryElement=null}render(){const t={};return this.triggerElement&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName?(t["aria-labelledby"]=this.triggerElement.id,t["aria-owns"]=this.triggerElement.id,t.role="menu"):this.hostRole&&(t.role=this.hostRole),o(r,{key:"316324b74a3654414f8ae385cec8a0fb7b5d2906",...t,"aria-modal":"true","data-ix-dropdown":this.dropdownElementId,"data-ix-focus-trap":!0,class:{"dropdown-menu":!0,show:this.show,overflow:!this.suppressOverflowBehavior&&!this.enableTopLayer},style:this.enableTopLayer?{}:{margin:"0",minWidth:"0px",position:this.positioningStrategy},onClick:t=>this.onDropdownClick(t)},this.enableTopLayer?o("dialog",{role:"presentation",ref:this.dialogRef,class:{dialog:!0,overflow:!this.suppressOverflowBehavior},popover:"manual",tabindex:-1,onClick:t=>this.onDropdownClick(t)},o("div",{class:"dropdown-container"},this.header&&o("div",{class:"dropdown-header"},this.header),this.show&&o("slot",null))):o("div",{style:{display:"contents"},role:"presentation"},this.header&&o("div",{class:"dropdown-header"},this.header),this.show&&o("slot",null)))}static get watchers(){return{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}}};K.style=":host{background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);min-width:0px;z-index:var(--theme-z-index-dropdown);box-shadow:var(--theme-shadow-4);padding:0.25rem 0px}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}:host(.overflow){max-height:calc(50vh - 3rem);overflow-y:auto}:host(:not(.show)){display:none !important}.dialog{margin:0;border:none;outline:none;padding:0.25rem 0px;min-width:0;max-width:100vw;width:-moz-max-content;width:max-content;height:-moz-fit-content;height:fit-content;background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);box-shadow:var(--theme-shadow-4);overflow-x:visible;overflow-y:visible;inset:unset;color-scheme:inherit;color:var(--theme-color-std-text);box-sizing:border-box}.dialog *,.dialog *::after,.dialog *::before{box-sizing:border-box}.dialog .dropdown-container{display:block;position:relative}.dialog .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dialog.overflow{max-height:calc(50vh - 3rem);overflow-y:auto}";const M=class extends(t(...y,O,R)){constructor(t){super(),e(this,t),this.itemClick=i(this,"itemClick",7)}get hostElement(){return s(this)}label;icon;ariaLabelIcon;ariaLabelButton;hover=!1;disabled=!1;checked=!1;itemRole="menuitem";isSubMenu=!1;suppressChecked=!1;hasVisualFocus=!1;itemClick;async emitItemClick(){this.itemClick.emit(this.hostElement)}async getDropdownItemElement(){return this.hostElement}isIconOnly(){return void 0===this.label&&""===this.hostElement.innerText&&void 0!==this.icon}render(){const t=this.getHostElementId();let e={};return this.isSubMenu&&(e={"aria-haspopup":"menu","aria-expanded":"false"}),o(r,{key:"e4f4f504f7b7516fb07ad1ce36b7240717ad636a",id:t,role:this.itemRole,"aria-disabled":F(this.disabled),"aria-label":this.hostElement.ariaLabel??this.ariaLabelButton,class:{hover:this.hover,"icon-only":this.isIconOnly(),disabled:this.disabled,submenu:this.isSubMenu,[x]:!this.disabled,"outline-visible":this.hasVisualFocus},onClick:()=>{this.disabled||this.emitItemClick()},onKeyDown:t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||this.emitItemClick()},...e},o("div",{key:"37d1e888552d1df2bc11f5770ed6139017c9ec7c",class:{"dropdown-item":!0,"no-checked-field":this.suppressChecked,disabled:this.disabled}},this.suppressChecked?null:o("div",{class:"dropdown-item-checked"},this.checked?o("ix-icon",{"aria-hidden":"true",class:"checkmark",name:T,size:"16"}):null),this.icon?o("ix-icon",{class:"dropdown-item-icon",name:this.icon,"aria-label":this.ariaLabelIcon}):null,o("div",{key:"506fac0929e4ddf30ae8691d0213d8404a94ee8b",class:"dropdown-item-text"},this.label,o("slot",{key:"38bafe3f689f41609c79bca2f39a47a2064338af"})),this.isSubMenu?o("ix-icon",{name:j,class:"submenu-icon"}):null))}static get watchers(){return{ixFocusVisible:[{$internal_checkAriaSelected:0}]}}};M.style=":host{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);border:0.0625rem solid transparent;white-space:nowrap;width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem}:host .dropdown-item.no-checked-field{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}:host .dropdown-item-checked{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}:host .dropdown-item-icon{margin-right:0.5rem;color:var(--theme-color-std-text)}:host .dropdown-item-text{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host .submenu-icon{margin-left:auto}:host(.icon-only) .dropdown-item-icon{margin-right:0px}:host(.icon-only) .dropdown-item-checked{display:none}:host(.icon-only) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(.submenu) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(:not(.disabled):not(:disabled).hover),:host(:not(.disabled):not(:disabled):hover){background-color:var(--theme-ghost--background--hover)}:host(:not(.disabled):not(:disabled).active),:host(:not(.disabled):not(:disabled):active){background-color:var(--theme-ghost--background--active)}:host(.disabled){pointer-events:none;color:var(--theme-color-weak-text) !important}:host(.disabled) .dropdown-item-icon{color:var(--theme-color-weak-text) !important}:host(:focus-visible){outline:none}:host(:focus-visible) .dropdown-item{border-color:var(--theme-color-focus-bdr)}:host(.ix-focused){outline:none}:host(.ix-focused) .dropdown-item{border-color:var(--theme-color-focus-bdr)}:host(.outline-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:-0.0625rem}:host([hidden]){display:none !important}";export{K as ix_dropdown,M as ix_dropdown_item}

package/dist/siemens-ix/p-71a31d92.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,g as o,h as r,H as d}from"./p-EBgS4zhE.js";import{c as i}from"./p-CX81WQtk.js";import{h as s}from"./p-BClJdFQP.js";import{t as a,h as n}from"./p-DgUGsIlh.js";const h=class{constructor(o){e(this,o),this.selectGroup=t(this,"selectGroup",7),this.selectItem=t(this,"selectItem",7),this.expandedChanged=t(this,"expandedChanged",7)}get hostElement(){return o(this)}suppressHeaderSelection=!1;header;subHeader;expanded=!1;selected=!1;index;expandOnHeaderClick=!1;selectGroup;selectItem;expandedChanged;itemSelected=!1;slotSize=0;footerVisible=!1;showExpandCollapsedIcon=!1;hasDropdown=!1;observer=null;selectedChanged(e){!1===e&&this.changeItemIndex()}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-dropdown-item"))}get groupItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-item:not(.footer)"))}get groupContent(){return this.hostElement.shadowRoot?.querySelector(".group-content")}onExpandClick(e){const t=this.expanded;this.expanded=!this.expanded;const{defaultPrevented:o}=this.expandedChanged.emit(this.expanded);e.stopPropagation(),o&&(this.expanded=t)}onHeaderClick(e){this.suppressHeaderSelection?this.onExpandClick(e):(this.changeHeaderSelection(!this.selected),this.changeItemIndex())}changeHeaderSelection(e){const t=this.selected,o=e;this.selected=o;const{defaultPrevented:r}=this.selectGroup.emit(o);r&&(this.selected=t)}changeItemIndex(e){const t=this.index,o=e===this.index?void 0:e;if(this.index===o)return;this.index=o;const{defaultPrevented:r}=this.selectItem.emit(o);if(r)return void(this.index=t);const d=this.groupItems;d.forEach(((e,t)=>{e.selected=t===this.index})),this.itemSelected=d.some((e=>e.selected))}onSlotChange(){const e=this.hostElement.shadowRoot?.querySelector('slot[name="footer"]');e&&(this.footerVisible=s(e))}checkDropdownSlot(){this.hasDropdown=!!this.hostElement.querySelector('[slot="dropdown"]')}componentWillRender(){this.groupItems.forEach(((e,t)=>{e.selected=t===this.index,e.index=t})),this.checkDropdownSlot()}componentDidLoad(){this.observer=i((()=>{this.slotSize=this.groupItems.length})),this.groupContent&&(this.observer.observe(this.groupContent,{childList:!0}),this.checkDropdownSlot(),this.slotSize=this.groupItems.length)}disconnectedCallback(){this.observer&&this.observer.disconnect()}onItemClicked(e){if(e.target instanceof HTMLElement){const t=this.groupItems.indexOf(e.target);this.changeItemIndex(t)}}render(){return r(d,{key:"f56b013952f4978b036193d55e216f7e1f271031"},r("div",{key:"9dfee69b32d0b68d140623e7019640e2590ec2d4",class:{"group-header":!0,expand:this.expanded,selected:this.selected},tabindex:"0"},r("div",{key:"e1d2bf627cd0ed4d43a9b33831cd29be78a97c6d",class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},r("div",{key:"4f7dff297456b0a0ff4ca93db16fe365d7760dfd",class:{"group-header-selection-indicator":!0,"group-header-selection-indicator-item-selected":this.itemSelected}}),r("div",{key:"5b10de668b6a4f7cee2937d4da6225a1237b72cb",class:"btn-expand-header"},r("ix-icon",{key:"da2beae25ed7720d46b7f168ee2cb1acabf3b215","data-testid":"expand-collapsed-icon",class:{hidden:!this.showExpandCollapsedIcon},name:this.expanded?a:n,onClick:e=>this.onExpandClick(e)})),r("div",{key:"c5d422508f12b3e00f5fde6892d0ba8596c04ba1",class:"group-header-content"},this.header?r("div",{class:"group-header-props-container"},r("div",{class:"group-header-title"},r("span",{title:this.header},this.header)),r("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,r("slot",{key:"46bdd2e2b88d5805a3ce26143766b64bc7cec7e4",name:"header"}))),this.hasDropdown&&r("ix-group-context-menu",{key:"50375ddf2cb1a42530ce096e08403c6c6e1ed9f5"},r("slot",{key:"cc78c4a6b9ad383e17bd62090df99c3c0c56e377",name:"dropdown"}))),r("div",{key:"c4eb114ff535fdc9a356d7344feed441019f1c8b",class:{"group-content":!0}},r("div",{key:"80f250870c587563c3447417debf7b8fe8d61c1c",style:{display:this.expanded?"contents":"none"}},r("slot",{key:"a3c6af2dcd96a8bc9bbcade86a8e031b3e3c7fb0",onSlotchange:()=>{const e=this.hostElement.shadowRoot?.querySelector("slot:not([name])");this.showExpandCollapsedIcon=s(e)}}),r("ix-group-item",{key:"a92adbfd1177080cd034cb91b87d11f2cf6ef924",class:{footer:!0,"footer-visible":this.footerVisible},groupFooter:!0,suppressSelection:!0},r("slot",{key:"55f1fb62d4ee9afb2808c3330b607e1e0fed5ec4",name:"footer",onSlotchange:()=>this.onSlotChange()})))))}static get watchers(){return{selected:[{selectedChanged:0}]}}};h.style=":host{display:flex;flex-direction:column;position:relative;width:19.75rem;min-width:12rem;border-color:var(--theme-group-item--border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header{height:4rem;min-height:4rem;max-height:4rem;border-radius:var(--theme-group--border-radius) var(--theme-group--border-radius) 0 0;display:flex;background-color:var(--theme-group-item--background);color:var(--theme-group-header--color);cursor:pointer}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):hover,:host .group-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-group-item--background--hover)}:host .group-header:not(.disabled):not(:disabled):hover.selected,:host .group-header:not(.disabled):not(:disabled).hover.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):active,:host .group-header:not(.disabled):not(:disabled).active{background-color:var(--theme-group-item--background--active)}:host .group-header:not(.disabled):not(:disabled):active.selected,:host .group-header:not(.disabled):not(:disabled).active.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled):focus-visible{height:calc(4rem - 2px);min-height:calc(4rem - 2px);border:1px solid var(--theme-color-focus-bdr);border-radius:var(--theme-default-border-radius) var(--theme-default-border-radius) 0px 0px;outline:none}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-selection-indicator{width:calc(0.25rem - 1px)}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-content{padding:calc(0.5rem - 1px) calc(0.5rem - 1px) calc(0.5rem - 1px) 0}:host .group-header:not(.disabled):not(:disabled):focus-visible .btn-expand-header{margin-top:calc(0.5rem - 1px);margin-bottom:calc(0.5rem - 1px)}:host .group-header.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header.selected .group-header-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header .group-header-selection-indicator{background-color:var(--theme-color-input--focus)}:host .group-header .group-header-selection-indicator.group-header-selection-indicator-item-selected{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header-clickable{display:flex;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-selection-indicator{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}:host .group-header-content{display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-header-props-container{width:100%}:host .group-header-content .group-header-title{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}:host .group-header-content .group-header-title>*{min-width:0;padding-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-subheader{height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .expand-icon{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}:host .btn-expand-header{margin:0.5rem;margin-inline-end:0.25rem;min-width:1.5rem}:host .group-content{display:flex;flex-direction:column;gap:1px;margin-top:1px}:host .footer{visibility:collapse;height:auto;min-height:0}:host .footer-visible{visibility:visible}:host .hidden{display:none}";export{h as ix_group}

package/dist/siemens-ix/p-71a5fae5.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,g as a,h as e,H as s}from"./p-EBgS4zhE.js";import{c as r,a as i,b as n,d as c,y as l}from"./p-DgUGsIlh.js";const d=class{constructor(a){t(this,a),this.closeToast=o(this,"closeToast",7)}type="info";toastTitle;autoCloseDelay=5e3;preventAutoClose=!1;icon;iconColor;hideIcon=!1;ariaLabelCloseIconButton="Close toast";closeToast;progress=0;touched=!1;paused=!1;get hostElement(){return a(this)}getIcon(){if(this.icon)return e("ix-icon",{"data-testid":"toast-icon",name:this.icon,color:this.iconColor,size:"24"});switch(this.type){case"info":return e("ix-icon",{"data-testid":"toast-icon",name:c,size:"24",color:"color-std-text"});case"error":return e("ix-icon",{"data-testid":"toast-icon",name:n,size:"24",color:"color-alarm"});case"success":return e("ix-icon",{"data-testid":"toast-icon",name:i,size:"24",color:"color-success"});case"warning":return e("ix-icon",{"data-testid":"toast-icon",name:r,size:"24",color:"color-warning-text"});default:return""}}close(){this.hostElement&&this.hostElement.classList.add("animate__fadeOut"),setTimeout((()=>{this.closeToast.emit()}),250)}async pause(){this.paused=!0}async resume(){this.paused=!1}async isPaused(){return this.paused||this.touched}render(){let t={};const o=["toast-progress-bar"];return t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched||this.paused?"paused":"running"},o.push("toast-progress-bar--animated"),e(s,{key:"f786bd46ed3cf18e869aa03c1af675f69bdcf75d",role:"alert","aria-live":"polite","aria-atomic":"true",class:"animate__animated animate__fadeIn"},e("div",{key:"512ed44cc950fc819045c62478ba0ea42f1b58ae",class:"toast-body",onPointerLeave:()=>{this.touched=!1},onPointerEnter:()=>{this.touched=!0}},!this.type&&!this.icon||this.hideIcon?null:e("div",{class:"toast-icon"},this.getIcon()),e("div",{key:"195dd2bf1980e05fb91b119d06ab50397fbbdc9e",class:"toast-content"},this.toastTitle?e("ix-typography",{class:"toast-title",format:"h5"},this.toastTitle):null,e("div",{key:"c4b1b4f0e2325706656302ce0cdb0de56255d8e6",class:"toast-message"},e("slot",{key:"778be19bb15122ed4cfc2bf9e362036aec8d366e"})),e("div",{key:"e370c4935d412c442f804e65c4528fb6981e6c83",class:"toast-action"},e("slot",{key:"6f6f6a7a2598bb42970d7a0abbea3e882d9d32b7",name:"action"}))),e("div",{key:"5021c6330fbe47a620a5b405e4e191a0d10ff047",class:"toast-close"},e("ix-icon-button",{key:"f8b2e9ca0f4cfadc1686f243ac3487e9ff029b81",icon:l,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>this.closeToast.emit(),"aria-label":this.ariaLabelCloseIconButton}))),!this.preventAutoClose&&e("div",{key:"f85b6f0863ccb35af38895e12a7c53bfcb2d6571",class:o.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{0===this.progress&&this.close()}}))}};d.style=":host{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius, var(--theme-toast--border-radus));box-shadow:var(--theme-toast--box-shadow);--animate-duration:var(--theme-medium-time)}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .toast-body{display:flex;position:relative;min-height:3.5rem;width:100%;flex-grow:1;padding:0.75rem 0.75rem 0.25rem}:host .toast-body .toast-icon{display:flex;align-items:flex-start;padding:0.25rem}:host .toast-body .toast-content{overflow:hidden;min-width:0;width:100%;padding:0.25rem}:host .toast-body .toast-content .toast-title{min-width:0;margin:0.25rem 0px;overflow-wrap:break-word;word-break:break-word}:host .toast-body .toast-content .toast-message{min-width:0;overflow-wrap:break-word;word-break:break-word;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .toast-body .toast-content .toast-action{margin-top:0.5rem}:host .toast-close{display:flex;position:relative;pointer-events:all;margin-left:auto;margin-right:0px;opacity:0.6}:host .toast-close:hover{opacity:1}:host .toast-progress-bar{position:absolute;bottom:0;height:0.125rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}:host .toast-progress-bar--animated{animation:trackProgress linear 1 forwards}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";export{d as ix_toast}