@siemens/ix 4.4.0 → 5.1.0

package/components/p-Wr4Qf8LA.js

@@ -0,0 +1 @@
+import{p as r,M as e,h as t,d as o,t as a}from"./p-CtDOTMOT.js";import{B as d}from"./p-DM7ma3Eh.js";import{D as i}from"./p-CApDAYIa.js";import{I as n}from"./p-BST8QY5w.js";import{d as b}from"./p-Dwe6tWhq.js";const s=r(class extends(e(...i,n)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow()}variant="primary";disabled=!1;type="button";loading=!1;form;icon;iconRight;alignment="center";iconSize="24";href;target="_self";rel;get hostElement(){return this}submitButtonElement;handleClick(r){(this.disabled||this.loading)&&(r.stopPropagation(),r.preventDefault())}componentDidLoad(){if("submit"!==this.type)return;const r=document.createElement("button");r.style.display="none",r.type="submit",r.tabIndex=-1,this.form&&r.setAttribute("form",this.form),this.hostElement.appendChild(r),this.submitButtonElement=r}handleFormChange(r){this.submitButtonElement&&(r?this.submitButtonElement.setAttribute("form",r):this.submitButtonElement.removeAttribute("form"))}componentDidRender(){this.submitButtonElement&&!this.hostElement.contains(this.submitButtonElement)&&this.hostElement.appendChild(this.submitButtonElement)}dispatchFormEvents(){"submit"!==this.type||!this.submitButtonElement||this.disabled||this.loading||this.submitButtonElement.click()}setFocus(){this.hostElement.shadowRoot.querySelector(this.href?"a":"button")?.focus()}render(){return t(o,{key:"d1e348cdda5394f93ae75079322849917e1e040e",class:{disabled:this.disabled||this.loading},tabIndex:this.disabled||this.loading?-1:0},t(d,{key:"eee6a0b44c096b102d9884e17113559e1f1efb8f",variant:this.variant,iconOnly:!1,iconOval:!1,selected:!1,disabled:this.disabled||this.loading,icon:this.icon,iconRight:this.iconRight,iconSize:this.iconSize,loading:this.loading,onClick:()=>this.dispatchFormEvents(),type:this.type,alignment:this.alignment,ariaAttributes:this.inheritAriaAttributes,href:this.href,target:this.target,rel:this.rel},t("slot",{key:"c67238c777a2eb84d72739f7b7c7274dffc1ca22"})))}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}],form:[{handleFormChange:0}]}}static get style(){return":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}"}},[785,"ix-button",{variant:[1],disabled:[516],type:[1],loading:[4],form:[1],icon:[1],iconRight:[1,"icon-right"],alignment:[1],iconSize:[1,"icon-size"],href:[1],target:[1],rel:[1],inheritAriaAttributes:[32]},[[2,"click","handleClick"]],{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}],form:[{handleFormChange:0}]}]);function l(){"undefined"!=typeof customElements&&["ix-button","ix-spinner"].forEach((r=>{switch(r){case"ix-button":customElements.get(a(r))||customElements.define(a(r),s);break;case"ix-spinner":customElements.get(a(r))||b()}}))}export{s as B,l as d}

package/components/p-XBTykBKS.js

@@ -0,0 +1 @@
+function n(n){return n&&"getAssociatedFormElement"in n&&"function"==typeof n.getAssociatedFormElement&&"getNativeInputElement"in n&&"function"==typeof n.getNativeInputElement}function t(t){return n(t)&&"openPicker"in t&&"function"==typeof t.openPicker}export{t as a,n as i}

package/components/p-aUZgVnx5.js

