@siemens/ix 5.1.1 → 5.2.0

package/components/ix-icon-toggle-button.js

@@ -1 +1 @@
-import{p as r,M as e,e as t,h as o,d as a,t as d}from"./p-CtDOTMOT.js";import{B as i}from"./p-GmOVROeD.js";import{g as n,a as b}from"./p-C21npbUc.js";import{D as s}from"./p-CApDAYIa.js";import{I as l}from"./p-BST8QY5w.js";import{d as c}from"./p-Dwe6tWhq.js";const h=r(class extends(e(...s,l)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),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 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":b(this.pressed),"aria-label":this.inheritAriaAttributes["aria-label"]??n(this.icon)},extraClasses:{"icon-button":!0,...this.getIconSizeClass()}};return o(a,{key:"4a88b4c7a2378ef0f72ccc8256de227be868f8c8",class:{...this.getIconSizeClass(),disabled:this.disabled||this.loading}},o(i,{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}]}}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)}*,*::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}"}},[513,"ix-icon-toggle-button",{variant:[1],outline:[4],ghost:[4],icon:[1],oval:[4],pressed:[4],size:[1],disabled:[516],loading:[4],inheritAriaAttributes:[32]},void 0,{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}]}]),u=h,v=function(){"undefined"!=typeof customElements&&["ix-icon-toggle-button","ix-spinner"].forEach((r=>{switch(r){case"ix-icon-toggle-button":customElements.get(d(r))||customElements.define(d(r),h);break;case"ix-spinner":customElements.get(d(r))||c()}}))};export{u as IxIconToggleButton,v as defineCustomElement}
+import{p as r,M as e,e as t,h as o,d as a,t as d}from"./p-eN5fQtqO.js";import{B as i}from"./p-1FBWW6v2.js";import{g as n,a as b}from"./p-C21npbUc.js";import{D as s}from"./p-CApDAYIa.js";import{I as l}from"./p-BST8QY5w.js";import{d as c}from"./p-D7sEY2UQ.js";const h=r(class extends(e(...s,l)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),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 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":b(this.pressed),"aria-label":this.inheritAriaAttributes["aria-label"]??n(this.icon)},extraClasses:{"icon-button":!0,...this.getIconSizeClass()}};return o(a,{key:"19d7a7c2ea4a7e1cb0aa96a7d1b7848acd61bb0f",class:{...this.getIconSizeClass(),disabled:this.disabled||this.loading}},o(i,{key:"1ad13c2f6bfe45ac8adf0c51c4079a44e156287e",...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}]}}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)}*,*::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}"}},[513,"ix-icon-toggle-button",{variant:[1],outline:[4],ghost:[4],icon:[1],oval:[4],pressed:[4],size:[1],disabled:[516],loading:[4],inheritAriaAttributes:[32]},void 0,{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}]}]),u=h,v=function(){"undefined"!=typeof customElements&&["ix-icon-toggle-button","ix-spinner"].forEach((r=>{switch(r){case"ix-icon-toggle-button":customElements.get(d(r))||customElements.define(d(r),h);break;case"ix-spinner":customElements.get(d(r))||c()}}))};export{u as IxIconToggleButton,v as defineCustomElement}

package/components/ix-input.js

