@siemens/ix 5.1.1 → 5.2.1

package/dist/siemens-ix/p-4739e88e.entry.js

@@ -0,0 +1 @@
+import{M as r,r as e,g as o,h as t,H as a}from"./p-EBgS4zhE.js";import{B as d}from"./p-Bemn50Nk.js";import{g as n,b}from"./p-DD206pTM.js";import{D as s}from"./p-BWgttsqY.js";import{I as i}from"./p-Cv_omozQ.js";import"./p-CDKWxg_L.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const l=class extends(r(...s,i)){constructor(r){super(),e(this,r)}get hostElement(){return o(this)}variant="subtle-primary";oval=!1;icon;size="24";iconColor;disabled=!1;type="button";loading=!1;submitButtonElement;componentDidLoad(){if("submit"===this.type){const r=document.createElement("button");r.style.display="none",r.type="submit",r.tabIndex=-1,this.hostElement.appendChild(r),this.submitButtonElement=r}}dispatchFormEvents(){"submit"===this.type&&this.submitButtonElement&&this.submitButtonElement.click()}getIconSizeClass(){return{"btn-icon-12":"12"===this.size,"btn-icon-16":"16"===this.size,"btn-icon-32":"24"===this.size||!this.size}}render(){const r=n(this.icon);let e=this.inheritAriaAttributes||{};void 0===e["aria-label"]&&(e={...e,"aria-label":r});const o={ariaAttributes:e,variant:this.variant,iconOnly:!0,iconOval:this.oval,selected:!1,disabled:this.disabled||this.loading,icon:this.icon,iconColor:this.iconColor,iconSize:this.size,loading:this.loading,onClick:()=>this.dispatchFormEvents(),type:this.type,extraClasses:this.getIconSizeClass(),tabIndex:this.hostElement.hasAttribute("tabindex")?this.hostElement.tabIndex:void 0};return t(a,{key:"9272601ded9b34315e5aa297b35661615eccdaf8",class:{...this.getIconSizeClass(),disabled:this.disabled||this.loading},tabIndex:this.disabled?-1:0},t(d,{key:"46bfd8c84d6ee2c0c772877ac5411cb0c8eb24d7",...o}))}static get delegatesFocus(){return!0}};l.style=":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.active:not(.disabled)) .btn-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.active:not(.disabled)) .btn-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.active:not(.disabled)) .btn-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.active:not(.disabled)) .btn-subtle-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.active:not(.disabled)) .btn-subtle-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.active:not(.disabled)) .btn-danger-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.active:not(.disabled)) .btn-danger-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.active:not(.disabled)) .btn-danger-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}*,*::after,*::before{box-sizing:border-box}*::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}*{}*::-webkit-scrollbar{width:0.5rem;height:0.5rem}*{}*::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}*::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}*{}*::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}*{}*::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}*::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host .icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}";const c=class{constructor(r){e(this,r)}get hostElement(){return o(this)}variant="secondary";size="medium";hideTrack=!1;render(){const r=b(this.hostElement);return void 0===r["aria-label"]&&(r["aria-label"]="Loading"),r.role="status",r["aria-busy"]="true",t(a,{key:"4c85678a69f2221a2a896cecbf4ea2a52c63eee3",...r},t("div",{key:"8f901307a70b082f18e02d536eaac478a086ac3e",class:{primary:"primary"===this.variant,[this.size]:!0,"hide-track":this.hideTrack}}))}};c.style=':host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}.xx-small{width:0.75rem;height:0.75rem;min-width:0.75rem;min-height:0.75rem;max-width:0.75rem;max-height:0.75rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.xx-small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.xx-small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}.x-small{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.x-small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.x-small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}.small{width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;max-width:1.5rem;max-height:1.5rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}.medium{width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.medium::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.medium:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}.large{width:6rem;height:6rem;min-width:6rem;min-height:6rem;max-width:6rem;max-height:6rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.large::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.large:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}';export{l as ix_icon_button,c as ix_spinner}

package/dist/siemens-ix/p-4ZsT_zIm.js

@@ -0,0 +1 @@
+const a=["primary","alarm","critical","warning","info","neutral","success","custom"];export{a as C}

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

