npm - @siemens/ix - Versions diffs - 2.4.1 → 2.5.0 - Mend

@siemens/ix 2.4.1 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (830) hide show

package/dist/siemens-ix/{p-bea7c748.entry.js → p-ee96d1eb.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as r,H as t}from"./p-f87cd962.js";import{B as n}from"./p-1d581190.js";import{a as i}from"./p-4f8ac3bf.js";const a=".btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;font-size:0.875rem;font-weight:700;transition:var(--theme-default-time);padding:0 0.5rem;min-width:5rem;gap:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .glyph{margin-right:0.25rem;font-weight:400}.btn:focus-visible,.btn.focus{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{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}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary: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)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{pointer-events:none;cursor:initial;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)}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}.btn-invisible-primary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled):active,.btn-invisible-primary:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{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}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary: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)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled):active,.btn-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{pointer-events:none;cursor:initial;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)}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}.btn-invisible-secondary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled):active,.btn-invisible-secondary:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}.btn-oval,.btn-icon{min-width:2rem;width:2rem}.btn-oval .glyph,.btn-icon .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-xs,.btn-icon-12{height:1rem;width:1rem;min-width:1rem;min-height:1rem}.btn-icon-s,.btn-icon-16{height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}.btn-icon-32{height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{display:inline-block;width:auto;height:2rem;vertical-align:middle}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn{width:100%;height:100%}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}";const l=a;const c=class{constructor(r){e(this,r);this.pressedChange=o(this,"pressedChange",7);this.variant="secondary";this.outline=false;this.ghost=false;this.disabled=false;this.loading=false;this.icon=undefined;this.pressed=false}isIllegalToggleButtonConfig(){return this.variant==="primary"&&(this.outline||this.ghost)}logIllegalConfig(){console.warn('iX toggle button with illegal configuration detected. Variant "primary" can only be combined with "outline" or "ghost".')}onVariantChange(){if(this.isIllegalToggleButtonConfig()){this.logIllegalConfig()}}onGhostChange(){this.onVariantChange()}onOutlineChange(){this.onVariantChange()}componentDidLoad(){this.onVariantChange()}dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}render(){const e={variant:this.variant,outline:this.outline,ghost:this.ghost,iconOnly:false,iconOval:false,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{"aria-pressed":i(this.pressed)}};return r(t,{key:"bec8a150fd761e11ed81ae3803a8e62d6a250ec7",class:{disabled:this.disabled||this.loading}},r(n,Object.assign({key:"b0e6ee7a113ea8d9b417b8de62cf816fb78b49ca"},e),r("slot",{key:"ce9fd3a28d4c7048d14618bd7813f4c84a4ac255"})))}static get watchers(){return{variant:["onVariantChange"],ghost:["onGhostChange"],outline:["onOutlineChange"]}}};c.style=l;export{c as ix_toggle_button};
-//# sourceMappingURL=p-bea7c748.entry.js.map
+import{r as e,c as o,h as r,H as t}from"./p-f87cd962.js";import{B as n}from"./p-1d581190.js";import{a as i}from"./p-157b1b28.js";const a=".btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;font-size:0.875rem;font-weight:700;transition:var(--theme-default-time);padding:0 0.5rem;min-width:5rem;gap:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .glyph{margin-right:0.25rem;font-weight:400}.btn:focus-visible,.btn.focus{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{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}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary: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)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{pointer-events:none;cursor:initial;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)}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}.btn-invisible-primary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled):active,.btn-invisible-primary:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{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}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary: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)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled):active,.btn-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{pointer-events:none;cursor:initial;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)}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}.btn-invisible-secondary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled):active,.btn-invisible-secondary:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}.btn-oval,.btn-icon{min-width:2rem;width:2rem}.btn-oval .glyph,.btn-icon .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-xs,.btn-icon-12{height:1rem;width:1rem;min-width:1rem;min-height:1rem}.btn-icon-s,.btn-icon-16{height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}.btn-icon-32{height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{display:inline-block;width:auto;height:2rem;vertical-align:middle}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn{width:100%;height:100%}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}";const l=a;const c=class{constructor(r){e(this,r);this.pressedChange=o(this,"pressedChange",7);this.variant="secondary";this.outline=false;this.ghost=false;this.disabled=false;this.loading=false;this.icon=undefined;this.pressed=false}isIllegalToggleButtonConfig(){return this.variant==="primary"&&(this.outline||this.ghost)}logIllegalConfig(){console.warn('iX toggle button with illegal configuration detected. Variant "primary" can only be combined with "outline" or "ghost".')}onVariantChange(){if(this.isIllegalToggleButtonConfig()){this.logIllegalConfig()}}onGhostChange(){this.onVariantChange()}onOutlineChange(){this.onVariantChange()}componentDidLoad(){this.onVariantChange()}dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}render(){const e={variant:this.variant,outline:this.outline,ghost:this.ghost,iconOnly:false,iconOval:false,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{"aria-pressed":i(this.pressed)}};return r(t,{key:"532a11bfd02fb4c9fa767eb14c2e33b9e4118de6",class:{disabled:this.disabled||this.loading}},r(n,Object.assign({key:"f77d84c9b82428ce00257c4c9379c61e65dc4c69"},e),r("slot",{key:"eb4a77c2092805f15cb47be18fcb99f27dadb8f2"})))}static get watchers(){return{variant:["onVariantChange"],ghost:["onGhostChange"],outline:["onOutlineChange"]}}};c.style=l;export{c as ix_toggle_button};
+//# sourceMappingURL=p-ee96d1eb.entry.js.map

package/dist/siemens-ix/p-f001ecc1.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as t,h as o,H as r}from"./p-f87cd962.js";const s=":host{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}:host ,:host ::after,:host ::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .tree-node-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center}:host .tree-node-container .tree-node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .icon-toggle-container{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem}:host .icon-toggle-container ix-icon{transition:transform var(--theme-default-time) ease-in-out}:host .icon-toggle-container ix-icon.icon-toggle-down{transform:rotate(90deg)}:host(:not(.disabled):not(:disabled):not(.selected).hover),:host(:not(.disabled):not(:disabled):not(.selected):hover){background-color:var(--theme-tree-item--background--hover)}:host(:not(.disabled):not(:disabled):not(.selected).active),:host(:not(.disabled):not(:disabled):not(.selected):active){background-color:var(--theme-tree-item--background--active)}:host(.selected){background-color:var(--theme-tree-item--background--selected)}:host(.selected.hover),:host(.selected:hover){background-color:var(--theme-tree-item--background--selected-hover)}:host(.selected.active),:host(.selected:active){background-color:var(--theme-tree-item--background--selected-active)}";const c=s;const i=class{constructor(o){e(this,o);this.toggle=t(this,"toggle",7);this.itemClick=t(this,"itemClick",7);this.text=undefined;this.hasChildren=false;this.context=undefined}render(){var e,t,s;return o(r,{key:"29f49c27b0e62c71cb8776a2147de561aa5ed0f2",class:{selected:!!((e=this.context)===null\|\|e===void 0?void 0:e.isSelected)}},o("div",{key:"4fd6fab088cea8c06e5671c0389f84563e6a33ef",class:"icon-toggle-container",onClick:e=>{e.preventDefault();this.toggle.emit()}},this.hasChildren?o("ix-icon",{name:"chevron-right",size:"16",class:{["icon-toggle-down"]:!!((t=this.context)===null\|\|t===void 0?void 0:t.isExpanded)},color:`color-${((s=this.context)===null\|\|s===void 0?void 0:s.isExpanded)?"primary":"std-text"}`}):null),o("div",{key:"4cb3c4699ee016895e68c21466e42aa3a10e3ed4",class:"tree-node-container",onClick:()=>{this.itemClick.emit()}},o("div",{key:"48ae93475e742e15f6f6acd065fe47c8dd97559b",class:"tree-node-text"},this.text),o("slot",{key:"2e27a586182c5ca31e924190801bbff825d7f25d"})))}};i.style=c;export{i as ix_tree_item};
2	+ //# sourceMappingURL=p-f001ecc1.entry.js.map

package/dist/siemens-ix/p-f001ecc1.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["treeItemCss","IxTreeItemStyle0","TreeItem","render","h","Host","key","class","selected","_a","this","context","isSelected","onClick","e","preventDefault","toggle","emit","hasChildren","name","size","_b","isExpanded","color","_c","itemClick","text"],"sources":["src/components/tree-item/tree-item.scss?tag=ix-tree-item&encapsulation=shadow","src/components/tree-item/tree-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: flex;\n align-items: center;\n\n height: 32px;\n width: 100%;\n\n cursor: pointer;\n\n .tree-node-container {\n @include ellipsis;\n display: flex;\n align-items: center;\n height: $x-large-space;\n flex-grow: 1;\n align-items: center;\n\n .tree-node-text {\n @include ellipsis;\n }\n }\n\n .icon-toggle-container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n min-width: 2rem;\n\n ix-icon {\n transition: transform var(--theme-default-time) ease-in-out;\n\n &.icon-toggle-down {\n transform: rotate(90deg);\n }\n }\n }\n}\n\n:host(:not(.disabled):not(:disabled):not(.selected).hover),\n:host(:not(.disabled):not(:disabled):not(.selected):hover) {\n background-color: var(--theme-tree-item--background--hover);\n}\n\n:host(:not(.disabled):not(:disabled):not(.selected).active),\n:host(:not(.disabled):not(:disabled):not(.selected):active) {\n background-color: var(--theme-tree-item--background--active);\n}\n\n:host(.selected) {\n background-color: var(--theme-tree-item--background--selected);\n}\n\n:host(.selected.hover),\n:host(.selected:hover) {\n background-color: var(--theme-tree-item--background--selected-hover);\n}\n\n:host(.selected.active),\n:host(.selected:active) {\n background-color: var(--theme-tree-item--background--selected-active);\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { TreeItemContext } from '../tree/tree-model';\n\n@Component({\n tag: 'ix-tree-item',\n styleUrl: 'tree-item.scss',\n shadow: true,\n})\nexport class TreeItem {\n /**\n * Text\n */\n @Prop() text?: string;\n\n /**\n * Has tree item children\n */\n @Prop() hasChildren = false;\n\n /**\n * Context\n */\n @Prop() context?: TreeItemContext;\n\n /**\n * Expand/Collapsed toggled\n */\n @Event() toggle!: EventEmitter<void>;\n\n /**\n * Click on item not on the expand/collapse icon\n */\n @Event() itemClick!: EventEmitter<void>;\n\n render() {\n return (\n <Host\n class={{\n selected: !!this.context?.isSelected,\n }}\n >\n <div\n class=\"icon-toggle-container\"\n onClick={(e) => {\n e.preventDefault();\n this.toggle.emit();\n }}\n >\n {this.hasChildren ? (\n <ix-icon\n name={'chevron-right'}\n size=\"16\"\n class={{\n ['icon-toggle-down']: !!this.context?.isExpanded,\n }}\n color={`color-${\n this.context?.isExpanded ? 'primary' : 'std-text'\n }`}\n />\n ) : null}\n </div>\n <div\n class=\"tree-node-container\"\n onClick={() => {\n this.itemClick.emit();\n }}\n >\n <div class=\"tree-node-text\">{this.text}</div>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAc,+gEACpB,MAAAC,EAAeD,E,MCgBFE,EAAQ,M,kIASG,M,uBAiBtB,MAAAC,G,UACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,aAAYC,EAAAC,KAAKC,WAAO,MAAAF,SAAA,SAAAA,EAAEG,cAG5BR,EAAA,OAAAE,IAAA,2CACEC,MAAM,wBACNM,QAAUC,IACRA,EAAEC,iBACFL,KAAKM,OAAOC,MAAM,GAGnBP,KAAKQ,YACJd,EAAA,WACEe,KAAM,gBACNC,KAAK,KACLb,MAAO,CACL,CAAC,wBAAuBc,EAAAX,KAAKC,WAAO,MAAAU,SAAA,SAAAA,EAAEC,aAExCC,MAAO,WACLC,EAAAd,KAAKC,WAAO,MAAAa,SAAA,SAAAA,EAAEF,YAAa,UAAY,eAGzC,MAENlB,EAAA,OAAAE,IAAA,2CACEC,MAAM,sBACNM,QAAS,KACPH,KAAKe,UAAUR,MAAM,GAGvBb,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBAAkBG,KAAKgB,MAClCtB,EAAA,QAAAE,IAAA,8C"}

package/dist/siemens-ix/p-f06b21f9.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as t,H as a,g as i}from"./p-f87cd962.js";import{u as o,A as r}from"./p-accec846.js";import{a as s}from"./p-fbe017b7.js";import{m as n}from"./p-c146af8e.js";import{h as l}from"./p-345e1c73.js";import{t as c}from"./p-1da901d5.js";import"./p-c4749812.js";import"./p-68a274e7.js";const h=":host{display:flex;position:relative;width:100%;height:100%;flex-direction:column}:host ,:host ::after,:host ::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .application{display:flex;position:relative;flex-direction:row;height:100%;width:100%;overflow:hidden}:host .content-area{display:flex;position:relative;flex-direction:column;flex-wrap:nowrap;height:calc(100% - var(--ix-safe-area-inset-bottom, 0px));width:100%;margin-left:var(--ix-application-menu-margin-left)}:host main{display:block;position:relative;flex-grow:1;width:100%;padding-bottom:var(--ix-safe-area-inset-bottom);overflow:auto}:host footer{display:block;position:relative;width:100%}:host(.breakpoint-md){--ix-application-menu-margin-left:calc(\n 3.25rem + var(--ix-application-menu-safe-area-left, 0rem)\n )}:host(.breakpoint-md) aside.slotted{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-md) aside.slotted+.content-area{margin-left:0}:host(.breakpoint-md) aside:not(.slotted)+.content-area{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-lg){--ix-application-menu-margin-left:0}:host(.breakpoint-sm){--ix-application-menu-margin-left:var(\n --ix-application-menu-safe-area-left,\n 0rem\n )}";const d=h;const b=class{constructor(t){e(this,t);this.theme=undefined;this.themeSystemAppearance=false;this.forceBreakpoint=undefined;this.breakpoints=["sm","md","lg"];this.appSwitchConfig=undefined;this.breakpoint="lg";this.applicationSidebarSlotted=false}forceLayoutChange(e){if(!e){s.enableBreakpointDetection();return}s.disableBreakpointDetection();s.setBreakpoint(e)}onBreakpointsChange(e){s.setBreakpoints(e)}get menu(){return this.hostElement.querySelector("ix-menu")}get applicationSidebarSlot(){return this.hostElement.shadowRoot.querySelector(".application-sidebar slot")}onContentClick(){var e;if(n.isPinned){return}(e=this.menu)===null\|\|e===void 0?void 0:e.toggleMenu(false)}componentWillLoad(){s.setBreakpoints(this.breakpoints);this.contextProvider=o(this.hostElement,r,{hideHeader:false,host:"basic-navigation",sidebar:this.applicationSidebarSlotted,appSwitchConfig:this.appSwitchConfig});this.modeDisposable=s.onChange.on((e=>{this.breakpoint=e}));this.breakpoint=s.breakpoint;if(this.forceBreakpoint){this.forceLayoutChange(this.forceBreakpoint)}this.changeTheme()}disconnectedCallback(){var e;(e=this.modeDisposable)===null\|\|e===void 0?void 0:e.dispose()}changeTheme(){if(!this.theme){if(this.themeSystemAppearance){c.setVariant()}return}if(c.hasVariantSuffix(this.theme)){c.setTheme(`theme-${this.theme}`);return}c.setTheme(`theme-${this.theme}-dark`,this.themeSystemAppearance)}onApplicationSidebarChange(){this.contextProvider.emit({hideHeader:false,host:"basic-navigation",sidebar:this.applicationSidebarSlotted,appSwitchConfig:this.appSwitchConfig})}render(){return t(a,{key:"4e8314dec7968a3b9b2e00a7852dc53c924d0c53","data-role":"",class:{[`breakpoint-${this.breakpoint}`]:true}},t("slot",{key:"2f4a52a13679af639648164eff165d5dd37ec951",name:"application-header"}),t("div",{key:"b316ff04f23e4606d54ddcc5531ed884b988e360",class:"application"},t("slot",{key:"40f4800917fa9f24cdc50c72543e2c7181878775",name:"menu"}),t("aside",{key:"62e0120b64ad942e7dd991b6fe9912b60e36e04f",class:{"application-sidebar":true,slotted:this.applicationSidebarSlotted},onClick:()=>this.onContentClick()},t("slot",{key:"211f35df78de174484e914fa646227ba290fb9ae",name:"application-sidebar",onSlotchange:()=>this.applicationSidebarSlotted=l(this.applicationSidebarSlot)})),t("div",{key:"5913187261ced8e7ff12ee3d352d33b0c5e9f49b",class:"content-area"},t("main",{key:"ae580e752d753b0dbbdc4743f538d0a0bf8320eb",class:"content",onClick:()=>this.onContentClick()},t("slot",{key:"7954efb9b316bfd53191569e1b5bb32b8fafae2e"})),t("footer",{key:"3c41b12023cfb59373efe0fa88db93236f6f0f01",class:"footer"},t("slot",{key:"9307b5f999ffcd96b7cd6f7b217f10b94c1a901f",name:"bottom"})))))}get hostElement(){return i(this)}static get watchers(){return{breakpoints:["onBreakpointsChange"],theme:["changeTheme"],themeSystemAppearance:["changeTheme"],appSwitchConfig:["onApplicationSidebarChange"],applicationSidebarSlotted:["onApplicationSidebarChange"]}}};b.style=d;export{b as ix_application};
2	+ //# sourceMappingURL=p-f06b21f9.entry.js.map