@@ -1 +1 @@
-import{p as e,H as t,e as o,h as r,d as n,t as a}from"./p-CtDOTMOT.js";import{y as i,A as d}from"./p-BtSt9tC5.js";import{m as l}from"./p-Djkc69iv.js";import{m as s,a as h,b as c,g as p,d as b,I as u,i as m,j as v,f as y,k as x,o as f,S as g}from"./p-CAH3dF6j.js";import{d as k}from"./p-baqpOH0g.js";import{d as w}from"./p-CkIELF-1.js";import{d as z}from"./p-3VG6z9c3.js";import{d as T}from"./p-Dwe6tWhq.js";import{d as C}from"./p-Dl_YKIKl.js";import{d as I}from"./p-1KOHyx-1.js";import{H as E}from"./p-BWknDysp.js";let S=0;const j=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;type="text";name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;pattern;maxLength;minLength;allowedCharactersPattern;suppressSubmitOnEnter=!1;textAlignment="start";valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;inputType="text";initialValue;inputRef=l();slotEndRef=l();slotStartRef=l();passwordToggleRef=()=>this.updatePaddings();inputId="input-"+S++;touched=!1;disposableChangesAndVisibilityObservers;updateClassMappings(e){s(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value),this.inputType=this.type}connectedCallback(){this.disposableChangesAndVisibilityObservers=h(this.hostElement,this.updatePaddings.bind(this))}updatePaddings(){c(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}disconnectedCallback(){this.disposableChangesAndVisibilityObservers?.()}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.inputRef.current&&this.touched&&p(this,this.inputRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async getValidityState(){const e=await this.inputRef.waitForCurrent();return Promise.resolve(e.validity)}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=m(this);return r(n,{key:"39e2e23db5a53ee6b5af6be560210e134fc05972",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"11b06932337c40f4aed4ca7e472486bcc9fb443e",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},r("div",{key:"a4acff054f170436d054b1126ed983c441a4a862",class:"input-wrapper"},r(b,{key:"f5cedd24a63534c6ae89791eb13b1d130dad5123",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r(u,{key:"d1b802c2c12e6bf2ef97c57c06de1e1c1ea0a81b",id:this.inputId,readonly:this.readonly,disabled:this.disabled,maxLength:this.maxLength,minLength:this.minLength,pattern:this.pattern,type:this.inputType,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>x(this,e),onFocus:()=>y(this,this.value),onEnterKeyChange:e=>v(e,this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{f(this,this.inputRef.current,this.value),this.touched=!0},ariaAttributes:e,form:this.formInternals.form??void 0,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),r(g,{key:"1546044564575e540f091b3a0b610627a06a1da2",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},"password"===this.type&&!this.disabled&&r("ix-icon-button",{key:"1f31b154f0c715c38a6e5303e458c768839b85d6",ref:this.passwordToggleRef,color:"color-weak-text",class:"password-eye",variant:"tertiary",size:"16",icon:"password"===this.inputType?i:d,onClick:()=>{this.inputType="password"!==this.inputType?"password":"text"}}))),!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"e0759b32acfe0e8e50882861ce69c9951ce8fd82",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength)))}static get formAssociated(){return!0}static get watchers(){return{type:[{updateInputType:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}: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 .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host input[type=password]::-ms-reveal,:host input[type=password]::-ms-clear{display:none}:host input[type=password]::-webkit-credentials-auto-fill-button,:host input[type=password]::-webkit-textfield-decoration-container,:host input[type=password]::-webkit-contacts-auto-fill-button,:host input[type=password]::-webkit-caps-lock-indicator{visibility:hidden;pointer-events:none}:host .password-eye{margin-left:0.125rem}'}},[577,"ix-input",{type:[1],name:[513],placeholder:[513],value:[1537],required:[516],disabled:[516],readonly:[516],helperText:[1,"helper-text"],infoText:[1,"info-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],validText:[1,"valid-text"],warningText:[1,"warning-text"],label:[513],invalidText:[1,"invalid-text"],pattern:[1],maxLength:[2,"max-length"],minLength:[2,"min-length"],allowedCharactersPattern:[1,"allowed-characters-pattern"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],isInvalidByRequired:[32],inputType:[32],getAssociatedFormElement:[64],hasValidValue:[64],getNativeInputElement:[64],getValidityState:[64],focusInput:[64],isTouched:[64]},void 0,{type:[{updateInputType:0}]}]);!function(e,t,o,r){var n,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i);a>3&&i&&Object.defineProperty(t,o,i)}([E()],j.prototype,"updateClassMappings",null);const A=j,V=function(){"undefined"!=typeof customElements&&["ix-input","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-input":customElements.get(a(e))||customElements.define(a(e),j);break;case"ix-field-label":customElements.get(a(e))||k();break;case"ix-field-wrapper":customElements.get(a(e))||w();break;case"ix-icon-button":customElements.get(a(e))||z();break;case"ix-spinner":customElements.get(a(e))||T();break;case"ix-tooltip":customElements.get(a(e))||C();break;case"ix-typography":customElements.get(a(e))||I()}}))};export{A as IxInput,V as defineCustomElement}
+import{p as e,H as t,e as o,h as r,d as n,t as a}from"./p-eN5fQtqO.js";import{M as i,O as d}from"./p-DsVj4Cd-.js";import{m as l}from"./p-Djkc69iv.js";import{m as s,a as h,b as c,g as p,d as b,I as u,i as m,j as v,f as y,k as f,o as x,S as g}from"./p-BDnx22Gp.js";import{d as k}from"./p-BGOtCwtj.js";import{d as w}from"./p-eGuQ8D3W.js";import{d as z}from"./p-DdlGyKd2.js";import{d as T}from"./p-D7sEY2UQ.js";import{d as C}from"./p-CgPr717U.js";import{d as E}from"./p-YFmbQndr.js";import{H as I}from"./p-BTBxxgtF.js";let S=0;const j=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;type="text";name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;pattern;maxLength;minLength;allowedCharactersPattern;suppressSubmitOnEnter=!1;textAlignment="start";valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;inputType="text";initialValue;inputRef=l();slotEndRef=l();slotStartRef=l();passwordToggleRef=()=>this.updatePaddings();inputId="input-"+S++;touched=!1;disposableChangesAndVisibilityObservers;updateClassMappings(e){s(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value),this.inputType=this.type}connectedCallback(){this.disposableChangesAndVisibilityObservers=h(this.hostElement,this.updatePaddings.bind(this))}updatePaddings(){c(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}disconnectedCallback(){this.disposableChangesAndVisibilityObservers?.()}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.inputRef.current&&this.touched&&p(this,this.inputRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async getValidityState(){const e=await this.inputRef.waitForCurrent();return Promise.resolve(e.validity)}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=m(this);return r(n,{key:"66836b5459585c8a90488d16e71d545363b10863",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"f6ecaef9149b5abad35af671fa2cfd907ef32faf",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},r("div",{key:"cd37519c24d9d9bd209a161f2dd88df0942176d4",class:"input-wrapper"},r(b,{key:"e83805660ed82fdf555d8550df9c3341be618e18",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r(u,{key:"5f6dba675ee9fb00bc6b7d1a10e1ce637ee766b2",id:this.inputId,readonly:this.readonly,disabled:this.disabled,maxLength:this.maxLength,minLength:this.minLength,pattern:this.pattern,type:this.inputType,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>f(this,e),onFocus:()=>y(this,this.value),onEnterKeyChange:e=>v(e,this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{x(this,this.inputRef.current,this.value),this.touched=!0},ariaAttributes:e,form:this.formInternals.form??void 0,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),r(g,{key:"93497c9dcef9942a90b288251870cca7fa3889eb",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},"password"===this.type&&!this.disabled&&r("ix-icon-button",{key:"f0e8f7dfe18368db4327ac30e8041ad2594b5ca8",ref:this.passwordToggleRef,color:"color-weak-text",class:"password-eye",variant:"tertiary",size:"16",icon:"password"===this.inputType?i:d,onClick:()=>{this.inputType="password"!==this.inputType?"password":"text"}}))),!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"e732a774c5842487a0171b2b45454511ecfcfb8e",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength)))}static get formAssociated(){return!0}static get watchers(){return{type:[{updateInputType:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}: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 .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host input[type=password]::-ms-reveal,:host input[type=password]::-ms-clear{display:none}:host input[type=password]::-webkit-credentials-auto-fill-button,:host input[type=password]::-webkit-textfield-decoration-container,:host input[type=password]::-webkit-contacts-auto-fill-button,:host input[type=password]::-webkit-caps-lock-indicator{visibility:hidden;pointer-events:none}:host .password-eye{margin-left:0.125rem}'}},[577,"ix-input",{type:[1],name:[513],placeholder:[513],value:[1537],required:[516],disabled:[516],readonly:[516],helperText:[1,"helper-text"],infoText:[1,"info-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],validText:[1,"valid-text"],warningText:[1,"warning-text"],label:[513],invalidText:[1,"invalid-text"],pattern:[1],maxLength:[2,"max-length"],minLength:[2,"min-length"],allowedCharactersPattern:[1,"allowed-characters-pattern"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],isInvalidByRequired:[32],inputType:[32],getAssociatedFormElement:[64],hasValidValue:[64],getNativeInputElement:[64],getValidityState:[64],focusInput:[64],isTouched:[64]},void 0,{type:[{updateInputType:0}]}]);!function(e,t,o,r){var n,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i);a>3&&i&&Object.defineProperty(t,o,i)}([I()],j.prototype,"updateClassMappings",null);const V=j,A=function(){"undefined"!=typeof customElements&&["ix-input","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-input":customElements.get(a(e))||customElements.define(a(e),j);break;case"ix-field-label":customElements.get(a(e))||k();break;case"ix-field-wrapper":customElements.get(a(e))||w();break;case"ix-icon-button":customElements.get(a(e))||z();break;case"ix-spinner":customElements.get(a(e))||T();break;case"ix-tooltip":customElements.get(a(e))||C();break;case"ix-typography":customElements.get(a(e))||E()}}))};export{V as IxInput,A as defineCustomElement}

package/components/ix-key-value-list.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,d as l,t as o}from"./p-CtDOTMOT.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}striped=!1;render(){return s(l,{key:"934ba6bfcd2da7f444855670cffff90936cfb7c5",class:{keyValueList:!0,"keyValueList--striped":this.striped}},s("slot",{key:"d935f982f4aa55443641f29615b70a610456b2c3"}))}static get style(){return":host(.keyValueList) ::slotted(ix-key-value){border-bottom:1px solid var(--theme-color-weak-bdr)}:host(.keyValueList.keyValueList--striped) ::slotted(ix-key-value:nth-child(odd)){background:var(--theme-color-ghost-alt)}"}},[769,"ix-key-value-list",{striped:[4]}]),i=a,r=function(){"undefined"!=typeof customElements&&["ix-key-value-list"].forEach((e=>{"ix-key-value-list"===e&&(customElements.get(o(e))||customElements.define(o(e),a))}))};export{i as IxKeyValueList,r as defineCustomElement}
+import{p as e,H as t,h as s,d as l,t as o}from"./p-eN5fQtqO.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}striped=!1;render(){return s(l,{key:"d1df02c5eb06aa46663312486c259df70dc1d5a1",class:{keyValueList:!0,"keyValueList--striped":this.striped}},s("slot",{key:"1e6e8856d7a21e9f9689e2823c38f4892f33604e"}))}static get style(){return":host(.keyValueList) ::slotted(ix-key-value){border-bottom:1px solid var(--theme-color-weak-bdr)}:host(.keyValueList.keyValueList--striped) ::slotted(ix-key-value:nth-child(odd)){background:var(--theme-color-ghost-alt)}"}},[769,"ix-key-value-list",{striped:[4]}]),a=i,d=function(){"undefined"!=typeof customElements&&["ix-key-value-list"].forEach((e=>{"ix-key-value-list"===e&&(customElements.get(o(e))||customElements.define(o(e),i))}))};export{a as IxKeyValueList,d as defineCustomElement}

package/components/ix-key-value.js

@@ -1 +1 @@
-import{p as e,H as t,h as a,d as l,t as o}from"./p-CtDOTMOT.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}icon;ariaLabelIcon;label;labelPosition="top";value;render(){return a(l,{key:"84845bbe27624cc75a0b92fe3f0db65fbb3331e3",class:"keyValue keyValue--"+("top"===this.labelPosition?"column":"row")},this.icon&&a("ix-icon",{key:"ad59a165d724eb8171dea28b98daa284bdf25fe8",name:this.icon,size:"24",class:"keyValue__icon","aria-label":this.ariaLabelIcon}),a("div",{key:"ed34046d743256b63cf2cc5f1733f8334da830b7",class:"keyValue__content"},a("div",{key:"5604099f74006a2a99e8adc3a529d26d8b9ce953",class:"content__label"},this.label),a("div",{key:"165a362f6d930d331449a96fcf189ace03776e47",class:{content__value:!0,"has-customValue":void 0===this.value}},void 0!==this.value?this.value:a("slot",{name:"custom-value"}))))}static get style(){return":host(.keyValue){display:flex;flex-direction:row;align-items:center;gap:1rem}:host(.keyValue) .keyValue__icon{padding:0.25rem 0}:host(.keyValue) .keyValue__content{display:flex;flex-grow:1;align-items:flex-start}:host(.keyValue) .keyValue__content,:host(.keyValue) .keyValue__content .content__label,:host(.keyValue) .keyValue__content .content__value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.keyValue) .keyValue__content .content__label{color:var(--theme-color-soft-text)}:host(.keyValue) .keyValue__content .content__value{width:100%}:host(.keyValue.keyValue--column){padding:0.5rem 0;border-bottom:1px solid var(--theme-color-soft-bdr)}:host(.keyValue.keyValue--column) .keyValue__content{flex-direction:column}:host(.keyValue.keyValue--column) .keyValue__content .content__label,:host(.keyValue.keyValue--column) .keyValue__content .content__value:not(.has-customValue){padding:2px 0}:host(.keyValue.keyValue--row){padding:0.25rem 0}:host(.keyValue.keyValue--row) .keyValue__content{flex-direction:row;gap:1rem;align-items:center}:host(.keyValue.keyValue--row) .keyValue__content .content__label,:host(.keyValue.keyValue--row) .keyValue__content .content__value:not(.has-customValue){padding:6px 0}:host(.keyValue.keyValue--row) .keyValue__content .content__label{min-width:8rem}"}},[769,"ix-key-value",{icon:[1],ariaLabelIcon:[1,"aria-label-icon"],label:[1],labelPosition:[1,"label-position"],value:[1]}]),s=n,u=function(){"undefined"!=typeof customElements&&["ix-key-value"].forEach((e=>{"ix-key-value"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{s as IxKeyValue,u as defineCustomElement}
+import{p as e,H as t,h as a,d as l,t as o}from"./p-eN5fQtqO.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}icon;ariaLabelIcon;label;labelPosition="top";value;render(){return a(l,{key:"d972c5d0a1228644a1e07510a21f11c02c671375",class:"keyValue keyValue--"+("top"===this.labelPosition?"column":"row")},this.icon&&a("ix-icon",{key:"cfc9180413baddab9d7cd2ecd8140f59d5b59c11",name:this.icon,size:"24",class:"keyValue__icon","aria-label":this.ariaLabelIcon}),a("div",{key:"2b0f8a08ac4a28a8232c96e9883a49c09cc9f645",class:"keyValue__content"},a("div",{key:"4d8a3fbea38aa5485944e115b0f388b21e830df9",class:"content__label"},this.label),a("div",{key:"31a26c86afad074b9595e4bf11600907036ed972",class:{content__value:!0,"has-customValue":void 0===this.value}},void 0!==this.value?this.value:a("slot",{name:"custom-value"}))))}static get style(){return":host(.keyValue){display:flex;flex-direction:row;align-items:center;gap:1rem}:host(.keyValue) .keyValue__icon{padding:0.25rem 0}:host(.keyValue) .keyValue__content{display:flex;flex-grow:1;align-items:flex-start}:host(.keyValue) .keyValue__content,:host(.keyValue) .keyValue__content .content__label,:host(.keyValue) .keyValue__content .content__value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.keyValue) .keyValue__content .content__label{color:var(--theme-color-soft-text)}:host(.keyValue) .keyValue__content .content__value{width:100%}:host(.keyValue.keyValue--column){padding:0.5rem 0;border-bottom:1px solid var(--theme-color-soft-bdr)}:host(.keyValue.keyValue--column) .keyValue__content{flex-direction:column}:host(.keyValue.keyValue--column) .keyValue__content .content__label,:host(.keyValue.keyValue--column) .keyValue__content .content__value:not(.has-customValue){padding:2px 0}:host(.keyValue.keyValue--row){padding:0.25rem 0}:host(.keyValue.keyValue--row) .keyValue__content{flex-direction:row;gap:1rem;align-items:center}:host(.keyValue.keyValue--row) .keyValue__content .content__label,:host(.keyValue.keyValue--row) .keyValue__content .content__value:not(.has-customValue){padding:6px 0}:host(.keyValue.keyValue--row) .keyValue__content .content__label{min-width:8rem}"}},[769,"ix-key-value",{icon:[1],ariaLabelIcon:[1,"aria-label-icon"],label:[1],labelPosition:[1,"label-position"],value:[1]}]),c=n,s=function(){"undefined"!=typeof customElements&&["ix-key-value"].forEach((e=>{"ix-key-value"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{c as IxKeyValue,s as defineCustomElement}

package/components/ix-kpi.js

@@ -1 +1 @@
-import{p as e,H as a,h as t,d as o,t as r}from"./p-CtDOTMOT.js";import{c as i,B as s}from"./p-BtSt9tC5.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}label;ariaLabelAlarmIcon;ariaLabelWarningIcon;value;unit;state="neutral";orientation="horizontal";getStateIcon(){switch(this.state){case"alarm":return t("ix-icon",{color:"kpi-display-icon--color",name:s,size:"16","aria-label":this.ariaLabelAlarmIcon});case"warning":return t("ix-icon",{color:"kpi-display-icon--color",name:i,size:"16","aria-label":this.ariaLabelWarningIcon});default:return""}}getTooltipText(){let e=`${this.label}: ${this.value}`;return this.unit&&(e=e.concat(" "+this.unit)),e}render(){return t(o,{key:"5efa239dd8c91b6661566c235f020900d0df9357",title:this.getTooltipText(),tabindex:"1",class:{stacked:"vertical"===this.orientation}},t("div",{key:"fc4d4c1ec7aa129aaf064809052e45e953bee223",class:{"kpi-container":!0,alarm:"alarm"===this.state,warning:"warning"===this.state}},t("span",{key:"82fe2894efb51fa9ca753745fd1dc3a82b1c04d0",class:"kpi-label"},this.getStateIcon(),t("span",{key:"c1d4de1f9945afacc737141c461c95e132a89141",class:"kpi-label-text"},this.label)),t("span",{key:"60ef2f9d9d6cff9d19e9adc677eacd5a2f625854",class:"kpi-value-container"},t("span",{key:"cbf79bcf59f8614be4c1c540d33f4853943ea88d",class:"kpi-value"},this.value),this.unit?t("span",{class:"kpi-unit"},this.unit):"")))}static get style(){return":host{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;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 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .kpi-container{display:flex;height:100%;width:100%;border-block-end:2px solid grey}:host .kpi-container.alarm{border-block-end-color:var(--theme-color-alarm)}:host .kpi-container.warning{border-block-end-color:var(--theme-color-warning)}:host .kpi-container .kpi-label{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}:host .kpi-container .kpi-label ix-icon{margin-inline-end:0.25rem}:host .kpi-container .kpi-value-container{display:flex;align-items:flex-end}:host .kpi-container .kpi-value{color:var(--theme-kpi-display-value--color);font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .kpi-container .kpi-unit{margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}:host .kpi-container .kpi-label,:host .kpi-container .kpi-unit{margin-block-start:0.125rem}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):hover,:host:not(.disabled):not(:disabled).hover{background-color:var(--theme-kpi-display--background--hover)}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):active,:host:not(.disabled):not(:disabled).active{background-color:var(--theme-kpi-display--background--active)}:host:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}:host(.stacked){height:3.75rem}:host(.stacked) .kpi-container{justify-content:center;flex-wrap:wrap}:host(.stacked) .kpi-container .kpi-label{width:100%;justify-content:center}"}},[513,"ix-kpi",{label:[1],ariaLabelAlarmIcon:[1,"aria-label-alarm-icon"],ariaLabelWarningIcon:[1,"aria-label-warning-icon"],value:[8],unit:[1],state:[1],orientation:[1]}]),l=n,c=function(){"undefined"!=typeof customElements&&["ix-kpi"].forEach((e=>{"ix-kpi"===e&&(customElements.get(r(e))||customElements.define(r(e),n))}))};export{l as IxKpi,c as defineCustomElement}
+import{p as e,H as a,h as t,d as o,t as r}from"./p-eN5fQtqO.js";import{c as i,r as s}from"./p-DsVj4Cd-.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}label;ariaLabelAlarmIcon;ariaLabelWarningIcon;value;unit;state="neutral";orientation="horizontal";getStateIcon(){switch(this.state){case"alarm":return t("ix-icon",{color:"kpi-display-icon--color",name:s,size:"16","aria-label":this.ariaLabelAlarmIcon});case"warning":return t("ix-icon",{color:"kpi-display-icon--color",name:i,size:"16","aria-label":this.ariaLabelWarningIcon});default:return""}}getTooltipText(){let e=`${this.label}: ${this.value}`;return this.unit&&(e=e.concat(" "+this.unit)),e}render(){return t(o,{key:"d89b035eefe6b02cdecdb139a28106dcd3b586de",title:this.getTooltipText(),tabindex:"1",class:{stacked:"vertical"===this.orientation}},t("div",{key:"b63dc3b4e257fffe4465af5535b2bec4b71940cf",class:{"kpi-container":!0,alarm:"alarm"===this.state,warning:"warning"===this.state}},t("span",{key:"46d740dc7d7562b72002c5fc7d5b7c48b1cbe7eb",class:"kpi-label"},this.getStateIcon(),t("span",{key:"978eaa270dc2578b1a861b1ae6bbe7011357f282",class:"kpi-label-text"},this.label)),t("span",{key:"f103a4a0940cb9aa1d19f733b244fc7395a418cc",class:"kpi-value-container"},t("span",{key:"ced86eace345b294b2f1a444487b54c52808f5a3",class:"kpi-value"},this.value),this.unit?t("span",{class:"kpi-unit"},this.unit):"")))}static get style(){return":host{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;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 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .kpi-container{display:flex;height:100%;width:100%;border-block-end:2px solid grey}:host .kpi-container.alarm{border-block-end-color:var(--theme-color-alarm)}:host .kpi-container.warning{border-block-end-color:var(--theme-color-warning)}:host .kpi-container .kpi-label{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}:host .kpi-container .kpi-label ix-icon{margin-inline-end:0.25rem}:host .kpi-container .kpi-value-container{display:flex;align-items:flex-end}:host .kpi-container .kpi-value{color:var(--theme-kpi-display-value--color);font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .kpi-container .kpi-unit{margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}:host .kpi-container .kpi-label,:host .kpi-container .kpi-unit{margin-block-start:0.125rem}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):hover,:host:not(.disabled):not(:disabled).hover{background-color:var(--theme-kpi-display--background--hover)}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):active,:host:not(.disabled):not(:disabled).active{background-color:var(--theme-kpi-display--background--active)}:host:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}:host(.stacked){height:3.75rem}:host(.stacked) .kpi-container{justify-content:center;flex-wrap:wrap}:host(.stacked) .kpi-container .kpi-label{width:100%;justify-content:center}"}},[513,"ix-kpi",{label:[1],ariaLabelAlarmIcon:[1,"aria-label-alarm-icon"],ariaLabelWarningIcon:[1,"aria-label-warning-icon"],value:[8],unit:[1],state:[1],orientation:[1]}]),l=n,c=function(){"undefined"!=typeof customElements&&["ix-kpi"].forEach((e=>{"ix-kpi"===e&&(customElements.get(r(e))||customElements.define(r(e),n))}))};export{l as IxKpi,c as defineCustomElement}

package/components/ix-layout-auto.js

@@ -1 +1 @@
-import{p as t,H as e,h as s,d as a,t as i}from"./p-CtDOTMOT.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}layout=[{minWidth:"0",columns:1},{minWidth:"48em",columns:2}];mediaQueryList=[];observer=new MutationObserver((()=>this.calculateGridTemplateColumns()));resizeObserver=new ResizeObserver((()=>{this.calculateGridTemplateColumns()}));connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-colspan"]}),this.resizeObserver.observe(this.hostElement),this.calculateGridTemplateColumns()}componentWillLoad(){this.calculateGridTemplateColumns()}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect()}updateMediaQueryList(){this.mediaQueryList=[],this.layout.forEach((t=>{const e=window.matchMedia(`(min-width: ${t.minWidth})`);this.mediaQueryList.push({mediaQuery:e,layout:t})}))}parseNumber(t){if(!t)return 1;const e=parseInt(t);return isNaN(e)?1:e}calculateGridTemplateColumns(){this.updateMediaQueryList();let t=1;this.mediaQueryList.forEach((e=>{e.mediaQuery.matches&&(t=e.layout.columns)})),Array.from(this.hostElement.children).forEach((e=>{let s=this.parseNumber(e.getAttribute("data-colspan"));s=Math.min(s,t);const a=s/t;e.style.width=`calc(${99.9*a}% - ${1-a} * var(--ix-layout-grid-gap))`}))}render(){return s(a,{key:"21efd579460a164571a802fe0bb80acf6f52c6dc"},s("div",{key:"ea241e9bb64871303076772e40eb0699ba358f3b",class:"container"},s("slot",{key:"a58d52f738522c46482a0dab84dc7fc8ca9ae6cb"})))}static get watchers(){return{layout:[{updateMediaQueryList:0}]}}static get style(){return":host{display:block;position:relative;margin:0 0.75rem;--ix-layout-grid-gap:1.5rem}:host .container{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--ix-layout-grid-gap)}:host ::slotted(*){flex-grow:0;flex-shrink:0}"}},[769,"ix-layout-auto",{layout:[16]},void 0,{layout:[{updateMediaQueryList:0}]}]),o=r,l=function(){"undefined"!=typeof customElements&&["ix-layout-auto"].forEach((t=>{"ix-layout-auto"===t&&(customElements.get(i(t))||customElements.define(i(t),r))}))};export{o as IxLayoutAuto,l as defineCustomElement}
+import{p as t,H as e,h as s,d as i,t as a}from"./p-eN5fQtqO.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}layout=[{minWidth:"0",columns:1},{minWidth:"48em",columns:2}];mediaQueryList=[];observer=new MutationObserver((()=>this.calculateGridTemplateColumns()));resizeObserver=new ResizeObserver((()=>{this.calculateGridTemplateColumns()}));connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-colspan"]}),this.resizeObserver.observe(this.hostElement),this.calculateGridTemplateColumns()}componentWillLoad(){this.calculateGridTemplateColumns()}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect()}updateMediaQueryList(){this.mediaQueryList=[],this.layout.forEach((t=>{const e=window.matchMedia(`(min-width: ${t.minWidth})`);this.mediaQueryList.push({mediaQuery:e,layout:t})}))}parseNumber(t){if(!t)return 1;const e=parseInt(t);return isNaN(e)?1:e}calculateGridTemplateColumns(){this.updateMediaQueryList();let t=1;this.mediaQueryList.forEach((e=>{e.mediaQuery.matches&&(t=e.layout.columns)})),Array.from(this.hostElement.children).forEach((e=>{let s=this.parseNumber(e.getAttribute("data-colspan"));s=Math.min(s,t);const i=s/t;e.style.width=`calc(${99.9*i}% - ${1-i} * var(--ix-layout-grid-gap))`}))}render(){return s(i,{key:"94b563d58576e5dee2891096349fff91de442bd0"},s("div",{key:"567c89a3633e2566d069f73fb1332a1a40c0cf01",class:"container"},s("slot",{key:"052862cfc5b47fc070e2354ac490bcb3f6cca4dd"})))}static get watchers(){return{layout:[{updateMediaQueryList:0}]}}static get style(){return":host{display:block;position:relative;margin:0 0.75rem;--ix-layout-grid-gap:1.5rem}:host .container{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--ix-layout-grid-gap)}:host ::slotted(*){flex-grow:0;flex-shrink:0}"}},[769,"ix-layout-auto",{layout:[16]},void 0,{layout:[{updateMediaQueryList:0}]}]),o=r,l=function(){"undefined"!=typeof customElements&&["ix-layout-auto"].forEach((t=>{"ix-layout-auto"===t&&(customElements.get(a(t))||customElements.define(a(t),r))}))};export{o as IxLayoutAuto,l as defineCustomElement}