@@ -0,0 +1 @@
+import{p as t,H as r,i as e,h as s,d as o,t as i}from"./p-CtDOTMOT.js";import{m as a}from"./p-D_Hmobxf.js";const l=t(class t extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}static Breakpoints=["","sm","md","lg"];size;sizeSm;sizeMd;sizeLg;onResize(){e(this)}getSize(t){return""===t?this.size:"sm"===t?this.sizeSm:"md"===t?this.sizeMd:"lg"===t?this.sizeLg:void 0}getColumnSize(){let r;return t.Breakpoints.forEach((t=>{if(""!==t&&!a(t))return;const e=this.getSize(t);e&&(r=e)})),r}getColumnSizeStyling(){const t=this.getColumnSize();if(!t)return;if("auto"===t)return{flex:"0 0 auto",width:"auto","max-width":"auto"};const r=`calc(calc(${t} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${r}`,width:`${r}`,"max-width":`${r}`}}render(){return s(o,{key:"8f9bb67a9721a22dab39e140b0e180a868839416",style:{...this.getColumnSizeStyling()}},s("slot",{key:"2d34daa2051b168c8b4dd61233d80195be90f3d5"}))}static get style(){return":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}: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}"}},[769,"ix-col",{size:[1],sizeSm:[1,"size-sm"],sizeMd:[1,"size-md"],sizeLg:[1,"size-lg"]},[[9,"resize","onResize"]]]);function c(){"undefined"!=typeof customElements&&["ix-col"].forEach((t=>{"ix-col"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))}export{l as C,c as d}

package/components/p-wFiL3dN1.js

@@ -0,0 +1 @@
+import{p as a,H as o,e as r,h as t,d as e,t as n}from"./p-CtDOTMOT.js";import{h as c}from"./p-BtSt9tC5.js";let d=0;const i=(a="expand-content")=>[a,d++].join("-"),s=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.accordionExpand=r(this,"accordionExpand",7)}ariaLabelExpandButton;collapse=!1;variant="outline";get hostElement(){return this}accordionExpand;expandContent=!1;onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(a){a.preventDefault(),a.stopPropagation(),this.expandContent=!this.expandContent,this.accordionExpand.emit({expand:this.expandContent,nativeEvent:a}),this.expandContent&&this.scrollExpandedContentIntoView()}scrollExpandedContentIntoView(){setTimeout((()=>{this.expandedContent.getBoundingClientRect().bottom>window.innerHeight&&this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(!1)}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return t(e,{key:"cdd4feba2b9ae022141114a75d9ae13910c35915",slot:"card-accordion",class:{[`variant-${this.variant}`]:!0}},t("button",{key:"9357ac651cef1c1d1f570faf906ba08e403652ff",tabIndex:0,class:{"expand-action":!0,show:this.expandContent},onClick:a=>this.onExpandActionClick(a),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":i(),"aria-label":this.ariaLabelExpandButton},t("ix-icon",{key:"9d55b5013a6f4aff50d9f904e4e0730713c8dcf4",name:c,class:{"expand-icon":!0,show:this.expandContent}})),t("div",{key:"57ddf6374b94637e674e1c061344cec87a20addc",class:{"expand-content":!0,show:this.expandContent}},t("div",{key:"bfacd0c7e4202aeba7058bc563b79357dd2d589e",class:"expand-content-inner"},t("div",{key:"ed870153b656930325a35b0921e8f23f7dcee97e",class:"expand-content-body"},t("slot",{key:"893b6669078807112cf23c6b17f94eab7697fa34"})),t("div",{key:"d41b94230091bcfedb81305656eb0101e7afb952",class:"expand-content-footer"}))))}static get watchers(){return{collapse:[{onInitialExpandChange:0}]}}static get style(){return':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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 .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(180deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host(.variant-outline) .expand-action{background-color:var(--theme-push-card-outline-accordion--background)}:host(.variant-outline) .expand-action:hover{background:var(--theme-push-card-outline-accordion--background--hover)}:host(.variant-outline) .expand-action:active{background:var(--theme-push-card-outline-accordion--background--active)}:host(.variant-outline) .expand-content{background-color:var(--theme-push-card-outline-accordion-frame--background)}:host(.variant-outline) .expand-content.show{border:var(--theme-push-card-outline-accordion-frame--border-width, 0px) solid var(--theme-push-card-outline-accordion-frame--border-color)}:host(.variant-outline) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-outline) .expand-content-footer{background-color:var(--theme-push-card-outline-accordion-footer--background)}:host(.variant-filled) .expand-action{background-color:var(--theme-push-card-filled-accordion--background)}:host(.variant-filled) .expand-action:hover{background:var(--theme-push-card-filled-accordion--background--hover)}:host(.variant-filled) .expand-action:active{background:var(--theme-push-card-filled-accordion--background--active)}:host(.variant-filled) .expand-content{background-color:var(--theme-push-card-filled-accordion-frame--background)}:host(.variant-filled) .expand-content.show{border:var(--theme-push-card-filled-accordion-frame--border-width, 0px) solid var(--theme-push-card-filled-accordion-frame--border-color)}:host(.variant-filled) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-filled) .expand-content-footer{background-color:var(--theme-push-card-filled-accordion-footer--background)}:host(.variant-alarm) .expand-action{background-color:var(--theme-push-card-alarm-accordion--background)}:host(.variant-alarm) .expand-action:hover{background:var(--theme-push-card-alarm-accordion--background--hover)}:host(.variant-alarm) .expand-action:active{background:var(--theme-push-card-alarm-accordion--background--active)}:host(.variant-alarm) .expand-content{background-color:var(--theme-push-card-alarm-accordion-frame--background)}:host(.variant-alarm) .expand-content.show{border:var(--theme-push-card-alarm-accordion-frame--border-width, 0px) solid var(--theme-push-card-alarm-accordion-frame--border-color)}:host(.variant-alarm) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-alarm) .expand-content-footer{background-color:var(--theme-push-card-alarm-accordion-footer--background)}:host(.variant-critical) .expand-action{background-color:var(--theme-push-card-critical-accordion--background)}:host(.variant-critical) .expand-action:hover{background:var(--theme-push-card-critical-accordion--background--hover)}:host(.variant-critical) .expand-action:active{background:var(--theme-push-card-critical-accordion--background--active)}:host(.variant-critical) .expand-content{background-color:var(--theme-push-card-critical-accordion-frame--background)}:host(.variant-critical) .expand-content.show{border:var(--theme-push-card-critical-accordion-frame--border-width, 0px) solid var(--theme-push-card-critical-accordion-frame--border-color)}:host(.variant-critical) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-critical) .expand-content-footer{background-color:var(--theme-push-card-critical-accordion-footer--background)}:host(.variant-warning) .expand-action{background-color:var(--theme-push-card-warning-accordion--background)}:host(.variant-warning) .expand-action:hover{background:var(--theme-push-card-warning-accordion--background--hover)}:host(.variant-warning) .expand-action:active{background:var(--theme-push-card-warning-accordion--background--active)}:host(.variant-warning) .expand-content{background-color:var(--theme-push-card-warning-accordion-frame--background)}:host(.variant-warning) .expand-content.show{border:var(--theme-push-card-warning-accordion-frame--border-width, 0px) solid var(--theme-push-card-warning-accordion-frame--border-color)}:host(.variant-warning) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-warning) .expand-content-footer{background-color:var(--theme-push-card-warning-accordion-footer--background)}:host(.variant-success) .expand-action{background-color:var(--theme-push-card-success-accordion--background)}:host(.variant-success) .expand-action:hover{background:var(--theme-push-card-success-accordion--background--hover)}:host(.variant-success) .expand-action:active{background:var(--theme-push-card-success-accordion--background--active)}:host(.variant-success) .expand-content{background-color:var(--theme-push-card-success-accordion-frame--background)}:host(.variant-success) .expand-content.show{border:var(--theme-push-card-success-accordion-frame--border-width, 0px) solid var(--theme-push-card-success-accordion-frame--border-color)}:host(.variant-success) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-success) .expand-content-footer{background-color:var(--theme-push-card-success-accordion-footer--background)}:host(.variant-info) .expand-action{background-color:var(--theme-push-card-info-accordion--background)}:host(.variant-info) .expand-action:hover{background:var(--theme-push-card-info-accordion--background--hover)}:host(.variant-info) .expand-action:active{background:var(--theme-push-card-info-accordion--background--active)}:host(.variant-info) .expand-content{background-color:var(--theme-push-card-info-accordion-frame--background)}:host(.variant-info) .expand-content.show{border:var(--theme-push-card-info-accordion-frame--border-width, 0px) solid var(--theme-push-card-info-accordion-frame--border-color)}:host(.variant-info) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-info) .expand-content-footer{background-color:var(--theme-push-card-info-accordion-footer--background)}:host(.variant-neutral) .expand-action{background-color:var(--theme-push-card-neutral-accordion--background)}:host(.variant-neutral) .expand-action:hover{background:var(--theme-push-card-neutral-accordion--background--hover)}:host(.variant-neutral) .expand-action:active{background:var(--theme-push-card-neutral-accordion--background--active)}:host(.variant-neutral) .expand-content{background-color:var(--theme-push-card-neutral-accordion-frame--background)}:host(.variant-neutral) .expand-content.show{border:var(--theme-push-card-neutral-accordion-frame--border-width, 0px) solid var(--theme-push-card-neutral-accordion-frame--border-color)}:host(.variant-neutral) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-neutral) .expand-content-footer{background-color:var(--theme-push-card-neutral-accordion-footer--background)}:host(.variant-primary) .expand-action{background-color:var(--theme-push-card-primary-accordion--background)}:host(.variant-primary) .expand-action:hover{background:var(--theme-push-card-primary-accordion--background--hover)}:host(.variant-primary) .expand-action:active{background:var(--theme-push-card-primary-accordion--background--active)}:host(.variant-primary) .expand-content{background-color:var(--theme-push-card-primary-accordion-frame--background)}:host(.variant-primary) .expand-content.show{border:var(--theme-push-card-primary-accordion-frame--border-width, 0px) solid var(--theme-push-card-primary-accordion-frame--border-color)}:host(.variant-primary) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-primary) .expand-content-footer{background-color:var(--theme-push-card-primary-accordion-footer--background)}'}},[769,"ix-card-accordion",{ariaLabelExpandButton:[1,"aria-label-expand-button"],collapse:[4],variant:[1],expandContent:[32]},void 0,{collapse:[{onInitialExpandChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ix-card-accordion"].forEach((a=>{"ix-card-accordion"===a&&(customElements.get(n(a))||customElements.define(n(a),s))}))}export{s as C,h as d}

package/components/{p-BJxTLVYT.js → p-zqHenwXl.js}

@@ -1 +1 @@
-import{p as r,H as t,h as e,d as o,t as s}from"./p-C_6_Rh7K.js";const a=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return e(o,{key:"6ab30045a9e41189eafb31d4bbdf90cb29867159"},e("div",{key:"834be9e77d7c38b529810d0608383108bbf827e6",class:"content-wrapper"},e("slot",{key:"7f01d3a7338051365a5f377cc69032ebef937d9d"})))}static get style(){return":host{display:flex;padding:1rem;height:100%;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}: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 .content-wrapper{box-sizing:border-box;height:100%;width:100%;overflow:hidden;gap:0.5rem;display:flex;flex-direction:column;align-items:flex-start}"}},[257,"ix-card-content"]);function b(){"undefined"!=typeof customElements&&["ix-card-content"].forEach((r=>{"ix-card-content"===r&&(customElements.get(s(r))||customElements.define(s(r),a))}))}export{a as C,b as d}
+import{p as r,H as t,h as o,d as e,t as a}from"./p-CtDOTMOT.js";const s=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return o(e,{key:"918473b60dc96e14c935bd7d46022b7a9c0abf46"},o("div",{key:"4e5593a246b22c0d04f777ff89bbc8a936d05db3",class:"content-wrapper"},o("slot",{key:"7a89cac6011e0446fe3a0cfd45036967af53ab79"})))}static get style(){return":host{display:flex;padding:1rem;height:100%;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}: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 .content-wrapper{box-sizing:border-box;height:100%;width:100%;overflow:hidden;gap:0.5rem;display:flex;flex-direction:column;align-items:flex-start}"}},[257,"ix-card-content"]);function c(){"undefined"!=typeof customElements&&["ix-card-content"].forEach((r=>{"ix-card-content"===r&&(customElements.get(a(r))||customElements.define(a(r),s))}))}export{s as C,c as d}