@@ -0,0 +1 @@
+import{M as t,r as e,g as o,h as i,H as s}from"./p-EBgS4zhE.js";import{a0 as a}from"./p-BeX6RWvV.js";import{D as r}from"./p-BWgttsqY.js";import{I as h}from"./p-Cv_omozQ.js";import{m as n}from"./p-Djkc69iv.js";import{m as l}from"./p-DT02jDB7.js";import{c}from"./p-CX81WQtk.js";import{c as d}from"./p-D3T7Lr4G.js";import{a as m}from"./p-DD206pTM.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-CWshStHZ.js";let b=0;const p=class extends(t(...r,h)){constructor(t){super(),e(this,t)}label;home=!1;bottom=!1;icon;notifications;active=!1;disabled=!1;tooltipText;href;target="_self";rel;isCategory=!1;menuCategoryLabel;get hostElement(){return o(this)}tooltip;menuExpanded=!1;isInMenuContext=!1;hostTabIndex=-1;async setTabIndex(t){this.hostTabIndex=t}internalItemId=d("ix-menu-item-",b++);buttonRef=n();isHostedInsideCategory=!1;menuExpandedDisposer;observer=c((()=>{this.setTooltip()}));componentWillLoad(){super.componentWillLoad(),this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");const t=this.hostElement.getRootNode(),e=t instanceof ShadowRoot&&"ix-menu"===t.host?.tagName?.toLowerCase(),o=this.hostElement.parentElement,i=!this.isHostedInsideCategory&&("ix-menu"===o?.tagName?.toLowerCase()||"a"===o?.tagName?.toLowerCase()&&"ix-menu"===o?.parentElement?.tagName?.toLowerCase());this.isInMenuContext=e||i,this.onIconChange(),this.menuExpanded=l.nativeElement?.expand||!1,this.menuExpandedDisposer=l.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){this.tooltip=this.tooltipText??this.label??this.hostElement.textContent??void 0}connectedCallback(){super.connectedCallback(),this.observer.observe(this.hostElement,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect(),this.menuExpandedDisposer&&this.menuExpandedDisposer.dispose()}onIconChange(){this.isHostedInsideCategory||this.hostElement.icon||(this.icon=a)}handleCategoryKeyDown(t){"Enter"!==t.key&&" "!==t.key||!this.isHostedInsideCategory||this.returnFocusToParentCategoryMenuItem()}getAriaLabel(){return"aria-label"in this.inheritAriaAttributes?this.inheritAriaAttributes["aria-label"]:this.tooltipText&&this.tooltipText!==this.label&&this.tooltipText!==this.hostElement.textContent?`${this.label??this.menuCategoryLabel??this.hostElement.textContent??""} ${this.tooltipText}`:void 0}getEffectiveRole(t){return t??(this.isHostedInsideCategory||this.isCategory||this.isInMenuContext?"menuitem":void 0)}returnFocusToParentCategoryMenuItem(){const t=this.hostElement.closest("ix-menu-category"),e=t?.shadowRoot?.querySelector("ix-menu-item.category-parent");t?.dispatchEvent(new CustomEvent("ixMenuCategoryItemSelect",{bubbles:!0,composed:!0})),e?.focus()}render(){let t={};this.home&&(t={slot:"home"}),this.bottom&&(t={slot:"bottom"});const{role:e,...o}=this.inheritAriaAttributes,a=this.getEffectiveRole(e),r={class:"tab",...o},h=[this.icon&&i("ix-icon",{key:"a419f5c94d24c852e00387f916108cefae727cf0",class:"tab-icon",name:this.icon,"aria-hidden":"true"}),this.notifications?i("div",{class:"notification"},i("div",{class:"pill"},this.notifications)):null,i("span",{key:"95833b6a1e057c688a612455889aee0f6aab388e",id:this.internalItemId,class:"tab-text text-default"},this.label,i("slot",{key:"94628460eddc3c008ce9878a3cfd275fe2ced889"}))],n=this.getAriaLabel();return i(s,{key:"dd42494be7e2e0d4a109e137f53a21c05696a3b9",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory,"ix-focusable":!this.disabled},...t},this.href?i("a",{...r,role:a,href:this.disabled?void 0:this.href,target:this.target,rel:this.rel,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),onClick:t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())},"aria-disabled":m(this.disabled),"aria-label":n,"aria-current":this.active?"page":void 0},h):i("button",{...r,role:a,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),"aria-disabled":m(this.disabled),"aria-label":n,"aria-current":this.active?"page":void 0},h),i("ix-tooltip",{key:"4323e540c6d50894126a913ea1eb2a6101c27777",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3,interactive:!1,"aria-hidden":"true","aria-labelledby":this.internalItemId},this.tooltip))}static get delegatesFocus(){return!0}static get watchers(){return{icon:[{onIconChange:0}]}}};p.style=':host{position:relative;display:block;cursor:pointer;height:var(--ix-menu-item-height, 3rem);min-height:var(--ix-menu-item-height, 3rem);max-height:var(--ix-menu-item-height, 3rem)}:host .tab{all:unset;box-sizing:border-box;display:flex;position:relative;align-items:center;height:var(--ix-menu-item-height, 3rem);width:100%;z-index:500;padding-left:0.875rem}:host .tab:not(.disabled):not(:disabled).hover,:host .tab:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .tab:not(.disabled):not(:disabled).active,:host .tab:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .tab-icon{color:var(--theme-nav-item-primary-icon--color);position:relative;pointer-events:none}:host .tab:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .notification{display:inline-flex;position:absolute;top:0.25rem;left:1.5rem}:host .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:0.5rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}:host .tab-text{display:block;color:var(--theme-nav-item-primary--color);margin:0 1rem 0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.active) .tab,:host(.selected) .tab{background-color:var(--theme-nav-item-primary--background--selected)}:host(.active) .tab::before,:host(.selected) .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:var(--ix-menu-item-height, 3rem);width:0.25rem;left:0;position:absolute}:host(.active) .tab>.glyph,:host(.selected) .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}:host(.disabled){color:var(--theme-color-weak-text);pointer-events:none;cursor:default}:host(.disabled) .tab>.tab-icon{color:var(--theme-color-weak-text)}:host(.disabled) .tab-text{color:var(--theme-color-weak-text)}:host(.bottom-tab),:host([slot=bottom]){min-height:2.25rem;height:2.25rem;max-height:2.25rem}:host(.bottom-tab) .tab,:host([slot=bottom]) .tab{height:2.25rem}:host(.bottom-tab) .tab::before,:host([slot=bottom]) .tab::before{height:2.25rem;background-color:transparent}:host(.bottom-tab).active:hover,:host(.bottom-tab).selected:hover,:host([slot=bottom]).active:hover,:host([slot=bottom]).selected:hover{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab).active:active,:host(.bottom-tab).selected:active,:host([slot=bottom]).active:active,:host([slot=bottom]).selected:active{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab.active) .tab,:host(.bottom-tab.selected) .tab,:host(.active[slot=bottom]) .tab,:host(.selected[slot=bottom]) .tab{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.tab-nested) .tab{flex-direction:row;padding-left:1.375rem}:host(.tab-nested) .tab .notification{position:relative;top:0;left:0;padding-left:0.5rem}:host(.tab-nested) .tab .tab-icon{padding-left:0.5rem;padding-right:0.5rem}:host(.tab-nested) .tab .tab-text{margin-left:0.5rem}:host(.tab-nested) .tab::before{display:none}';export{p as ix_menu_item}

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

@@ -0,0 +1 @@
+import{r,h as a,H as d}from"./p-EBgS4zhE.js";const c=class{constructor(a){r(this,a)}icon;ariaLabelIcon;notification;heading;subheading;variant="outline";expanded=!1;passive=!1;render(){return a(d,{key:"0f239a6558a0ccb0287124bb256a7d7d6256dc8e",class:`card-${this.variant}`},a("ix-card",{key:"e512c612e4c0fef3a5ec1d375d653db177b90aca",variant:this.variant,passive:this.passive},a("ix-card-content",{key:"5c587c9b4698117ffda6104a402f3887cae9cdcc"},a("ix-card-title",{key:"5f541549ea22b378bc26446f0f68feb8b8926c33"},this.icon?a("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon}):null,a("ix-typography",{key:"363d4ecfe1196bbc591376b9a0405f91c8b6f55d",format:"display-xxl"},this.notification??0),a("slot",{key:"8ab001894e21f7bd60861015c5d54d2eb14ab3d1",name:"title-action"})),a("ix-typography",{key:"831bc352f52398683fd251dfacfcc2292539a3b5",format:"h4"},this.heading),a("ix-typography",{key:"8e47745fbef875019a99a7f017975ac4a722db09"},this.subheading)),a("ix-card-accordion",{key:"43d0965dd8950bba104de8b207cae142c69e1d58",collapse:!this.expanded,variant:this.variant},a("slot",{key:"92a7fe73f9b6561707057d9daef3f70bba13a667"}))))}};c.style=":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-outline) ix-card-accordion{--theme-push-card-outline-accordion--background--hover:var(--theme-push-card-outline-accordion--background);--theme-push-card-outline-accordion--background--active:var(--theme-push-card-outline-accordion--background);--theme-push-card-outline-accordion-frame--border-color:var(--theme-push-card-outline-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-background:var(--theme-color-component-1);--theme-push-card-outline-accordion-frame--border-color:var(--theme-color-soft-bdr)}:host(.card-outline) ix-card{--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-outline) ix-card:hover,:host(.card-outline) ix-card:active{--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-filled) ix-card-accordion{--theme-push-card-filled-accordion--background--hover:var(--theme-push-card-filled-accordion--background);--theme-push-card-filled-accordion--background--active:var(--theme-push-card-filled-accordion--background);--theme-push-card-filled-accordion-frame--border-color:var(--theme-push-card-filled-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-background:var(--theme-color-component-1)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-alarm) ix-card-accordion{--theme-push-card-alarm-accordion--background--hover:var(--theme-push-card-alarm-accordion--background);--theme-push-card-alarm-accordion--background--active:var(--theme-push-card-alarm-accordion--background);--theme-push-card-alarm-accordion-frame--border-color:var(--theme-push-card-alarm-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-critical) ix-card-accordion{--theme-push-card-critical-accordion--background--hover:var(--theme-push-card-critical-accordion--background);--theme-push-card-critical-accordion--background--active:var(--theme-push-card-critical-accordion--background);--theme-push-card-critical-accordion-frame--border-color:var(--theme-push-card-critical-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-warning) ix-card-accordion{--theme-push-card-warning-accordion--background--hover:var(--theme-push-card-warning-accordion--background);--theme-push-card-warning-accordion--background--active:var(--theme-push-card-warning-accordion--background);--theme-push-card-warning-accordion-frame--border-color:var(--theme-push-card-warning-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-success) ix-card-accordion{--theme-push-card-success-accordion--background--hover:var(--theme-push-card-success-accordion--background);--theme-push-card-success-accordion--background--active:var(--theme-push-card-success-accordion--background);--theme-push-card-success-accordion-frame--border-color:var(--theme-push-card-success-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-info) ix-card-accordion{--theme-push-card-info-accordion--background--hover:var(--theme-push-card-info-accordion--background);--theme-push-card-info-accordion--background--active:var(--theme-push-card-info-accordion--background);--theme-push-card-info-accordion-frame--border-color:var(--theme-push-card-info-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-neutral) ix-card-accordion{--theme-push-card-neutral-accordion--background--hover:var(--theme-push-card-neutral-accordion--background);--theme-push-card-neutral-accordion--background--active:var(--theme-push-card-neutral-accordion--background);--theme-push-card-neutral-accordion-frame--border-color:var(--theme-push-card-neutral-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}:host(.card-primary) ix-card-accordion{--theme-push-card-primary-accordion--background--hover:var(--theme-push-card-primary-accordion--background);--theme-push-card-primary-accordion--background--active:var(--theme-push-card-primary-accordion--background);--theme-push-card-primary-accordion-frame--border-color:var(--theme-push-card-primary-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}";export{c as ix_push_card}

package/dist/siemens-ix/{p-d16ee3bd.entry.js → p-5014b469.entry.js}

@@ -1 +1 @@
-import{r as t,g as o,f as s,h as e,H as i}from"./p-EBgS4zhE.js";import{m as l}from"./p-D_Hmobxf.js";import{a as n}from"./p-4pTtJwcY.js";import"./p-CWshStHZ.js";const a=class{constructor(o){t(this,o)}get hostElement(){return o(this)}layout="full-vertical";variant="inline";borderless=!1;isMobile=!1;paneElements=0;panes=[];observer;get currentPanes(){return this.hostElement.querySelectorAll("ix-pane")}componentWillLoad(){this.paneElements=this.currentPanes.length,this.observer=new MutationObserver((t=>{"IX-PANE"===t[0].addedNodes.item(0)?.nodeName?this.paneElements+=1:"IX-PANE"===t[0].removedNodes.item(0)?.nodeName&&(this.paneElements-=1)})),this.observer.observe(this.hostElement,{childList:!0}),this.isMobile=l("sm"),n.onChange.on((()=>{this.isMobile=l("sm"),this.configurePanes()}))}componentDidLoad(){this.setPanes(this.currentPanes)}disconnectedCallback(){this.observer?.disconnect()}setPaneVariant(t){t.ignoreLayoutSettings||(t.variant=this.variant)}setPaneBorder(t){if(!t.ignoreLayoutSettings)if(this.borderless)t.borderless=!0;else{const o=!!this.panes.find((t=>"left"===t.slot&&!t.hideOnCollapse));t.borderless=!("floating"!==t.variant||"full-vertical"!==this.layout||!o||"top"!==t.composition&&"bottom"!==t.composition)}}setPaneZIndex(t){const o="top"===t.slot,s="bottom"===t.slot;let e=1;this.isMobile?(s||o)&&(e=3):"full-vertical"===this.layout?("left"===t.slot||"right"===t.slot)&&(e=3):(s||o)&&(e=3),t.style.zIndex=e.toString()}setPanes(t){this.panes=[],t.forEach((t=>{this.panes.push({slot:t.slot,hideOnCollapse:t.hideOnCollapse,floating:"floating"===t.variant})}))}closeFloatingPanes(){this.currentPanes.forEach((t=>{t.expanded&&"floating"===t.variant&&(t.expanded=!1)}))}configurePanes(){let t=0,o=0,e=0,i=0;this.currentPanes.forEach((s=>{const l="top"===s.slot,n="bottom"===s.slot,a="right"===s.slot;if("left"===s.slot){if(e)return void(s.slot="");e++}else if(a){if(i)return void(s.slot="");i++}else if(l){if(t)return void(s.slot="");t++}else{if(!n)return void(s.slot="");if(o)return void(s.slot="");o++}this.setPaneVariant(s),this.setPaneBorder(s),this.setPaneZIndex(s)})),this.setPanes(this.currentPanes),s(this.hostElement)}onSlotChanged(){this.configurePanes()}onCollapsibleChanged(t){const{slot:o,hideOnCollapse:e}=t.detail;this.panes.forEach((t=>{t.slot===o&&(t.hideOnCollapse=e)})),s(this.hostElement)}onVariantChanged(t){const{slot:o,variant:e}=t.detail;this.panes.forEach((t=>{t.slot===o&&(t.floating="floating"===e)})),s(this.hostElement)}onPaneElementsChange(){this.configurePanes()}onVariableChange(){this.currentPanes.forEach((t=>{this.setPaneVariant(t),this.setPaneBorder(t)})),this.setPanes(this.currentPanes),s(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 o=this.panes.find((o=>o.slot===t));return!!o&&!o.hideOnCollapse&&o.floating}hasPaddingMobile(t){const o=this.panes.find((o=>o.slot===t));return o&&!o.hideOnCollapse}slotExists(t){return!!this.panes.find((o=>o.slot===t))}isFloating(t){const o=this.panes.find((o=>o.slot===t));return!!o&&o.floating}render(){return e(i,{key:"59257c3e7c7b3b309f151706e51a1730c36ebec0"},this.isMobile?e("div",{class:"col"},e("div",{key:"top",style:{minHeight:this.hasPaddingMobile("top")?"48px":"0",display:this.slotExists("top")?"block":"none"}},e("slot",{name:"top"})),e("div",{key:"left",style:{minHeight:this.hasPaddingMobile("left")?"48px":"0",display:this.slotExists("left")?"block":"none"}},e("slot",{name:"left"})),e("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},e("slot",{name:"content"}),e("slot",null)),e("div",{key:"right",style:{minHeight:this.hasPaddingMobile("right")?"48px":"0",display:this.slotExists("right")?"block":"none"}},e("slot",{name:"right"})),e("div",{key:"bottom",style:{minHeight:this.hasPaddingMobile("bottom")?"48px":"0",display:this.slotExists("bottom")?"block":"none"}},e("slot",{name:"bottom"}))):e("div",{class:"side-panes-wrapper"},"full-vertical"==this.layout?e("div",{class:{row:!0,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},e("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},e("slot",{name:"left"})),e("div",{class:{col:!0,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},e("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},e("slot",{name:"top"})),e("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},e("slot",{name:"content"}),e("slot",null)),e("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},e("slot",{name:"bottom"}))),e("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},e("slot",{name:"right"}))):e("div",{class:{col:!0,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},e("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},e("slot",{name:"top"})),e("div",{class:{row:!0,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},e("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},e("slot",{name:"left"})),e("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},e("slot",{name:"content"}),e("slot",null)),e("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},e("slot",{name:"right"}))),e("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},e("slot",{name:"bottom"})))))}static get watchers(){return{paneElements:[{onPaneElementsChange:0}],variant:[{onVariableChange:0}],borderless:[{onBorderChange:0}],layout:[{onLayoutChange:0}],isMobile:[{onMobileChange:0}]}}};a.style=":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .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}";export{a as ix_pane_layout}
+import{r as t,g as o,f as s,h as e,H as i}from"./p-EBgS4zhE.js";import{m as l}from"./p-D_Hmobxf.js";import{a as n}from"./p-4pTtJwcY.js";import"./p-CWshStHZ.js";const a=class{constructor(o){t(this,o)}get hostElement(){return o(this)}layout="full-vertical";variant="inline";borderless=!1;isMobile=!1;paneElements=0;panes=[];observer;get currentPanes(){return this.hostElement.querySelectorAll("ix-pane")}componentWillLoad(){this.paneElements=this.currentPanes.length,this.observer=new MutationObserver((t=>{"IX-PANE"===t[0].addedNodes.item(0)?.nodeName?this.paneElements+=1:"IX-PANE"===t[0].removedNodes.item(0)?.nodeName&&(this.paneElements-=1)})),this.observer.observe(this.hostElement,{childList:!0}),this.isMobile=l("sm"),n.onChange.on((()=>{this.isMobile=l("sm"),this.configurePanes()}))}componentDidLoad(){this.setPanes(this.currentPanes)}disconnectedCallback(){this.observer?.disconnect()}setPaneVariant(t){t.ignoreLayoutSettings||(t.variant=this.variant)}setPaneBorder(t){if(!t.ignoreLayoutSettings)if(this.borderless)t.borderless=!0;else{const o=!!this.panes.find((t=>"left"===t.slot&&!t.hideOnCollapse));t.borderless=!("floating"!==t.variant||"full-vertical"!==this.layout||!o||"top"!==t.composition&&"bottom"!==t.composition)}}setPaneZIndex(t){const o="top"===t.slot,s="bottom"===t.slot;let e=1;this.isMobile?(s||o)&&(e=3):"full-vertical"===this.layout?("left"===t.slot||"right"===t.slot)&&(e=3):(s||o)&&(e=3),t.style.zIndex=e.toString()}setPanes(t){this.panes=[],t.forEach((t=>{this.panes.push({slot:t.slot,hideOnCollapse:t.hideOnCollapse,floating:"floating"===t.variant})}))}closeFloatingPanes(){this.currentPanes.forEach((t=>{t.expanded&&"floating"===t.variant&&(t.expanded=!1)}))}configurePanes(){let t=0,o=0,e=0,i=0;this.currentPanes.forEach((s=>{const l="top"===s.slot,n="bottom"===s.slot,a="right"===s.slot;if("left"===s.slot){if(e)return void(s.slot="");e++}else if(a){if(i)return void(s.slot="");i++}else if(l){if(t)return void(s.slot="");t++}else{if(!n)return void(s.slot="");if(o)return void(s.slot="");o++}this.setPaneVariant(s),this.setPaneBorder(s),this.setPaneZIndex(s)})),this.setPanes(this.currentPanes),s(this.hostElement)}onSlotChanged(){this.configurePanes()}onCollapsibleChanged(t){const{slot:o,hideOnCollapse:e}=t.detail;this.panes.forEach((t=>{t.slot===o&&(t.hideOnCollapse=e)})),s(this.hostElement)}onVariantChanged(t){const{slot:o,variant:e}=t.detail;this.panes.forEach((t=>{t.slot===o&&(t.floating="floating"===e)})),s(this.hostElement)}onPaneElementsChange(){this.configurePanes()}onVariableChange(){this.currentPanes.forEach((t=>{this.setPaneVariant(t),this.setPaneBorder(t)})),this.setPanes(this.currentPanes),s(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 o=this.panes.find((o=>o.slot===t));return!!o&&!o.hideOnCollapse&&o.floating}hasPaddingMobile(t){const o=this.panes.find((o=>o.slot===t));return o&&!o.hideOnCollapse}slotExists(t){return!!this.panes.find((o=>o.slot===t))}isFloating(t){const o=this.panes.find((o=>o.slot===t));return!!o&&o.floating}render(){return e(i,{key:"a444c673030d9f134bea3842c2e2610715c45752"},this.isMobile?e("div",{class:"col"},e("div",{key:"top",style:{minHeight:this.hasPaddingMobile("top")?"48px":"0",display:this.slotExists("top")?"block":"none"}},e("slot",{name:"top"})),e("div",{key:"left",style:{minHeight:this.hasPaddingMobile("left")?"48px":"0",display:this.slotExists("left")?"block":"none"}},e("slot",{name:"left"})),e("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},e("slot",{name:"content"}),e("slot",null)),e("div",{key:"right",style:{minHeight:this.hasPaddingMobile("right")?"48px":"0",display:this.slotExists("right")?"block":"none"}},e("slot",{name:"right"})),e("div",{key:"bottom",style:{minHeight:this.hasPaddingMobile("bottom")?"48px":"0",display:this.slotExists("bottom")?"block":"none"}},e("slot",{name:"bottom"}))):e("div",{class:"side-panes-wrapper"},"full-vertical"==this.layout?e("div",{class:{row:!0,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},e("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},e("slot",{name:"left"})),e("div",{class:{col:!0,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},e("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},e("slot",{name:"top"})),e("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},e("slot",{name:"content"}),e("slot",null)),e("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},e("slot",{name:"bottom"}))),e("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},e("slot",{name:"right"}))):e("div",{class:{col:!0,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},e("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},e("slot",{name:"top"})),e("div",{class:{row:!0,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},e("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},e("slot",{name:"left"})),e("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},e("slot",{name:"content"}),e("slot",null)),e("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},e("slot",{name:"right"}))),e("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},e("slot",{name:"bottom"})))))}static get watchers(){return{paneElements:[{onPaneElementsChange:0}],variant:[{onVariableChange:0}],borderless:[{onBorderChange:0}],layout:[{onLayoutChange:0}],isMobile:[{onMobileChange:0}]}}};a.style=":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .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}";export{a as ix_pane_layout}

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

@@ -0,0 +1 @@
+import{r as e,c as t,g as o,h as i,H as r}from"./p-EBgS4zhE.js";import{F as a}from"./p-BeX6RWvV.js";import{a as l}from"./p-DhE1t8Qh.js";import{A as n}from"./p-BqeSHO6C.js";import{c as s}from"./p-CX81WQtk.js";import{h as f}from"./p-BClJdFQP.js";const h=class{constructor(o){e(this,o),this.toggle=t(this,"toggle",7)}get hostElement(){return o(this)}variant="filled";height=15.125;width=16;index=0;ariaLabelEyeIconButton;toggle;isFlipAnimationActive=!1;hasFooterSlot=!1;contentItems=[];observer;watchIndex(e,t){e!==t&&this.doFlipAnimation(e)}componentDidLoad(){this.observer=s((()=>this.updateContentItems())),this.observer.observe(this.hostElement,{childList:!0})}componentWillLoad(){this.updateContentItems(),this.updateContentVisibility(this.index)}disconnectedCallback(){this.observer&&this.observer.disconnect()}handleFooterSlotChange(e){const{target:t}=e;this.hasFooterSlot=f(t)}updateContentItems(){this.contentItems=Array.from(this.hostElement.querySelectorAll("ix-flip-tile-content"))}updateContentVisibility(e){this.contentItems.forEach(((t,o)=>t.contentVisible=o===e))}toggleIndex(){let e;const t=this.index;e=this.index>=this.contentItems.length-1?0:this.index+1;const{defaultPrevented:o}=this.toggle.emit(e);o?this.index=t:this.doFlipAnimation(e)}doFlipAnimation(e){this.isFlipAnimationActive||(this.isFlipAnimationActive=!0,l(this.hostElement.shadowRoot.querySelector(".flip-tile-container"),{keyframes:{"0%":{transform:"rotateY(0)"},"50%":{transform:"rotateY(90deg)"},"51%":{transform:"rotateY(270deg)"},"100%":{transform:"rotateY(360deg)"}},duration:n.defaultTime,easing:"ease-in-out",onComplete:()=>{this.index=e,this.updateContentVisibility(this.index)}}),setTimeout((()=>{this.isFlipAnimationActive=!1}),2*n.defaultTime))}render(){return i(r,{key:"7bc177cf90b779cb1bd62d6350ff54717d538d9d",class:{[`flip-tile-variant-${this.variant}`]:!0},style:{height:`${this.height}${"auto"===this.height?"":"rem"}`,"min-height":`${this.height}${"auto"===this.height?"":"rem"}`,"max-height":`${this.height}${"auto"===this.height?"":"rem"}`,width:`${this.width}${"auto"===this.width?"":"rem"}`,"min-width":`${this.width}${"auto"===this.width?"":"rem"}`,"max-width":`${this.width}${"auto"===this.width?"":"rem"}`}},i("div",{key:"eb5ef0d6d6eaa317bcf80883dd11ce25294fa421",class:"flip-tile-container"},i("div",{key:"8e861ac9d55afff755a2bdc71f10ce190a2a8e9b",class:"flip-tile-header"},i("div",{key:"02976c0cd61c9b4957e5d2e6ea4e9a9b21dc53cb",class:"header-slot-container text-l-title"},i("slot",{key:"3ae486e56833ccabf4d03e5c2b5ca6c6823bc221",name:"header"})),i("ix-icon-button",{key:"61b1a2afbfed9fca1cd1ef2276b4d74554abb2af",icon:a,variant:"tertiary",onClick:()=>this.toggleIndex(),"aria-label":this.ariaLabelEyeIconButton})),i("div",{key:"f2b4b94a81ad12a02b182dcb95d03a67b9d89aa5",class:"content-container"},i("slot",{key:"d9892f4613eb61ab72c73e69dd766002c3d1c173"})),i("div",{key:"8c0b61ce539b83a98df94c9b7ee656c09ef38818",class:{footer:!0,"show-footer":this.hasFooterSlot}},i("slot",{key:"6af34d8dddef92ac78d5a8772035ca380da4525a",name:"footer",onSlotchange:e=>this.handleFooterSlotChange(e)}))))}static get watchers(){return{index:[{watchIndex:0}]}}};h.style=".text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:flex;flex-direction:column;perspective:1000px;border-radius:var(--theme-flip--border-radius) var(--theme-flip--border-radius) 0 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .flip-tile-header{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}:host .flip-tile-header .header-slot-container{flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .content-container{flex-grow:1;margin:1rem}:host .flip-tile-container{display:flex;flex-direction:column;height:100%;transform-style:preserve-3d;border-radius:var(--theme-flip--border-radius) var(--theme-flip--border-radius) 0 0}:host .flip-tile-container .footer{height:3rem;align-items:center;justify-content:center;padding:0 0.5rem}:host .flip-tile-container .footer :first-child{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .flip-tile-container ::slotted(*){display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host:hover .flip-tile-container .footer ix-icon{color:var(--theme-color-std-text)}:host(.flip-tile-variant-outline){border:solid 1px var(--theme-flip-outline--border-color)}:host(.flip-tile-variant-outline) .flip-tile-container{background-color:var(--theme-flip-outline--background);color:var(--theme-flip-outline--color)}:host(.flip-tile-variant-outline) .flip-tile-container .footer{display:none;border-top:1px solid var(--theme-flip-outline-footer--border-color);background-color:var(--theme-flip-outline-footer--background);color:var(--theme-flip-outline-footer--color)}:host(.flip-tile-variant-outline) .flip-tile-container .footer.show-footer{display:flex}:host(.flip-tile-variant-filled){border:solid 1px var(--theme-flip-filled--border-color)}:host(.flip-tile-variant-filled) .flip-tile-container{background-color:var(--theme-flip-filled--background);color:var(--theme-flip-filled--color)}:host(.flip-tile-variant-filled) .flip-tile-container .footer{display:none;border-top:1px solid var(--theme-flip-filled-footer--border-color);background-color:var(--theme-flip-filled-footer--background);color:var(--theme-flip-filled-footer--color)}:host(.flip-tile-variant-filled) .flip-tile-container .footer.show-footer{display:flex}:host(.flip-tile-variant-info){border:solid 1px var(--theme-flip-info--border-color)}:host(.flip-tile-variant-info) .flip-tile-container{background-color:var(--theme-flip-info--background);color:var(--theme-flip-info--color)}:host(.flip-tile-variant-info) .flip-tile-container .footer{display:none;border-top:1px solid var(--theme-flip-info-footer--border-color);background-color:var(--theme-flip-info-footer--background);color:var(--theme-flip-info-footer--color)}:host(.flip-tile-variant-info) .flip-tile-container .footer.show-footer{display:flex}:host(.flip-tile-variant-warning){border:solid 1px var(--theme-flip-warning--border-color)}:host(.flip-tile-variant-warning) .flip-tile-container{background-color:var(--theme-flip-warning--background);color:var(--theme-flip-warning--color)}:host(.flip-tile-variant-warning) .flip-tile-container .footer{display:none;border-top:1px solid var(--theme-flip-warning-footer--border-color);background-color:var(--theme-flip-warning-footer--background);color:var(--theme-flip-warning-footer--color)}:host(.flip-tile-variant-warning) .flip-tile-container .footer.show-footer{display:flex}:host(.flip-tile-variant-alarm){border:solid 1px var(--theme-flip-alarm--border-color)}:host(.flip-tile-variant-alarm) .flip-tile-container{background-color:var(--theme-flip-alarm--background);color:var(--theme-flip-alarm--color)}:host(.flip-tile-variant-alarm) .flip-tile-container .footer{display:none;border-top:1px solid var(--theme-flip-alarm-footer--border-color);background-color:var(--theme-flip-alarm-footer--background);color:var(--theme-flip-alarm-footer--color)}:host(.flip-tile-variant-alarm) .flip-tile-container .footer.show-footer{display:flex}:host(.flip-tile-variant-primary){border:solid 1px var(--theme-flip-primary--border-color)}:host(.flip-tile-variant-primary) .flip-tile-container{background-color:var(--theme-flip-primary--background);color:var(--theme-flip-primary--color)}:host(.flip-tile-variant-primary) .flip-tile-container .footer{display:none;border-top:1px solid var(--theme-flip-primary-footer--border-color);background-color:var(--theme-flip-primary-footer--background);color:var(--theme-flip-primary-footer--color)}:host(.flip-tile-variant-primary) .flip-tile-container .footer.show-footer{display:flex}";export{h as ix_flip_tile}

package/dist/siemens-ix/p-53319a22.entry.js

@@ -0,0 +1 @@
+import{M as t,r as e,c as r,g as o,h as i,H as s}from"./p-EBgS4zhE.js";import{C as a}from"./p-BeX6RWvV.js";import{D as n}from"./p-D1WplX1z.js";import{D as d,h as l}from"./p-BWgttsqY.js";import{m as c}from"./p-Djkc69iv.js";import{r as h}from"./p-BEuV0Xpe.js";import{B as b}from"./p-CDKWxg_L.js";import{b as u,a as m}from"./p-DD206pTM.js";import{T as g}from"./p-3pidUFd-.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const p=class extends(t(...d)){constructor(t){super(),e(this,t),this.dateRangeChange=r(this,"dateRangeChange",7)}get hostElement(){return o(this)}disabled=!1;format="yyyy/LL/dd";singleSelection=!1;from="";to="";minDate="";maxDate="";dateRangeId="custom";variant="primary";loading=!1;showWeekNumbers=!1;onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId),this.updateCurrentDate(),this.setDateRangeSelection(this.dateRangeId),this.currentRangeValue&&this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}dateRangeOptions=[];onDateRangeOptionsChange(){this.initialize(),this.onDateRangeIdChange()}locale;weekStartIndex=0;i18nDone="Done";i18nNoRange="No range set";today=n.now().toISO();enableTopLayer=!1;dateRangeChange;selectedDateRangeId="";currentRangeValue;show=!1;triggerRef=c();onDisabledChange(){this.disabled&&this.closeDropdown()}datePickerRef=c();inheritAriaAttributes={};componentWillLoad(){this.initialize(),this.setDateRangeSelection(this.dateRangeId),this.inheritAriaAttributes=u(this.hostElement)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const t="custom"===this.dateRangeId||!this.dateRangeId&&!!this.from&&!!this.to;return t?(this.selectedDateRangeId="custom",void this.updateCurrentDate()):t||this.from?(console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".'),this.selectedDateRangeId="custom",void this.updateCurrentDate()):void 0}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(t){this.dateRangeChange.emit(t)}onRangeListSelect(t){this.setDateRangeSelection(t)&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue)}setDateRangeSelection(t){this.selectedDateRangeId=t;const e=this.dateRangeOptions.find((e=>e.id===t));if(e)if(e.from&&e?.from===this.currentRangeValue?.from){const t=n.fromFormat(e.from,this.format);this.datePickerRef.current?.updateSelectedYearMonth(t)}else this.currentRangeValue=e;return e}closeDropdown(){const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");t&&(t.show=!1)}getButtonLabel(){if(this.currentRangeValue?.from){let t=this.currentRangeValue.from;return this.currentRangeValue.to===this.currentRangeValue.from||this.currentRangeValue.to&&(t+=` - ${this.currentRangeValue.to}`),t}return this.i18nNoRange}render(){const t=this.inheritAriaAttributes["aria-label"]||this.getButtonLabel();return i(s,{key:"5df489d50a9e459fcf350fcaf20dad2f3c6d09d8",onFocusout:t=>{t.relatedTarget&&this.closeDropdown()},role:"presentation"},i("ix-button",{key:"9de1225750e827a48370d77b643accbf717b5c90","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":!0,class:{active:this.show},variant:this.variant,loading:this.loading,icon:a,ref:this.triggerRef,disabled:this.disabled,...this.inheritAriaAttributes,"aria-haspopup":"true","aria-expanded":m(this.show),"aria-controls":"date-dropdown","aria-label":t,[g]:!0},this.getButtonLabel()),i("ix-dropdown",{key:"5adea2a62d0f2936c7f414d07e4b215fa46013c7",focusTrapOptions:{excludeElements:!0,trapFocusInShadowDom:!0},focusHost:this.hostElement,id:"date-dropdown","data-testid":"date-dropdown","data-date-dropdown":!0,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,onShowChanged:async({detail:t})=>{this.show=t,!t&&this.currentRangeValue&&this.onDateSelect(this.currentRangeValue),t&&l()&&h((()=>{const t=this.datePickerRef.current;t?.focus()}))}},i("div",{key:"529789401a81e427362891c8067dceef2d792ccd",class:"container"},this.dateRangeOptions?.length>1&&i("div",{key:"37357e44ca576b728da92a56b168441660298ad3",class:{"quick-selection":!0,"border-right":"custom"===this.selectedDateRangeId}},this.dateRangeOptions.map((t=>i(b,{disabled:!1,iconOnly:!1,iconOval:!1,selected:!1,loading:!1,type:"button",variant:"subtle-tertiary",onClick:()=>this.onRangeListSelect(t.id),ariaAttributes:{"aria-label":`${t.label}: ${t.from} to ${t.to}`}},t.label)))),i("div",{key:"78ba6a786dd6c0f4eab6158c44bca11d8ee3b8a5",class:"picker-wrapper"},i("ix-date-picker",{key:"17bd8255602531babe2f71e2db5ffac8bb2b7b2f",ref:this.datePickerRef,embedded:!0,locale:this.locale,onDateChange:t=>{t.stopPropagation(),this.currentRangeValue={...t.detail,id:"custom"}},onDateRangeChange:t=>t.stopPropagation(),format:this.format,singleSelection:this.singleSelection,from:this.from||this.currentRangeValue?.from,to:this.to||this.currentRangeValue?.to,minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),i("div",{key:"bedbd4ed054f58030718054a601b0ba9215ded11",class:"pull-right"},i("ix-button",{key:"05cb78d1a4e407390c00abad740a4516b6fd10fb",onClick:()=>{this.currentRangeValue&&(this.onDateSelect(this.currentRangeValue),this.closeDropdown())}},this.i18nDone))))))}static get watchers(){return{dateRangeId:[{onDateRangeIdChange:0}],to:[{onDateRangeIdChange:0}],from:[{onDateRangeIdChange:0}],dateRangeOptions:[{onDateRangeOptionsChange:0}],disabled:[{onDisabledChange:0}]}}};p.style=":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .pull-right{position:relative;float:right;padding:1rem}:host .quick-selection{display:inline-flex;flex-direction:column;gap:0.25rem;border-right:var(--theme-x-weak-bdr-1);overflow:auto;padding:0.5rem}:host .quick-selection *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .quick-selection *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .quick-selection *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .quick-selection *{}:host .quick-selection *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .quick-selection *::-webkit-scrollbar-corner{display:none}:host .quick-selection .btn{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem);min-width:8rem;min-height:2rem;max-height:2rem;justify-content:flex-start}:host .quick-selection .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .quick-selection .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .quick-selection .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .quick-selection .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host .container{display:flex;flex-direction:row;height:25rem;max-height:25rem;flex-wrap:nowrap}:host .picker-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}:host .picker-wrapper ix-date-picker{height:21rem}:host ix-dropdown{padding:0px}@media only screen and (max-width: 48em){:host .container{flex-direction:column;max-height:unset;height:unset}:host .quick-selection{max-height:12rem}}";export{p as ix_date_dropdown}

package/dist/siemens-ix/{p-c0d56b86.entry.js → p-571a1628.entry.js}

@@ -1 +1 @@
-import{M as o,r as t,c as e,g as r,h as a,H as n}from"./p-EBgS4zhE.js";import{q as i}from"./p-DgUGsIlh.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,a as s,b as h,h as c,S as b,o as p,d as u,e as m}from"./p-wfVRhTWc.js";import{I as v,h as y,o as f,c as g,a as x}from"./p-cYKY6sUE.js";import{m as k}from"./p-Djkc69iv.js";import{D as w,h as z}from"./p-BWgttsqY.js";import{f as C}from"./p-C21npbUc.js";import{c as S,g as I,H as j}from"./p-yZFaEeBW.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-BbwShqw_.js";import"./p-CNLoALIl.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-XBTykBKS.js";const T=class extends(o(...w,v)){constructor(o){super(),t(this,o),this.valueChange=e(this,"valueChange",6),this.validityStateChange=e(this,"validityStateChange",7),this.ixFocus=e(this,"ixFocus",7),this.ixBlur=e(this,"ixBlur",7),this.ixChange=e(this,"ixChange",7),o.$hostElement$["s-ei"]?this.formInternals=o.$hostElement$["s-ei"]:(this.formInternals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return r(this)}formInternals;name;placeholder;value="";watchValuePropHandler(o){this.onInput(o)}minDate="";maxDate="";locale;format="yyyy/LL/dd";required;helperText;label;ariaLabelCalendarButton="Open calendar";invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorDateUnparsable="Date is not valid";showWeekNumbers=!1;weekStartIndex=0;ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;from=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=k();slotEndRef=k();datepickerRef=k();inputElementRef=k();dropdownElementRef=k();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;updateFormInternalValue(o){this.formInternals.setFormValue(o||null),this.value=o}connectedCallback(){this.classObserver=S(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.isInputInvalid?this.from=null:this.watchValue(),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(o){if(this.value=o,!o)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(o),void this.valueChange.emit(o);if(!this.format)return;const t=l.fromFormat(o,this.format),e=l.fromFormat(this.minDate,this.format),r=l.fromFormat(this.maxDate,this.format);this.isInputInvalid=!t.isValid||t<e||t>r,this.isInputInvalid?(this.invalidReason=t.invalidReason??void 0,this.from=void 0):(this.updateFormInternalValue(o),this.closeDropdown(),z()&&this.inputElementRef.current?.focus()),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(o)}onCalenderClick(o){y(o,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return f(this.dropdownElementRef)}async closeDropdown(){return g(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleInputKeyDown(o){c(o,this.suppressSubmitOnEnter,this.formInternals.form)}renderInput(){return a("div",{class:"input-wrapper"},a(u,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),a("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value??"",placeholder:this.placeholder,name:this.name,onInput:o=>{this.onInput(o.target.value)},onClick:o=>{this.show&&(o.stopPropagation(),o.preventDefault())},onFocus:async()=>{this.ixFocus.emit()},onBlur:()=>{this.touched=!0,p(this,this.inputElementRef.current,this.value),this.emitValidityStateChangeIfChanged()},onKeyDown:o=>this.handleInputKeyDown(o),style:{textAlign:this.textAlignment}}),a(b,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},a("ix-icon-button",{tabindex:-1,ref:o=>C(o,-1),"aria-label":this.ariaLabelCalendarButton,"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:i,onClick:o=>this.onCalenderClick(o)})))}hookValidationLifecycle({isInfo:o,isInvalid:t,isInvalidByRequired:e,isValid:r,isWarning:a}){this.isInvalid=t||e||this.isInputInvalid,this.isInfo=o,this.isValid=r,this.isWarning=a}emitValidityStateChangeIfChanged(){return m(this)}getValidityState(){return Promise.resolve(x(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const o=I(this.isInputInvalid,this.invalidText,this.i18nErrorDateUnparsable);return a(n,{key:"cd25d18346e36dce13464172417c605bb4883275",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:o=>{o.relatedTarget&&this.closeDropdown()}},a("ix-field-wrapper",{key:"e594e88d3f5629dfe9701eea33fffb714a402252",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:o,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),a("ix-dropdown",{key:"06f1a86337a9f3b03c7d06011b27375ff619a72f","data-testid":"date-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:o=>{this.show=o.detail},focusTrapOptions:{targetElement:this.datepickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>(this.datepickerRef.current?.focusActiveDay(),!0),keyboardActivationKeys:["ArrowUp","ArrowDown"]},a("ix-date-picker",{key:"dc2237c371745ce1734af52ae8497f8f5276d9c7",ref:this.datepickerRef,format:this.format,locale:this.locale,singleSelection:!0,from:this.from??"",minDate:this.minDate,maxDate:this.maxDate,onDateChange:o=>{const{from:t}=o.detail;this.onInput(t),this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)},showWeekNumbers:this.showWeekNumbers,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,embedded:!0})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0},{watchValue:0}]}}};(function(o,t,e,r){var a,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(o,t,e,r);else for(var l=o.length-1;l>=0;l--)(a=o[l])&&(i=(n<3?a(i):n>3?a(t,e,i):a(t,e))||i);n>3&&i&&Object.defineProperty(t,e,i)})([j()],T.prototype,"hookValidationLifecycle",null),T.style='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}';export{T as ix_date_input}
+import{M as o,r as t,c as e,g as r,h as a,H as n}from"./p-EBgS4zhE.js";import{D as i}from"./p-BeX6RWvV.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,a as s,b as h,h as c,S as b,o as p,d as u,e as m}from"./p-xptA1Kt1.js";import{I as v,h as y,o as f,c as x,a as g}from"./p-cYKY6sUE.js";import{m as k}from"./p-Djkc69iv.js";import{D as w,h as z}from"./p-BWgttsqY.js";import{f as C}from"./p-DD206pTM.js";import{c as S,g as j,H as I}from"./p-S-XikzrL.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-BqeSHO6C.js";import"./p-BbwShqw_.js";import"./p-CNLoALIl.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-XBTykBKS.js";const D=class extends(o(...w,v)){constructor(o){super(),t(this,o),this.valueChange=e(this,"valueChange",6),this.validityStateChange=e(this,"validityStateChange",7),this.ixFocus=e(this,"ixFocus",7),this.ixBlur=e(this,"ixBlur",7),this.ixChange=e(this,"ixChange",7),o.$hostElement$["s-ei"]?this.formInternals=o.$hostElement$["s-ei"]:(this.formInternals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return r(this)}formInternals;name;placeholder;value="";watchValuePropHandler(o){this.onInput(o)}minDate="";maxDate="";locale;format="yyyy/LL/dd";required;helperText;label;ariaLabelCalendarButton="Open calendar";invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorDateUnparsable="Date is not valid";showWeekNumbers=!1;weekStartIndex=0;ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;from=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=k();slotEndRef=k();datepickerRef=k();inputElementRef=k();dropdownElementRef=k();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;updateFormInternalValue(o){this.formInternals.setFormValue(o||null),this.value=o}connectedCallback(){this.classObserver=S(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.isInputInvalid?this.from=null:this.watchValue(),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(o){if(this.value=o,!o)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(o),void this.valueChange.emit(o);if(!this.format)return;const t=l.fromFormat(o,this.format),e=l.fromFormat(this.minDate,this.format),r=l.fromFormat(this.maxDate,this.format);this.isInputInvalid=!t.isValid||t<e||t>r,this.isInputInvalid?(this.invalidReason=t.invalidReason??void 0,this.from=void 0):(this.updateFormInternalValue(o),this.closeDropdown(),z()&&this.inputElementRef.current?.focus()),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(o)}onCalenderClick(o){y(o,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return f(this.dropdownElementRef)}async closeDropdown(){return x(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleInputKeyDown(o){c(o,this.suppressSubmitOnEnter,this.formInternals.form)}renderInput(){return a("div",{class:"input-wrapper"},a(u,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),a("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value??"",placeholder:this.placeholder,name:this.name,onInput:o=>{this.onInput(o.target.value)},onClick:o=>{this.show&&(o.stopPropagation(),o.preventDefault())},onFocus:async()=>{this.ixFocus.emit()},onBlur:()=>{this.touched=!0,p(this,this.inputElementRef.current,this.value),this.emitValidityStateChangeIfChanged()},onKeyDown:o=>this.handleInputKeyDown(o),style:{textAlign:this.textAlignment}}),a(b,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},a("ix-icon-button",{tabindex:-1,ref:o=>C(o,-1),"aria-label":this.ariaLabelCalendarButton,"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:i,onClick:o=>this.onCalenderClick(o)})))}hookValidationLifecycle({isInfo:o,isInvalid:t,isInvalidByRequired:e,isValid:r,isWarning:a}){this.isInvalid=t||e||this.isInputInvalid,this.isInfo=o,this.isValid=r,this.isWarning=a}emitValidityStateChangeIfChanged(){return m(this)}getValidityState(){return Promise.resolve(g(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const o=j(this.isInputInvalid,this.invalidText,this.i18nErrorDateUnparsable);return a(n,{key:"fa39c581495ea09be06ca5d1f200dc6bba252eef",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:o=>{o.relatedTarget&&this.closeDropdown()}},a("ix-field-wrapper",{key:"09d8df1e50ca8b1a8cb1c17f5cdd81fde1ffc469",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:o,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),a("ix-dropdown",{key:"5f16427b97d679c1b01701895e3f188b971cf8b2","data-testid":"date-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:o=>{this.show=o.detail},focusTrapOptions:{targetElement:this.datepickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>(this.datepickerRef.current?.focusActiveDay(),!0),keyboardActivationKeys:["ArrowUp","ArrowDown"]},a("ix-date-picker",{key:"9c6be87560ca85c7229c7d7cc013cc92350284d6",ref:this.datepickerRef,format:this.format,locale:this.locale,singleSelection:!0,from:this.from??"",minDate:this.minDate,maxDate:this.maxDate,onDateChange:o=>{const{from:t}=o.detail;this.onInput(t),this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)},showWeekNumbers:this.showWeekNumbers,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,embedded:!0})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0},{watchValue:0}]}}};(function(o,t,e,r){var a,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(o,t,e,r);else for(var l=o.length-1;l>=0;l--)(a=o[l])&&(i=(n<3?a(i):n>3?a(t,e,i):a(t,e))||i);n>3&&i&&Object.defineProperty(t,e,i)})([I()],D.prototype,"hookValidationLifecycle",null),D.style='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}';export{D as ix_date_input}

package/dist/siemens-ix/p-58c6aa27.entry.js

@@ -0,0 +1 @@
+import{r as e,h as o,H as a}from"./p-EBgS4zhE.js";import{c as r,r as t}from"./p-BeX6RWvV.js";const i=class{constructor(o){e(this,o)}label;ariaLabelAlarmIcon;ariaLabelWarningIcon;value;unit;state="neutral";orientation="horizontal";getStateIcon(){switch(this.state){case"alarm":return o("ix-icon",{color:"kpi-display-icon--color",name:t,size:"16","aria-label":this.ariaLabelAlarmIcon});case"warning":return o("ix-icon",{color:"kpi-display-icon--color",name:r,size:"16","aria-label":this.ariaLabelWarningIcon});default:return""}}getTooltipText(){let e=`${this.label}: ${this.value}`;return this.unit&&(e=e.concat(` ${this.unit}`)),e}render(){return o(a,{key:"d89b035eefe6b02cdecdb139a28106dcd3b586de",title:this.getTooltipText(),tabindex:"1",class:{stacked:"vertical"===this.orientation}},o("div",{key:"b63dc3b4e257fffe4465af5535b2bec4b71940cf",class:{"kpi-container":!0,alarm:"alarm"===this.state,warning:"warning"===this.state}},o("span",{key:"46d740dc7d7562b72002c5fc7d5b7c48b1cbe7eb",class:"kpi-label"},this.getStateIcon(),o("span",{key:"978eaa270dc2578b1a861b1ae6bbe7011357f282",class:"kpi-label-text"},this.label)),o("span",{key:"f103a4a0940cb9aa1d19f733b244fc7395a418cc",class:"kpi-value-container"},o("span",{key:"ced86eace345b294b2f1a444487b54c52808f5a3",class:"kpi-value"},this.value),this.unit?o("span",{class:"kpi-unit"},this.unit):"")))}};i.style=":host{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;min-width:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .kpi-container{display:flex;height:100%;width:100%;border-block-end:2px solid grey}:host .kpi-container.alarm{border-block-end-color:var(--theme-color-alarm)}:host .kpi-container.warning{border-block-end-color:var(--theme-color-warning)}:host .kpi-container .kpi-label{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}:host .kpi-container .kpi-label ix-icon{margin-inline-end:0.25rem}:host .kpi-container .kpi-value-container{display:flex;align-items:flex-end}:host .kpi-container .kpi-value{color:var(--theme-kpi-display-value--color);font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .kpi-container .kpi-unit{margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}:host .kpi-container .kpi-label,:host .kpi-container .kpi-unit{margin-block-start:0.125rem}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):hover,:host:not(.disabled):not(:disabled).hover{background-color:var(--theme-kpi-display--background--hover)}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):active,:host:not(.disabled):not(:disabled).active{background-color:var(--theme-kpi-display--background--active)}:host:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}:host(.stacked){height:3.75rem}:host(.stacked) .kpi-container{justify-content:center;flex-wrap:wrap}:host(.stacked) .kpi-container .kpi-label{width:100%;justify-content:center}";export{i as ix_kpi}

package/dist/siemens-ix/{p-34eaf010.entry.js → p-60f7be48.entry.js}

@@ -1 +1 @@
-import{r as e,c as o,g as t,h as r,H as n}from"./p-EBgS4zhE.js";import{m as a}from"./p-Djkc69iv.js";import{m as i,g as d,T as l,f as s,i as h,o as b}from"./p-wfVRhTWc.js";import{H as c}from"./p-yZFaEeBW.js";import"./p-C21npbUc.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-XBTykBKS.js";function p(e){if(!e)return;const o=/^(\d+(?:\.\d+)?)\s*(px|rem|em|%)?$/.exec(e.trim());if(!o)return;const[,t,r]=o,n=Number.parseFloat(t);return Number.isNaN(n)?void 0:r?`${n}${r.toLowerCase()}`:`${n}px`}let u=0;const m=class{constructor(t){e(this,t),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),t.$hostElement$["s-ei"]?this.formInternals=t.$hostElement$["s-ei"]:(this.formInternals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return t(this)}formInternals;name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;textareaHeight;textareaWidth;textareaRows;textareaCols;resizeBehavior="both";maxLength;minLength;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;textAreaRef=a((()=>{this.initResizeObserver()}));inputId="ix-textarea-"+u++;touched=!1;initialValue;resizeObserver;isManuallyResized=!1;manualHeight;manualWidth;isProgrammaticResize=!1;lastObservedInlineHeight;lastObservedInlineWidth;updateClassMappings(e){i(this,e)}onDimensionPropsChange(){this.resetManualResizeState(),this.isProgrammaticResize=!0}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){this.resizeObserver?.disconnect()}resetManualResizeState(){this.isManuallyResized=!1,this.manualHeight=void 0,this.manualWidth=void 0}updateLastObservedInlineStyles(e){this.lastObservedInlineHeight=e.style.height,this.lastObservedInlineWidth=e.style.width}hasInlineStyleChange(e){return e.style.height!==this.lastObservedInlineHeight||e.style.width!==this.lastObservedInlineWidth}initResizeObserver(){this.resizeObserver?.disconnect();const e=this.textAreaRef.current;if(!e)return;if("none"===this.resizeBehavior)return;let o=!0;this.updateLastObservedInlineStyles(e),this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(o)return o=!1,void this.updateLastObservedInlineStyles(e);const t=this.hasInlineStyleChange(e);this.updateLastObservedInlineStyles(e),t&&(this.isProgrammaticResize?this.isProgrammaticResize=!1:(this.isManuallyResized=!0,this.manualHeight=e.style.height,this.manualWidth=e.style.width))})),this.resizeObserver.observe(e)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.textAreaRef.current&&this.touched&&d(this,this.textAreaRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getTextareaHeight(){return this.isManuallyResized?this.manualHeight:p(this.textareaHeight)}getTextareaWidth(){return this.isManuallyResized?this.manualWidth||"100%":p(this.textareaWidth)}render(){return r(n,{key:"25fd15e33b307ef6679fa4ecb743675e193b5c66",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"e710567e5ad61faaaa6ca856371adec196c14811",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"5971779593dae3517af5cd174000a7c5cb8c1cdc",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength),r("div",{key:"73a09a125b0cdd366fa916071784290d1acff350",class:"input-wrapper"},r(l,{key:"d79416a34716bf036e0a8943904c1986793c3399",id:this.inputId,minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.getTextareaHeight(),textareaWidth:this.getTextareaWidth(),resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,ariaAttributes:h(this),onFocus:()=>s(this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{b(this,this.textAreaRef.current,this.value),this.touched=!0}}))))}static get formAssociated(){return!0}static get watchers(){return{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}}};(function(e,o,t,r){var n,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i);a>3&&i&&Object.defineProperty(o,t,i)})([c()],m.prototype,"updateClassMappings",null),m.style='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}';export{m as ix_textarea}
+import{r as e,c as o,g as t,h as r,H as n}from"./p-EBgS4zhE.js";import{m as a}from"./p-Djkc69iv.js";import{m as i,g as d,T as l,f as s,i as h,o as b}from"./p-xptA1Kt1.js";import{H as c}from"./p-S-XikzrL.js";import"./p-DD206pTM.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-BqeSHO6C.js";import"./p-XBTykBKS.js";function p(e){if(!e)return;const o=/^(\d+(?:\.\d+)?)\s*(px|rem|em|%)?$/.exec(e.trim());if(!o)return;const[,t,r]=o,n=Number.parseFloat(t);return Number.isNaN(n)?void 0:r?`${n}${r.toLowerCase()}`:`${n}px`}let u=0;const m=class{constructor(t){e(this,t),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),t.$hostElement$["s-ei"]?this.formInternals=t.$hostElement$["s-ei"]:(this.formInternals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return t(this)}formInternals;name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;textareaHeight;textareaWidth;textareaRows;textareaCols;resizeBehavior="both";maxLength;minLength;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;textAreaRef=a((()=>{this.initResizeObserver()}));inputId="ix-textarea-"+u++;touched=!1;initialValue;resizeObserver;isManuallyResized=!1;manualHeight;manualWidth;isProgrammaticResize=!1;lastObservedInlineHeight;lastObservedInlineWidth;updateClassMappings(e){i(this,e)}onDimensionPropsChange(){this.resetManualResizeState(),this.isProgrammaticResize=!0}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){this.resizeObserver?.disconnect()}resetManualResizeState(){this.isManuallyResized=!1,this.manualHeight=void 0,this.manualWidth=void 0}updateLastObservedInlineStyles(e){this.lastObservedInlineHeight=e.style.height,this.lastObservedInlineWidth=e.style.width}hasInlineStyleChange(e){return e.style.height!==this.lastObservedInlineHeight||e.style.width!==this.lastObservedInlineWidth}initResizeObserver(){this.resizeObserver?.disconnect();const e=this.textAreaRef.current;if(!e)return;if("none"===this.resizeBehavior)return;let o=!0;this.updateLastObservedInlineStyles(e),this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(o)return o=!1,void this.updateLastObservedInlineStyles(e);const t=this.hasInlineStyleChange(e);this.updateLastObservedInlineStyles(e),t&&(this.isProgrammaticResize?this.isProgrammaticResize=!1:(this.isManuallyResized=!0,this.manualHeight=e.style.height,this.manualWidth=e.style.width))})),this.resizeObserver.observe(e)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.textAreaRef.current&&this.touched&&d(this,this.textAreaRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getTextareaHeight(){return this.isManuallyResized?this.manualHeight:p(this.textareaHeight)}getTextareaWidth(){return this.isManuallyResized?this.manualWidth||"100%":p(this.textareaWidth)}render(){return r(n,{key:"0225922a8d56aa475954dc3a7b06d1963debf354",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"7d2b61104c9525173ac87cfe0dc278f8d19363b4",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"8bb957ab2f076f590446cd05d49295de0ba49ed1",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength),r("div",{key:"0e5bc0c754d5ac6115c09e8d500d6ec7c3dbbce4",class:"input-wrapper"},r(l,{key:"d7a41229fd7a72e56f58e88e6a4cd32299dc21b1",id:this.inputId,minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.getTextareaHeight(),textareaWidth:this.getTextareaWidth(),resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,ariaAttributes:h(this),onFocus:()=>s(this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{b(this,this.textAreaRef.current,this.value),this.touched=!0}}))))}static get formAssociated(){return!0}static get watchers(){return{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}}};(function(e,o,t,r){var n,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i);a>3&&i&&Object.defineProperty(o,t,i)})([c()],m.prototype,"updateClassMappings",null),m.style='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}';export{m as ix_textarea}

package/dist/siemens-ix/p-643ed439.entry.js

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