package/components/ix-layout-grid.js

@@ -1 +1 @@
-import{L as o,d as s}from"./p-CbbabcAR.js";const a=o,b=s;export{a as IxLayoutGrid,b as defineCustomElement}
+import{L as s,d as t}from"./p-BHtNsBtM.js";const o=s,p=t;export{o as IxLayoutGrid,p as defineCustomElement}

package/components/ix-link-button.js

@@ -1 +1 @@
-import{p as t,H as e,h as o,d as i,t as n}from"./p-CtDOTMOT.js";import{j as s}from"./p-BtSt9tC5.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}disabled=!1;url;target="_self";render(){return o(i,{key:"9a24825321d721c171c3701e5a6484f2dbdeffdc"},o("a",{key:"d3b81f3adba54dbdd0312510c79505c1ad7f1611",title:this.url,tabindex:"0",class:{"link-button":!0,disabled:this.disabled},href:this.disabled?void 0:this.url,target:this.target},o("ix-icon",{key:"3c6cb9b4adb2e2ace4835b8df8e4b3a082d1ffa2",class:"icon",name:s,size:"16","aria-hidden":"true"}),o("div",{key:"629817f64a53b1226a9e10f3abb8bc1bfaad2877",class:{link:!0,disabled:this.disabled}},o("slot",{key:"8ec1e3c6991c89d4feb0aeaf8c8e6e3d87d2c23c"}))))}static get style(){return":host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover,:host .link-button:not(.disabled):not(:disabled).hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}"}},[769,"ix-link-button",{disabled:[4],url:[1],target:[1]}]),a=d,l=function(){"undefined"!=typeof customElements&&["ix-link-button"].forEach((t=>{"ix-link-button"===t&&(customElements.get(n(t))||customElements.define(n(t),d))}))};export{a as IxLinkButton,l as defineCustomElement}
+import{p as t,H as e,h as o,d as i,t as n}from"./p-eN5fQtqO.js";import{u as s}from"./p-DsVj4Cd-.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}disabled=!1;url;target="_self";render(){return o(i,{key:"2b52b09b194a4ea0f1295e38fda4b8eba79febcb"},o("a",{key:"aa7f332f3259e143ddc2ecdb489d3207475ce538",title:this.url,tabindex:"0",class:{"link-button":!0,disabled:this.disabled},href:this.disabled?void 0:this.url,target:this.target},o("ix-icon",{key:"96945fe61627958413117822bfbb3d321c91dfde",class:"icon",name:s,size:"16","aria-hidden":"true"}),o("div",{key:"93b6503a5fd5fba9fe22c1efeff8472e718f2fae",class:{link:!0,disabled:this.disabled}},o("slot",{key:"c21e59ce0af752b66cdda745dc55588f00d6755d"}))))}static get style(){return":host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover,:host .link-button:not(.disabled):not(:disabled).hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}"}},[769,"ix-link-button",{disabled:[4],url:[1],target:[1]}]),l=d,a=function(){"undefined"!=typeof customElements&&["ix-link-button"].forEach((t=>{"ix-link-button"===t&&(customElements.get(n(t))||customElements.define(n(t),d))}))};export{l as IxLinkButton,a as defineCustomElement}