package/components/p-zyYHTdEN.js

@@ -0,0 +1 @@
+import{p as e,M as t,h as i,d as s,t as a}from"./p-CtDOTMOT.js";import{m as o}from"./p-Djkc69iv.js";import{r,h as l,H as n}from"./p-Czy7a3I4.js";import{D as d}from"./p-CApDAYIa.js";import{C as h}from"./p-Dpk_WgCl.js";import{d as c}from"./p-DtOqKp7K.js";import{d as m}from"./p-Dfd_ifAu.js";import{d as p}from"./p-DhWkcMmR.js";const f=e(class extends(t(...d,h)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}helperText;label;invalidText;validText;infoText;warningText;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;showTextAsTooltip=!1;required=!1;controlRef;slotRef=o();hasExplicitAriaLabel=!1;componentDidLoad(){this.syncAriaLabel(!0)}syncAriaLabel(e=!1){this.controlRef&&!this.hasExplicitAriaLabel&&this.controlRef.waitForCurrent().then((t=>{e&&(t.hasAttribute("aria-label")||t.hasAttribute("aria-labelledby"))?this.hasExplicitAriaLabel=!0:this.label?t.setAttribute("aria-label",this.label):t.removeAttribute("aria-label")}))}componentWillLoad(){if(!this.hostElement.querySelector(".error-message-container")){const e=document.createElement("span");e.classList.add("error-message-container"),e.id=`${this.getHostElementId()}-errormessage`,e.hidden=!0,this.hostElement.appendChild(e)}if(!this.hostElement.querySelector(".helper-message-container")){const e=document.createElement("span");e.classList.add("helper-message-container"),e.id=`${this.getHostElementId()}-helpermessage`,e.hidden=!0,this.hostElement.appendChild(e)}}componentWillRender(){const e=this.hostElement.querySelector(`#${this.getHostElementId()}-errormessage`),t=this.hostElement.querySelector(`#${this.getHostElementId()}-helpermessage`);this.isInvalid&&this.invalidText&&e&&(e.textContent=this.invalidText),t&&(t.textContent=r({isInvalid:this.isInvalid,invalidText:this.invalidText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,isValid:this.isValid,validText:this.validText,helperText:this.helperText}))}getAriaErrorMessageElement(){return Promise.resolve(this.hostElement.querySelector(`#${this.getHostElementId()}-errormessage`))}getAriaHelperMessageElement(){return Promise.resolve(this.hostElement.querySelector(`#${this.getHostElementId()}-helpermessage`))}render(){const e={invalidText:this.invalidText,isInvalid:this.isInvalid,isValid:this.isValid,validText:this.validText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,helperText:this.helperText};let t={};return this.isInvalid&&this.invalidText&&(t={role:"alert","aria-live":"polite"}),i(s,{key:"25255aed5f9b7fb77fdeb61473bf2b75a262ffba",...t},this.label&&i("div",{key:"bb885771ecfcf509a62bbe6f7ba1a7d518f17c78",class:"field-top"},i("ix-field-label",{key:"916a96ca521dd4e9dd7f55e9f3bd19cc947ba123",required:this.required,controlRef:this.controlRef,isInvalid:this.isInvalid,ariaHidden:!0},this.label)),i("div",{key:"ce2d746aea87f49611ef413f49fbb52c59ab468a",class:{"slot-wrapper":!0},ref:this.slotRef},i("slot",{key:"2bb54f35cc1ff930918dc211e2018875ce105d7b"})),i("div",{key:"c427f40269dd19c40c413d0794cbf0096a7f8cd1",class:"field-bottom"},!this.showTextAsTooltip&&i(n,{key:"76100d6cd0e6c22eeca8de06b7aa7ae59ab9ea33",...e}),i("div",{key:"b9d5688b85687792c491d8cecd9411dbb5bddb0e",class:"bottom-right"},i("slot",{key:"95102f11d6b5c82d67be1c7c104eadf56bcb8112",name:"bottom-right"}))),!0===this.showTextAsTooltip&&l(e)&&i("ix-tooltip",{key:"c484b0edcd735b2d9155819ad9eb8d98c45e2633",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},i(n,{key:"7d0ea7c1cd80af012492984d7ad2b5399ee50c4d",...e})))}static get watchers(){return{label:[{syncAriaLabel:0}]}}static get style(){return":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:100%;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}"}},[769,"ix-field-wrapper",{helperText:[1,"helper-text"],label:[1],invalidText:[1,"invalid-text"],validText:[1,"valid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],isInvalid:[4,"is-invalid"],isValid:[4,"is-valid"],isInfo:[4,"is-info"],isWarning:[4,"is-warning"],showTextAsTooltip:[4,"show-text-as-tooltip"],required:[4],controlRef:[16],getAriaErrorMessageElement:[64],getAriaHelperMessageElement:[64]},void 0,{label:[{syncAriaLabel:0}]}]);function b(){"undefined"!=typeof customElements&&["ix-field-wrapper","ix-field-label","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-field-wrapper":customElements.get(a(e))||customElements.define(a(e),f);break;case"ix-field-label":customElements.get(a(e))||c();break;case"ix-tooltip":customElements.get(a(e))||m();break;case"ix-typography":customElements.get(a(e))||p()}}))}export{f as F,b as d}

package/components/package.json

@@ -2,7 +2,7 @@
   "name": "@siemens/ix/components",
   "version": "0.0.0",
   "main": "./index.js",
-  "types": "./custom-elements.d.ts",
+  "types": "./index.d.ts",
   "private": true,
   "sideEffects": false,
   "type": "module"

package/dist/cjs/{a11y-DldCLr8D.js → a11y-_XjpTo2w.js}

@@ -79,11 +79,10 @@ const getFallbackLabelFromIconName = (iconName) => {
 const a11yHostAttributes = (hostElement, ignoreAttributes = []) => {
     const attributeObject = {};
     a11yAttributes.forEach((attr) => {
-        var _a;
         if (hostElement.hasAttribute(attr)) {
             const value = hostElement.getAttribute(attr);
             if (value !== null && !ignoreAttributes.includes(attr)) {
-                attributeObject[attr] = (_a = hostElement.getAttribute(attr)) !== null && _a !== void 0 ? _a : '';
+                attributeObject[attr] = hostElement.getAttribute(attr) ?? '';
                 hostElement.removeAttribute(attr);
             }
         }
@@ -143,7 +142,17 @@ const a11yAttributes = [
     'aria-valuenow',
     'aria-valuetext',
 ];
+/**
+ * Usually called by ref={(ref) => forceTabIndex(ref, -1)} to workaround an issue
+ * where the tabIndex is not applied to the element after re-render.
+ */
+const forceTabIndex = (element, tabIndex) => {
+    if (element) {
+        element.tabIndex = tabIndex;
+    }
+};
 
 exports.a11yBoolean = a11yBoolean;
 exports.a11yHostAttributes = a11yHostAttributes;
+exports.forceTabIndex = forceTabIndex;
 exports.getFallbackLabelFromIconName = getFallbackLabelFromIconName;

package/dist/cjs/animation-hxDbANsw.js

@@ -0,0 +1,81 @@
+'use strict';
+
+class Animation {
+    static #FALLBACKS = {
+        short: 0,
+        default: 150,
+        medium: 300,
+        slow: 500,
+        xslow: 1000,
+    };
+    static #cache = null;
+    static parseTime(raw, fallback) {
+        const value = raw.trim();
+        if (value.length === 0)
+            return fallback;
+        const match = value.match(/^(-?\d*\.?\d+)(ms|s)?$/);
+        if (!match)
+            return fallback;
+        const [, amount, unit = 'ms'] = match;
+        const parsed = Number(amount);
+        if (!Number.isFinite(parsed))
+            return fallback;
+        return unit === 's' ? parsed * 1000 : parsed;
+    }
+    static ensureCache() {
+        if (this.#cache !== null)
+            return;
+        if (typeof window === 'undefined') {
+            // SSR only
+            this.#cache = { ...this.#FALLBACKS };
+            return;
+        }
+        const root = document.documentElement || document.body;
+        const styles = window.getComputedStyle(root);
+        const read = (varName, fallback) => {
+            const raw = styles.getPropertyValue(varName)?.trim();
+            if (!raw)
+                return fallback;
+            return this.parseTime(raw, fallback);
+        };
+        this.#cache = {
+            short: read('--theme-short-time', this.#FALLBACKS.short),
+            default: read('--theme-default-time', this.#FALLBACKS.default),
+            medium: read('--theme-medium-time', this.#FALLBACKS.medium),
+            slow: read('--theme-slow-time', this.#FALLBACKS.slow),
+            xslow: read('--theme-x-slow-time', this.#FALLBACKS.xslow),
+        };
+    }
+    static prefersReducedMotion() {
+        if (typeof window === 'undefined' || !window.matchMedia)
+            return false;
+        return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    }
+    static get shortTime() {
+        this.ensureCache();
+        const t = this.#cache.short;
+        return this.prefersReducedMotion() ? 0 : t;
+    }
+    static get defaultTime() {
+        this.ensureCache();
+        const t = this.#cache.default;
+        return this.prefersReducedMotion() ? 0 : t;
+    }
+    static get mediumTime() {
+        this.ensureCache();
+        const t = this.#cache.medium;
+        return this.prefersReducedMotion() ? 0 : t;
+    }
+    static get slowTime() {
+        this.ensureCache();
+        const t = this.#cache.slow;
+        return this.prefersReducedMotion() ? 0 : t;
+    }
+    static get xSlowTime() {
+        this.ensureCache();
+        const t = this.#cache.xslow;
+        return this.prefersReducedMotion() ? 0 : t;
+    }
+}
+
+exports.Animation = Animation;

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;

package/dist/cjs/aria-activedescendant.mixin-_lb0Xz2S.js

@@ -0,0 +1,85 @@
+'use strict';
+
+/*
+ * SPDX-FileCopyrightText: 2026 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const AriaActiveDescendantMixin = (Base) => {
+    class AriaActiveDescendantMixinCtor extends Base {
+        constructor() {
+            super();
+        }
+        suppressAriaActiveDescendant = false;
+        isAriaActiveDescendantActive() {
+            return false;
+        }
+        getControllingAriaElement() {
+            return null;
+        }
+        getAriaActiveDescendantProxyItemId() {
+            return false;
+        }
+        async clearActiveDescendant() {
+            if (this.suppressAriaActiveDescendant) {
+                return;
+            }
+            const controllingElement = await this.getControllingAriaElement();
+            if (!controllingElement) {
+                return;
+            }
+            if ('ariaActiveDescendantElement' in Element.prototype) {
+                //@ts-ignore
+                controllingElement.ariaActiveDescendantElement = null;
+            }
+            controllingElement.removeAttribute('aria-activedescendant');
+        }
+        async $internal_onActiveDescendantChange(event) {
+            if (this.suppressAriaActiveDescendant) {
+                return;
+            }
+            if (!this.isAriaActiveDescendantActive()) {
+                this.clearActiveDescendant();
+                return;
+            }
+            const controllingElement = await this.getControllingAriaElement();
+            if (!controllingElement) {
+                return;
+            }
+            if (event.detail.currentFocus.length > 0) {
+                const item = event.detail.currentFocus[event.detail.currentFocus.length - 1];
+                if (!item.id) {
+                    return;
+                }
+                if ('ariaActiveDescendantElement' in Element.prototype) {
+                    //@ts-ignore
+                    controllingElement.ariaActiveDescendantElement = item;
+                }
+                const proxyId = this.getAriaActiveDescendantProxyItemId();
+                if (typeof proxyId === 'string' && proxyId) {
+                    controllingElement.setAttribute('aria-activedescendant', item.id + '-' + proxyId);
+                }
+                else {
+                    controllingElement.setAttribute('aria-activedescendant', item.id);
+                }
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        }
+        static get listeners() {
+            return [{
+                    "name": "ixFocusVisibleChange",
+                    "method": "$internal_onActiveDescendantChange",
+                    "target": "document",
+                    "capture": false,
+                    "passive": false
+                }];
+        }
+    }
+    return AriaActiveDescendantMixinCtor;
+};
+
+exports.AriaActiveDescendantMixin = AriaActiveDescendantMixin;

package/dist/cjs/{base-button-BvWcXXIH.js → base-button-BP6iIMR7.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-var index = require('./index-Dxeom0qd.js');
+var index = require('./index-DnclGKUw.js');
+var a11y = require('./a11y-_XjpTo2w.js');
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -49,14 +50,17 @@ const isIconDecorative = (ariaAttributes, children) => {
     return hasTextContent || hasAriaLabel;
 };
 const BaseButton = (props, children) => {
-    var _a, _b, _c;
-    const extraClasses = (_a = props.extraClasses) !== null && _a !== void 0 ? _a : {};
-    const ariaAttributes = (_b = props.ariaAttributes) !== null && _b !== void 0 ? _b : {};
-    if (!ariaAttributes['aria-disabled'] && props.disabled) {
-        ariaAttributes['aria-disabled'] = 'true';
-    }
+    const extraClasses = props.extraClasses ?? {};
+    const ariaAttributes = props.ariaAttributes ?? {};
     const iconIsDecorative = isIconDecorative(ariaAttributes, children);
-    const commonAttributes = Object.assign(Object.assign({}, ariaAttributes), { tabindex: props.disabled ? -1 : ((_c = props.tabIndex) !== null && _c !== void 0 ? _c : 0), class: Object.assign(Object.assign({}, getButtonClasses(props.variant, props.iconOnly, props.iconOval, props.selected, props.disabled || props.loading)), extraClasses) });
+    const commonAttributes = {
+        ...ariaAttributes,
+        tabindex: props.disabled ? -1 : (props.tabIndex ?? 0),
+        class: {
+            ...getButtonClasses(props.variant, props.iconOnly, props.iconOval, props.selected, props.disabled || props.loading),
+            ...extraClasses,
+        },
+    };
     const buttonContent = [
         props.loading ? (index.h("ix-spinner", { size: getSpinnerSize(props), hideTrack: true })) : null,
         props.icon && !props.loading ? (index.h("ix-icon", { class: "icon", name: props.icon, size: props.iconSize, color: props.iconColor, "aria-hidden": iconIsDecorative ? 'true' : undefined })) : null,
@@ -69,10 +73,10 @@ const BaseButton = (props, children) => {
     ];
     // If href is provided, render as an anchor tag
     if (props.href) {
-        return (index.h("a", Object.assign({}, commonAttributes, { href: props.disabled ? undefined : props.href, target: props.target, role: "button", rel: props.rel, onClick: (e) => handleOnClick(e, props) }), buttonContent));
+        return (index.h("a", { ...commonAttributes, "aria-disabled": a11y.a11yBoolean(props.disabled), href: props.disabled ? undefined : props.href, target: props.target, role: "button", rel: props.rel, onClick: (e) => handleOnClick(e, props) }, buttonContent));
     }
     // Otherwise, render as a button
-    return (index.h("button", Object.assign({}, commonAttributes, { onClick: (e) => handleOnClick(e, props), type: props.type }), buttonContent));
+    return (index.h("button", { ...commonAttributes, "aria-disabled": a11y.a11yBoolean(props.disabled), disabled: props.disabled || props.loading, onClick: (e) => handleOnClick(e, props), type: props.type }, buttonContent));
 };
 
 exports.BaseButton = BaseButton;

package/dist/cjs/{base-icon-button-DgnV_-qM.js → base-icon-button-BmiGQb9v.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Dxeom0qd.js');
-var baseButton = require('./base-button-BvWcXXIH.js');
+var index = require('./index-DnclGKUw.js');
+var baseButton = require('./base-button-BP6iIMR7.js');
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -12,7 +12,7 @@ var baseButton = require('./base-button-BvWcXXIH.js');
  * LICENSE file in the root directory of this source tree.
  */
 function BaseIconButton(props) {
-    return index.h(baseButton.BaseButton, Object.assign({}, props, { type: "button" }));
+    return index.h(baseButton.BaseButton, { ...props, type: "button" });
 }
 
 exports.BaseIconButton = BaseIconButton;

package/dist/cjs/component-DgA9FH-W.js

@@ -0,0 +1,143 @@
+'use strict';
+
+var focusUtilities = require('./focus-utilities-5SZMxJg4.js');
+var shadowDom = require('./shadow-dom-BL5F7RFW.js');
+
+function detectKeyboardMode(element) {
+    let keyboardMode = false;
+    const ref = document;
+    const onKeydown = (event) => {
+        const keyboardEvent = event;
+        if (!focusUtilities.FOCUS_KEYS.has(keyboardEvent.key)) {
+            return;
+        }
+        keyboardMode = true;
+        ref.dispatchEvent(new CustomEvent('keyboardmodechange', { detail: { keyboardMode } }));
+    };
+    const pointerDown = () => {
+        keyboardMode = false;
+        ref.dispatchEvent(new CustomEvent('keyboardmodechange', { detail: { keyboardMode } }));
+    };
+    ref.addEventListener('keydown', onKeydown);
+    ref.addEventListener('touchstart', pointerDown, {
+        passive: true,
+    });
+    ref.addEventListener('mousedown', pointerDown);
+    const destroy = () => {
+        ref.removeEventListener('keydown', onKeydown);
+        ref.removeEventListener('touchstart', pointerDown);
+        ref.removeEventListener('mousedown', pointerDown);
+    };
+    return { destroy, hasKeyboardMode: () => keyboardMode };
+}
+
+/*
+ * SPDX-FileCopyrightText: 2026 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+let originalFocus = null;
+let globalKeyboardDetectionInitialized = false;
+let keyboardMode = null;
+function hasKeyboardMode() {
+    return keyboardMode?.hasKeyboardMode() ?? false;
+}
+let currentFocus = [];
+function removeVisibleFocus() {
+    currentFocus.forEach((el) => {
+        el.classList.remove(focusUtilities.IX_FOCUS_VISIBLE_ACTIVE);
+        el.ixFocusVisible = false;
+    });
+}
+class IxFocusVisibleChangeEvent extends CustomEvent {
+    static eventName = 'ixFocusVisibleChange';
+    constructor(detail) {
+        super(IxFocusVisibleChangeEvent.eventName, {
+            detail,
+            bubbles: true,
+            cancelable: true,
+        });
+    }
+}
+function updateFocusState(target) {
+    const composedPath = shadowDom.getComposedPath(target);
+    const focusableElements = composedPath.filter((el) => el.classList.contains(focusUtilities.IX_FOCUS_VISIBLE));
+    // Clear previous focus
+    removeVisibleFocus();
+    // Set new focus if keyboard mode is active
+    if (hasKeyboardMode()) {
+        focusableElements.forEach((el) => {
+            el.classList.add(focusUtilities.IX_FOCUS_VISIBLE_ACTIVE);
+            el.ixFocusVisible = true;
+        });
+        currentFocus = focusableElements;
+    }
+    else {
+        currentFocus = [];
+    }
+    document.dispatchEvent(new IxFocusVisibleChangeEvent({ currentFocus }));
+}
+function applyFocusPatch() {
+    if (typeof HTMLElement !== 'undefined' && !originalFocus) {
+        originalFocus = HTMLElement.prototype.focus;
+        HTMLElement.prototype.focus = function (options) {
+            originalFocus?.call(this, options);
+            updateFocusState(this);
+        };
+        document.addEventListener('focusin', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLElement) {
+                updateFocusState(target);
+            }
+        }, true);
+        document.addEventListener('keyboardmodechange', (event) => {
+            const customEvent = event;
+            const isKeyboardMode = customEvent.detail.keyboardMode;
+            if (!isKeyboardMode) {
+                removeVisibleFocus();
+                return;
+            }
+        });
+        document.addEventListener('focusout', (event) => {
+            const target = event.target;
+            if (target instanceof HTMLElement) {
+                updateFocusState(target);
+            }
+        });
+    }
+}
+/**
+ * Mixin to add global focus visible handling to a component. Mixin will be used via base class IxComponent().
+ * Not necessary to use this mixin directly in components.
+ */
+const SetupMixin = (Base) => {
+    class FocusListenerMixin extends Base {
+        componentDidLoad() {
+            if (super.componentDidLoad) {
+                super.componentDidLoad();
+            }
+            if (!originalFocus) {
+                applyFocusPatch();
+            }
+            if (!globalKeyboardDetectionInitialized) {
+                globalKeyboardDetectionInitialized = true;
+                keyboardMode = detectKeyboardMode();
+            }
+        }
+        disconnectedCallback() {
+            if (super.disconnectedCallback) {
+                super.disconnectedCallback();
+            }
+        }
+    }
+    return FocusListenerMixin;
+};
+
+const DefaultMixins = [SetupMixin];
+
+exports.DefaultMixins = DefaultMixins;
+exports.hasKeyboardMode = hasKeyboardMode;
+exports.removeVisibleFocus = removeVisibleFocus;

package/dist/cjs/{context-CmNuiaNz.js → context-DqdXbKw_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var typedEvent = require('./typed-event-DxWATHPL.js');
+var typedEvent = require('./typed-event-Bw4IfJC0.js');
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -30,6 +30,9 @@ function createContext(name, initialValue) {
  * function to the callback which requesters can invoke to indicate they no longer wish to receive these updates.
  */
 class ContextEvent extends Event {
+    context;
+    callback;
+    subscribe;
     constructor(context, callback, subscribe) {
         super('context-request', { bubbles: true, composed: true });
         this.context = context;
@@ -57,7 +60,7 @@ function useContextProvider(hostElement, context, contextPayload) {
     const requests = new Set();
     hostElement.addEventListener('context-request', (event) => {
         const requestContextEvent = event;
-        if ((requestContextEvent === null || requestContextEvent === void 0 ? void 0 : requestContextEvent.context.name) !== context.name) {
+        if (requestContextEvent?.context.name !== context.name) {
             return;
         }
         requestContextEvent.stopPropagation();