package/dist/siemens-ix/p-f06b21f9.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["applicationCss","IxApplicationStyle0","Application","forceLayoutChange","newMode","applicationLayoutService","enableBreakpointDetection","disableBreakpointDetection","setBreakpoint","onBreakpointsChange","breakpoints","setBreakpoints","menu","this","hostElement","querySelector","applicationSidebarSlot","shadowRoot","onContentClick","menuController","isPinned","_a","toggleMenu","componentWillLoad","contextProvider","useContextProvider","ApplicationLayoutContext","hideHeader","host","sidebar","applicationSidebarSlotted","appSwitchConfig","modeDisposable","onChange","on","mode","breakpoint","forceBreakpoint","changeTheme","disconnectedCallback","dispose","theme","themeSystemAppearance","themeSwitcher","setVariant","hasVariantSuffix","setTheme","onApplicationSidebarChange","emit","render","h","Host","key","class","name","slotted","onClick","onSlotchange","hasSlottedElements"],"sources":["src/components/application/application.scss?tag=ix-application&encapsulation=shadow","src/components/application/application.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: flex;\n position: relative;\n width: 100%;\n height: 100%;\n\n flex-direction: column;\n\n ix-application-header {\n z-index: calc(var(--theme-z-index-sticky) + 1);\n }\n\n .logo-wrapper {\n display: contents;\n }\n\n .application {\n display: flex;\n position: relative;\n flex-direction: row;\n height: 100%;\n width: 100%;\n overflow: hidden;\n }\n\n .content-area {\n display: flex;\n position: relative;\n flex-direction: column;\n flex-wrap: nowrap;\n height: calc(100% - var(--ix-safe-area-inset-bottom, 0px));\n width: 100%;\n margin-left: var(--ix-application-menu-margin-left);\n }\n\n main {\n display: block;\n position: relative;\n flex-grow: 1;\n\n width: 100%;\n padding-bottom: var(--ix-safe-area-inset-bottom);\n overflow: auto;\n }\n\n footer {\n display: block;\n position: relative;\n width: 100%;\n }\n}\n\n:host(.breakpoint-md) {\n --ix-application-menu-margin-left: calc(\n 3.25rem + var(--ix-application-menu-safe-area-left, 0rem)\n );\n\n aside.slotted {\n margin-left: var(--ix-application-menu-margin-left);\n }\n\n aside.slotted + .content-area {\n margin-left: 0;\n }\n\n aside:not(.slotted) + .content-area {\n margin-left: var(--ix-application-menu-margin-left);\n }\n}\n\n:host(.breakpoint-lg) {\n --ix-application-menu-margin-left: 0;\n}\n\n:host(.breakpoint-sm) {\n --ix-application-menu-margin-left: var(\n --ix-application-menu-safe-area-left,\n 0rem\n );\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport {\n ApplicationLayoutContext,\n AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { applicationLayoutService } from '../utils/application-layout/service';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextProvider, useContextProvider } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { IxTheme, themeSwitcher } from '../utils/theme-switcher';\nimport { Disposable } from '../utils/typed-event';\n\n/**\n * @since 2.1.0\n */\n@Component({\n tag: 'ix-application',\n styleUrl: 'application.scss',\n shadow: true,\n})\nexport class Application {\n @Element() hostElement: HTMLIxApplicationElement;\n\n /**\n * Application theme\n */\n @Prop() theme: IxTheme;\n\n /**\n * Use the system appearance dark or light\n */\n @Prop() themeSystemAppearance = false;\n\n /**\n * Change the responsive layout of the menu structure\n */\n @Prop() forceBreakpoint: Breakpoint | undefined;\n forceLayoutChange(newMode: Breakpoint | undefined) {\n if (!newMode) {\n applicationLayoutService.enableBreakpointDetection();\n return;\n }\n\n applicationLayoutService.disableBreakpointDetection();\n applicationLayoutService.setBreakpoint(newMode);\n }\n\n /**\n * Supported layouts\n */\n @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n @Watch('breakpoints')\n onBreakpointsChange(breakpoints: Breakpoint[]) {\n applicationLayoutService.setBreakpoints(breakpoints);\n }\n\n /**\n * Define application switch configuration\n */\n @Prop() appSwitchConfig: AppSwitchConfiguration;\n\n @State() breakpoint: Breakpoint = 'lg';\n @State() applicationSidebarSlotted = false;\n\n private contextProvider: ContextProvider<typeof ApplicationLayoutContext>;\n\n get menu(): HTMLIxMenuElement | null {\n return this.hostElement.querySelector('ix-menu');\n }\n\n get applicationSidebarSlot() {\n return this.hostElement.shadowRoot.querySelector(\n '.application-sidebar slot'\n ) as HTMLSlotElement;\n }\n\n private modeDisposable: Disposable;\n\n private onContentClick() {\n if (menuController.isPinned) {\n return;\n }\n this.menu?.toggleMenu(false);\n }\n\n componentWillLoad() {\n applicationLayoutService.setBreakpoints(this.breakpoints);\n\n this.contextProvider = useContextProvider(\n this.hostElement,\n ApplicationLayoutContext,\n {\n hideHeader: false,\n host: 'basic-navigation',\n sidebar: this.applicationSidebarSlotted,\n appSwitchConfig: this.appSwitchConfig,\n }\n );\n\n this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n this.breakpoint = mode;\n });\n this.breakpoint = applicationLayoutService.breakpoint;\n\n if (this.forceBreakpoint) {\n this.forceLayoutChange(this.forceBreakpoint);\n }\n\n this.changeTheme();\n }\n\n disconnectedCallback() {\n this.modeDisposable?.dispose();\n }\n\n @Watch('theme')\n @Watch('themeSystemAppearance')\n private changeTheme() {\n if (!this.theme) {\n if (this.themeSystemAppearance) {\n themeSwitcher.setVariant();\n }\n\n return;\n }\n\n if (themeSwitcher.hasVariantSuffix(this.theme)) {\n themeSwitcher.setTheme(`theme-${this.theme}`);\n return;\n }\n\n themeSwitcher.setTheme(\n `theme-${this.theme}-dark`,\n this.themeSystemAppearance\n );\n }\n\n @Watch('appSwitchConfig')\n @Watch('applicationSidebarSlotted')\n onApplicationSidebarChange() {\n this.contextProvider.emit({\n hideHeader: false,\n host: 'basic-navigation',\n sidebar: this.applicationSidebarSlotted,\n appSwitchConfig: this.appSwitchConfig,\n });\n }\n\n render() {\n return (\n <Host\n data-role=\"\"\n class={{\n [`breakpoint-${this.breakpoint}`]: true,\n }}\n >\n <slot name=\"application-header\"></slot>\n <div class=\"application\">\n <slot name=\"menu\"></slot>\n <aside\n class={{\n 'application-sidebar': true,\n slotted: this.applicationSidebarSlotted,\n }}\n onClick={() => this.onContentClick()}\n >\n <slot\n name=\"application-sidebar\"\n onSlotchange={() =>\n (this.applicationSidebarSlotted = hasSlottedElements(\n this.applicationSidebarSlot\n ))\n }\n ></slot>\n </aside>\n <div class=\"content-area\">\n <main class=\"content\" onClick={() => this.onContentClick()}>\n <slot></slot>\n </main>\n <footer class=\"footer\">\n <slot name=\"bottom\"></slot>\n </footer>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"oSAAA,MAAMA,EAAiB,u+DACvB,MAAAC,EAAeD,E,MC6BFE,EAAW,M,yEAWU,M,gDAmBI,CAAC,KAAM,KAAM,M,+CAWf,K,+BACG,K,CAzBrC,iBAAAC,CAAkBC,GAChB,IAAKA,EAAS,CACZC,EAAyBC,4BACzB,M,CAGFD,EAAyBE,6BACzBF,EAAyBG,cAAcJ,E,CAQzC,mBAAAK,CAAoBC,GAClBL,EAAyBM,eAAeD,E,CAa1C,QAAIE,GACF,OAAOC,KAAKC,YAAYC,cAAc,U,CAGxC,0BAAIC,GACF,OAAOH,KAAKC,YAAYG,WAAWF,cACjC,4B,CAMI,cAAAG,G,MACN,GAAIC,EAAeC,SAAU,CAC3B,M,EAEFC,EAAAR,KAAKD,QAAI,MAAAS,SAAA,SAAAA,EAAEC,WAAW,M,CAGxB,iBAAAC,GACElB,EAAyBM,eAAeE,KAAKH,aAE7CG,KAAKW,gBAAkBC,EACrBZ,KAAKC,YACLY,EACA,CACEC,WAAY,MACZC,KAAM,mBACNC,QAAShB,KAAKiB,0BACdC,gBAAiBlB,KAAKkB,kBAI1BlB,KAAKmB,eAAiB3B,EAAyB4B,SAASC,IAAIC,IAC1DtB,KAAKuB,WAAaD,CAAI,IAExBtB,KAAKuB,WAAa/B,EAAyB+B,WAE3C,GAAIvB,KAAKwB,gBAAiB,CACxBxB,KAAKV,kBAAkBU,KAAKwB,gB,CAG9BxB,KAAKyB,a,CAGP,oBAAAC,G,OACElB,EAAAR,KAAKmB,kBAAc,MAAAX,SAAA,SAAAA,EAAEmB,S,CAKf,WAAAF,GACN,IAAKzB,KAAK4B,MAAO,CACf,GAAI5B,KAAK6B,sBAAuB,CAC9BC,EAAcC,Y,CAGhB,M,CAGF,GAAID,EAAcE,iBAAiBhC,KAAK4B,OAAQ,CAC9CE,EAAcG,SAAS,SAASjC,KAAK4B,SACrC,M,CAGFE,EAAcG,SACZ,SAASjC,KAAK4B,aACd5B,KAAK6B,sB,CAMT,0BAAAK,GACElC,KAAKW,gBAAgBwB,KAAK,CACxBrB,WAAY,MACZC,KAAM,mBACNC,QAAShB,KAAKiB,0BACdC,gBAAiBlB,KAAKkB,iB,CAI1B,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,uDACO,GACVC,MAAO,CACL,CAAC,cAAcxC,KAAKuB,cAAe,OAGrCc,EAAA,QAAAE,IAAA,2CAAME,KAAK,uBACXJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,SACXJ,EAAA,SAAAE,IAAA,2CACEC,MAAO,CACL,sBAAuB,KACvBE,QAAS1C,KAAKiB,2BAEhB0B,QAAS,IAAM3C,KAAKK,kBAEpBgC,EAAA,QAAAE,IAAA,2CACEE,KAAK,sBACLG,aAAc,IACX5C,KAAKiB,0BAA4B4B,EAChC7C,KAAKG,2BAKbkC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,UAAUG,QAAS,IAAM3C,KAAKK,kBACxCgC,EAAA,QAAAE,IAAA,8CAEFF,EAAA,UAAAE,IAAA,2CAAQC,MAAM,UACZH,EAAA,QAAAE,IAAA,2CAAME,KAAK,c"}

package/dist/siemens-ix/{p-bc2c74c5.entry.js → p-fd5bee44.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,f as e,h as s,H as o,g as i}from"./p-f87cd962.js";import{a as n}from"./p-fbe017b7.js";import{m as l}from"./p-68a274e7.js";import"./p-c4749812.js";const a=":host{display:flex;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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .side-panes-wrapper{height:100%;width:100%}:host .row{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;position:relative}:host .col{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative}:host .content{width:100%;height:100%;overflow:auto}:host .absolute-top{width:100%;position:absolute;top:0}:host .absolute-bottom{width:100%;position:absolute;bottom:0}:host .absolute-left{height:100%;position:absolute;left:0}:host .absolute-right{height:100%;position:absolute;right:0}:host .padding-top{padding-top:2.5rem}:host .padding-bottom{padding-bottom:2.5rem}:host .padding-left{padding-left:2.5rem}:host .padding-right{padding-right:2.5rem}";const h=a;const r=class{constructor(e){t(this,e);this.panes=[];this.layout="full-vertical";this.variant="inline";this.borderless=false;this.isMobile=false;this.paneElements=0}get currentPanes(){return this.hostElement.querySelectorAll("ix-pane")}componentWillLoad(){this.paneElements=this.currentPanes.length;this.observer=new MutationObserver((t=>{var e,s;if(((e=t[0].addedNodes.item(0))===null||e===void 0?void 0:e.nodeName)==="IX-PANE"){this.paneElements+=1}else if(((s=t[0].removedNodes.item(0))===null||s===void 0?void 0:s.nodeName)==="IX-PANE"){this.paneElements-=1}}));this.observer.observe(this.hostElement,{childList:true});this.isMobile=l("sm");n.onChange.on((()=>{this.isMobile=l("sm")}))}componentDidLoad(){this.setPanes(this.currentPanes)}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}setPaneVariant(t){if(!t.ignoreLayoutSettings){t.variant=this.variant}}setPaneBorder(t){if(!t.ignoreLayoutSettings){if(this.borderless){t.borderless=true}else{const e=!!this.panes.find((t=>t.slot==="left"&&!t.hideOnCollapse));if(t.variant==="floating"&&this.layout==="full-vertical"&&e&&(t.composition==="top"||t.composition==="bottom")){t.borderless=true}else{t.borderless=false}}}}setPaneZIndex(t){const e=t.slot==="top";const s=t.slot==="bottom";const o=t.slot==="left";const i=t.slot==="right";let n=1;if(this.isMobile){if(s||e){n=3}}else{if(this.layout==="full-vertical"){if(o||i){n=3}}else{if(s||e){n=3}}}t.style.zIndex=n.toString()}setPanes(t){this.panes=[];t.forEach((t=>{this.panes.push({slot:t.slot,hideOnCollapse:t.hideOnCollapse,floating:t.variant==="floating"})}))}closeFloatingPanes(){this.currentPanes.forEach((t=>{if(t.expanded&&t.variant==="floating"){t.expanded=false}}))}configurePanes(){let t=0;let s=0;let o=0;let i=0;this.currentPanes.forEach((e=>{const n=e.slot==="top";const l=e.slot==="bottom";const a=e.slot==="left";const h=e.slot==="right";if(a){if(o){e.slot=undefined;return}o++}else if(h){if(i){e.slot=undefined;return}i++}else if(n){if(t){e.slot=undefined;return}t++}else if(l){if(s){e.slot=undefined;return}s++}else{e.slot=undefined;return}this.setPaneVariant(e);this.setPaneBorder(e);this.setPaneZIndex(e)}));this.setPanes(this.currentPanes);e(this.hostElement)}onSlotChanged(){this.configurePanes()}onCollapsibleChanged(t){const{slot:s,hideOnCollapse:o}=t.detail;this.panes.forEach((t=>{if(t.slot===s){t.hideOnCollapse=o}}));e(this.hostElement)}onVariantChanged(t){const{slot:s,variant:o}=t.detail;this.panes.forEach((t=>{if(t.slot===s){t.floating=o==="floating"}}));e(this.hostElement)}onPaneElementsChange(){this.configurePanes()}onVariableChange(){this.currentPanes.forEach((t=>{this.setPaneVariant(t);this.setPaneBorder(t)}));this.setPanes(this.currentPanes);e(this.hostElement)}onBorderChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t)}))}onLayoutChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t);this.setPaneZIndex(t)}))}onMobileChange(){this.currentPanes.forEach((t=>{this.setPaneZIndex(t)}))}hasPadding(t){const e=this.panes.find((e=>e.slot===t));return e?!e.hideOnCollapse&&e.floating:false}hasPaddingMobile(t){const e=this.panes.find((e=>e.slot===t));return e&&!e.hideOnCollapse}slotExists(t){const e=this.panes.find((e=>e.slot===t));return!!e}isFloating(t){const e=this.panes.find((e=>e.slot===t));return e?e.floating:false}render(){return s(o,{key:"8885c647d0661b05b2ed1b58fd8b61614eda6783"},!this.isMobile?this.layout=="full-vertical"?s("div",{class:"side-panes-wrapper"},s("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},s("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},s("slot",{name:"left"})),s("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},s("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},s("slot",{name:"top"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"})),s("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},s("slot",{name:"bottom"}))),s("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},s("slot",{name:"right"})))):s("div",{class:"side-panes-wrapper"},s("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},s("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},s("slot",{name:"top"})),s("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},s("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},s("slot",{name:"left"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"})),s("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},s("slot",{name:"right"}))),s("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},s("slot",{name:"bottom"})))):s("div",{class:"col"},s("div",{key:"top",style:{minHeight:this.hasPaddingMobile("top")?"48px":"0",display:this.slotExists("top")?"block":"none"}},s("slot",{name:"top"})),s("div",{key:"left",style:{minHeight:this.hasPaddingMobile("left")?"48px":"0",display:this.slotExists("left")?"block":"none"}},s("slot",{name:"left"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"})),s("div",{key:"right",style:{minHeight:this.hasPaddingMobile("right")?"48px":"0",display:this.slotExists("right")?"block":"none"}},s("slot",{name:"right"})),s("div",{key:"bottom",style:{minHeight:this.hasPaddingMobile("bottom")?"48px":"0",display:this.slotExists("bottom")?"block":"none"}},s("slot",{name:"bottom"}))))}get hostElement(){return i(this)}static get watchers(){return{paneElements:["onPaneElementsChange"],variant:["onVariableChange"],borderless:["onBorderChange"],layout:["onLayoutChange"],isMobile:["onMobileChange"]}}};r.style=h;export{r as ix_pane_layout};
-//# sourceMappingURL=p-bc2c74c5.entry.js.map
+import{r as t,f as e,h as s,H as o,g as i}from"./p-f87cd962.js";import{a as n}from"./p-fbe017b7.js";import{m as l}from"./p-68a274e7.js";import"./p-c4749812.js";const a=":host{display:flex;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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .side-panes-wrapper{height:100%;width:100%}:host .row{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;position:relative}:host .col{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative}:host .content{width:100%;height:100%;overflow:auto}:host .absolute-top{width:100%;position:absolute;top:0}:host .absolute-bottom{width:100%;position:absolute;bottom:0}:host .absolute-left{height:100%;position:absolute;left:0}:host .absolute-right{height:100%;position:absolute;right:0}:host .padding-top{padding-top:2.5rem}:host .padding-bottom{padding-bottom:2.5rem}:host .padding-left{padding-left:2.5rem}:host .padding-right{padding-right:2.5rem}";const h=a;const r=class{constructor(e){t(this,e);this.panes=[];this.layout="full-vertical";this.variant="inline";this.borderless=false;this.isMobile=false;this.paneElements=0}get currentPanes(){return this.hostElement.querySelectorAll("ix-pane")}componentWillLoad(){this.paneElements=this.currentPanes.length;this.observer=new MutationObserver((t=>{var e,s;if(((e=t[0].addedNodes.item(0))===null||e===void 0?void 0:e.nodeName)==="IX-PANE"){this.paneElements+=1}else if(((s=t[0].removedNodes.item(0))===null||s===void 0?void 0:s.nodeName)==="IX-PANE"){this.paneElements-=1}}));this.observer.observe(this.hostElement,{childList:true});this.isMobile=l("sm");n.onChange.on((()=>{this.isMobile=l("sm")}))}componentDidLoad(){this.setPanes(this.currentPanes)}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}setPaneVariant(t){if(!t.ignoreLayoutSettings){t.variant=this.variant}}setPaneBorder(t){if(!t.ignoreLayoutSettings){if(this.borderless){t.borderless=true}else{const e=!!this.panes.find((t=>t.slot==="left"&&!t.hideOnCollapse));if(t.variant==="floating"&&this.layout==="full-vertical"&&e&&(t.composition==="top"||t.composition==="bottom")){t.borderless=true}else{t.borderless=false}}}}setPaneZIndex(t){const e=t.slot==="top";const s=t.slot==="bottom";const o=t.slot==="left";const i=t.slot==="right";let n=1;if(this.isMobile){if(s||e){n=3}}else{if(this.layout==="full-vertical"){if(o||i){n=3}}else{if(s||e){n=3}}}t.style.zIndex=n.toString()}setPanes(t){this.panes=[];t.forEach((t=>{this.panes.push({slot:t.slot,hideOnCollapse:t.hideOnCollapse,floating:t.variant==="floating"})}))}closeFloatingPanes(){this.currentPanes.forEach((t=>{if(t.expanded&&t.variant==="floating"){t.expanded=false}}))}configurePanes(){let t=0;let s=0;let o=0;let i=0;this.currentPanes.forEach((e=>{const n=e.slot==="top";const l=e.slot==="bottom";const a=e.slot==="left";const h=e.slot==="right";if(a){if(o){e.slot=undefined;return}o++}else if(h){if(i){e.slot=undefined;return}i++}else if(n){if(t){e.slot=undefined;return}t++}else if(l){if(s){e.slot=undefined;return}s++}else{e.slot=undefined;return}this.setPaneVariant(e);this.setPaneBorder(e);this.setPaneZIndex(e)}));this.setPanes(this.currentPanes);e(this.hostElement)}onSlotChanged(){this.configurePanes()}onCollapsibleChanged(t){const{slot:s,hideOnCollapse:o}=t.detail;this.panes.forEach((t=>{if(t.slot===s){t.hideOnCollapse=o}}));e(this.hostElement)}onVariantChanged(t){const{slot:s,variant:o}=t.detail;this.panes.forEach((t=>{if(t.slot===s){t.floating=o==="floating"}}));e(this.hostElement)}onPaneElementsChange(){this.configurePanes()}onVariableChange(){this.currentPanes.forEach((t=>{this.setPaneVariant(t);this.setPaneBorder(t)}));this.setPanes(this.currentPanes);e(this.hostElement)}onBorderChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t)}))}onLayoutChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t);this.setPaneZIndex(t)}))}onMobileChange(){this.currentPanes.forEach((t=>{this.setPaneZIndex(t)}))}hasPadding(t){const e=this.panes.find((e=>e.slot===t));return e?!e.hideOnCollapse&&e.floating:false}hasPaddingMobile(t){const e=this.panes.find((e=>e.slot===t));return e&&!e.hideOnCollapse}slotExists(t){const e=this.panes.find((e=>e.slot===t));return!!e}isFloating(t){const e=this.panes.find((e=>e.slot===t));return e?e.floating:false}render(){return s(o,{key:"4f60edf38744d38e532a006e288a6f2685e6f40e"},!this.isMobile?this.layout=="full-vertical"?s("div",{class:"side-panes-wrapper"},s("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},s("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},s("slot",{name:"left"})),s("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},s("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},s("slot",{name:"top"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"})),s("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},s("slot",{name:"bottom"}))),s("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},s("slot",{name:"right"})))):s("div",{class:"side-panes-wrapper"},s("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},s("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},s("slot",{name:"top"})),s("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},s("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},s("slot",{name:"left"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"})),s("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},s("slot",{name:"right"}))),s("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},s("slot",{name:"bottom"})))):s("div",{class:"col"},s("div",{key:"top",style:{minHeight:this.hasPaddingMobile("top")?"48px":"0",display:this.slotExists("top")?"block":"none"}},s("slot",{name:"top"})),s("div",{key:"left",style:{minHeight:this.hasPaddingMobile("left")?"48px":"0",display:this.slotExists("left")?"block":"none"}},s("slot",{name:"left"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"})),s("div",{key:"right",style:{minHeight:this.hasPaddingMobile("right")?"48px":"0",display:this.slotExists("right")?"block":"none"}},s("slot",{name:"right"})),s("div",{key:"bottom",style:{minHeight:this.hasPaddingMobile("bottom")?"48px":"0",display:this.slotExists("bottom")?"block":"none"}},s("slot",{name:"bottom"}))))}get hostElement(){return i(this)}static get watchers(){return{paneElements:["onPaneElementsChange"],variant:["onVariableChange"],borderless:["onBorderChange"],layout:["onLayoutChange"],isMobile:["onMobileChange"]}}};r.style=h;export{r as ix_pane_layout};
+//# sourceMappingURL=p-fd5bee44.entry.js.map

package/dist/siemens-ix/p-fefd5743.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as i,h as s,H as e,g as r}from"./p-f87cd962.js";import{f as o,i as h,s as n,o as a,a as d,c}from"./p-ba6e955a.js";import{A as l}from"./p-c09553f3.js";import{d as u,a as f,h as b}from"./p-1c3a0b1f.js";const m=":host{background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);min-width:0px;z-index:var(--theme-z-index-dropdown);box-shadow:var(--theme-shadow-4);padding:0.25rem 0px}:host ,:host ::after,:host ::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}:host(.overflow){max-height:50vh;overflow-y:auto}:host(:not(.show)){display:none}";const w=m;let p=0;const g=class{constructor(s){t(this,s);this.showChanged=i(this,"showChanged",7);this.autoUpdateCleanup=null;this.localUId=`dropdown-${p++}`;this.assignedSubmenu=[];this.focusDropdownItemBind=this.focusDropdownItem.bind(this);this.itemObserver=new MutationObserver((()=>{this.arrowFocusController.items=this.dropdownItems}));this.suppressAutomaticPlacement=false;this.show=false;this.trigger=undefined;this.anchor=undefined;this.closeBehavior="both";this.placement="bottom-start";this.positioningStrategy="fixed";this.header=undefined;this.offset=undefined;this.overwriteDropdownStyle=undefined;this.discoverAllSubmenus=false;this.ignoreRelatedSubmenu=false}connectedCallback(){u.connected(this);if(this.trigger!=undefined){this.registerListener(this.trigger)}}cacheSubmenuId(t){t.stopImmediatePropagation();t.preventDefault();const{detail:i}=t;if(this.assignedSubmenu.indexOf(i)===-1){this.assignedSubmenu.push(i)}}disconnectedCallback(){u.dismiss(this);u.disconnected(this);if(this.disposeClickListener){this.disposeClickListener()}if(this.disposeKeyListener){this.disposeKeyListener()}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}}getAssignedSubmenuIds(){return this.assignedSubmenu}isPresent(){return this.show}present(){this.show=true}dismiss(){this.show=false}getId(){return this.localUId}willDismiss(){const{defaultPrevented:t}=this.showChanged.emit(false);return!t}willPresent(){const{defaultPrevented:t}=this.showChanged.emit(true);return!t}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}get slotElement(){return this.hostElement.shadowRoot.querySelector("slot")}addEventListenersFor(){var t,i,s;(t=this.disposeClickListener)===null\|\|t===void 0?void 0:t.call(this);(i=this.disposeKeyListener)===null\|\|i===void 0?void 0:i.call(this);const e=()=>{if(!this.isPresent()){u.present(this)}else{u.dismiss(this)}u.dismissOthers(this.getId())};this.disposeClickListener=f(this.triggerElement,"click",(t=>{if(!t.defaultPrevented){e()}}));(s=this.triggerElement)===null\|\|s===void 0?void 0:s.setAttribute("data-ix-dropdown-trigger",this.localUId)}async discoverSubmenu(){var t;(t=this.triggerElement)===null\|\|t===void 0?void 0:t.dispatchEvent(new CustomEvent("ix-assign-sub-menu",{bubbles:true,composed:true,cancelable:true,detail:this.localUId}))}registerKeyListener(){if(!this.triggerElement){return}this.disposeKeyListener=f(this.triggerElement,"keydown",(t=>{if(t.key!=="ArrowDown"){return}if(document.activeElement!==this.triggerElement){return}u.present(this);setTimeout((()=>{this.focusDropdownItem(0)}))}))}async registerListener(t){this.triggerElement=await this.resolveElement(t);if(this.triggerElement){this.addEventListenersFor();this.discoverSubmenu()}}async resolveElement(t){const i=await this.findElement(t);return this.checkForSubmenuAnchor(i)}async checkForSubmenuAnchor(t){if(!t){return null}if(b(t)){const i=await t.getDropdownItemElement();i.isSubMenu=true;this.hostElement.style.zIndex=`var(--theme-z-index-dropdown)`}if(t.tagName==="IX-DROPDOWN-ITEM"){t.isSubMenu=true;this.hostElement.style.zIndex=`var(--theme-z-index-dropdown)`}return t}findElement(t){if(t instanceof Promise){return t}if(typeof t==="object"){return Promise.resolve(t)}if(typeof t!="string"){return}const i=`#${t}`;return new Promise((t=>{if(document.querySelector(i)){return t(document.querySelector(i))}const s=new MutationObserver((()=>{if(document.querySelector(i)){t(document.querySelector(i));s.disconnect()}}));s.observe(document.body,{childList:true,subtree:true})}))}async changedShow(t){var i,s;if(t){this.anchorElement=await(this.anchor?this.resolveElement(this.anchor):this.resolveElement(this.trigger));if(this.anchorElement){this.applyDropdownPosition()}this.arrowFocusController=new l(this.dropdownItems,this.dropdownRef,this.focusDropdownItemBind);this.itemObserver.observe(this.dropdownRef,{childList:true,subtree:true});this.registerKeyListener()}else{this.destroyAutoUpdate();(i=this.arrowFocusController)===null\|\|i===void 0?void 0:i.disconnect();this.itemObserver.disconnect();(s=this.disposeKeyListener)===null\|\|s===void 0?void 0:s.call(this)}}changedTrigger(t){this.registerListener(t)}destroyAutoUpdate(){if(this.autoUpdateCleanup){this.autoUpdateCleanup();this.autoUpdateCleanup=null}}isAnchorSubmenu(){var t;if(!b(this.anchorElement)){return!!((t=this.anchorElement)===null\|\|t===void 0?void 0:t.closest("ix-dropdown-item"))}return true}async applyDropdownPosition(){if(!this.show){return}if(!this.anchorElement){return}if(!this.dropdownRef){return}const t=this.isAnchorSubmenu();let i={strategy:this.positioningStrategy,middleware:[]};if(!this.suppressAutomaticPlacement){i.middleware.push(o({fallbackStrategy:"initialPlacement"}))}i.placement=t?"right-start":this.placement;i.middleware=[...i.middleware,h(),n()];if(this.offset){i.middleware.push(a(this.offset))}this.destroyAutoUpdate();this.autoUpdateCleanup=d(this.anchorElement,this.dropdownRef,(async()=>{const t=await c(this.anchorElement,this.dropdownRef,i);Object.assign(this.dropdownRef.style,{top:"0",left:"0",transform:`translate(${Math.round(t.x)}px,${Math.round(t.y)}px)`});if(this.overwriteDropdownStyle){const t=await this.overwriteDropdownStyle({dropdownRef:this.dropdownRef,triggerRef:this.triggerElement});Object.assign(this.dropdownRef.style,t)}}),{ancestorResize:true,ancestorScroll:true,elementResize:true})}focusDropdownItem(t){requestAnimationFrame((()=>{var i;(i=this.dropdownItems[t])===null\|\|i===void 0?void 0:i.shadowRoot.querySelector("button").focus()}))}async componentDidLoad(){this.changedTrigger(this.trigger)}async componentDidRender(){await this.applyDropdownPosition();this.anchorElement=await(this.anchor?this.resolveElement(this.anchor):this.resolveElement(this.trigger))}isTriggerElement(t){const i=!!t.hasAttribute("data-ix-dropdown-trigger");return i}onDropdownClick(t){const i=u.pathIncludesTrigger(t.composedPath());if(i){if(i!==this.triggerElement){t.preventDefault()}if(this.isTriggerElement(i)){if(this.closeBehavior==="outside"){t.preventDefault()}return}}if(!t.defaultPrevented&&(this.closeBehavior==="inside"\|\|this.closeBehavior==="both")){u.dismissAll([this.getId()],this.ignoreRelatedSubmenu);return}u.dismissOthers(this.getId())}async updatePosition(){this.applyDropdownPosition()}render(){return s(e,{key:"a0822930491de50066f777003b05892d9fc9587b","data-ix-dropdown":this.localUId,ref:t=>this.dropdownRef=t,class:{"dropdown-menu":true,show:this.show,overflow:true},style:{margin:"0",minWidth:"0px",position:this.positioningStrategy},role:"list",onClick:t=>this.onDropdownClick(t)},s("div",{key:"00f8905edd2cfac83a21fbeee7001a4987fc018e",style:{display:"contents"}},this.header&&s("div",{key:"4ae378c15f844f67c4894bf8ab4c18e502cddceb",class:"dropdown-header"},this.header),this.show&&s("slot",{key:"bca1aac38def6df5d322b42415236daf61f67865"})))}get hostElement(){return r(this)}static get watchers(){return{show:["changedShow"],trigger:["changedTrigger"]}}};g.style=w;export{g as ix_dropdown};
2	+ //# sourceMappingURL=p-fefd5743.entry.js.map

package/dist/siemens-ix/p-fefd5743.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["dropdownCss","IxDropdownStyle0","sequenceId","Dropdown","this","autoUpdateCleanup","localUId","assignedSubmenu","focusDropdownItemBind","focusDropdownItem","bind","itemObserver","MutationObserver","arrowFocusController","items","dropdownItems","connectedCallback","dropdownController","connected","trigger","undefined","registerListener","cacheSubmenuId","event","stopImmediatePropagation","preventDefault","detail","indexOf","push","disconnectedCallback","dismiss","disconnected","disposeClickListener","disposeKeyListener","getAssignedSubmenuIds","isPresent","show","present","getId","willDismiss","defaultPrevented","showChanged","emit","willPresent","Array","from","hostElement","querySelectorAll","slotElement","shadowRoot","querySelector","addEventListenersFor","_a","call","_b","toggleController","dismissOthers","addDisposableEventListener","triggerElement","_c","setAttribute","discoverSubmenu","dispatchEvent","CustomEvent","bubbles","composed","cancelable","registerKeyListener","key","document","activeElement","setTimeout","element","resolveElement","el","findElement","checkForSubmenuAnchor","hasDropdownItemWrapperImplemented","dropdownItem","getDropdownItemElement","isSubMenu","style","zIndex","tagName","Promise","resolve","selector","observer","disconnect","observe","body","childList","subtree","changedShow","newShow","anchorElement","anchor","applyDropdownPosition","ArrowFocusController","dropdownRef","destroyAutoUpdate","changedTrigger","newTriggerValue","isAnchorSubmenu","closest","isSubmenu","positionConfig","strategy","positioningStrategy","middleware","suppressAutomaticPlacement","flip","fallbackStrategy","placement","inline","shift","offset","autoUpdate","async","computeResponse","computePosition","Object","assign","top","left","transform","Math","round","x","y","overwriteDropdownStyle","overwriteStyle","triggerRef","ancestorResize","ancestorScroll","elementResize","index","requestAnimationFrame","focus","componentDidLoad","componentDidRender","isTriggerElement","hasAttribute","onDropdownClick","target","pathIncludesTrigger","composedPath","closeBehavior","dismissAll","ignoreRelatedSubmenu","updatePosition","render","h","Host","ref","class","overflow","margin","minWidth","position","role","onClick","display","header"],"sources":["src/components/dropdown/dropdown.scss?tag=ix-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n\n@import 'legacy/mixins/fonts';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n background-color: var(--theme-color-2);\n border-radius: var(--theme-default-border-radius);\n @include ix-component;\n min-width: 0px;\n z-index: var(--theme-z-index-dropdown);\n box-shadow: var(--theme-shadow-4);\n\n padding: 0.25rem 0px;\n\n .dropdown-header {\n display: flex;\n align-items: center;\n height: $large-control-height;\n color: var(--theme-menu-header--color);\n padding: 0 $default-space;\n }\n}\n\n:host(.overflow) {\n max-height: 50vh;\n overflow-y: auto;\n}\n\n:host(:not(.show)) {\n display: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n autoUpdate,\n computePosition,\n ComputePositionConfig,\n flip,\n inline,\n offset,\n shift,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { ComponentInterface } from '@stencil/core/internal';\nimport { ArrowFocusController } from '../utils/focus';\nimport {\n addDisposableEventListener,\n CloseBehavior,\n dropdownController,\n DropdownInterface,\n hasDropdownItemWrapperImplemented,\n} from './dropdown-controller';\nimport { AlignedPlacement } from './placement';\n\nlet sequenceId = 0;\n\n@Component({\n tag: 'ix-dropdown',\n styleUrl: 'dropdown.scss',\n shadow: true,\n})\nexport class Dropdown implements ComponentInterface, DropdownInterface {\n @Element() hostElement!: HTMLIxDropdownElement;\n\n /**\n * Suppress the automatic placement of the dropdown.\n *\n * @since 2.0.0\n */\n @Prop() suppressAutomaticPlacement = false;\n\n /**\n * Show dropdown\n */\n @Prop({ mutable: true, reflect: true }) show = false;\n\n /**\n * Define an element that triggers the dropdown.\n * A trigger can either be a string that will be interpreted as id attribute or a DOM element.\n */\n @Prop() trigger: string | HTMLElement | Promise<HTMLElement>;\n\n /**\n * Define an anchor element\n */\n @Prop() anchor: string | HTMLElement;\n\n /**\n * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n * If the dropdown is a child of another one, it will be closed with the parent, regardless of its own close behavior.\n */\n @Prop() closeBehavior: CloseBehavior = 'both';\n\n /**\n * Placement of the dropdown\n */\n @Prop() placement: AlignedPlacement = 'bottom-start';\n\n /**\n * Position strategy\n */\n @Prop() positioningStrategy: 'absolute' | 'fixed' = 'fixed';\n\n /**\n * An optional header shown at the top of the dropdown\n */\n @Prop() header?: string;\n\n /**\n * Move dropdown along main axis of alignment\n *\n * @internal\n */\n @Prop() offset: {\n mainAxis?: number;\n crossAxis?: number;\n alignmentAxis?: number;\n };\n\n /**\n * @internal\n */\n @Prop() overwriteDropdownStyle: (delegate: {\n dropdownRef: HTMLElement;\n triggerRef?: HTMLElement;\n }) => Promise<Partial<CSSStyleDeclaration>>;\n\n /**\n * @internal\n * If initialisation of this dropdown is expected to be defered submenu discovery will have to be re-run globally by the controller.\n * This property indicates the need for that to the controller.\n */\n @Prop() discoverAllSubmenus = false;\n\n /** @internal */\n @Prop() ignoreRelatedSubmenu = false;\n\n /**\n * Fire event after visibility of dropdown has changed\n */\n @Event() showChanged: EventEmitter<boolean>;\n\n private autoUpdateCleanup: () => void = null;\n\n private triggerElement?: Element;\n private anchorElement?: Element;\n\n private dropdownRef: HTMLElement;\n private localUId = `dropdown-${sequenceId++}`;\n private assignedSubmenu: string[] = [];\n\n private arrowFocusController: ArrowFocusController;\n private focusDropdownItemBind = this.focusDropdownItem.bind(this);\n\n private itemObserver = new MutationObserver(() => {\n this.arrowFocusController.items = this.dropdownItems;\n });\n\n connectedCallback(): void {\n dropdownController.connected(this);\n\n if (this.trigger != undefined) {\n this.registerListener(this.trigger);\n }\n }\n\n @Listen('ix-assign-sub-menu')\n cacheSubmenuId(event: CustomEvent<string>) {\n event.stopImmediatePropagation();\n event.preventDefault();\n\n const { detail } = event;\n\n if (this.assignedSubmenu.indexOf(detail) === -1) {\n this.assignedSubmenu.push(detail);\n }\n }\n\n disconnectedCallback() {\n dropdownController.dismiss(this);\n dropdownController.disconnected(this);\n\n if (this.disposeClickListener) {\n this.disposeClickListener();\n }\n\n if (this.disposeKeyListener) {\n this.disposeKeyListener();\n }\n\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n }\n }\n\n getAssignedSubmenuIds() {\n return this.assignedSubmenu;\n }\n\n isPresent() {\n return this.show;\n }\n\n present() {\n this.show = true;\n }\n\n dismiss() {\n this.show = false;\n }\n\n getId() {\n return this.localUId;\n }\n\n willDismiss() {\n const { defaultPrevented } = this.showChanged.emit(false);\n return !defaultPrevented;\n }\n\n willPresent() {\n const { defaultPrevented } = this.showChanged.emit(true);\n return !defaultPrevented;\n }\n\n get dropdownItems() {\n return Array.from(this.hostElement.querySelectorAll('ix-dropdown-item'));\n }\n\n get slotElement() {\n return this.hostElement.shadowRoot.querySelector('slot');\n }\n\n private disposeClickListener?: () => void;\n private disposeKeyListener?: () => void;\n\n private addEventListenersFor() {\n this.disposeClickListener?.();\n this.disposeKeyListener?.();\n\n const toggleController = () => {\n if (!this.isPresent()) {\n dropdownController.present(this);\n } else {\n dropdownController.dismiss(this);\n }\n\n dropdownController.dismissOthers(this.getId());\n };\n\n this.disposeClickListener = addDisposableEventListener(\n this.triggerElement,\n 'click',\n (event: PointerEvent) => {\n if (!event.defaultPrevented) {\n toggleController();\n }\n }\n );\n\n this.triggerElement?.setAttribute(\n 'data-ix-dropdown-trigger',\n this.localUId\n );\n }\n\n /** @internal */\n @Method()\n async discoverSubmenu() {\n this.triggerElement?.dispatchEvent(\n new CustomEvent('ix-assign-sub-menu', {\n bubbles: true,\n composed: true,\n cancelable: true,\n detail: this.localUId,\n })\n );\n }\n\n private registerKeyListener() {\n if (!this.triggerElement) {\n return;\n }\n\n this.disposeKeyListener = addDisposableEventListener(\n this.triggerElement,\n 'keydown',\n (event: KeyboardEvent) => {\n if (event.key !== 'ArrowDown') {\n return;\n }\n\n if (document.activeElement !== this.triggerElement) {\n return;\n }\n\n dropdownController.present(this);\n\n setTimeout(() => {\n this.focusDropdownItem(0);\n });\n }\n );\n }\n\n private async registerListener(\n element: string | HTMLElement | Promise<HTMLElement>\n ) {\n this.triggerElement = await this.resolveElement(element);\n if (this.triggerElement) {\n this.addEventListenersFor();\n this.discoverSubmenu();\n }\n }\n\n private async resolveElement(\n element: string | HTMLElement | Promise<HTMLElement>\n ) {\n const el = await this.findElement(element);\n\n return this.checkForSubmenuAnchor(el);\n }\n\n private async checkForSubmenuAnchor(element: Element) {\n if (!element) {\n return null;\n }\n\n if (hasDropdownItemWrapperImplemented(element)) {\n const dropdownItem = await element.getDropdownItemElement();\n dropdownItem.isSubMenu = true;\n this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n }\n\n if (element.tagName === 'IX-DROPDOWN-ITEM') {\n (element as HTMLIxDropdownItemElement).isSubMenu = true;\n this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n }\n\n return element;\n }\n\n private findElement(\n element: string | HTMLElement | Promise<HTMLElement>\n ): Promise<Element> {\n if (element instanceof Promise) {\n return element;\n }\n\n if (typeof element === 'object') {\n return Promise.resolve(element);\n }\n\n if (typeof element != 'string') {\n return;\n }\n\n const selector = `#${element}`;\n return new Promise((resolve) => {\n if (document.querySelector(selector)) {\n return resolve(document.querySelector(selector));\n }\n\n const observer = new MutationObserver(() => {\n if (document.querySelector(selector)) {\n resolve(document.querySelector(selector));\n observer.disconnect();\n }\n });\n\n observer.observe(document.body, {\n childList: true,\n subtree: true,\n });\n });\n }\n\n @Watch('show')\n async changedShow(newShow: boolean) {\n if (newShow) {\n this.anchorElement = await (this.anchor\n ? this.resolveElement(this.anchor)\n : this.resolveElement(this.trigger));\n\n if (this.anchorElement) {\n this.applyDropdownPosition();\n }\n\n this.arrowFocusController = new ArrowFocusController(\n this.dropdownItems,\n this.dropdownRef,\n this.focusDropdownItemBind\n );\n\n this.itemObserver.observe(this.dropdownRef, {\n childList: true,\n subtree: true,\n });\n\n this.registerKeyListener();\n } else {\n this.destroyAutoUpdate();\n this.arrowFocusController?.disconnect();\n this.itemObserver.disconnect();\n this.disposeKeyListener?.();\n }\n }\n\n @Watch('trigger')\n changedTrigger(newTriggerValue: string | HTMLElement | Promise<HTMLElement>) {\n this.registerListener(newTriggerValue);\n }\n\n private destroyAutoUpdate() {\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n this.autoUpdateCleanup = null;\n }\n }\n\n private isAnchorSubmenu(): boolean {\n if (!hasDropdownItemWrapperImplemented(this.anchorElement)) {\n // Is no official dropdown-item, but check if any dropdown-item\n // is placed somewhere up the DOM\n return !!this.anchorElement?.closest('ix-dropdown-item');\n }\n\n return true;\n }\n\n private async applyDropdownPosition() {\n if (!this.show) {\n return;\n }\n if (!this.anchorElement) {\n return;\n }\n if (!this.dropdownRef) {\n return;\n }\n const isSubmenu = this.isAnchorSubmenu();\n\n let positionConfig: Partial<ComputePositionConfig> = {\n strategy: this.positioningStrategy,\n middleware: [],\n };\n\n if (!this.suppressAutomaticPlacement) {\n positionConfig.middleware.push(\n flip({ fallbackStrategy: 'initialPlacement' })\n );\n }\n\n positionConfig.placement = isSubmenu ? 'right-start' : this.placement;\n\n positionConfig.middleware = [\n ...positionConfig.middleware,\n inline(),\n shift(),\n ];\n\n if (this.offset) {\n positionConfig.middleware.push(offset(this.offset));\n }\n\n this.destroyAutoUpdate();\n\n this.autoUpdateCleanup = autoUpdate(\n this.anchorElement,\n this.dropdownRef,\n async () => {\n const computeResponse = await computePosition(\n this.anchorElement,\n this.dropdownRef,\n positionConfig\n );\n Object.assign(this.dropdownRef.style, {\n top: '0',\n left: '0',\n transform: `translate(${Math.round(computeResponse.x)}px,${Math.round(\n computeResponse.y\n )}px)`,\n });\n if (this.overwriteDropdownStyle) {\n const overwriteStyle = await this.overwriteDropdownStyle({\n dropdownRef: this.dropdownRef,\n triggerRef: this.triggerElement as HTMLElement,\n });\n\n Object.assign(this.dropdownRef.style, overwriteStyle);\n }\n },\n {\n ancestorResize: true,\n ancestorScroll: true,\n elementResize: true,\n }\n );\n }\n\n private focusDropdownItem(index: number) {\n requestAnimationFrame(() => {\n this.dropdownItems[index]?.shadowRoot.querySelector('button').focus();\n });\n }\n\n async componentDidLoad() {\n this.changedTrigger(this.trigger);\n }\n\n async componentDidRender() {\n await this.applyDropdownPosition();\n this.anchorElement = await (this.anchor\n ? this.resolveElement(this.anchor)\n : this.resolveElement(this.trigger));\n }\n\n private isTriggerElement(element: HTMLElement) {\n const trigger = !!element.hasAttribute('data-ix-dropdown-trigger');\n\n return trigger;\n }\n\n private onDropdownClick(event: PointerEvent) {\n const target = dropdownController.pathIncludesTrigger(event.composedPath());\n if (target) {\n if (target !== this.triggerElement) {\n event.preventDefault();\n }\n\n if (this.isTriggerElement(target)) {\n if (this.closeBehavior === 'outside') {\n event.preventDefault();\n }\n return;\n }\n }\n\n if (\n !event.defaultPrevented &&\n (this.closeBehavior === 'inside' || this.closeBehavior === 'both')\n ) {\n dropdownController.dismissAll([this.getId()], this.ignoreRelatedSubmenu);\n return;\n }\n\n dropdownController.dismissOthers(this.getId());\n }\n\n /**\n * Update position of dropdown\n */\n @Method()\n async updatePosition() {\n this.applyDropdownPosition();\n }\n\n render() {\n return (\n <Host\n data-ix-dropdown={this.localUId}\n ref={(ref) => (this.dropdownRef = ref)}\n class={{\n 'dropdown-menu': true,\n show: this.show,\n overflow: true,\n }}\n style={{\n margin: '0',\n minWidth: '0px',\n position: this.positioningStrategy,\n }}\n role=\"list\"\n onClick={(event: PointerEvent) => this.onDropdownClick(event)}\n >\n <div style={{ display: 'contents' }}>\n {this.header && <div class=\"dropdown-header\">{this.header}</div>}\n {this.show && <slot></slot>}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"wNAAA,MAAMA,EAAc,4oCACpB,MAAAC,EAAeD,ECwCf,IAAIE,EAAa,E,MAOJC,EAAQ,M,kEAiFXC,KAAAC,kBAAgC,KAMhCD,KAAAE,SAAW,YAAYJ,MACvBE,KAAAG,gBAA4B,GAG5BH,KAAAI,sBAAwBJ,KAAKK,kBAAkBC,KAAKN,MAEpDA,KAAAO,aAAe,IAAIC,kBAAiB,KAC1CR,KAAKS,qBAAqBC,MAAQV,KAAKW,aAAa,I,gCAtFjB,M,UAKU,M,gEAiBR,O,eAKD,e,yBAKc,Q,2GA+BtB,M,0BAGC,K,CAuB/B,iBAAAC,GACEC,EAAmBC,UAAUd,MAE7B,GAAIA,KAAKe,SAAWC,UAAW,CAC7BhB,KAAKiB,iBAAiBjB,KAAKe,Q,EAK/B,cAAAG,CAAeC,GACbA,EAAMC,2BACND,EAAME,iBAEN,MAAMC,OAAEA,GAAWH,EAEnB,GAAInB,KAAKG,gBAAgBoB,QAAQD,MAAa,EAAG,CAC/CtB,KAAKG,gBAAgBqB,KAAKF,E,EAI9B,oBAAAG,GACEZ,EAAmBa,QAAQ1B,MAC3Ba,EAAmBc,aAAa3B,MAEhC,GAAIA,KAAK4B,qBAAsB,CAC7B5B,KAAK4B,sB,CAGP,GAAI5B,KAAK6B,mBAAoB,CAC3B7B,KAAK6B,oB,CAGP,GAAI7B,KAAKC,kBAAmB,CAC1BD,KAAKC,mB,EAIT,qBAAA6B,GACE,OAAO9B,KAAKG,e,CAGd,SAAA4B,GACE,OAAO/B,KAAKgC,I,CAGd,OAAAC,GACEjC,KAAKgC,KAAO,I,CAGd,OAAAN,GACE1B,KAAKgC,KAAO,K,CAGd,KAAAE,GACE,OAAOlC,KAAKE,Q,CAGd,WAAAiC,GACE,MAAMC,iBAAEA,GAAqBpC,KAAKqC,YAAYC,KAAK,OACnD,OAAQF,C,CAGV,WAAAG,GACE,MAAMH,iBAAEA,GAAqBpC,KAAKqC,YAAYC,KAAK,MACnD,OAAQF,C,CAGV,iBAAIzB,GACF,OAAO6B,MAAMC,KAAKzC,KAAK0C,YAAYC,iBAAiB,oB,CAGtD,eAAIC,GACF,OAAO5C,KAAK0C,YAAYG,WAAWC,cAAc,O,CAM3C,oBAAAC,G,WACNC,EAAAhD,KAAK4B,wBAAoB,MAAAoB,SAAA,SAAAA,EAAAC,KAAAjD,OACzBkD,EAAAlD,KAAK6B,sBAAkB,MAAAqB,SAAA,SAAAA,EAAAD,KAAAjD,MAEvB,MAAMmD,EAAmB,KACvB,IAAKnD,KAAK+B,YAAa,CACrBlB,EAAmBoB,QAAQjC,K,KACtB,CACLa,EAAmBa,QAAQ1B,K,CAG7Ba,EAAmBuC,cAAcpD,KAAKkC,QAAQ,EAGhDlC,KAAK4B,qBAAuByB,EAC1BrD,KAAKsD,eACL,SACCnC,IACC,IAAKA,EAAMiB,iBAAkB,CAC3Be,G,MAKNI,EAAAvD,KAAKsD,kBAAc,MAAAC,SAAA,SAAAA,EAAEC,aACnB,2BACAxD,KAAKE,S,CAMT,qBAAMuD,G,OACJT,EAAAhD,KAAKsD,kBAAc,MAAAN,SAAA,SAAAA,EAAEU,cACnB,IAAIC,YAAY,qBAAsB,CACpCC,QAAS,KACTC,SAAU,KACVC,WAAY,KACZxC,OAAQtB,KAAKE,W,CAKX,mBAAA6D,GACN,IAAK/D,KAAKsD,eAAgB,CACxB,M,CAGFtD,KAAK6B,mBAAqBwB,EACxBrD,KAAKsD,eACL,WACCnC,IACC,GAAIA,EAAM6C,MAAQ,YAAa,CAC7B,M,CAGF,GAAIC,SAASC,gBAAkBlE,KAAKsD,eAAgB,CAClD,M,CAGFzC,EAAmBoB,QAAQjC,MAE3BmE,YAAW,KACTnE,KAAKK,kBAAkB,EAAE,GACzB,G,CAKA,sBAAMY,CACZmD,GAEApE,KAAKsD,qBAAuBtD,KAAKqE,eAAeD,GAChD,GAAIpE,KAAKsD,eAAgB,CACvBtD,KAAK+C,uBACL/C,KAAKyD,iB,EAID,oBAAMY,CACZD,GAEA,MAAME,QAAWtE,KAAKuE,YAAYH,GAElC,OAAOpE,KAAKwE,sBAAsBF,E,CAG5B,2BAAME,CAAsBJ,GAClC,IAAKA,EAAS,CACZ,OAAO,I,CAGT,GAAIK,EAAkCL,GAAU,CAC9C,MAAMM,QAAqBN,EAAQO,yBACnCD,EAAaE,UAAY,KACzB5E,KAAK0C,YAAYmC,MAAMC,OAAS,+B,CAGlC,GAAIV,EAAQW,UAAY,mBAAoB,CACzCX,EAAsCQ,UAAY,KACnD5E,KAAK0C,YAAYmC,MAAMC,OAAS,+B,CAGlC,OAAOV,C,CAGD,WAAAG,CACNH,GAEA,GAAIA,aAAmBY,QAAS,CAC9B,OAAOZ,C,CAGT,UAAWA,IAAY,SAAU,CAC/B,OAAOY,QAAQC,QAAQb,E,CAGzB,UAAWA,GAAW,SAAU,CAC9B,M,CAGF,MAAMc,EAAW,IAAId,IACrB,OAAO,IAAIY,SAASC,IAClB,GAAIhB,SAASnB,cAAcoC,GAAW,CACpC,OAAOD,EAAQhB,SAASnB,cAAcoC,G,CAGxC,MAAMC,EAAW,IAAI3E,kBAAiB,KACpC,GAAIyD,SAASnB,cAAcoC,GAAW,CACpCD,EAAQhB,SAASnB,cAAcoC,IAC/BC,EAASC,Y,KAIbD,EAASE,QAAQpB,SAASqB,KAAM,CAC9BC,UAAW,KACXC,QAAS,MACT,G,CAKN,iBAAMC,CAAYC,G,QAChB,GAAIA,EAAS,CACX1F,KAAK2F,oBAAuB3F,KAAK4F,OAC7B5F,KAAKqE,eAAerE,KAAK4F,QACzB5F,KAAKqE,eAAerE,KAAKe,UAE7B,GAAIf,KAAK2F,cAAe,CACtB3F,KAAK6F,uB,CAGP7F,KAAKS,qBAAuB,IAAIqF,EAC9B9F,KAAKW,cACLX,KAAK+F,YACL/F,KAAKI,uBAGPJ,KAAKO,aAAa8E,QAAQrF,KAAK+F,YAAa,CAC1CR,UAAW,KACXC,QAAS,OAGXxF,KAAK+D,qB,KACA,CACL/D,KAAKgG,qBACLhD,EAAAhD,KAAKS,wBAAoB,MAAAuC,SAAA,SAAAA,EAAEoC,aAC3BpF,KAAKO,aAAa6E,cAClBlC,EAAAlD,KAAK6B,sBAAkB,MAAAqB,SAAA,SAAAA,EAAAD,KAAAjD,K,EAK3B,cAAAiG,CAAeC,GACblG,KAAKiB,iBAAiBiF,E,CAGhB,iBAAAF,GACN,GAAIhG,KAAKC,kBAAmB,CAC1BD,KAAKC,oBACLD,KAAKC,kBAAoB,I,EAIrB,eAAAkG,G,MACN,IAAK1B,EAAkCzE,KAAK2F,eAAgB,CAG1D,UAAS3C,EAAAhD,KAAK2F,iBAAa,MAAA3C,SAAA,SAAAA,EAAEoD,QAAQ,oB,CAGvC,OAAO,I,CAGD,2BAAMP,GACZ,IAAK7F,KAAKgC,KAAM,CACd,M,CAEF,IAAKhC,KAAK2F,cAAe,CACvB,M,CAEF,IAAK3F,KAAK+F,YAAa,CACrB,M,CAEF,MAAMM,EAAYrG,KAAKmG,kBAEvB,IAAIG,EAAiD,CACnDC,SAAUvG,KAAKwG,oBACfC,WAAY,IAGd,IAAKzG,KAAK0G,2BAA4B,CACpCJ,EAAeG,WAAWjF,KACxBmF,EAAK,CAAEC,iBAAkB,qB,CAI7BN,EAAeO,UAAYR,EAAY,cAAgBrG,KAAK6G,UAE5DP,EAAeG,WAAa,IACvBH,EAAeG,WAClBK,IACAC,KAGF,GAAI/G,KAAKgH,OAAQ,CACfV,EAAeG,WAAWjF,KAAKwF,EAAOhH,KAAKgH,Q,CAG7ChH,KAAKgG,oBAELhG,KAAKC,kBAAoBgH,EACvBjH,KAAK2F,cACL3F,KAAK+F,aACLmB,UACE,MAAMC,QAAwBC,EAC5BpH,KAAK2F,cACL3F,KAAK+F,YACLO,GAEFe,OAAOC,OAAOtH,KAAK+F,YAAYlB,MAAO,CACpC0C,IAAK,IACLC,KAAM,IACNC,UAAW,aAAaC,KAAKC,MAAMR,EAAgBS,QAAQF,KAAKC,MAC9DR,EAAgBU,UAGpB,GAAI7H,KAAK8H,uBAAwB,CAC/B,MAAMC,QAAuB/H,KAAK8H,uBAAuB,CACvD/B,YAAa/F,KAAK+F,YAClBiC,WAAYhI,KAAKsD,iBAGnB+D,OAAOC,OAAOtH,KAAK+F,YAAYlB,MAAOkD,E,IAG1C,CACEE,eAAgB,KAChBC,eAAgB,KAChBC,cAAe,M,CAKb,iBAAA9H,CAAkB+H,GACxBC,uBAAsB,K,OACpBrF,EAAAhD,KAAKW,cAAcyH,MAAM,MAAApF,SAAA,SAAAA,EAAEH,WAAWC,cAAc,UAAUwF,OAAO,G,CAIzE,sBAAMC,GACJvI,KAAKiG,eAAejG,KAAKe,Q,CAG3B,wBAAMyH,SACExI,KAAK6F,wBACX7F,KAAK2F,oBAAuB3F,KAAK4F,OAC7B5F,KAAKqE,eAAerE,KAAK4F,QACzB5F,KAAKqE,eAAerE,KAAKe,S,CAGvB,gBAAA0H,CAAiBrE,GACvB,MAAMrD,IAAYqD,EAAQsE,aAAa,4BAEvC,OAAO3H,C,CAGD,eAAA4H,CAAgBxH,GACtB,MAAMyH,EAAS/H,EAAmBgI,oBAAoB1H,EAAM2H,gBAC5D,GAAIF,EAAQ,CACV,GAAIA,IAAW5I,KAAKsD,eAAgB,CAClCnC,EAAME,gB,CAGR,GAAIrB,KAAKyI,iBAAiBG,GAAS,CACjC,GAAI5I,KAAK+I,gBAAkB,UAAW,CACpC5H,EAAME,gB,CAER,M,EAIJ,IACGF,EAAMiB,mBACNpC,KAAK+I,gBAAkB,UAAY/I,KAAK+I,gBAAkB,QAC3D,CACAlI,EAAmBmI,WAAW,CAAChJ,KAAKkC,SAAUlC,KAAKiJ,sBACnD,M,CAGFpI,EAAmBuC,cAAcpD,KAAKkC,Q,CAOxC,oBAAMgH,GACJlJ,KAAK6F,uB,CAGP,MAAAsD,GACE,OACEC,EAACC,EAAI,CAAArF,IAAA,8DACehE,KAAKE,SACvBoJ,IAAMA,GAAStJ,KAAK+F,YAAcuD,EAClCC,MAAO,CACL,gBAAiB,KACjBvH,KAAMhC,KAAKgC,KACXwH,SAAU,MAEZ3E,MAAO,CACL4E,OAAQ,IACRC,SAAU,MACVC,SAAU3J,KAAKwG,qBAEjBoD,KAAK,OACLC,QAAU1I,GAAwBnB,KAAK2I,gBAAgBxH,IAEvDiI,EAAA,OAAApF,IAAA,2CAAKa,MAAO,CAAEiF,QAAS,aACpB9J,KAAK+J,QAAUX,EAAA,OAAApF,IAAA,2CAAKuF,MAAM,mBAAmBvJ,KAAK+J,QAClD/J,KAAKgC,MAAQoH,EAAA,QAAApF,IAAA,8C"}

package/dist/siemens-ix/{p-dcb3e5be.entry.js → p-ffa856df.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r,h as e,H as t,g as o}from"./p-f87cd962.js";import{h as a}from"./p-712e0ee0.js";const c=":host{display:flex;flex-direction:column;position:relative;padding:1.5rem 0rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content{flex-grow:1;overflow:auto;padding-right:1.5rem}:host .content-header.slotted{margin-bottom:1rem;padding-right:1.5rem}";const s=c;const b=class{constructor(e){r(this,e);this.isContentHeaderSlotted=false}get contentHeaderSlot(){return this.hostElement.shadowRoot.querySelector(".content-header slot")}render(){return e(t,{key:"61f9325ce908e838c83a286da21471c8f081cf7e"},e("div",{key:"66adfdde8a6f7e4cec46bc8ac3111f9fd344462c",class:{"content-header":true,slotted:this.isContentHeaderSlotted}},e("slot",{key:"00a1dffb70b39ae24c7ffc7a02649f5c870e95e9",name:"header",onSlotchange:()=>{this.isContentHeaderSlotted=a(this.contentHeaderSlot)}})),e("div",{key:"d27dfeb1305abb6cacdf16a5476e5d7b32d6f3ba",class:"content"},e("slot",{key:"054a581bc21257f46c3377c53c0e8dbacc4321b5"})))}get hostElement(){return o(this)}};b.style=s;export{b as ix_content};
-//# sourceMappingURL=p-dcb3e5be.entry.js.map
+import{r,h as e,H as t,g as o}from"./p-f87cd962.js";import{h as a}from"./p-345e1c73.js";const c=":host{display:flex;flex-direction:column;position:relative;padding:1.5rem 0rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content{flex-grow:1;overflow:auto;padding-right:1.5rem}:host .content-header.slotted{margin-bottom:1rem;padding-right:1.5rem}";const s=c;const b=class{constructor(e){r(this,e);this.isContentHeaderSlotted=false}get contentHeaderSlot(){return this.hostElement.shadowRoot.querySelector(".content-header slot")}render(){return e(t,{key:"ec9339c22e534968a08739345bc7a701c202812b"},e("div",{key:"9565bdaba5d1f18f258c7c018bbf2f9a362a3965",class:{"content-header":true,slotted:this.isContentHeaderSlotted}},e("slot",{key:"5be52eb4c6f16cb28aff6439c46bea5f95a554ca",name:"header",onSlotchange:()=>{this.isContentHeaderSlotted=a(this.contentHeaderSlot)}})),e("div",{key:"6e52c4bc96f9e4611bdb66f3f8e0c0bd1d02390f",class:"content"},e("slot",{key:"284e7f2777f7640ac48658b4980cc9d3a40a1300"})))}get hostElement(){return o(this)}};b.style=s;export{b as ix_content};
+//# sourceMappingURL=p-ffa856df.entry.js.map

package/dist/siemens-ix/siemens-ix-core.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host ,:host :after,:host :before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{height:.5rem;width:.5rem}:host ::-webkit-scrollbar-track{background:var(--theme-scrollbar-track--background);border-radius:5px}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb--background);border-radius:5px}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}#toast-container>:not(:last-child){margin-block-end:1rem}.toast-container{display:block;position:fixed}.toast-container--top-right{right:1rem;top:2rem}.toast-container--bottom-right{bottom:2rem;right:1rem}.text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.625rem;font-weight:400;line-height:1.4em}.text-s{font-weight:400}.text-caption,.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.75rem;line-height:1.5em}.text-caption{font-weight:700}.text-caption-single{font-size:.75rem;font-weight:700;line-height:1em}.text-caption-single,.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif}.text-default{font-size:.875rem;font-weight:400;line-height:1.429em}.text-default-single{font-weight:400;line-height:1.143em}.text-default-single,.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem}.text-default-title{font-weight:700;line-height:1.429em}.text-default-title-single{font-size:.875rem;font-weight:700;line-height:1.143em}.text-default-title-single,.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif}.text-l{font-size:1rem;font-weight:400;line-height:1.5em}.text-l-single{font-weight:400;line-height:1.25em}.text-l-single,.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:1rem}.text-l-title{font-weight:700;line-height:1.5em}.text-l-title-single{font-size:1rem;line-height:1.25em}.text-h2,.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-weight:700}.text-h2{line-height:1.455em}.text-h2,.text-xl{font-size:1.375rem}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-weight:400;line-height:1.091em}:root{--theme-z-index-sticky:1020;--theme-z-index-fixed:1030;--theme-z-index-modal-backdrop:1040;--theme-z-index-modal:1050;--theme-z-index-dropdown:1060;--theme-z-index-tooltip:1070}.modal{--bs-modal-footer-gap:1rem;--bs-modal-box-shadow:var(--theme-modal--box-shadow)}.modal-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;align-items:center;border:none;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:700;line-height:1.429em;padding:0 0 .25rem}.modal-header [data-close-button]{margin-left:1rem}.modal-body{padding:0}.modal-footer{border-top:none;padding:0;padding-block-start:2rem}.modal-footer>{margin:0 0 0 calc(var(--bs-modal-footer-gap).5)}.btn{align-items:center;display:inline-flex;font-size:.875rem;font-weight:700;gap:.25rem;height:2rem;justify-content:center;min-width:5rem;overflow:hidden;padding:0 .5rem;text-overflow:ellipsis;transition:var(--theme-default-time);white-space:nowrap}.btn .glyph{font-weight:400;margin-right:.25rem}.btn.focus,.btn:focus-visible{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{--ix-button-color:var(--theme-btn-primary--color);background-color:var(--theme-btn-primary--background);border-color:var(--theme-btn-primary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-primary--color)}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--border-color--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:var(--theme-btn-primary--background--active);border-color:var(--theme-btn-primary--border-color--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled).active,.btn-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{--ix-button-color:var(--theme-btn-primary--color--disabled);background-color:var(--theme-btn-primary--background--disabled);border-color:var(--theme-btn-primary--border-color--disabled);color:var(--theme-btn-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{--ix-button-color:var(--theme-btn-outline-primary--color);background-color:var(--theme-btn-outline-primary--background);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-outline-primary--color)}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{background-color:var(--theme-btn-outline-primary--background--hover);border-color:var(--theme-btn-outline-primary--border-color--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{background-color:var(--theme-btn-outline-primary--background--active);border-color:var(--theme-btn-outline-primary--border-color--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{--ix-button-color:var(--theme-btn-outline-primary--color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);border-color:var(--theme-btn-outline-primary--border-color--disabled);color:var(--theme-btn-outline-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-invisible-primary{--bs-btn-border-width:0px;--bs-btn-active-border-color:none;border-radius:var(--theme-btn--border-radius)}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{--ix-button-color:var(--theme-btn-invisible-primary--color);background-color:var(--theme-btn-invisible-primary--background);border-color:transparent;color:var(--theme-btn-invisible-primary--color)}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled).active,.btn-invisible-primary:not(:disabled):not(.disabled):active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{--ix-button-color:var(--theme-btn-invisible-primary--color--disabled);background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{--ix-button-color:var(--theme-btn-secondary--color);background-color:var(--theme-btn-secondary--background);border-color:var(--theme-btn-secondary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-secondary--color)}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{background-color:var(--theme-btn-secondary--background--hover);border-color:var(--theme-btn-secondary--border-color--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{background-color:var(--theme-btn-secondary--background--active);border-color:var(--theme-btn-secondary--border-color--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled).active,.btn-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{--ix-button-color:var(--theme-btn-secondary--color--disabled);background-color:var(--theme-btn-secondary--background--disabled);border-color:var(--theme-btn-secondary--border-color--disabled);color:var(--theme-btn-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{--ix-button-color:var(--theme-btn-outline-secondary--color);background-color:var(--theme-btn-outline-secondary--background);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-outline-secondary--color)}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{background-color:var(--theme-btn-outline-secondary--background--hover);border-color:var(--theme-btn-outline-secondary--border-color--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{background-color:var(--theme-btn-outline-secondary--background--active);border-color:var(--theme-btn-outline-secondary--border-color--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{--ix-button-color:var(--theme-btn-outline-secondary--color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);border-color:var(--theme-btn-outline-secondary--border-color--disabled);color:var(--theme-btn-outline-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-invisible-secondary{--bs-btn-border-width:0px;--bs-btn-active-border-color:none;border-radius:var(--theme-btn--border-radius)}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{--ix-button-color:var(--theme-btn-invisible-secondary--color);background-color:var(--theme-btn-invisible-secondary--background);border-color:transparent;color:var(--theme-btn-invisible-secondary--color)}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled).active,.btn-invisible-secondary:not(:disabled):not(.disabled):active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled);background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-icon,.btn-oval{min-width:2rem;width:2rem}.btn-icon .glyph,.btn-oval .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-12,.btn-icon-xs{height:1rem;min-height:1rem;min-width:1rem;width:1rem}.btn-icon-16,.btn-icon-s{height:1.5rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.btn-icon-32{height:2rem;min-height:2rem;min-width:2rem;width:2rem}.btn-group ix-button:first-child .btn{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.btn-group ix-button:last-child .btn{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0;border-right:0}.dropdown-group{background-color:#f8f9fa;border:.062rem solid rgba(0,0,0,.25);border-radius:.25rem;display:block;margin:.687rem;position:relative;width:21.562rem}.dropdown-group .dropdown-group-title{display:block;font-size:.875rem;margin:.937rem 0 1.25rem .937rem;position:relative;text-align:left}.dropdown-group .dropdown-group-content{display:flex;flex-direction:column;height:11.562rem;margin:.937rem 0 .937rem .937rem;overflow-x:hidden;overflow-y:auto;position:relative}.dropdown-group .dropdown-group-content>{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 .687rem}.dropdown-menu{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);box-shadow:var(--theme-menu--box-shadow);color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.143em;max-width:100vw;padding:.25rem 0;position:absolute;transition:background-color var(--theme-default-time)}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{align-items:center;color:var(--theme-menu-header--color);display:flex;height:2.5rem;padding:0 1rem}.dropdown-buttons{display:flex;padding:.25rem .5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:.5rem}.dropdown-item{align-items:center;background-color:transparent;border:1px solid transparent;color:var(--theme-menu-item--color);cursor:pointer;display:flex;height:2.5rem;padding:0 2rem;position:relative}.dropdown-item:focus-visible{color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus);outline:none}.dropdown-item:not(.disabled):not(:disabled):hover{background-color:var(--theme-menu-item--background--hover);color:var(--theme-menu-item--color--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled).active,.dropdown-item:not(.disabled):not(:disabled):active{background-color:var(--theme-menu-item--background--active);color:var(--theme-menu-item--color--active)}.dropdown-item.disabled,.dropdown-item:disabled{background-color:var(--theme-menu-item--background--disabled);color:var(--theme-menu-item--color--disabled)}.dropdown-item a:active,.dropdown-item a:hover,.dropdown-item>a{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color);margin-inline-end:.5rem}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>input[type=checkbox]+label{margin-bottom:0}.dropdown-item>input[type=checkbox]+label:before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:.25rem 0}button.dropdown-toggle{padding-right:1.5rem;position:relative}button.dropdown-toggle:after{position:absolute;right:.5rem;top:45%}.form-control,.form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-input--background);border:1px solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-color-std-text);color:var(--theme-input--color);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;height:2rem;line-height:1.429em;min-height:2rem;min-width:2rem;overflow:hidden;padding-inline-end:.5rem;padding-inline-start:.5rem;text-overflow:ellipsis;white-space:nowrap}.form-control-plaintext::placeholder,.form-control::placeholder{color:var(--theme-input-hint--color)}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}.form-control:focus-visible{color:var(--theme-input--color)}.form-control[type=number]{text-align:right}.form-control[type=number]::-webkit-inner-spin-button{display:none;margin-left:2px;margin-right:-2px}.form-control.readonly,.form-control[readonly]{background:transparent!important;border-block-start:none!important;border-inline-end:none!important;border-inline-start:none!important;border-radius:0}.form-control.readonly,.form-control:read-only,.form-control[readOnly],.form-control[readonly]{border-color:var(--theme-input--border-color);box-shadow:none!important;cursor:default!important;outline:none!important}.form-control.readonly::placeholder,.form-control:read-only::placeholder,.form-control[readOnly]::placeholder,.form-control[readonly]::placeholder{color:transparent}.form-control.disabled,.form-control:disabled{background:transparent!important;border-block-start:none!important;border-inline-end:none!important;border-inline-start:none!important;border-color:var(--theme-input--border-color-bottom--disabled);border-radius:0;color:var(--theme-color-weak-text)}.form-control.disabled::placeholder,.form-control:disabled::placeholder{color:transparent}.form-control-plaintext{outline:0}.form-group,.input-wrapper{position:relative}.input-wrapper{align-items:center;display:flex;flex-wrap:nowrap}.input-wrapper>.glyph{color:var(--theme-color-std-text);display:block;margin-inline-start:.312rem;position:absolute}.input-wrapper>input{padding-inline-start:2.2rem}select.form-control{padding:0 .312rem}textarea.form-control{padding:.375rem .5rem}input.disabled,input:disabled{color:var(--theme-input--color--disabled)}input.readonly,input:read-only{cursor:default}label{color:var(--theme-color-soft-text);padding:2px 0}label.label-alignment-left{padding:6px 0}input{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;-moz-appearance:textfield;background-color:var(--theme-input--background);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);color:var(--theme-input--color);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);min-height:2rem;padding:.25rem .5rem;text-decoration:none;text-overflow:ellipsis;width:100%}input:-webkit-autofill,input:autofill{-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;-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset!important;color:var(--theme-input--color--autofill)!important}input::placeholder{color:var(--theme-input-hint--color)}input.hover,input:hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)!important}input.focus,input:focus{border-color:var(--theme-input--border-color--focus)!important;outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}input.read-only,input:read-only{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--readonly);box-shadow:none;outline:none}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--disabled);box-shadow:none;color:var(--theme-input--color--disabled);outline:none}input:disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{display:none;margin-left:2px;margin-right:-2px}textarea{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;-moz-appearance:textfield;background-color:var(--theme-input--background);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);color:var(--theme-input--color);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);height:3.25rem;letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);min-height:2rem;padding:.375rem 1.25rem .375rem .5rem;padding:.25rem .5rem;text-decoration:none;text-overflow:ellipsis;width:100%}textarea:-webkit-autofill,textarea:autofill{-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;-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset!important;color:var(--theme-input--color--autofill)!important}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover,textarea:hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)!important}textarea.focus,textarea:focus{border-color:var(--theme-input--border-color--focus)!important;outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}textarea.read-only,textarea:read-only{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--readonly);box-shadow:none;outline:none}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--disabled);box-shadow:none;color:var(--theme-input--color--disabled);outline:none}textarea:disabled::placeholder{color:transparent}input~.invalid-feedback,input~.valid-feedback,textarea~.invalid-feedback,textarea~.valid-feedback{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;display:none;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);text-decoration:none}form input~.valid-feedback,form textarea~.valid-feedback{color:var(--theme-color-success)}form input~.invalid-feedback,form textarea~.invalid-feedback{color:var(--theme-color-alarm-text)}form.was-validated .is-invalid,form.was-validated :invalid,form:not([novalidate]) .is-invalid,form:not([novalidate]) :invalid{background-color:var(--theme-input-error--background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23ff2640' fill-opacity='.75' fill-rule='evenodd' d='M256 42.667c117.626 0 213.333 95.707 213.333 213.333S373.626 469.333 256 469.333 42.667 373.626 42.667 256 138.374 42.667 256 42.667Zm0 42.666C161.56 85.333 85.333 161.56 85.333 256S161.56 426.667 256 426.667 426.667 350.44 426.667 256 350.44 85.333 256 85.333Zm70.248 70.249 30.17 30.17L286.168 256l70.25 70.248-30.17 30.17L256 286.168l-70.248 70.25-30.17-30.17L225.83 256l-70.248-70.248 30.17-30.17L256 225.83l70.248-70.248Z'/%3E%3C/svg%3E")!important;background-position:left calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:18px;border-color:var(--theme-input-error--border-color);padding-left:calc(1.5em + .75rem);padding-right:.75rem}form.was-validated .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form:not([novalidate]) :invalid~.invalid-feedback{display:block}form.was-validated .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form:not([novalidate]) :valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none!important}a[href],a[href]:not(.disabled):not(:disabled):hover{color:var(--theme-color-primary)}a[href]:not(.disabled):not(:disabled).active,a[href]:not(.disabled):not(:disabled):active{color:var(--theme-color-std-text)}a[href] .glyph{vertical-align:middle}a[href] .glyph:before{display:inline-block;text-decoration:none}a[href]:not(.disabled):not(:disabled){cursor:pointer}ix-menu>a[href]{color:unset;text-decoration:none}a[href]:has(+ix-menu-item){color:unset;text-decoration:none}[type=checkbox]:checked,[type=checkbox]:not(:checked){clip:rect(0 0 0 0);appearance:none;clip-path:inset(50%);height:1px;max-height:1px;max-width:1px;min-height:0;min-width:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[type=checkbox]:checked+label,[type=checkbox]:not(:checked)+label{align-items:center;color:var(--theme-checkbox-label--color);display:inline-flex;height:1.125rem;max-height:1.125rem;min-height:1.125rem;position:relative;user-select:none}[type=checkbox]:not(:disabled)+label{cursor:pointer}[type=checkbox]+label:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:"";float:left;height:1.125rem;margin-right:.5rem;max-height:1.125rem;max-width:1.125rem;min-height:1.125rem;min-width:1.125rem;width:1.125rem}[type=checkbox]+label:focus-visible:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}[type=checkbox]:focus-visible+label:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}[type=checkbox]:not(:checked)+label:before{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}[type=checkbox]:not(:checked):hover+label:before{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}[type=checkbox]:not(:checked):active+label:before{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}[type=checkbox]:not(:checked):disabled+label:before{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}[type=checkbox]:checked+label:before{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}[type=checkbox]:checked+label:after{border-bottom:.0625rem solid var(--theme-checkbox-checked--color);border-left:.0625rem solid var(--theme-checkbox-checked--color);border-right:none;border-top:none;content:"";display:block;height:.26rem;margin:.31rem .42rem .1875rem;position:absolute;transform:translate(-1px,-3px) rotate(-53deg) scale(2) skew(-8deg,-3deg);width:.4rem}[type=checkbox]:checked:hover+label:before{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}[type=checkbox]:checked:active+label:before{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}[type=checkbox]:checked:disabled+label:before{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}[type=checkbox]:checked:disabled+label:after{border-color:var(--theme-checkbox-checked--color--disabled)}[type=checkbox]:disabled+label:before{opacity:.5;pointer-events:none}[type=checkbox]:indeterminate+label:after{border-bottom:.125rem solid var(--theme-checkbox-mixed--color);content:"";display:block;height:.125rem;margin:0 0 0 .25rem;position:absolute;width:.625rem}[type=checkbox]:indeterminate+label:before{background-color:var(--theme-checkbox-mixed--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color)}[type=checkbox]:indeterminate:hover+label:before{background-color:var(--theme-checkbox-mixed--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--hover)}[type=checkbox]:indeterminate:active+label:before{background-color:var(--theme-checkbox-mixed--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--active)}[type=checkbox]:indeterminate:disabled+label:before{background-color:var(--theme-checkbox-mixed--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--disabled)}[type=checkbox]:indeterminate:disabled+label:after{border-color:var(--theme-checkbox-mixed--color--disabled)}[type=checkbox]:disabled+label{color:var(--theme-checkbox-label--color--disabled)}[type=radio]:checked,[type=radio]:not(:checked){clip:rect(0 0 0 0);appearance:none;clip-path:inset(50%);height:1px;max-height:1px;max-width:1px;min-height:0;min-width:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[type=radio]:checked+label,[type=radio]:not(:checked)+label{align-items:flex-start;color:var(--theme-radiobtn-label--color);display:inline-flex;margin-right:1rem;position:relative;user-select:none}[type=radio]:not(:disabled)+label{cursor:pointer}[type=radio]+label:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;content:"";float:left;height:1.25rem;margin-right:.5rem;max-height:1.25rem;max-width:1.25rem;min-height:1.25rem;min-width:1.25rem;width:1.25rem}[type=radio]+label:focus-visible:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}[type=radio]:focus-visible+label:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}[type=radio]:not(:checked)+label:before{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}[type=radio]:not(:checked):hover+label:before{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}[type=radio]:not(:checked):active+label:before{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}[type=radio]:not(:checked):disabled+label:before{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}[type=radio]:checked+label:before{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}[type=radio]:checked+label:after{background-color:var(--theme-radiobtn-checked--color);border-radius:100%;content:"";display:block;height:.5rem;left:.375rem;position:absolute;top:.5rem;width:.5rem}[type=radio]:checked:hover+label:before{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}[type=radio]:checked:active+label:before{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}[type=radio]:checked:disabled+label:before{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}[type=radio]:checked:disabled+label:after{border-color:var(--theme-radiobtn-checked--color--disabled)}[type=radio]:disabled+label:before{opacity:.5;pointer-events:none}[type=radio]:disabled+label{color:var(--theme-radiobtn-label--color--disabled)}:root body{--theme-box-shadow-lvl-1:var(--theme-shadow-1);--theme-box-shadow-lvl-2:var(--theme-shadow-2);--theme-box-shadow-lvl-3:var(--theme-shadow-3);--theme-box-shadow-lvl-4:var(--theme-shadow-4);--theme-box-shadow-level-1:var(--theme-shadow-1);--theme-box-shadow-level-2:var(--theme-shadow-2);--theme-box-shadow-level-3:var(--theme-shadow-3);--theme-box-shadow-level-4:var(--theme-shadow-4);--theme-box-shadow-insert:var(--theme-inset-shadow-1)}.input-group-label{color:var(--theme-input-unit--color);margin-left:2px;margin-right:2px}.group-start .input-group-label:first-child{margin-left:8px}.group-start .input-group-label:last-child{margin-right:4px}.group-end .input-group-label:first-child{margin-left:4px}.group-end .input-group-label:last-child{margin-right:8px}.table{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.429em}.table thead{background-color:var(--theme-table-header-row--background)}.table td,.table th{border-bottom-color:var(--theme-table-data-row--border-color)}.table-striped>tbody>tr:nth-of-type(odd)>{--bs-table-accent-bg:var(--theme-table-data-row-alt--background);color:inherit}.typography-label{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-label,.typography-label-xs{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-sm);text-decoration:none}.typography-label-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl)}.typography-label-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-label-lg,.typography-label-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-sm);text-decoration:none}.typography-label-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-body{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md)}.typography-body,.typography-body-xs{-moz-osx-font-smooting:grayscale;text-decoration:none}.typography-body-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);line-height:var(--theme-line-height-lg)}.typography-body-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-body-lg,.typography-body-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-lg);text-decoration:none}.typography-body-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-display{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-3);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md)}.typography-display,.typography-display-xs{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm)}.typography-display-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-display-lg,.typography-display-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-4);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md)}.typography-display-xl{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-5);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-display-xl,.typography-display-xxl{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-sm);line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-xxl{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-6);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h6,h6{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h5,.typography-h6,h5,h6{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-h5,h5{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h4,h4{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h3,.typography-h4,h3,h4{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-lg);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-h3,h3{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-2);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h2,h2{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-3);font-style:normal;font-weight:var(--theme-font-weight-bold);line-height:var(--theme-line-height-md)}.typography-h1,.typography-h2,h1,h2{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-md);text-decoration:none}.typography-h1,h1{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-4);font-style:normal;font-weight:var(--theme-font-weight-bold);line-height:var(--theme-line-height-sm)}.typography-code{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal)}.typography-code,.typography-code-lg{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-md);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-code-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal)}.typography-code-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-decoration-none{text-decoration:none!important}.typography-decoration-underline{text-decoration:underline!important}.typography-decoration-line-through{text-decoration:line-through!important}.typography-weight-bold{font-weight:700!important}a{color:var(--theme-color-primary)}:root{--animate-duration:150ms;--bs-font-sans-serif:Siemens Sans,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-color-1);color:var(--theme-color-std-text);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);margin:0;text-decoration:none}body:not(.disable-scrollbar) ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){body:not(.disable-scrollbar) {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}body:not(.disable-scrollbar) ::-webkit-scrollbar{height:.5rem;width:.5rem}body:not(.disable-scrollbar) ::-webkit-scrollbar-track{background:var(--theme-scrollbar-track--background);border-radius:5px}body:not(.disable-scrollbar) ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb--background);border-radius:5px}body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}body:not(.disable-scrollbar) ::-webkit-scrollbar-corner{display:none},:after,:before{box-sizing:border-box}
1	+ :host ,:host :after,:host :before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{height:.5rem;width:.5rem}:host ::-webkit-scrollbar-track{background:var(--theme-scrollbar-track--background);border-radius:5px}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb--background);border-radius:5px}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}#toast-container>:not(:last-child){margin-block-end:1rem}.toast-container{display:block;position:fixed}.toast-container--top-right{right:1rem;top:2rem}.toast-container--bottom-right{bottom:2rem;right:1rem}.text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.625rem;font-weight:400;line-height:1.4em}.text-s{font-weight:400}.text-caption,.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.75rem;line-height:1.5em}.text-caption{font-weight:700}.text-caption-single{font-size:.75rem;font-weight:700;line-height:1em}.text-caption-single,.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif}.text-default{font-size:.875rem;font-weight:400;line-height:1.429em}.text-default-single{font-weight:400;line-height:1.143em}.text-default-single,.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem}.text-default-title{font-weight:700;line-height:1.429em}.text-default-title-single{font-size:.875rem;font-weight:700;line-height:1.143em}.text-default-title-single,.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif}.text-l{font-size:1rem;font-weight:400;line-height:1.5em}.text-l-single{font-weight:400;line-height:1.25em}.text-l-single,.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:1rem}.text-l-title{font-weight:700;line-height:1.5em}.text-l-title-single{font-size:1rem;line-height:1.25em}.text-h2,.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-weight:700}.text-h2{line-height:1.455em}.text-h2,.text-xl{font-size:1.375rem}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-weight:400;line-height:1.091em}:root{--theme-z-index-sticky:1020;--theme-z-index-fixed:1030;--theme-z-index-modal-backdrop:1040;--theme-z-index-modal:1050;--theme-z-index-dropdown:1060;--theme-z-index-tooltip:1070}.modal{--bs-modal-footer-gap:1rem;--bs-modal-box-shadow:var(--theme-modal--box-shadow)}.modal-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;align-items:center;border:none;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:700;line-height:1.429em;padding:0 0 .25rem}.modal-header [data-close-button]{margin-left:1rem}.modal-body{padding:0}.modal-footer{border-top:none;padding:0;padding-block-start:2rem}.modal-footer>{margin:0 0 0 calc(var(--bs-modal-footer-gap).5)}.btn{align-items:center;display:inline-flex;font-size:.875rem;font-weight:700;gap:.25rem;height:2rem;justify-content:center;min-width:5rem;overflow:hidden;padding:0 .5rem;text-overflow:ellipsis;transition:var(--theme-default-time);white-space:nowrap}.btn .glyph{font-weight:400;margin-right:.25rem}.btn.focus,.btn:focus-visible{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{--ix-button-color:var(--theme-btn-primary--color);background-color:var(--theme-btn-primary--background);border-color:var(--theme-btn-primary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-primary--color)}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--border-color--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:var(--theme-btn-primary--background--active);border-color:var(--theme-btn-primary--border-color--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled).active,.btn-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{--ix-button-color:var(--theme-btn-primary--color--disabled);background-color:var(--theme-btn-primary--background--disabled);border-color:var(--theme-btn-primary--border-color--disabled);color:var(--theme-btn-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{--ix-button-color:var(--theme-btn-outline-primary--color);background-color:var(--theme-btn-outline-primary--background);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-outline-primary--color)}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{background-color:var(--theme-btn-outline-primary--background--hover);border-color:var(--theme-btn-outline-primary--border-color--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{background-color:var(--theme-btn-outline-primary--background--active);border-color:var(--theme-btn-outline-primary--border-color--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{--ix-button-color:var(--theme-btn-outline-primary--color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);border-color:var(--theme-btn-outline-primary--border-color--disabled);color:var(--theme-btn-outline-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-invisible-primary{--bs-btn-border-width:0px;--bs-btn-active-border-color:none;border-radius:var(--theme-btn--border-radius)}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{--ix-button-color:var(--theme-btn-invisible-primary--color);background-color:var(--theme-btn-invisible-primary--background);border-color:transparent;color:var(--theme-btn-invisible-primary--color)}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled).active,.btn-invisible-primary:not(:disabled):not(.disabled):active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{--ix-button-color:var(--theme-btn-invisible-primary--color--disabled);background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{--ix-button-color:var(--theme-btn-secondary--color);background-color:var(--theme-btn-secondary--background);border-color:var(--theme-btn-secondary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-secondary--color)}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{background-color:var(--theme-btn-secondary--background--hover);border-color:var(--theme-btn-secondary--border-color--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{background-color:var(--theme-btn-secondary--background--active);border-color:var(--theme-btn-secondary--border-color--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled).active,.btn-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{--ix-button-color:var(--theme-btn-secondary--color--disabled);background-color:var(--theme-btn-secondary--background--disabled);border-color:var(--theme-btn-secondary--border-color--disabled);color:var(--theme-btn-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{--ix-button-color:var(--theme-btn-outline-secondary--color);background-color:var(--theme-btn-outline-secondary--background);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-outline-secondary--color)}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{background-color:var(--theme-btn-outline-secondary--background--hover);border-color:var(--theme-btn-outline-secondary--border-color--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{background-color:var(--theme-btn-outline-secondary--background--active);border-color:var(--theme-btn-outline-secondary--border-color--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{--ix-button-color:var(--theme-btn-outline-secondary--color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);border-color:var(--theme-btn-outline-secondary--border-color--disabled);color:var(--theme-btn-outline-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-invisible-secondary{--bs-btn-border-width:0px;--bs-btn-active-border-color:none;border-radius:var(--theme-btn--border-radius)}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{--ix-button-color:var(--theme-btn-invisible-secondary--color);background-color:var(--theme-btn-invisible-secondary--background);border-color:transparent;color:var(--theme-btn-invisible-secondary--color)}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled).active,.btn-invisible-secondary:not(:disabled):not(.disabled):active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled);background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-icon,.btn-oval{min-width:2rem;width:2rem}.btn-icon .glyph,.btn-oval .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-12,.btn-icon-xs{height:1rem;min-height:1rem;min-width:1rem;width:1rem}.btn-icon-16,.btn-icon-s{height:1.5rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.btn-icon-32{height:2rem;min-height:2rem;min-width:2rem;width:2rem}.btn-group ix-button:first-child .btn{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.btn-group ix-button:last-child .btn{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0;border-right:0}.dropdown-group{background-color:#f8f9fa;border:.062rem solid rgba(0,0,0,.25);border-radius:.25rem;display:block;margin:.687rem;position:relative;width:21.562rem}.dropdown-group .dropdown-group-title{display:block;font-size:.875rem;margin:.937rem 0 1.25rem .937rem;position:relative;text-align:left}.dropdown-group .dropdown-group-content{display:flex;flex-direction:column;height:11.562rem;margin:.937rem 0 .937rem .937rem;overflow-x:hidden;overflow-y:auto;position:relative}.dropdown-group .dropdown-group-content>{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 .687rem}.dropdown-menu{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);box-shadow:var(--theme-menu--box-shadow);color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.143em;max-width:100vw;padding:.25rem 0;position:absolute;transition:background-color var(--theme-default-time)}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{align-items:center;color:var(--theme-menu-header--color);display:flex;height:2.5rem;padding:0 1rem}.dropdown-buttons{display:flex;padding:.25rem .5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:.5rem}.dropdown-item{align-items:center;background-color:transparent;border:1px solid transparent;color:var(--theme-menu-item--color);cursor:pointer;display:flex;height:2.5rem;padding:0 2rem;position:relative}.dropdown-item:focus-visible{color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus);outline:none}.dropdown-item:not(.disabled):not(:disabled):hover{background-color:var(--theme-menu-item--background--hover);color:var(--theme-menu-item--color--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled).active,.dropdown-item:not(.disabled):not(:disabled):active{background-color:var(--theme-menu-item--background--active);color:var(--theme-menu-item--color--active)}.dropdown-item.disabled,.dropdown-item:disabled{background-color:var(--theme-menu-item--background--disabled);color:var(--theme-menu-item--color--disabled)}.dropdown-item a:active,.dropdown-item a:hover,.dropdown-item>a{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color);margin-inline-end:.5rem}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>input[type=checkbox]+label{margin-bottom:0}.dropdown-item>input[type=checkbox]+label:before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:.25rem 0}button.dropdown-toggle{padding-right:1.5rem;position:relative}button.dropdown-toggle:after{position:absolute;right:.5rem;top:45%}.form-control,.form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-input--background);border:1px solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-color-std-text);color:var(--theme-input--color);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;height:2rem;line-height:1.429em;min-height:2rem;min-width:2rem;overflow:hidden;padding-inline-end:.5rem;padding-inline-start:.5rem;text-overflow:ellipsis;white-space:nowrap}.form-control-plaintext::placeholder,.form-control::placeholder{color:var(--theme-input-hint--color)}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}.form-control:focus-visible{color:var(--theme-input--color)}.form-control[type=number]{text-align:right}.form-control[type=number]::-webkit-inner-spin-button{display:none;margin-left:2px;margin-right:-2px}.form-control.readonly,.form-control[readonly]{background:transparent!important;border-block-start:none!important;border-inline-end:none!important;border-inline-start:none!important;border-radius:0}.form-control.readonly,.form-control:read-only,.form-control[readOnly],.form-control[readonly]{border-color:var(--theme-input--border-color);box-shadow:none!important;cursor:default!important;outline:none!important}.form-control.readonly::placeholder,.form-control:read-only::placeholder,.form-control[readOnly]::placeholder,.form-control[readonly]::placeholder{color:transparent}.form-control.disabled,.form-control:disabled{background:transparent!important;border-block-start:none!important;border-inline-end:none!important;border-inline-start:none!important;border-color:var(--theme-input--border-color-bottom--disabled);border-radius:0;color:var(--theme-color-weak-text)}.form-control.disabled::placeholder,.form-control:disabled::placeholder{color:transparent}.form-control-plaintext{outline:0}.form-group,.input-wrapper{position:relative}.input-wrapper{align-items:center;display:flex;flex-wrap:nowrap}.input-wrapper>.glyph{color:var(--theme-color-std-text);display:block;margin-inline-start:.312rem;position:absolute}.input-wrapper>input{padding-inline-start:2.2rem}select.form-control{padding:0 .312rem}textarea.form-control{padding:.375rem .5rem}input.disabled,input:disabled{color:var(--theme-input--color--disabled)}input.readonly,input:read-only{cursor:default}label{color:var(--theme-color-soft-text);padding:2px 0}label.label-alignment-left{padding:6px 0}input{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;-moz-appearance:textfield;background-color:var(--theme-input--background);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);color:var(--theme-input--color);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);min-height:2rem;padding:.25rem .5rem;text-decoration:none;text-overflow:ellipsis;width:100%}input:-webkit-autofill,input:autofill{-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;-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset!important;color:var(--theme-input--color--autofill)!important}input::placeholder{color:var(--theme-input-hint--color)}input.hover,input:hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)!important}input.focus,input:focus{border-color:var(--theme-input--border-color--focus)!important;outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}input.read-only,input:read-only{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--readonly);box-shadow:none;outline:none}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--disabled);box-shadow:none;color:var(--theme-input--color--disabled);outline:none}input:disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{display:none;margin-left:2px;margin-right:-2px}textarea{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;-moz-appearance:textfield;background-color:var(--theme-input--background);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);color:var(--theme-input--color);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);height:3.25rem;letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);min-height:2rem;padding:.375rem 1.25rem .375rem .5rem;padding:.25rem .5rem;text-decoration:none;text-overflow:ellipsis;width:100%}textarea:-webkit-autofill,textarea:autofill{-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;-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset!important;color:var(--theme-input--color--autofill)!important}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover,textarea:hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)!important}textarea.focus,textarea:focus{border-color:var(--theme-input--border-color--focus)!important;outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}textarea.read-only,textarea:read-only{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--readonly);box-shadow:none;outline:none}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--disabled);box-shadow:none;color:var(--theme-input--color--disabled);outline:none}textarea:disabled::placeholder{color:transparent}input~.invalid-feedback,input~.valid-feedback,textarea~.invalid-feedback,textarea~.valid-feedback{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;display:none;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);text-decoration:none}form input~.valid-feedback,form textarea~.valid-feedback{color:var(--theme-color-success)}form input~.invalid-feedback,form textarea~.invalid-feedback{color:var(--theme-color-alarm-text)}form.was-validated .is-invalid,form.was-validated :invalid,form:not([novalidate]) .is-invalid,form:not([novalidate]) :invalid{background-color:var(--theme-input-error--background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23ff2640' fill-opacity='.75' fill-rule='evenodd' d='M256 42.667c117.626 0 213.333 95.707 213.333 213.333S373.626 469.333 256 469.333 42.667 373.626 42.667 256 138.374 42.667 256 42.667Zm0 42.666C161.56 85.333 85.333 161.56 85.333 256S161.56 426.667 256 426.667 426.667 350.44 426.667 256 350.44 85.333 256 85.333Zm70.248 70.249 30.17 30.17L286.168 256l70.25 70.248-30.17 30.17L256 286.168l-70.248 70.25-30.17-30.17L225.83 256l-70.248-70.248 30.17-30.17L256 225.83l70.248-70.248Z'/%3E%3C/svg%3E")!important;background-position:left calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:18px;border-color:var(--theme-input-error--border-color);padding-left:calc(1.5em + .75rem);padding-right:.75rem}form.was-validated .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form:not([novalidate]) :invalid~.invalid-feedback{display:block}form.was-validated .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form:not([novalidate]) :valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none!important}a[href],a[href]:not(.disabled):not(:disabled):hover{color:var(--theme-color-primary)}a[href]:not(.disabled):not(:disabled).active,a[href]:not(.disabled):not(:disabled):active{color:var(--theme-color-std-text)}a[href] .glyph{vertical-align:middle}a[href] .glyph:before{display:inline-block;text-decoration:none}a[href]:not(.disabled):not(:disabled){cursor:pointer}ix-menu>a[href]{color:unset;text-decoration:none}a[href]:has(+ix-menu-item){color:unset;text-decoration:none}[type=checkbox]:checked,[type=checkbox]:not(:checked){clip:rect(0 0 0 0);appearance:none;clip-path:inset(50%);height:1px;max-height:1px;max-width:1px;min-height:0;min-width:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[type=checkbox]:checked+label,[type=checkbox]:not(:checked)+label{align-items:center;color:var(--theme-checkbox-label--color);display:inline-flex;height:1.125rem;max-height:1.125rem;min-height:1.125rem;position:relative;user-select:none}[type=checkbox]:not(:disabled)+label{cursor:pointer}[type=checkbox]+label:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:"";float:left;height:1.125rem;margin-right:.5rem;max-height:1.125rem;max-width:1.125rem;min-height:1.125rem;min-width:1.125rem;width:1.125rem}[type=checkbox]+label:focus-visible:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}[type=checkbox]:focus-visible+label:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}[type=checkbox]:not(:checked)+label:before{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}[type=checkbox]:not(:checked):hover+label:before{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}[type=checkbox]:not(:checked):active+label:before{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}[type=checkbox]:not(:checked):disabled+label:before{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}[type=checkbox]:checked+label:before{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}[type=checkbox]:checked+label:after{border-bottom:.0625rem solid var(--theme-checkbox-checked--color);border-left:.0625rem solid var(--theme-checkbox-checked--color);border-right:none;border-top:none;content:"";display:block;height:.26rem;margin:.31rem .42rem .1875rem;position:absolute;transform:translate(-1px,-3px) rotate(-53deg) scale(2) skew(-8deg,-3deg);width:.4rem}[type=checkbox]:checked:hover+label:before{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}[type=checkbox]:checked:active+label:before{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}[type=checkbox]:checked:disabled+label:before{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}[type=checkbox]:checked:disabled+label:after{border-color:var(--theme-checkbox-checked--color--disabled)}[type=checkbox]:disabled+label:before{opacity:.5;pointer-events:none}[type=checkbox]:indeterminate+label:after{border-bottom:.125rem solid var(--theme-checkbox-mixed--color);content:"";display:block;height:.125rem;margin:0 0 0 .25rem;position:absolute;width:.625rem}[type=checkbox]:indeterminate+label:before{background-color:var(--theme-checkbox-mixed--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color)}[type=checkbox]:indeterminate:hover+label:before{background-color:var(--theme-checkbox-mixed--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--hover)}[type=checkbox]:indeterminate:active+label:before{background-color:var(--theme-checkbox-mixed--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--active)}[type=checkbox]:indeterminate:disabled+label:before{background-color:var(--theme-checkbox-mixed--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--disabled)}[type=checkbox]:indeterminate:disabled+label:after{border-color:var(--theme-checkbox-mixed--color--disabled)}[type=checkbox]:disabled+label{color:var(--theme-checkbox-label--color--disabled)}[type=radio]:checked,[type=radio]:not(:checked){clip:rect(0 0 0 0);appearance:none;clip-path:inset(50%);height:1px;max-height:1px;max-width:1px;min-height:0;min-width:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[type=radio]:checked+label,[type=radio]:not(:checked)+label{align-items:flex-start;color:var(--theme-radiobtn-label--color);display:inline-flex;margin-right:1rem;position:relative;user-select:none}[type=radio]:not(:disabled)+label{cursor:pointer}[type=radio]+label:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;content:"";float:left;height:1.25rem;margin-right:.5rem;max-height:1.25rem;max-width:1.25rem;min-height:1.25rem;min-width:1.25rem;width:1.25rem}[type=radio]+label:focus-visible:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}[type=radio]:focus-visible+label:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}[type=radio]:not(:checked)+label:before{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}[type=radio]:not(:checked):hover+label:before{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}[type=radio]:not(:checked):active+label:before{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}[type=radio]:not(:checked):disabled+label:before{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}[type=radio]:checked+label:before{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}[type=radio]:checked+label:after{background-color:var(--theme-radiobtn-checked--color);border-radius:100%;content:"";display:block;height:.5rem;left:.375rem;position:absolute;top:.5rem;width:.5rem}[type=radio]:checked:hover+label:before{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}[type=radio]:checked:active+label:before{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}[type=radio]:checked:disabled+label:before{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}[type=radio]:checked:disabled+label:after{border-color:var(--theme-radiobtn-checked--color--disabled)}[type=radio]:disabled+label:before{opacity:.5;pointer-events:none}[type=radio]:disabled+label{color:var(--theme-radiobtn-label--color--disabled)}:root body{--theme-box-shadow-lvl-1:var(--theme-shadow-1);--theme-box-shadow-lvl-2:var(--theme-shadow-2);--theme-box-shadow-lvl-3:var(--theme-shadow-3);--theme-box-shadow-lvl-4:var(--theme-shadow-4);--theme-box-shadow-level-1:var(--theme-shadow-1);--theme-box-shadow-level-2:var(--theme-shadow-2);--theme-box-shadow-level-3:var(--theme-shadow-3);--theme-box-shadow-level-4:var(--theme-shadow-4);--theme-box-shadow-insert:var(--theme-inset-shadow-1)}.input-group-label{color:var(--theme-input-unit--color);margin-left:2px;margin-right:2px}.group-start .input-group-label:first-child{margin-left:8px}.group-start .input-group-label:last-child{margin-right:4px}.group-end .input-group-label:first-child{margin-left:4px}.group-end .input-group-label:last-child{margin-right:8px}.table{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.429em}.table thead{background-color:var(--theme-table-header-row--background)}.table td,.table th{border-bottom-color:var(--theme-table-data-row--border-color)}.table-striped>tbody>tr:nth-of-type(odd)>{--bs-table-accent-bg:var(--theme-table-data-row-alt--background);color:inherit}.typography-label{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-label,.typography-label-xs{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-sm);text-decoration:none}.typography-label-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl)}.typography-label-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-label-lg,.typography-label-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-sm);text-decoration:none}.typography-label-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-body{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md)}.typography-body,.typography-body-xs{-moz-osx-font-smooting:grayscale;text-decoration:none}.typography-body-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);line-height:var(--theme-line-height-lg)}.typography-body-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-body-lg,.typography-body-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-lg);text-decoration:none}.typography-body-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-display{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-3);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md)}.typography-display,.typography-display-xs{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm)}.typography-display-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-display-lg,.typography-display-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-4);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md)}.typography-display-xl{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-5);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-display-xl,.typography-display-xxl{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-sm);line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-xxl{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-6);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h6,h6{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h5,.typography-h6,h5,h6{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-h5,h5{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h4,h4{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h3,.typography-h4,h3,h4{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-lg);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-h3,h3{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-2);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h2,h2{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-3);font-style:normal;font-weight:var(--theme-font-weight-bold);line-height:var(--theme-line-height-md)}.typography-h1,.typography-h2,h1,h2{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-md);text-decoration:none}.typography-h1,h1{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-4);font-style:normal;font-weight:var(--theme-font-weight-bold);line-height:var(--theme-line-height-sm)}.typography-code{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal)}.typography-code,.typography-code-lg{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-md);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-code-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal)}.typography-code-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-decoration-none{text-decoration:none!important}.typography-decoration-underline{text-decoration:underline!important}.typography-decoration-line-through{text-decoration:line-through!important}.typography-weight-bold{font-weight:700!important}a{color:var(--theme-color-primary)}:root{--animate-duration:150ms;--bs-font-sans-serif:Siemens Sans,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--ix-safe-area-inset-top:0rem;--ix-safe-area-inset-right:0rem;--ix-safe-area-inset-bottom:0rem;--ix-safe-area-inset-left:0rem}body{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-color-1);color:var(--theme-color-std-text);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);margin:0;text-decoration:none}body:not(.disable-scrollbar) ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){body:not(.disable-scrollbar) {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}body:not(.disable-scrollbar) ::-webkit-scrollbar{height:.5rem;width:.5rem}body:not(.disable-scrollbar) ::-webkit-scrollbar-track{background:var(--theme-scrollbar-track--background);border-radius:5px}body:not(.disable-scrollbar) ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb--background);border-radius:5px}body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}body:not(.disable-scrollbar) ::-webkit-scrollbar-corner{display:none},:after,:before{box-sizing:border-box}

package/dist/siemens-ix/siemens-ix.css CHANGED Viewed

@@ -13711,7 +13711,7 @@ textarea.form-control-lg {
  */
 /* Import global stylings for Web Components */
 /*
- * SPDX-FileCopyrightText: 2023 Siemens AG
+ * SPDX-FileCopyrightText: 2024 Siemens AG
  *
  * SPDX-License-Identifier: MIT
  *
@@ -15910,6 +15910,10 @@ a {
   --bs-font-sans-serif: Siemens Sans, system-ui, -apple-system, "Segoe UI",
     Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --ix-safe-area-inset-top: 0rem;
+  --ix-safe-area-inset-right: 0rem;
+  --ix-safe-area-inset-bottom: 0rem;
+  --ix-safe-area-inset-left: 0rem;
 }
 body {