package/components/ix-menu-about-item.js

@@ -1 +1 @@
-import{p as e,M as a,e as t,h as s,d as b,t as l}from"./p-CtDOTMOT.js";import{B as n}from"./p-DRw2l8Az.js";import{d as i}from"./p-BWH03B1n.js";const m=e(class extends(a(n)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.labelChange=t(this,"labelChange",7)}label;labelChange;watchLabel(e,a){this.labelChange.emit({name:"ix-menu-about-item",oldLabel:a,newLabel:e})}render(){return s(b,{key:"2d70a2809dc4eb56b1e3d6183ca837a38ee01b16"},s("ix-tab-panel",{key:"d0923d4116998d6a7e231b907eacd5f8081eae36",tabKey:this.tabKey},s("slot",{key:"abd6be8e81556b9cb3091dfb55cebfa9ab4d76d0"})))}static get watchers(){return{label:[{watchLabel:0}]}}},[772,"ix-menu-about-item",{tabKey:[1,"tab-key"],label:[513]},void 0,{label:[{watchLabel:0}]}]),o=m,c=function(){"undefined"!=typeof customElements&&["ix-menu-about-item","ix-tab-panel"].forEach((e=>{switch(e){case"ix-menu-about-item":customElements.get(l(e))||customElements.define(l(e),m);break;case"ix-tab-panel":customElements.get(l(e))||i()}}))};export{o as IxMenuAboutItem,c as defineCustomElement}
+import{p as e,M as a,e as t,h as s,d as b,t as l}from"./p-eN5fQtqO.js";import{B as i}from"./p-DRw2l8Az.js";import{d as n}from"./p-BmZGQGZi.js";const m=e(class extends(a(i)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.labelChange=t(this,"labelChange",7)}label;labelChange;watchLabel(e,a){this.labelChange.emit({name:"ix-menu-about-item",oldLabel:a,newLabel:e})}render(){return s(b,{key:"acde06cac4ff13c7b9529d219b60e5460d01eb2b"},s("ix-tab-panel",{key:"a7458d27e0b5f2cf93154a438f67386d6583fbe6",tabKey:this.tabKey},s("slot",{key:"e47b54b6640d0e2a068deb648a22d5908b9ea380"})))}static get watchers(){return{label:[{watchLabel:0}]}}},[772,"ix-menu-about-item",{tabKey:[1,"tab-key"],label:[513]},void 0,{label:[{watchLabel:0}]}]),o=m,c=function(){"undefined"!=typeof customElements&&["ix-menu-about-item","ix-tab-panel"].forEach((e=>{switch(e){case"ix-menu-about-item":customElements.get(l(e))||customElements.define(l(e),m);break;case"ix-tab-panel":customElements.get(l(e))||n()}}))};export{o as IxMenuAboutItem,c as defineCustomElement}

package/components/ix-menu-about-news.js

@@ -1 +1 @@
-import{p as e,M as o,e as t,h as r,d as a,t as s}from"./p-CtDOTMOT.js";import{u as i,F as n}from"./p-BtSt9tC5.js";import{D as c}from"./p-CApDAYIa.js";import{d as l}from"./p-B_MBGj0b.js";import{d as b}from"./p-3VG6z9c3.js";import{d as m}from"./p-Dwe6tWhq.js";import{d as h}from"./p-1KOHyx-1.js";const d=e(class extends(o(...c)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.showMore=t(this,"showMore",7),this.closePopover=t(this,"closePopover",7)}get hostElement(){return this}show=!1;label;i18nShowMore="Show more";aboutItemLabel;activeAboutTabKey;showMore;closePopover;expanded=!1;render(){return r(a,{key:"2140402346af0c9c6b35c32cd001d41fac408f66",class:{expanded:this.expanded,show:!this.show}},r("div",{key:"655926df0b24c2edbb2c5e8e504a7f2072ed16dd",class:"banner-container"},r("ix-icon",{key:"d7d86dd91e2d6d09ba16f48548f044520e36f893",color:"color-inv-contrast-text",name:n,size:"32"}),r("svg",{key:"8b2bbf35bf826f8aeed01df8cf81aef3185a0fff",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},r("polygon",{key:"0ff0926642c10c1662aa7055ba18db6f5b7b8a1d",points:"0 0 48 0 48 56 24 48 0 56"}))),r("div",{key:"c392b9b890d85e241f6f88d20c1307ce23030352",class:"cui-popover-news-header"},r("ix-typography",{key:"546560dd3afdb47034e86e3ff2a6290824cc02c1",format:"label",bold:!0},this.label)),r("ix-icon-button",{key:"e6343c6409f25403e870054a23c47c7b849c837c",size:"24",icon:i,iconColor:"color-soft-text",variant:"tertiary",onClick:()=>{this.show=!1,this.closePopover.emit()}}),r("div",{key:"73b723ebd03bdf5f5592f8da68bfe481d5e5995c",class:"slot-container"},r("slot",{key:"ef993e0dcaf820e2e89eeb017bc15f32026c9127"})),this.activeAboutTabKey?r("div",{class:"cui-popover-news-footer"},r("ix-button",{variant:"primary",onClick:e=>{this.show=!1,this.showMore.emit(e)}},this.i18nShowMore)):null,r("div",{key:"90c790cac92119aa825bfd075e8c280894eb7141",id:"arrow"}))}static get style(){return":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}: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 .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}"}},[769,"ix-menu-about-news",{show:[1540],label:[1],i18nShowMore:[1,"i18n-show-more"],aboutItemLabel:[1,"about-item-label"],activeAboutTabKey:[1,"active-about-tab-key"],expanded:[4]}]),p=d,u=function(){"undefined"!=typeof customElements&&["ix-menu-about-news","ix-button","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-menu-about-news":customElements.get(s(e))||customElements.define(s(e),d);break;case"ix-button":customElements.get(s(e))||l();break;case"ix-icon-button":customElements.get(s(e))||b();break;case"ix-spinner":customElements.get(s(e))||m();break;case"ix-typography":customElements.get(s(e))||h()}}))};export{p as IxMenuAboutNews,u as defineCustomElement}
+import{p as e,M as o,e as t,h as r,d as a,t as s}from"./p-eN5fQtqO.js";import{G as i,S as n}from"./p-DsVj4Cd-.js";import{D as c}from"./p-CApDAYIa.js";import{d as b}from"./p-CRtj-KBq.js";import{d as l}from"./p-DdlGyKd2.js";import{d as m}from"./p-D7sEY2UQ.js";import{d as h}from"./p-YFmbQndr.js";const d=e(class extends(o(...c)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.showMore=t(this,"showMore",7),this.closePopover=t(this,"closePopover",7)}get hostElement(){return this}show=!1;label;i18nShowMore="Show more";aboutItemLabel;activeAboutTabKey;showMore;closePopover;expanded=!1;render(){return r(a,{key:"fff5b2a49fedcf7c44e44d617b757c9e2e0a4d30",class:{expanded:this.expanded,show:!this.show}},r("div",{key:"7945eb35a2f33579e87040f75a31e1b32389aac1",class:"banner-container"},r("ix-icon",{key:"f5a4674d02f6045af787f1ec6bee5db1d02fcb7d",color:"color-inv-contrast-text",name:n,size:"32"}),r("svg",{key:"ee79deb22d6dccdfa0c2a3a447f84fcfdf64eefb",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},r("polygon",{key:"01336bc75d9a1d05c95784d394890502b979b366",points:"0 0 48 0 48 56 24 48 0 56"}))),r("div",{key:"8d4f8bef7935b59c964591ab30129cdcf798b95f",class:"cui-popover-news-header"},r("ix-typography",{key:"f760efa506ab850dbcf7874bbcd6884fb5db013f",format:"label",bold:!0},this.label)),r("ix-icon-button",{key:"b1dcaf11abb71df154c8e9cfcf174315fceab36c",size:"24",icon:i,iconColor:"color-soft-text",variant:"tertiary",onClick:()=>{this.show=!1,this.closePopover.emit()}}),r("div",{key:"5d55061b7e0411577504303f79136feb34c56570",class:"slot-container"},r("slot",{key:"a0fea78d3ede753a3473885a19f178c08c8266cb"})),this.activeAboutTabKey?r("div",{class:"cui-popover-news-footer"},r("ix-button",{variant:"primary",onClick:e=>{this.show=!1,this.showMore.emit(e)}},this.i18nShowMore)):null,r("div",{key:"b0bf14f278e6eaf120c800b8ee94fc957b28e9e0",id:"arrow"}))}static get style(){return":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}: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 .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}"}},[769,"ix-menu-about-news",{show:[1540],label:[1],i18nShowMore:[1,"i18n-show-more"],aboutItemLabel:[1,"about-item-label"],activeAboutTabKey:[1,"active-about-tab-key"],expanded:[4]}]),f=d,p=function(){"undefined"!=typeof customElements&&["ix-menu-about-news","ix-button","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-menu-about-news":customElements.get(s(e))||customElements.define(s(e),d);break;case"ix-button":customElements.get(s(e))||b();break;case"ix-icon-button":customElements.get(s(e))||l();break;case"ix-spinner":customElements.get(s(e))||m();break;case"ix-typography":customElements.get(s(e))||h()}}))};export{f as IxMenuAboutNews,p as defineCustomElement}

package/components/ix-menu-about.js

@@ -1 +1 @@
-import{p as t,H as e,e as o,i as s,h as a,d as i,t as n}from"./p-CtDOTMOT.js";import{u as r}from"./p-BtSt9tC5.js";import{d as l}from"./p-B_MBGj0b.js";import{d as m}from"./p-olkZUb1j.js";import{d as h}from"./p-LbnItC1h.js";import{d as c}from"./p-BIcWFids.js";import{d as b}from"./p-3VG6z9c3.js";import{d as f}from"./p-DjIyhGBC.js";import{d as g}from"./p-Dwe6tWhq.js";import{d}from"./p-DO3HtUke.js";import{d as x}from"./p-GGleop6j.js";import{d as u}from"./p-Ca8JFa1v.js";import{d as p}from"./p-Dl_YKIKl.js";import{d as k}from"./p-1KOHyx-1.js";const y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChange=o(this,"tabChange",7),this.close=o(this,"close",7)}get hostElement(){return this}suppressLegacyTabs=!1;activeTabKey;label="About & legal information";ariaLabelCloseButton="Close About";show=!1;tabChange;close;itemsObserver;get items(){return Array.from(this.hostElement.querySelectorAll("ix-menu-about-item"))}componentWillLoad(){this.itemsObserver=new MutationObserver((()=>this.onItemsChange())),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.onItemsChange()}disconnectedCallback(){this.itemsObserver?.disconnect()}onItemsChange(){this.suppressLegacyTabs||void 0===this.activeTabKey&&this.items.length>0&&(this.activeTabKey=this.items[0].tabKey)}handleLabelChange(){this.suppressLegacyTabs||s(this)}render(){return a(i,{key:"5a2f41b28934b02e58b96bbd17104fb6c59a033b",slot:"ix-menu-about",class:{show:this.show,"legacy-tabs":!this.suppressLegacyTabs}},a("div",{key:"39f148621fb106a682755bd6235460ac74cabf6e",class:"about-header"},a("h2",{key:"4a2932a48a28bd92dceb2ce63a97a397b871f89b",class:"text-h2"},this.label),a("ix-icon-button",{key:"6956aaedb3e4a76735ef1cbe689220a9b43f67cf",variant:"tertiary",size:"24",icon:r,iconColor:"color-soft-text","aria-label":this.ariaLabelCloseButton,onClick:t=>this.close.emit({name:"ix-menu-about",nativeEvent:t})})),this.suppressLegacyTabs?a("slot",null):a("ix-tab-set",null,a("ix-tabs",{activeTabKey:this.activeTabKey},this.items.map((({label:t,tabKey:e})=>a("ix-tab-item",{tabKey:e,selected:e===this.activeTabKey,label:t})))),a("slot",null)))}static get style(){return".text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{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}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{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}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}: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 .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}"}},[769,"ix-menu-about",{suppressLegacyTabs:[4,"suppress-legacy-tabs"],activeTabKey:[1025,"active-tab-key"],label:[1],ariaLabelCloseButton:[1,"aria-label-close-button"],show:[4]},[[0,"labelChange","handleLabelChange"]]]),w=y,v=function(){"undefined"!=typeof customElements&&["ix-menu-about","ix-button","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-pill","ix-spinner","ix-tab-item","ix-tab-set","ix-tabs","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-about":customElements.get(n(t))||customElements.define(n(t),y);break;case"ix-button":customElements.get(n(t))||l();break;case"ix-dropdown":customElements.get(n(t))||m();break;case"ix-dropdown-button":customElements.get(n(t))||h();break;case"ix-dropdown-item":customElements.get(n(t))||c();break;case"ix-icon-button":customElements.get(n(t))||b();break;case"ix-pill":customElements.get(n(t))||f();break;case"ix-spinner":customElements.get(n(t))||g();break;case"ix-tab-item":customElements.get(n(t))||d();break;case"ix-tab-set":customElements.get(n(t))||x();break;case"ix-tabs":customElements.get(n(t))||u();break;case"ix-tooltip":customElements.get(n(t))||p();break;case"ix-typography":customElements.get(n(t))||k()}}))};export{w as IxMenuAbout,v as defineCustomElement}
+import{p as t,H as e,e as o,j as s,h as i,d as a,t as n}from"./p-eN5fQtqO.js";import{G as r}from"./p-DsVj4Cd-.js";import{d as l}from"./p-CRtj-KBq.js";import{d as m}from"./p-CLDB-pmj.js";import{d as h}from"./p-CvAmaEU2.js";import{d as c}from"./p-CUpOF7jN.js";import{d as b}from"./p-DdlGyKd2.js";import{d as f}from"./p-CEE0wwD3.js";import{d as g}from"./p-D7sEY2UQ.js";import{d}from"./p-Bs5X90wM.js";import{d as x}from"./p-C_K74Xlt.js";import{d as u}from"./p-BHoJOFM-.js";import{d as p}from"./p-CgPr717U.js";import{d as y}from"./p-YFmbQndr.js";const k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChange=o(this,"tabChange",7),this.close=o(this,"close",7)}get hostElement(){return this}suppressLegacyTabs=!1;activeTabKey;label="About & legal information";ariaLabelCloseButton="Close About";show=!1;tabChange;close;itemsObserver;get items(){return Array.from(this.hostElement.querySelectorAll("ix-menu-about-item"))}componentWillLoad(){this.itemsObserver=new MutationObserver((()=>this.onItemsChange())),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.onItemsChange()}disconnectedCallback(){this.itemsObserver?.disconnect()}onItemsChange(){this.suppressLegacyTabs||void 0===this.activeTabKey&&this.items.length>0&&(this.activeTabKey=this.items[0].tabKey)}handleLabelChange(){this.suppressLegacyTabs||s(this)}render(){return i(a,{key:"4a505ef81bfc9d96cbff402d014f8b31e3a72957",slot:"ix-menu-about",class:{show:this.show,"legacy-tabs":!this.suppressLegacyTabs}},i("div",{key:"12702e8e4b905e2c7f7b4f25641a59df69fd595f",class:"about-header"},i("h2",{key:"5277ff2507f0d623cce94150e680a3c4bbc844eb",class:"text-h2"},this.label),i("ix-icon-button",{key:"8d27723ee3caacc43fc90e2dca417af2f5897e11",variant:"tertiary",size:"24",icon:r,iconColor:"color-soft-text","aria-label":this.ariaLabelCloseButton,onClick:t=>this.close.emit({name:"ix-menu-about",nativeEvent:t})})),this.suppressLegacyTabs?i("slot",null):i("ix-tab-set",null,i("ix-tabs",{activeTabKey:this.activeTabKey},this.items.map((({label:t,tabKey:e})=>i("ix-tab-item",{tabKey:e,selected:e===this.activeTabKey,label:t})))),i("slot",null)))}static get style(){return".text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{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}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{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}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}: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 .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}"}},[769,"ix-menu-about",{suppressLegacyTabs:[4,"suppress-legacy-tabs"],activeTabKey:[1025,"active-tab-key"],label:[1],ariaLabelCloseButton:[1,"aria-label-close-button"],show:[4]},[[0,"labelChange","handleLabelChange"]]]),w=k,v=function(){"undefined"!=typeof customElements&&["ix-menu-about","ix-button","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-pill","ix-spinner","ix-tab-item","ix-tab-set","ix-tabs","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-about":customElements.get(n(t))||customElements.define(n(t),k);break;case"ix-button":customElements.get(n(t))||l();break;case"ix-dropdown":customElements.get(n(t))||m();break;case"ix-dropdown-button":customElements.get(n(t))||h();break;case"ix-dropdown-item":customElements.get(n(t))||c();break;case"ix-icon-button":customElements.get(n(t))||b();break;case"ix-pill":customElements.get(n(t))||f();break;case"ix-spinner":customElements.get(n(t))||g();break;case"ix-tab-item":customElements.get(n(t))||d();break;case"ix-tab-set":customElements.get(n(t))||x();break;case"ix-tabs":customElements.get(n(t))||u();break;case"ix-tooltip":customElements.get(n(t))||p();break;case"ix-typography":customElements.get(n(t))||y()}}))};export{w as IxMenuAbout,v as defineCustomElement}

package/components/ix-menu-avatar-item.js

@@ -1 +1 @@
-import{M as s,d as o}from"./p-D1sONqtj.js";const t=s,p=o;export{t as IxMenuAvatarItem,p as defineCustomElement}
+import{M as o,d as s}from"./p-CtZAuwv3.js";const t=o,p=s;export{t as IxMenuAvatarItem,p as defineCustomElement}

package/components/ix-menu-avatar.js

@@ -1 +1 @@
-import{p as t,H as a,e,h as o,d as r,t as i}from"./p-CtDOTMOT.js";import{G as s}from"./p-BtSt9tC5.js";import{a as n}from"./p-C21npbUc.js";import{m as l}from"./p-Djkc69iv.js";import{d}from"./p-Dw_A3HUC.js";import{d as b}from"./p-DkAUNod9.js";import{d as c}from"./p-7HGOhDMX.js";import{d as m}from"./p-olkZUb1j.js";import{d as h}from"./p-BIcWFids.js";import{d as p}from"./p-D1sONqtj.js";import{d as u}from"./p-Dwe6tWhq.js";import{d as v}from"./p-Dl_YKIKl.js";import{d as f}from"./p-1KOHyx-1.js";const g=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.logoutClick=e(this,"logoutClick",7)}get hostElement(){return this}top;bottom;image;initials;tooltipText;ariaLabelTooltip;i18nLogout="Logout";hideLogoutButton=!1;enableTopLayer=!1;showContextMenu=!1;logoutClick;avatarElementId="ix-menu-avatar-id";tooltipRef=l();onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t)return;const a=d(t);this.showContextMenu=0!==a.length}render(){const t=this.tooltipText??this.top,a=t===this.top;return o(r,{key:"037f15bd4bd44d3f233bebb922fe5e7b4f002fcf",slot:"ix-menu-avatar"},o("button",{key:"b25d995e137224af7d5e8a4a4ef75fbcd42139e5",class:"nav-item top-item avatar no-hover",id:this.avatarElementId,tabIndex:0},o("ix-avatar",{key:"defa946c69c1ee6f31a68039a6eed6b2ed71ebd7",image:this.image,initials:this.initials}),o("div",{key:"14d0dba651a996032354d48f518b628c7392e61d",class:"avatar-name"},o("span",{key:"ec4ed8e734b95d43382f8f8bd7342e58895c4883",class:"text-default-single"},this.top),o("span",{key:"691da78327c07d198b78ad62aa33b8dc63440050",class:"text-default-single"},this.bottom))),!!t&&o("ix-tooltip",{key:"a08173ffda2cb1c548e5d2f4b49a61f43f921390",ref:this.tooltipRef,for:"#"+this.avatarElementId,placement:"right","aria-hidden":n(a),"aria-label":this.ariaLabelTooltip},t),o("ix-dropdown",{key:"aad18b46b349927551b36988b51226f06789b91f",trigger:this.hostElement,placement:"right-start",hidden:!this.showContextMenu&&this.hideLogoutButton,offset:{mainAxis:16},onShowChanged:t=>{t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},enableTopLayer:this.enableTopLayer},o("slot",{key:"1dc6f211194711861c3374efbd7943124ede68de",onSlotchange:()=>this.onSlotChange()}),!this.hideLogoutButton&&o("ix-menu-avatar-item",{key:"a39a67cb36600d63414cc8fa5457d0312580574d",label:this.i18nLogout,icon:s,onClick:t=>{this.logoutClick.emit(t)}})))}static get style(){return":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}: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 .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}"}},[769,"ix-menu-avatar",{top:[1],bottom:[1],image:[1],initials:[1],tooltipText:[1,"tooltip-text"],ariaLabelTooltip:[1,"aria-label-tooltip"],i18nLogout:[1,"i18n-logout"],hideLogoutButton:[4,"hide-logout-button"],enableTopLayer:[4,"enable-top-layer"],showContextMenu:[32]}]),k=g,x=function(){"undefined"!=typeof customElements&&["ix-menu-avatar","ix-avatar","ix-divider","ix-dropdown","ix-dropdown-item","ix-menu-avatar-item","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-avatar":customElements.get(i(t))||customElements.define(i(t),g);break;case"ix-avatar":customElements.get(i(t))||b();break;case"ix-divider":customElements.get(i(t))||c();break;case"ix-dropdown":customElements.get(i(t))||m();break;case"ix-dropdown-item":customElements.get(i(t))||h();break;case"ix-menu-avatar-item":customElements.get(i(t))||p();break;case"ix-spinner":customElements.get(i(t))||u();break;case"ix-tooltip":customElements.get(i(t))||v();break;case"ix-typography":customElements.get(i(t))||f()}}))};export{k as IxMenuAvatar,x as defineCustomElement}
+import{p as t,H as a,e,h as o,d as r,t as i}from"./p-eN5fQtqO.js";import{T as s}from"./p-DsVj4Cd-.js";import{a as n}from"./p-C21npbUc.js";import{m as l}from"./p-Djkc69iv.js";import{d}from"./p-Dw_A3HUC.js";import{d as c}from"./p-DylHkzl6.js";import{d as m}from"./p-ePylRxs_.js";import{d as h}from"./p-CLDB-pmj.js";import{d as b}from"./p-CUpOF7jN.js";import{d as p}from"./p-CtZAuwv3.js";import{d as u}from"./p-D7sEY2UQ.js";import{d as v}from"./p-CgPr717U.js";import{d as f}from"./p-YFmbQndr.js";const g=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.logoutClick=e(this,"logoutClick",7)}get hostElement(){return this}top;bottom;image;initials;tooltipText;ariaLabelTooltip;i18nLogout="Logout";hideLogoutButton=!1;enableTopLayer=!1;showContextMenu=!1;logoutClick;avatarElementId="ix-menu-avatar-id";tooltipRef=l();onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t)return;const a=d(t);this.showContextMenu=0!==a.length}render(){const t=this.tooltipText??this.top,a=t===this.top;return o(r,{key:"d3454f7e95389f1d1f23963d6a70434fe44c7275",slot:"ix-menu-avatar"},o("button",{key:"3a4bf271f0cd608143e921b57f544a3ce1a1ed2f",class:"nav-item top-item avatar no-hover",id:this.avatarElementId,tabIndex:0},o("ix-avatar",{key:"b8cf381e8ff5111aa5ec84c68023011978170b44",image:this.image,initials:this.initials}),o("div",{key:"fc20477ea49354b645c60a88329dd01832b50274",class:"avatar-name"},o("span",{key:"42b988c3e71102ae457ebc3936c43f2c934cd25f",class:"text-default-single"},this.top),o("span",{key:"96cb4f2ab217b4d802f3dd8d7be1f40437824697",class:"text-default-single"},this.bottom))),!!t&&o("ix-tooltip",{key:"9dc4248b29a36552bccab8ea2a17484d6fb27ea8",ref:this.tooltipRef,for:"#"+this.avatarElementId,placement:"right","aria-hidden":n(a),"aria-label":this.ariaLabelTooltip},t),o("ix-dropdown",{key:"382631209ea32a539c3fb6c59ad5088924a12c50",trigger:this.hostElement,placement:"right-start",hidden:!this.showContextMenu&&this.hideLogoutButton,offset:{mainAxis:16},onShowChanged:t=>{t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},enableTopLayer:this.enableTopLayer},o("slot",{key:"1f3ba4ccc8636154f8a853decacf1b0ffd9fa6c9",onSlotchange:()=>this.onSlotChange()}),!this.hideLogoutButton&&o("ix-menu-avatar-item",{key:"ee3661210d5d8432338973d8cc3e96c941f8dd3d",label:this.i18nLogout,icon:s,onClick:t=>{this.logoutClick.emit(t)}})))}static get style(){return":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}: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 .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}"}},[769,"ix-menu-avatar",{top:[1],bottom:[1],image:[1],initials:[1],tooltipText:[1,"tooltip-text"],ariaLabelTooltip:[1,"aria-label-tooltip"],i18nLogout:[1,"i18n-logout"],hideLogoutButton:[4,"hide-logout-button"],enableTopLayer:[4,"enable-top-layer"],showContextMenu:[32]}]),x=g,k=function(){"undefined"!=typeof customElements&&["ix-menu-avatar","ix-avatar","ix-divider","ix-dropdown","ix-dropdown-item","ix-menu-avatar-item","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-avatar":customElements.get(i(t))||customElements.define(i(t),g);break;case"ix-avatar":customElements.get(i(t))||c();break;case"ix-divider":customElements.get(i(t))||m();break;case"ix-dropdown":customElements.get(i(t))||h();break;case"ix-dropdown-item":customElements.get(i(t))||b();break;case"ix-menu-avatar-item":customElements.get(i(t))||p();break;case"ix-spinner":customElements.get(i(t))||u();break;case"ix-tooltip":customElements.get(i(t))||v();break;case"ix-typography":customElements.get(i(t))||f()}}))};export{x as IxMenuAvatar,k as defineCustomElement}

package/components/ix-menu-category.js

@@ -1 +1 @@
-import{p as t,M as a,e,h as i,d as r,t as s}from"./p-CtDOTMOT.js";import{h as o}from"./p-BtSt9tC5.js";import{a as n}from"./p-DhE1t8Qh.js";import{c as h}from"./p-DuTDx0c-.js";import{c as d}from"./p-CX81WQtk.js";import{r as u}from"./p-BEuV0Xpe.js";import{D as c,h as l}from"./p-CApDAYIa.js";import{I as b}from"./p-BST8QY5w.js";import{g as m}from"./p-Dw_A3HUC.js";import{m as g}from"./p-Djkc69iv.js";import{d as p}from"./p-BbwShqw_.js";import{c as C,d as A}from"./p-Cvpz1Ji5.js";import{d as f}from"./p-7HGOhDMX.js";import{d as x}from"./p-olkZUb1j.js";import{d as w}from"./p-BIcWFids.js";import{d as y}from"./p-Dl_YKIKl.js";import{d as v}from"./p-1KOHyx-1.js";let k=0;const I=t(class extends(a(...c,b)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeOtherCategories=e(this,"closeOtherCategories",7)}get hostElement(){return this}label;icon;notifications;tooltipText;closeOtherCategories;menuExpand=!1;showItems=!1;showDropdown=!1;nestedItems=[];async setTabIndex(t){await(this.categoryParentRef.current?.setTabIndex(t))}observer;menuItemsContainer;ixMenu;dropdownRef=g();categoryParentRef=g();categoryId=C("ix-menu-category-",k++);focusFirstItemOnDropdownOpen=!1;isNestedItemActive(){return this.getNestedItems().some((t=>t.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){return 40*this.getNestedItems().length}focusFirstItem(){const t=this.getNestedItems()[0];t&&u((()=>t.focus()))}onExpandCategory(t){t?this.animateFadeIn():this.animateFadeOut()}animateFadeOut(){n(this.menuItemsContainer,{duration:150,easing:"easeInSine",opacity:[1,0],maxHeight:[this.getNestedItemsHeight()+40,0],onComplete:()=>{setTimeout((()=>{this.showItems=!1,this.showDropdown=!1}),175)}})}animateFadeIn(){this.showItems=!0,this.showDropdown=!1,n(this.menuItemsContainer,{duration:150,easing:"easeInSine",opacity:[0,1],maxHeight:[0,this.getNestedItemsHeight()+40]})}showMenuItemDropdown(){if(!this.ixMenu?.expand&&(this.closeOtherCategories.emit(),this.dropdownRef.current)){const t=p.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&p.present(t)}}hideMenuItemDropdown(){if(this.dropdownRef.current){const t=p.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&p.dismiss(t)}}handleCategoryVisibility(){this.ixMenu?.expand?this.onExpandCategory(!this.showItems):this.showMenuItemDropdown()}onDropdownShowChange(t){if(t)return;const a=document.activeElement,e=m(a).includes(this.hostElement);l()&&e&&u((()=>u((()=>this.hostElement.focus()))))}onDropdownShowChanged(t){this.showDropdown=t,t?this.focusFirstItemOnDropdownOpen&&(this.focusFirstItemOnDropdownOpen=!1,this.focusFirstItem()):this.focusFirstItemOnDropdownOpen=!1}onDropdownFocusOut(){u((()=>{const t=document.activeElement;if(!t)return;const a=m(t),e=a.includes(this.hostElement),i=!!this.dropdownRef.current&&a.includes(this.dropdownRef.current);e||i||(this.showDropdown=!1)}))}onNestedItemSelect(){this.ixMenu?.expand||(this.showDropdown=!1)}onCategoryClick(t){t.stopPropagation(),this.handleCategoryVisibility()}onKeyDown(t){if("Enter"!==t.key&&" "!==t.key)"ArrowDown"===t.key&&this.showItems&&(t.preventDefault(),this.focusFirstItem());else{t.preventDefault();const a=this.ixMenu?.expand&&this.showItems,e=!this.ixMenu?.expand;if(this.handleCategoryVisibility(),!a){if(e)return void(this.focusFirstItemOnDropdownOpen=!0);this.focusFirstItem()}}}onMenuItemsKeyDown(t){if("Escape"===t.key)return t.preventDefault(),this.categoryParentRef.current?.focus(),void this.handleCategoryVisibility();if("ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"Tab"!==t.key)return;const a=this.getNestedItems();if(0===a.length)return;const e=t.composedPath(),i=a.findIndex((t=>e.includes(t)));-1!==i&&(t.preventDefault(),"ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey?a[(i+1)%a.length].focus():a[(i-1+a.length)%a.length].focus())}suppressAnchorWrapperTabStops(){Array.from(this.hostElement.querySelectorAll(":scope > a")).filter((t=>t.querySelector("ix-menu-item"))).forEach((t=>{"-1"!==t.getAttribute("tabindex")&&t.setAttribute("tabindex","-1")}))}onNestedItemsChanged(t){this.suppressAnchorWrapperTabStops();const a=this.nestedItems.length;if(this.nestedItems=this.getNestedItems(),this.showItems&&this.menuItemsContainer&&a!==this.nestedItems.length&&(this.menuItemsContainer.style.maxHeight=this.getNestedItemsHeight()+40+"px"),this.menuExpand&&!this.showItems&&t)for(const a of t??[])if("class"===a.attributeName&&a.target instanceof HTMLElement&&a.target.classList.contains("active"))return this.showItems=!0,void this.onExpandCategory(!0)}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentWillLoad(){super.componentWillLoad();const t=h(this.hostElement);if(!t)throw Error("ix-menu-category can only be used as a child of ix-menu");this.ixMenu=t,this.menuExpand=this.ixMenu.expand,this.showItems=this.isCategoryItemListVisible()}componentDidLoad(){this.observer=d((t=>this.onNestedItemsChanged(t))),this.observer.observe(this.hostElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0}),u((()=>{this.onNestedItemsChanged(),this.onShowItemsChange()})),this.ixMenu?.addEventListener("expandChange",(({detail:t})=>{this.menuExpand=t,t||this.clearMenuItemStyles(),this.showItems=this.isCategoryItemListVisible()}))}clearMenuItemStyles(){this.menuItemsContainer?.style.removeProperty("max-height"),this.menuItemsContainer?.style.removeProperty("opacity")}onShowItemsChange(){this.getNestedItems().forEach((t=>{t.hidden=!this.showItems&&!this.showDropdown}))}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect()}render(){const t={...this.inheritAriaAttributes};return delete t.role,i(r,{key:"b13967728dd925cf23d59525997326e3cae1d883",class:{expanded:this.showItems},onIxMenuCategoryItemSelect:()=>this.onNestedItemSelect(),onPointerEnter:()=>{this.showMenuItemDropdown()},onPointerLeave:t=>{"touch"!==t.pointerType&&this.hideMenuItemDropdown()}},i("ix-menu-item",{key:"83115990b35fd94f74c054fca190e85c8ec62010",...t,"aria-haspopup":"menu","aria-expanded":this.showItems||this.showDropdown?"true":"false",id:this.categoryId,ref:this.categoryParentRef,class:"category-parent",active:this.isNestedItemActive(),notifications:this.notifications,icon:this.icon,onClick:t=>this.onCategoryClick(t),onKeyDown:t=>this.onKeyDown(t),tooltipText:this.tooltipText,isCategory:!0,menuCategoryLabel:this.label},i("span",{key:"bbd0030c37c6931a742b9b95aff810b6bf54ba3d",class:"category"},i("span",{key:"2de8dabb7dcad0b3d6d431961dc78f9fee737f9c",class:"category-text"},this.label),i("ix-icon",{key:"dadaef3f921796b4af1bdc2127d5cf85ae8d3d50",name:o,class:{"category-chevron":!0,"category-chevron--open":this.showItems},"aria-hidden":"true"}))),i("div",{key:"4f05e07d484bcafccacb6e52b16ed1d428fafd6e",ref:t=>this.menuItemsContainer=t,class:{"menu-items":!0,"menu-items--expanded":this.showItems,"menu-items--collapsed":!this.showItems},role:"menu","aria-labelledby":this.categoryId,onKeyDown:t=>this.onMenuItemsKeyDown(t)},this.showItems?i("slot",null):null),i("ix-dropdown",{key:"9574783d83639a13003ef13a01aea92ae85b61c7",ref:this.dropdownRef,hostRole:"menu","aria-label":this.label,closeBehavior:"both",show:this.showDropdown,onShowChange:({detail:t})=>this.onDropdownShowChange(t),onShowChanged:({detail:t})=>this.onDropdownShowChanged(t),class:"category-dropdown",anchor:this.hostElement,placement:"right-start",offset:{mainAxis:3},focusHost:this.hostElement,onClick:t=>{t.target instanceof HTMLElement&&("IX-MENU-ITEM"===t.target.tagName?this.showDropdown=!1:t.preventDefault())},onFocusout:()=>this.onDropdownFocusOut()},i("ix-dropdown-item",{key:"6844b7dd6cea9c3290060a0fc3b5d726272f99a5",class:"category-dropdown-header",tabindex:-1,"aria-hidden":"true"},i("ix-typography",{key:"f06f3b478802a827589415b5025085c6f2825326",format:"label",bold:!0,textColor:"std"},this.label)),i("ix-divider",{key:"a0f540c48caaf3ea256edfc12c73ec8a95c7e210"}),i("slot",{key:"9dd47bc65bd63d610c936fe5f5c196764704443d"})))}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}],showDropdown:[{onShowItemsChange:0}],showItems:[{onShowItemsChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}: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 .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}"}},[785,"ix-menu-category",{label:[1],icon:[1],notifications:[2],tooltipText:[1,"tooltip-text"],inheritAriaAttributes:[32],menuExpand:[32],showItems:[32],showDropdown:[32],nestedItems:[32],setTabIndex:[64]},[[8,"closeOtherCategories","hideMenuItemDropdown"]],{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}],showDropdown:[{onShowItemsChange:0}],showItems:[{onShowItemsChange:0}]}]),D=I,E=function(){"undefined"!=typeof customElements&&["ix-menu-category","ix-divider","ix-dropdown","ix-dropdown-item","ix-menu-item","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-category":customElements.get(s(t))||customElements.define(s(t),I);break;case"ix-divider":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||x();break;case"ix-dropdown-item":customElements.get(s(t))||w();break;case"ix-menu-item":customElements.get(s(t))||A();break;case"ix-tooltip":customElements.get(s(t))||y();break;case"ix-typography":customElements.get(s(t))||v()}}))};export{D as IxMenuCategory,E as defineCustomElement}
+import{p as t,M as a,e,h as i,d as r,t as s}from"./p-eN5fQtqO.js";import{t as o}from"./p-DsVj4Cd-.js";import{a as n}from"./p-DhE1t8Qh.js";import{c as h}from"./p-DuTDx0c-.js";import{c as d}from"./p-CX81WQtk.js";import{r as u}from"./p-BEuV0Xpe.js";import{D as c,h as l}from"./p-CApDAYIa.js";import{I as b}from"./p-BST8QY5w.js";import{g as m}from"./p-Dw_A3HUC.js";import{m as g}from"./p-Djkc69iv.js";import{d as p}from"./p-BbwShqw_.js";import{c as C,d as A}from"./p-BcbFeRB0.js";import{d as f}from"./p-ePylRxs_.js";import{d as x}from"./p-CLDB-pmj.js";import{d as w}from"./p-CUpOF7jN.js";import{d as y}from"./p-CgPr717U.js";import{d as v}from"./p-YFmbQndr.js";let k=0;const I=t(class extends(a(...c,b)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeOtherCategories=e(this,"closeOtherCategories",7)}get hostElement(){return this}label;icon;notifications;tooltipText;closeOtherCategories;menuExpand=!1;showItems=!1;showDropdown=!1;nestedItems=[];async setTabIndex(t){await(this.categoryParentRef.current?.setTabIndex(t))}observer;menuItemsContainer;ixMenu;dropdownRef=g();categoryParentRef=g();categoryId=C("ix-menu-category-",k++);focusFirstItemOnDropdownOpen=!1;isNestedItemActive(){return this.getNestedItems().some((t=>t.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){return 40*this.getNestedItems().length}focusFirstItem(){const t=this.getNestedItems()[0];t&&u((()=>t.focus()))}onExpandCategory(t){t?this.animateFadeIn():this.animateFadeOut()}animateFadeOut(){n(this.menuItemsContainer,{duration:150,easing:"easeInSine",opacity:[1,0],maxHeight:[this.getNestedItemsHeight()+40,0],onComplete:()=>{setTimeout((()=>{this.showItems=!1,this.showDropdown=!1}),175)}})}animateFadeIn(){this.showItems=!0,this.showDropdown=!1,n(this.menuItemsContainer,{duration:150,easing:"easeInSine",opacity:[0,1],maxHeight:[0,this.getNestedItemsHeight()+40]})}showMenuItemDropdown(){if(!this.ixMenu?.expand&&(this.closeOtherCategories.emit(this.categoryId),this.dropdownRef.current)){const t=p.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&p.present(t)}}hideMenuItemDropdown(t){if(t?.detail!==this.categoryId&&this.dropdownRef.current){const t=p.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&p.dismiss(t)}}handleCategoryVisibility(){this.ixMenu?.expand?this.onExpandCategory(!this.showItems):this.showMenuItemDropdown()}onDropdownShowChange(t){if(t)return;const a=document.activeElement,e=m(a).includes(this.hostElement);l()&&e&&u((()=>u((()=>this.hostElement.focus()))))}onDropdownShowChanged(t){this.showDropdown=t,t?this.focusFirstItemOnDropdownOpen&&(this.focusFirstItemOnDropdownOpen=!1,this.focusFirstItem()):this.focusFirstItemOnDropdownOpen=!1}onDropdownFocusOut(){u((()=>{const t=document.activeElement;if(!t)return;const a=m(t),e=a.includes(this.hostElement),i=!!this.dropdownRef.current&&a.includes(this.dropdownRef.current);e||i||(this.showDropdown=!1)}))}onNestedItemSelect(){this.ixMenu?.expand||(this.showDropdown=!1)}onCategoryClick(t){t.stopPropagation(),this.handleCategoryVisibility()}onKeyDown(t){if("Enter"!==t.key&&" "!==t.key)"ArrowDown"===t.key&&this.showItems&&(t.preventDefault(),this.focusFirstItem());else{t.preventDefault();const a=this.ixMenu?.expand&&this.showItems,e=!this.ixMenu?.expand;if(this.handleCategoryVisibility(),!a){if(e)return void(this.focusFirstItemOnDropdownOpen=!0);this.focusFirstItem()}}}onMenuItemsKeyDown(t){if("Escape"===t.key)return t.preventDefault(),this.categoryParentRef.current?.focus(),void this.handleCategoryVisibility();if("ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"Tab"!==t.key)return;const a=this.getNestedItems();if(0===a.length)return;const e=t.composedPath(),i=a.findIndex((t=>e.includes(t)));-1!==i&&(t.preventDefault(),"ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey?a[(i+1)%a.length].focus():a[(i-1+a.length)%a.length].focus())}suppressAnchorWrapperTabStops(){Array.from(this.hostElement.querySelectorAll(":scope > a")).filter((t=>t.querySelector("ix-menu-item"))).forEach((t=>{"-1"!==t.getAttribute("tabindex")&&t.setAttribute("tabindex","-1")}))}onNestedItemsChanged(t){this.suppressAnchorWrapperTabStops();const a=this.nestedItems.length;if(this.nestedItems=this.getNestedItems(),this.showItems&&this.menuItemsContainer&&a!==this.nestedItems.length&&(this.menuItemsContainer.style.maxHeight=this.getNestedItemsHeight()+40+"px"),this.menuExpand&&!this.showItems&&t)for(const a of t??[])if("class"===a.attributeName&&a.target instanceof HTMLElement&&a.target.classList.contains("active"))return this.showItems=!0,void this.onExpandCategory(!0)}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentWillLoad(){super.componentWillLoad();const t=h(this.hostElement);if(!t)throw Error("ix-menu-category can only be used as a child of ix-menu");this.ixMenu=t,this.menuExpand=this.ixMenu.expand,this.showItems=this.isCategoryItemListVisible()}componentDidLoad(){this.observer=d((t=>this.onNestedItemsChanged(t))),this.observer.observe(this.hostElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0}),u((()=>{this.onNestedItemsChanged(),this.onShowItemsChange()})),this.ixMenu?.addEventListener("expandChange",(({detail:t})=>{this.menuExpand=t,t||this.clearMenuItemStyles(),this.showItems=this.isCategoryItemListVisible()}))}clearMenuItemStyles(){this.menuItemsContainer?.style.removeProperty("max-height"),this.menuItemsContainer?.style.removeProperty("opacity")}onShowItemsChange(){this.getNestedItems().forEach((t=>{t.hidden=!this.showItems&&!this.showDropdown}))}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect()}render(){const t={...this.inheritAriaAttributes};return delete t.role,i(r,{key:"16e92aa31c97226ac110248e58ee4e8cf6e686cb",class:{expanded:this.showItems},onIxMenuCategoryItemSelect:()=>this.onNestedItemSelect(),onPointerEnter:()=>{this.showMenuItemDropdown()},onPointerLeave:t=>{"touch"!==t.pointerType&&this.hideMenuItemDropdown()}},i("ix-menu-item",{key:"bfce7e95d4e994a53d20016b1108f26248c19de9",...t,"aria-haspopup":"menu","aria-expanded":this.showItems||this.showDropdown?"true":"false",id:this.categoryId,ref:this.categoryParentRef,class:"category-parent",active:this.isNestedItemActive(),notifications:this.notifications,icon:this.icon,onClick:t=>this.onCategoryClick(t),onKeyDown:t=>this.onKeyDown(t),tooltipText:this.tooltipText,isCategory:!0,menuCategoryLabel:this.label},i("span",{key:"1700d1f6d3c93e66ede8e96ab6f6ed126b255220",class:"category"},i("span",{key:"6f56b33cbf5be34051d2466c9b99d012664ad1c9",class:"category-text"},this.label),i("ix-icon",{key:"b971ca95e49344cc3f60c72430701c6a8c06a21c",name:o,class:{"category-chevron":!0,"category-chevron--open":this.showItems},"aria-hidden":"true"}))),i("div",{key:"36f61ae3b2b0e52fa67380216d46b5386c446f30",ref:t=>this.menuItemsContainer=t,class:{"menu-items":!0,"menu-items--expanded":this.showItems,"menu-items--collapsed":!this.showItems},role:"menu","aria-labelledby":this.categoryId,onKeyDown:t=>this.onMenuItemsKeyDown(t)},this.showItems?i("slot",null):null),i("ix-dropdown",{key:"a89d90584e563751f4e8c5705be94e2e52cd801a",ref:this.dropdownRef,hostRole:"menu","aria-label":this.label,closeBehavior:"both",show:this.showDropdown,onShowChange:({detail:t})=>this.onDropdownShowChange(t),onShowChanged:({detail:t})=>this.onDropdownShowChanged(t),class:"category-dropdown",anchor:this.hostElement,placement:"right-start",offset:{mainAxis:3},focusHost:this.hostElement,onClick:t=>{t.target instanceof HTMLElement&&("IX-MENU-ITEM"===t.target.tagName?this.showDropdown=!1:t.preventDefault())},onFocusout:()=>this.onDropdownFocusOut()},i("ix-dropdown-item",{key:"437c4dfccac1e17d515cc1095b9b2d2ded520ae6",class:"category-dropdown-header",tabindex:-1,"aria-hidden":"true"},i("ix-typography",{key:"a72c3c3f9db4d7330f7876518f2e0d26b3718f02",format:"label",bold:!0,textColor:"std"},this.label)),i("ix-divider",{key:"f743e54cbdbd27b56030f2a8f44073fe12ea1564"}),i("slot",{key:"37394a8edb8a0eeffa8b2ed4aaeb5d913249f2d5"})))}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}],showDropdown:[{onShowItemsChange:0}],showItems:[{onShowItemsChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}: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 .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}"}},[785,"ix-menu-category",{label:[1],icon:[1],notifications:[2],tooltipText:[1,"tooltip-text"],inheritAriaAttributes:[32],menuExpand:[32],showItems:[32],showDropdown:[32],nestedItems:[32],setTabIndex:[64]},[[8,"closeOtherCategories","hideMenuItemDropdown"]],{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}],showDropdown:[{onShowItemsChange:0}],showItems:[{onShowItemsChange:0}]}]),D=I,E=function(){"undefined"!=typeof customElements&&["ix-menu-category","ix-divider","ix-dropdown","ix-dropdown-item","ix-menu-item","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-category":customElements.get(s(t))||customElements.define(s(t),I);break;case"ix-divider":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||x();break;case"ix-dropdown-item":customElements.get(s(t))||w();break;case"ix-menu-item":customElements.get(s(t))||A();break;case"ix-tooltip":customElements.get(s(t))||y();break;case"ix-typography":customElements.get(s(t))||v()}}))};export{D as IxMenuCategory,E as defineCustomElement}

package/components/ix-menu-expand-icon.js

@@ -1 +1 @@
-import{M as o,d as s}from"./p-DziPiOL3.js";const i=o,p=s;export{i as IxMenuExpandIcon,p as defineCustomElement}
+import{M as s,d as o}from"./p-OxstEnSC.js";const t=s,p=o;export{t as IxMenuExpandIcon,p as defineCustomElement}