@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627114851

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

@@ -1,2 +0,0 @@
-import{r as e,h as o,H as t,a as r}from"./p-B6NtGPRE.js";import{B as n}from"./p-DyBJEhgA.js";const d=":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{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:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{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}:host(.disabled){cursor:default}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover,:host .btn-danger.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover,:host .btn-danger:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover,:host .btn-outline-danger:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover,:host .btn-invisible-danger:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}: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-color-ghost--selected-hover);color:var(--theme-color-dynamic)}: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-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover,:host .btn-outline-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover,:host .btn-invisible-primary:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}: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-color-ghost--selected-hover);color:var(--theme-color-dynamic)}: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-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover,:host .btn-outline-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover,:host .btn-invisible-secondary:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{min-width:5rem}";const i=class{constructor(o){e(this,o);this.variant="primary";this.outline=false;this.ghost=false;this.disabled=false;this.type="button";this.loading=false;this.alignment="center";this.iconSize="24"}handleClick(e){if(this.disabled||this.loading){e.stopPropagation();e.preventDefault()}}componentDidLoad(){if(this.type!=="submit"){return}const e=document.createElement("button");e.style.display="none";e.type="submit";e.tabIndex=-1;if(this.form){e.setAttribute("form",this.form)}this.hostElement.appendChild(e);this.submitButtonElement=e}handleFormChange(e){if(this.submitButtonElement){if(e){this.submitButtonElement.setAttribute("form",e)}else{this.submitButtonElement.removeAttribute("form")}}}componentDidRender(){if(this.submitButtonElement&&!this.hostElement.contains(this.submitButtonElement)){this.hostElement.appendChild(this.submitButtonElement)}}dispatchFormEvents(){if(this.type==="submit"&&this.submitButtonElement&&!this.disabled&&!this.loading){this.submitButtonElement.click()}}setFocus(){var e;(e=this.hostElement.shadowRoot.querySelector("button"))===null||e===void 0?void 0:e.focus()}render(){const e={variant:this.variant,outline:this.outline,ghost:this.ghost,iconOnly:false,iconOval:false,selected:false,disabled:this.disabled||this.loading,icon:this.icon,iconSize:this.iconSize,loading:this.loading,onClick:()=>this.dispatchFormEvents(),type:this.type,alignment:this.alignment,tabIndex:this.hostElement.tabIndex};return o(t,{key:"de117e8374cf25073732e14ced0583a67a53b54b",tabindex:this.disabled?-1:0,class:{disabled:this.disabled||this.loading},onFocus:()=>this.setFocus()},o(n,Object.assign({key:"39b6019cede041ff3ea36edebd70001ad7e7228c"},e),o("slot",{key:"9c59689c0b54defe8a435854dfe4c993de1eb758"})))}get hostElement(){return r(this)}static get watchers(){return{form:["handleFormChange"]}}};i.style=d;export{i as ix_button};
-//# sourceMappingURL=p-ef56e825.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as o,c as t,h as r,H as e}from"./p-B6NtGPRE.js";import{j as n,k as i}from"./p-DLTnniMb.js";const a=".ix-form-control,.ix-form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]{text-align:right}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between;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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-container{transition:all var(--theme-medium-time) ease-in-out}:host input{box-shadow:var(--theme-input--box-shadow);cursor:auto !important;width:100%}:host .expanded{width:11.5625rem}:host .expanded.fullWidth{width:100%}:host .collapsed{width:1.5rem;border:none}:host .btn-search-icon{align-self:center;margin:auto;position:relative}:host .btn-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all var(--theme-default-time) ease-in-out;z-index:1;align-items:center;position:relative;border:none}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):hover,:host .btn-search:not(.disabled):not(:disabled).hover{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):active,:host .btn-search:not(.disabled):not(:disabled).active{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:none}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}:host .btn-search.btn-search--expanded{margin-left:0.25rem;pointer-events:none}:host .btn-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}:host .input-container{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}:host .btn-clear{position:absolute;border-radius:var(--theme-input--border-radius);right:0px;margin-right:0.25rem}:host .input{padding-left:2rem !important;padding-right:2.5rem !important}:host .opacity-before{opacity:0}:host .opacity-after{opacity:1}:host(.right-position){width:11.5625rem !important}:host(.right-position.fullWidth){width:100% !important}:host(.right-position.fullWidth) .fullWidth{width:100% !important}";const l=class{expandInput(){setTimeout(this.focusTextInput,300);this.expanded=true}collapseInput(){if(!this.isFieldChanged&&this.expanded){this.expanded=false}}clearInput(){this.value="";this.isFieldChanged=false}onChange(o){this.value=o.target.value;if(this.isFieldChanged&&this.value===""){this.isFieldChanged=false}else{this.isFieldChanged=true}this.valueChange.emit(this.value)}constructor(r){o(this,r);this.valueChange=t(this,"valueChange",7);this.placeholder="Enter text here";this.value="";this.fullWidth=false;this.variant="primary";this.outline=false;this.ghost=true;this.isFieldChanged=false;this.expanded=false;this.hasFocus=false;this.focusTextInput=this.focusTextInput.bind(this)}focusTextInput(){var o;(o=this.textInput)===null||o===void 0?void 0:o.focus()}clearClicked(){var o;this.clearInput();(o=this.textInput)===null||o===void 0?void 0:o.focus();this.valueChange.emit(this.value)}render(){var o;return r(e,{key:"c0f4b6c395c9f44c92e31c2cad9c3e29e95ec39c",class:{expanded:this.expanded,"right-position":this.expanded,fullWidth:this.fullWidth}},r("ix-icon-button",{key:"82d984a5087b2908c1541de8217c0781d76e3c08",size:this.expanded?"16":"24",icon:(o=this.icon)!==null&&o!==void 0?o:i,variant:this.expanded?"primary":this.variant,ghost:this.ghost||this.expanded,outline:this.outline&&!this.expanded,"data-testid":"button",onClick:()=>this.expandInput(),tabindex:this.expanded?-1:0,color:this.hasFocus?"input-search-icon--color--focus":undefined,class:{"btn-search":true,"btn-search--expanded":this.expanded}}),r("div",{key:"84e1b448fa7d1cbe2592c71da524f39a55c608bb",class:{expanded:this.expanded,fullWidth:this.fullWidth,collapsed:!this.expanded,"disable-pointer":!this.expanded,"input-container":true},"data-testid":"input-wrapper"},r("input",{key:"a8c6b0ec0844cdde85c56d9e7c76cb4de30d6539",class:{"ix-form-control":true,input:this.expanded,"disable-pointer":!this.expanded,"opacity-before":!this.expanded,"opacity-after":this.expanded},ref:o=>this.textInput=o,"data-testid":"input",placeholder:this.placeholder,type:"text",value:this.value,onBlur:()=>{this.collapseInput();this.hasFocus=false},onFocus:()=>this.hasFocus=true,onInput:o=>this.onChange(o),tabindex:this.expanded?0:-1}),this.isFieldChanged?r("ix-icon-button",{class:"btn-clear",icon:n,ghost:true,size:"16","data-testid":"clear-button",onClick:()=>this.clearClicked()}):null))}};l.style=a;export{l as ix_expanding_search};
-//# sourceMappingURL=p-f1d1c522.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r,h as o,H as t,c as e,a}from"./p-B6NtGPRE.js";import{a as s}from"./p-i60z1FJC.js";import{p as c}from"./p-DLTnniMb.js";const b=":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const l=class{constructor(o){r(this,o)}render(){return o(t,{key:"4be64f4f798e7772dfc27e115ec82cdb9374fb13"},o("slot",{key:"e284542d3f4686d348c61f04a65b333b7d4ed9bd"}))}};l.style=b;const i=":host{display:flex;padding:0.5rem 0 0.5rem 0.5rem;align-items:center;gap:1rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .modal-title{flex-grow:1}:host .modal-close{align-self:flex-start}";const h=class{constructor(o){r(this,o);this.closeClick=e(this,"closeClick",7);this.hideClose=false}onIconChange(r){if(this.parentDialog){if(r){this.parentDialog.classList.add("with-icon")}else{this.parentDialog.classList.remove("with-icon")}}}componentDidLoad(){this.parentDialog=s(this.hostElement,"ix-modal");this.onIconChange(this.icon)}onCloseClick(r){const o=this.closeClick.emit(r);if(o.defaultPrevented||r.defaultPrevented){return}this.parentDialog.dismissModal()}render(){return o(t,{key:"469260e802d093b4bcc15d159786682ebaf55b19"},this.icon?o("ix-icon",{name:this.icon,color:this.iconColor,size:"32"}):null,o("div",{key:"286573f8a153b8ed31ceecacfb3111df228e2a55",class:"modal-title"},o("ix-typography",{key:"de051186505ce93644011a0193f0bea61b812205",format:"h5"},o("slot",{key:"4497b8ca1360bafcdb3a4438aa18b75caf5b17e4"}))),!this.hideClose?o("ix-icon-button",{class:"modal-close",onClick:r=>this.onCloseClick(r),ghost:true,icon:c}):null)}get hostElement(){return a(this)}static get watchers(){return{icon:["onIconChange"]}}};h.style=i;export{l as ix_modal_content,h as ix_modal_header};
-//# sourceMappingURL=p-f426aa64.entry.js.map

package/dist/siemens-ix/p-f426aa64.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["modalContentCss","ModalContent","render","h","Host","key","modalHeaderCss","ModalHeader","constructor","hostRef","this","hideClose","onIconChange","icon","parentDialog","classList","add","remove","componentDidLoad","closestPassShadow","hostElement","onCloseClick","event","ce","closeClick","emit","defaultPrevented","dismissModal","name","color","iconColor","size","class","format","onClick","ghost","iconClose"],"sources":["src/components/modal-content/modal-content.scss?tag=ix-modal-content&encapsulation=shadow","src/components/modal-content/modal-content.tsx","src/components/modal-header/modal-header.scss?tag=ix-modal-header&encapsulation=shadow","src/components/modal-header/modal-header.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  position: relative;\n  overflow: auto;\n  padding: 0 0.5rem 0.5rem;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ix-modal-content',\n  styleUrl: 'modal-content.scss',\n  shadow: true,\n})\nexport class ModalContent {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: flex;\n  padding: 0.5rem 0 0.5rem 0.5rem;\n  align-items: center;\n  gap: 1rem;\n\n  .modal-title {\n    flex-grow: 1;\n  }\n\n  .modal-close  {\n    align-self: flex-start;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { closestPassShadow } from '../utils/shadow-dom';\nimport { iconClose } from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-modal-header',\n  styleUrl: 'modal-header.scss',\n  shadow: true,\n})\nexport class ModalHeader {\n  @Element() hostElement!: HTMLIxModalHeaderElement;\n\n  /**\n   * Hide the close button\n   */\n  @Prop() hideClose = false;\n\n  /**\n   * Icon of the Header\n   */\n  @Prop() icon?: string;\n\n  @Watch('icon')\n  onIconChange(icon?: string) {\n    if (this.parentDialog) {\n      if (icon) {\n        this.parentDialog.classList.add('with-icon');\n      } else {\n        this.parentDialog.classList.remove('with-icon');\n      }\n    }\n  }\n\n  /**\n   * Icon color\n   */\n  @Prop() iconColor?: string;\n\n  /**\n   * Emits when close icon is clicked and closes the modal\n   * Can be prevented, in which case only the event is triggered, and the modal remains open\n   */\n  @Event() closeClick!: EventEmitter<MouseEvent>;\n\n  private parentDialog!: HTMLIxModalElement;\n\n  componentDidLoad() {\n    this.parentDialog = closestPassShadow(\n      this.hostElement,\n      'ix-modal'\n    ) as HTMLIxModalElement;\n    this.onIconChange(this.icon);\n  }\n\n  private onCloseClick(event: MouseEvent) {\n    const ce = this.closeClick.emit(event);\n    if (ce.defaultPrevented || event.defaultPrevented) {\n      return;\n    }\n\n    this.parentDialog.dismissModal();\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.icon ? (\n          <ix-icon name={this.icon} color={this.iconColor} size=\"32\"></ix-icon>\n        ) : null}\n        <div class=\"modal-title\">\n          <ix-typography format=\"h5\">\n            <slot></slot>\n          </ix-typography>\n        </div>\n        {!this.hideClose ? (\n          <ix-icon-button\n            class=\"modal-close\"\n            onClick={(event) => this.onCloseClick(event)}\n            ghost\n            icon={iconClose}\n          ></ix-icon-button>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"8HAAA,MAAMA,EAAkB,u0B,MCgBXC,EAAY,M,yBACvB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAa,QAAAE,IAAA,6C,aCpBrB,MAAMC,EAAiB,i5B,MC2BVC,EAAW,MALxB,WAAAC,CAAAC,G,iDAWUC,KAASC,UAAG,KAsErB,CA9DC,YAAAC,CAAaC,GACX,GAAIH,KAAKI,aAAc,CACrB,GAAID,EAAM,CACRH,KAAKI,aAAaC,UAAUC,IAAI,Y,KAC3B,CACLN,KAAKI,aAAaC,UAAUE,OAAO,Y,GAkBzC,gBAAAC,GACER,KAAKI,aAAeK,EAClBT,KAAKU,YACL,YAEFV,KAAKE,aAAaF,KAAKG,K,CAGjB,YAAAQ,CAAaC,GACnB,MAAMC,EAAKb,KAAKc,WAAWC,KAAKH,GAChC,GAAIC,EAAGG,kBAAoBJ,EAAMI,iBAAkB,CACjD,M,CAGFhB,KAAKI,aAAaa,c,CAGpB,MAAAzB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFK,KAAKG,KACJV,EAAA,WAASyB,KAAMlB,KAAKG,KAAMgB,MAAOnB,KAAKoB,UAAWC,KAAK,OACpD,KACJ5B,EAAK,OAAAE,IAAA,2CAAA2B,MAAM,eACT7B,EAAe,iBAAAE,IAAA,2CAAA4B,OAAO,MACpB9B,EAAA,QAAAE,IAAA,gDAGFK,KAAKC,UACLR,EAAA,kBACE6B,MAAM,cACNE,QAAUZ,GAAUZ,KAAKW,aAAaC,GACtCa,MAAK,KACLtB,KAAMuB,IAEN,K","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as r,F as o,H as s,a}from"./p-B6NtGPRE.js";import{I as i,J as l,i as c,a as h,K as n,c as d,L as p}from"./p-DLTnniMb.js";const b=":host(:not(.host-vertical)){width:12rem;height:4rem;min-width:2rem;min-height:4rem;max-width:12rem}:host(.host-vertical){width:100%;height:4rem;min-width:4rem;min-height:2rem;max-height:12rem}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);padding:1.125rem 0 0.5rem 0}:host .step .wrapper{display:flex;width:100%;align-items:center;justify-content:center;position:relative}:host .step .wrapper .line{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}:host .step .wrapper .line.first,:host .step .wrapper .line.last{width:50%;margin:0 0 0 auto}:host .step .wrapper .line.last{margin:0 auto 0 0}:host .step .wrapper .line.single{width:0}:host .step .wrapper .line.selected{background-color:var(--theme-workflow-step-icon-default--color--selected)}:host .step .wrapper .line.done{background-color:var(--theme-workflow-step-icon-done--color)}:host .step .wrapper .line.done.selected{background-color:var(--theme-workflow-step-icon-done--color--selected)}:host .step .wrapper .line.warning{background-color:var(--theme-color-warning)}:host .step .wrapper .line.success{background-color:var(--theme-color-success)}:host .step .wrapper .line.error{background-color:var(--theme-color-alarm)}:host .step .wrapper .iconWrapper{display:flex;align-items:center;justify-content:center;position:absolute}:host .step .wrapper .iconWrapper .absolute{position:absolute}:host .step .text{margin-top:1rem;width:100%;padding:0 0.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}:host .step.vertical{flex-direction:row;padding:0;height:100%}:host .step.vertical .wrapper{width:auto;padding-left:1.125rem;height:100%}:host .step.vertical .wrapper .line{width:0.125rem;height:100%}:host .step.vertical .wrapper .line.first,:host .step.vertical .wrapper .line.last{height:50%;margin:auto 0 0 0}:host .step.vertical .wrapper .line.last{margin:0 0 auto 0}:host .step.vertical .wrapper .line.single{width:0}:host .step.vertical .text{margin:0 1rem;padding:0;width:auto}:host .step.clickable:hover{background-color:var(--theme-workflow-step--background--hover)}:host .step.clickable:active{background-color:var(--theme-workflow-step--background--active)}:host .step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}:host .step.selected{background-color:var(--theme-workflow-step--background--selected)}:host .step.disabled{background-color:var(--theme-workflow-step--background--disabled)}:host .step.disabled .line{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}:host .step.disabled .text{color:var(--theme-workflow-step--color--disabled)}";const w=class{constructor(r){e(this,r);this.selectedChanged=t(this,"selectedChanged",7);this.vertical=false;this.disabled=false;this.status="open";this.clickable=false;this.selected=false;this.position="undefined";this.iconColor="workflow-step-icon-default--color";this.customIconSlot=false}selectedHandler(){const e=this.selected?"--selected":"";if(this.status==="open"){this.iconName=this.selected?i:l;this.iconColor=`workflow-step-icon-default--color${e}`}if(this.status==="done"&&!this.disabled){this.iconColor=`workflow-step-icon-done--color${e}`}}watchPropHandler(){switch(this.status){case"open":this.iconName=l;this.iconColor="workflow-step-icon-default--color";break;case"success":this.iconName=d;this.iconColor="color-success";break;case"done":this.iconName=n;this.iconColor="workflow-step-icon-done--color";break;case"warning":this.iconName=h;this.iconColor="color-warning";break;case"error":this.iconName=c;this.iconColor="color-alarm";break;default:this.iconName=l;break}if(this.disabled){this.iconColor="workflow-step-icon-success--color--disabled"}}componentWillLoad(){this.watchPropHandler();this.selectedHandler();this.customIconSlot=!!this.hostElement.querySelector('[slot="custom-icon"]')}onStepClick(){if(!this.disabled&&this.clickable){this.selectedChanged.emit(this.hostElement)}}render(){const e=!this.customIconSlot?r(o,null,r("ix-icon",{color:"color-1",name:this.status==="warning"?p:n,class:"absolute",size:"24"}),r("ix-icon",{color:this.iconColor,name:this.iconName,class:"absolute",size:"24"})):null;return r(s,{key:"da87aa8ee423349ce9a4f67cf18d672cc0c699ad",class:{"host-vertical":this.vertical},onClick:()=>this.onStepClick()},r("div",{key:"d8527bf05a70d059750fb1942e25a552f6512e9c",tabIndex:0,class:{step:true,selected:this.selected,vertical:this.vertical,disabled:this.disabled,clickable:this.clickable&&!this.disabled}},r("div",{key:"6210f0dda1a3c28b0452511bbcb192b077fd2430",class:"wrapper"},r("div",{key:"ac115d567dd7d8e9cd2c8a5be0fad3b5138e1eb0",class:{line:true,selected:this.selected,[this.status]:true,[this.position]:true}}),r("div",{key:"56a9abb29057882d199deb15a1ff563b277301be",class:"iconWrapper"},e,r("slot",{key:"cebe111aadb1cae69717679e4175a8d2ed848183",name:"custom-icon"}))),r("div",{key:"08a0bc27cfa1604e105f5533ca17c1e6432e3f7c",class:"text"},r("slot",{key:"034dbb9fc7256e363df377e784e27f01a18bd88d"}))))}get hostElement(){return a(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["watchPropHandler"],status:["watchPropHandler"]}}};w.style=b;export{w as ix_workflow_step};
-//# sourceMappingURL=p-f61c1785.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as r}from"./p-B6NtGPRE.js";import{T as s}from"./p-BdCnOrqW.js";const e=":host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}#toast-container>:not(:last-child){margin-block-end:1rem}.toast-container{display:block;position:fixed}.toast-container--top-right{right:1rem;top:2rem}.toast-container--bottom-right{right:1rem;bottom:2rem}";const n=class{constructor(o){t(this,o);this.containerId="toast-container";this.containerClass="toast-container";this.position="bottom-right";this.PREFIX_POSITION_CLASS="toast-container--"}get hostContainer(){return new Promise((t=>{const o=setInterval((()=>{const r=document.getElementById(this.containerId);if(r){clearInterval(o);t(r)}}))}))}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId;t.classList.add(this.containerClass);t.classList.add(`${this.PREFIX_POSITION_CLASS}${this.position}`);document.body.appendChild(t)}}onPositionChange(t,o){const r=document.getElementById(this.containerId);if(!r){console.warn("No toast container found, cannot configure toast position");return}r.classList.remove(`${this.PREFIX_POSITION_CLASS}${o}`);r.classList.add(`${this.PREFIX_POSITION_CLASS}${t}`)}async showToast(t){var o,r,e;const n=document.createElement("ix-toast");const a=new s;function i(t){n.remove();a.emit(t)}n.toastTitle=t.title;n.type=(o=t.type)!==null&&o!==void 0?o:"info";n.autoClose=(r=t.autoClose)!==null&&r!==void 0?r:true;n.autoCloseDelay=(e=t.autoCloseDelay)!==null&&e!==void 0?e:5e3;n.icon=t.icon;n.iconColor=t.iconColor;n.addEventListener("closeToast",(t=>{const{detail:o}=t;i(o)}));if(typeof t.message==="string"){n.innerText=t.message}else{n.appendChild(t.message)}(await this.hostContainer).appendChild(n);return{onClose:a,close:t=>{i(t)}}}render(){return o(r,{key:"9656bf3a14aa1ee21d11e9825339bfdddf219e36",class:{"toast-container--bottom-right":this.position==="bottom-right","toast-container--top-right":this.position==="top-right"}},o("slot",{key:"3ec68f9987d7551d1c4bfd33880201773866be99"}))}static get watchers(){return{position:["onPositionChange"]}}};n.style=e;export{n as ix_toast_container};
-//# sourceMappingURL=p-f66cb323.entry.js.map

package/dist/siemens-ix/p-f66cb323.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["toastContainerCss","ToastContainer","constructor","hostRef","this","containerId","containerClass","position","PREFIX_POSITION_CLASS","hostContainer","Promise","resolve","interval","setInterval","containerElement","document","getElementById","clearInterval","componentDidLoad","toastContainer","createElement","id","classList","add","body","appendChild","onPositionChange","newPosition","oldPosition","console","warn","remove","showToast","config","toast","onClose","TypedEvent","removeToast","result","emit","toastTitle","title","type","_a","autoClose","_b","autoCloseDelay","_c","icon","iconColor","addEventListener","event","detail","message","innerText","close","render","h","Host","key","class"],"sources":["src/components/toast/styles/toast-container.scss?tag=ix-toast-container&encapsulation=shadow","src/components/toast/toast-container.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n}\n\n#toast-container {\n  > :not(:last-child) {\n    margin-block-end: $default-space;\n  }\n}\n\n.toast-container {\n  display: block;\n  position: fixed;\n}\n\n.toast-container--top-right {\n  right: 1rem;\n  top: 2rem;\n}\n\n.toast-container--bottom-right {\n  right: 1rem;\n  bottom: 2rem;\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport { TypedEvent } from '../utils/typed-event';\nimport { ToastConfig } from './toast-utils';\n\nexport type ShowToastResult = {\n  onClose: TypedEvent<any | undefined>;\n  close: (result?: any) => void;\n};\n\n@Component({\n  tag: 'ix-toast-container',\n  styleUrl: './styles/toast-container.scss',\n  shadow: true,\n})\nexport class ToastContainer {\n  /**\n   */\n  @Prop() containerId = 'toast-container';\n\n  /**\n   */\n  @Prop() containerClass = 'toast-container';\n\n  /**\n   */\n  @Prop() position: 'bottom-right' | 'top-right' = 'bottom-right';\n\n  private readonly PREFIX_POSITION_CLASS = 'toast-container--';\n\n  get hostContainer() {\n    return new Promise<HTMLElement>((resolve) => {\n      const interval = setInterval(() => {\n        const containerElement = document.getElementById(this.containerId);\n        if (containerElement) {\n          clearInterval(interval);\n          resolve(containerElement);\n        }\n      });\n    });\n  }\n\n  componentDidLoad() {\n    if (!document.getElementById(this.containerId)) {\n      const toastContainer = document.createElement('div');\n      toastContainer.id = this.containerId;\n      toastContainer.classList.add(this.containerClass);\n      toastContainer.classList.add(\n        `${this.PREFIX_POSITION_CLASS}${this.position}`\n      );\n      document.body.appendChild(toastContainer);\n    }\n  }\n\n  @Watch('position')\n  onPositionChange(newPosition: string, oldPosition: string) {\n    const toastContainer = document.getElementById(this.containerId);\n    if (!toastContainer) {\n      console.warn('No toast container found, cannot configure toast position');\n      return;\n    }\n    toastContainer.classList.remove(\n      `${this.PREFIX_POSITION_CLASS}${oldPosition}`\n    );\n    toastContainer.classList.add(`${this.PREFIX_POSITION_CLASS}${newPosition}`);\n  }\n\n  /**\n   * Display a toast message\n   * @param config\n   */\n  @Method()\n  async showToast(config: ToastConfig): Promise<ShowToastResult> {\n    const toast = document.createElement('ix-toast');\n    const onClose = new TypedEvent<any | undefined>();\n\n    function removeToast(result?: any) {\n      toast.remove();\n      onClose.emit(result);\n    }\n\n    toast.toastTitle = config.title;\n    toast.type = config.type ?? 'info';\n    toast.autoClose = config.autoClose ?? true;\n    toast.autoCloseDelay = config.autoCloseDelay ?? 5000;\n    toast.icon = config.icon;\n    toast.iconColor = config.iconColor;\n    toast.addEventListener(\n      'closeToast',\n      (event: CustomEvent<any | undefined>) => {\n        const { detail } = event;\n        removeToast(detail);\n      }\n    );\n\n    if (typeof config.message === 'string') {\n      toast.innerText = config.message;\n    } else {\n      toast.appendChild(config.message);\n    }\n\n    (await this.hostContainer).appendChild(toast);\n\n    return {\n      onClose,\n      close: (result?: any) => {\n        removeToast(result);\n      },\n    };\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'toast-container--bottom-right': this.position === 'bottom-right',\n          'toast-container--top-right': this.position === 'top-right',\n        }}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAoB,+8B,MCuBbC,EAAc,MAL3B,WAAAC,CAAAC,G,UAQUC,KAAWC,YAAG,kBAIdD,KAAcE,eAAG,kBAIjBF,KAAQG,SAAiC,eAEhCH,KAAqBI,sBAAG,mBA+F1C,CA7FC,iBAAIC,GACF,OAAO,IAAIC,SAAsBC,IAC/B,MAAMC,EAAWC,aAAY,KAC3B,MAAMC,EAAmBC,SAASC,eAAeZ,KAAKC,aACtD,GAAIS,EAAkB,CACpBG,cAAcL,GACdD,EAAQG,E,IAEV,G,CAIN,gBAAAI,GACE,IAAKH,SAASC,eAAeZ,KAAKC,aAAc,CAC9C,MAAMc,EAAiBJ,SAASK,cAAc,OAC9CD,EAAeE,GAAKjB,KAAKC,YACzBc,EAAeG,UAAUC,IAAInB,KAAKE,gBAClCa,EAAeG,UAAUC,IACvB,GAAGnB,KAAKI,wBAAwBJ,KAAKG,YAEvCQ,SAASS,KAAKC,YAAYN,E,EAK9B,gBAAAO,CAAiBC,EAAqBC,GACpC,MAAMT,EAAiBJ,SAASC,eAAeZ,KAAKC,aACpD,IAAKc,EAAgB,CACnBU,QAAQC,KAAK,6DACb,M,CAEFX,EAAeG,UAAUS,OACvB,GAAG3B,KAAKI,wBAAwBoB,KAElCT,EAAeG,UAAUC,IAAI,GAAGnB,KAAKI,wBAAwBmB,I,CAQ/D,eAAMK,CAAUC,G,UACd,MAAMC,EAAQnB,SAASK,cAAc,YACrC,MAAMe,EAAU,IAAIC,EAEpB,SAASC,EAAYC,GACnBJ,EAAMH,SACNI,EAAQI,KAAKD,E,CAGfJ,EAAMM,WAAaP,EAAOQ,MAC1BP,EAAMQ,MAAOC,EAAAV,EAAOS,QAAQ,MAAAC,SAAA,EAAAA,EAAA,OAC5BT,EAAMU,WAAYC,EAAAZ,EAAOW,aAAa,MAAAC,SAAA,EAAAA,EAAA,KACtCX,EAAMY,gBAAiBC,EAAAd,EAAOa,kBAAkB,MAAAC,SAAA,EAAAA,EAAA,IAChDb,EAAMc,KAAOf,EAAOe,KACpBd,EAAMe,UAAYhB,EAAOgB,UACzBf,EAAMgB,iBACJ,cACCC,IACC,MAAMC,OAAEA,GAAWD,EACnBd,EAAYe,EAAO,IAIvB,UAAWnB,EAAOoB,UAAY,SAAU,CACtCnB,EAAMoB,UAAYrB,EAAOoB,O,KACpB,CACLnB,EAAMT,YAAYQ,EAAOoB,Q,QAGpBjD,KAAKK,eAAegB,YAAYS,GAEvC,MAAO,CACLC,UACAoB,MAAQjB,IACND,EAAYC,EAAO,E,CAKzB,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,gCAAiCxD,KAAKG,WAAa,eACnD,6BAA8BH,KAAKG,WAAa,cAGlDkD,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as o,H as r,a as i}from"./p-B6NtGPRE.js";import{H as a}from"./p-DLTnniMb.js";import{D as n}from"./p-bDicGJUN.js";import{d as l}from"./p-D3K9vmFp.js";import{a as d,b as s,S as h,c}from"./p-DhH1rUwy.js";import{H as b,c as u}from"./p-zYzFdFx8.js";import{m as p}from"./p-bcj7UEIC.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-Ou74PMQs.js";const m='input{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;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)}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:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--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:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{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;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)}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:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--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:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){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]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .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:0}:host .end-container{right:0}: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:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) 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])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) 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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .time-icon-hidden{display:none}:host(.readonly) input{pointer-events:none}.input-wrapper{position:relative}';var v=undefined&&undefined.__decorate||function(t,e,o,r){var i=arguments.length,a=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,o):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(t,e,o,r);else for(var l=t.length-1;l>=0;l--)if(n=t[l])a=(i<3?n(a):i>3?n(e,o,a):n(e,o))||a;return i>3&&a&&Object.defineProperty(e,o,a),a};const f=class{constructor(o){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);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.value="";this.format="TT";this.readonly=false;this.disabled=false;this.i18nErrorTimeUnparsable="Time is not valid";this.hourInterval=1;this.minuteInterval=1;this.secondInterval=1;this.millisecondInterval=100;this.i18nSelectTime="Confirm";this.i18nTime="Time";this.i18nHourColumnHeader="hr";this.i18nMinuteColumnHeader="min";this.i18nSecondColumnHeader="sec";this.i18nMillisecondColumnHeader="ms";this.show=false;this.time=null;this.isInputInvalid=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.focus=false;this.slotStartRef=p();this.slotEndRef=p();this.timePickerRef=p();this.inputElementRef=p();this.dropdownElementRef=p();this.touched=false}updateFormInternalValue(t){this.formInternals.setFormValue(t);this.value=t}connectedCallback(){this.classObserver=u(this.hostElement,(()=>this.checkClassList()));this.disposableChangesAndVisibilityObservers=d(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){if(!this.value){const t=n.now();if(t.isValid){this.value=t.toFormat(this.format)}}this.onInput(this.value);if(this.isInputInvalid){this.time=null}else{this.watchValue()}this.checkClassList();this.updateFormInternalValue(this.value)}updatePaddings(){s(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){var t,e;(t=this.classObserver)===null||t===void 0?void 0:t.destroy();(e=this.disposableChangesAndVisibilityObservers)===null||e===void 0?void 0:e.call(this)}watchValue(){this.time=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(t){this.value=t;if(!t){this.isInputInvalid=false;this.updateFormInternalValue(t);this.valueChange.emit(t);return}if(!this.format){return}const e=n.fromFormat(t,this.format);if(e.isValid){this.isInputInvalid=false}else{this.isInputInvalid=true;this.invalidReason=e.invalidReason}this.updateFormInternalValue(t);this.valueChange.emit(t)}onTimeIconClick(t){if(!this.show){t.stopPropagation();t.preventDefault();this.openDropdown()}if(this.inputElementRef.current){this.inputElementRef.current.focus()}}async openDropdown(){this.time=this.value;const t=await this.dropdownElementRef.waitForCurrent();const e=t.getAttribute("data-ix-dropdown");l.dismissAll();if(!e){return}const o=l.getDropdownById(e);if(!o){return}l.present(o)}async closeDropdown(){const t=await this.dropdownElementRef.waitForCurrent();const e=t.getAttribute("data-ix-dropdown");if(!e){return}const o=l.getDropdownById(e);if(!o){return}l.dismiss(o)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){return o("div",{class:"input-wrapper"},o(c,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o("input",{autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value,placeholder:this.placeholder,name:this.name,onInput:t=>{const e=t.target;this.onInput(e.value)},onClick:t=>{if(this.show){t.stopPropagation();t.preventDefault()}},onFocus:async()=>{this.openDropdown();this.ixFocus.emit()},onBlur:()=>{this.ixBlur.emit();this.touched=true}}),o(h,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("ix-icon-button",{"data-testid":"open-time-picker",class:{"time-icon-hidden":this.disabled||this.readonly},ghost:true,icon:a,onClick:t=>this.onTimeIconClick(t),"aria-label":"Toggle time picker","aria-expanded":this.show})))}hookValidationLifecycle({isInfo:t,isInvalid:e,isInvalidByRequired:o,isValid:r,isWarning:i}){this.isInvalid=e||o||this.isInputInvalid;this.isInfo=t;this.isValid=r;this.isWarning=i}async onInputValidationChange(){const t=await this.getValidityState();this.validityStateChange.emit({patternMismatch:t.patternMismatch,invalidReason:this.invalidReason})}getValidityState(){return Promise.resolve({badInput:false,customError:false,patternMismatch:this.isInputInvalid,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valid:!this.isInputInvalid,valueMissing:!!this.required&&!this.value})}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var t;const e=this.isInputInvalid?this.i18nErrorTimeUnparsable:this.invalidText;return o(r,{key:"abe977cb8fc1a42c0df2118b37889f9678ebdf5b",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"302a0ba9eb5e20a46c12ec621daca553515bab65",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,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()),o("ix-dropdown",{key:"f6b54e2644b9934a17b54a60a55ed25c9a85b79f","data-testid":"time-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",suppressOverflowBehavior:true,show:this.show,onShowChanged:t=>{this.show=t.detail}},o("ix-time-picker",{key:"c7beea8a47c8a2d7c524d5eb40c46b25a961f939",ref:this.timePickerRef,format:this.format,time:(t=this.time)!==null&&t!==void 0?t:"",hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval,standaloneAppearance:false,i18nConfirmTime:this.i18nSelectTime,i18nHeader:this.i18nTime,i18nHourColumnHeader:this.i18nHourColumnHeader,i18nSecondColumnHeader:this.i18nSecondColumnHeader,i18nMinuteColumnHeader:this.i18nMinuteColumnHeader,i18nMillisecondColumnHeader:this.i18nMillisecondColumnHeader,onTimeSelect:t=>{this.onInput(t.detail);this.show=false}})))}static get formAssociated(){return true}get hostElement(){return i(this)}static get watchers(){return{value:["watchValue"],isInputInvalid:["onInputValidationChange"]}}};v([b()],f.prototype,"hookValidationLifecycle",null);f.style=m;export{f as ix_time_input};
-//# sourceMappingURL=p-fadc415c.entry.js.map

package/dist/siemens-ix/p-fadc415c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["timeInputCss","TimeInput","constructor","hostRef","this","value","format","readonly","disabled","i18nErrorTimeUnparsable","hourInterval","minuteInterval","secondInterval","millisecondInterval","i18nSelectTime","i18nTime","i18nHourColumnHeader","i18nMinuteColumnHeader","i18nSecondColumnHeader","i18nMillisecondColumnHeader","show","time","isInputInvalid","isInvalid","isValid","isInfo","isWarning","focus","slotStartRef","makeRef","slotEndRef","timePickerRef","inputElementRef","dropdownElementRef","touched","updateFormInternalValue","formInternals","setFormValue","connectedCallback","classObserver","createClassMutationObserver","hostElement","checkClassList","disposableChangesAndVisibilityObservers","addDisposableChangesAndVisibilityObservers","updatePaddings","bind","componentWillLoad","now","DateTime","toFormat","onInput","watchValue","adjustPaddingForStartAndEnd","current","disconnectedCallback","_a","destroy","_b","call","hasValidValue","Promise","resolve","getAssociatedFormElement","form","valueChange","emit","fromFormat","invalidReason","onTimeIconClick","event","stopPropagation","preventDefault","openDropdown","dropdownElement","waitForCurrent","id","getAttribute","dropdownController","dismissAll","dropdown","getDropdownById","present","closeDropdown","dismiss","classList","contains","renderInput","h","class","SlotStart","onSlotChange","autoComplete","readOnly","required","ref","type","placeholder","name","target","onClick","onFocus","async","ixFocus","onBlur","ixBlur","SlotEnd","ghost","icon","iconClock","hookValidationLifecycle","isInvalidByRequired","onInputValidationChange","state","getValidityState","validityStateChange","patternMismatch","badInput","customError","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valid","valueMissing","getNativeInputElement","focusInput","isTouched","render","invalidText","Host","key","label","helperText","infoText","warningText","validText","showTextAsTooltip","controlRef","trigger","closeBehavior","suppressOverflowBehavior","onShowChanged","detail","standaloneAppearance","i18nConfirmTime","i18nHeader","onTimeSelect","__decorate","HookValidationLifecycle","prototype"],"sources":["src/components/time-input/time-input.scss?tag=ix-time-input&encapsulation=shadow","src/components/time-input/time-input.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n@import 'mixins/input';\n@import './../input/input.mixins.scss';\n\n@include input-field;\n\n:host {\n  @include ix-component;\n\n  display: inline-block;\n  position: relative;\n\n  input {\n    width: 100%;\n    height: 100%;\n  }\n\n  .time-icon-hidden {\n    display: none;\n  }\n}\n\n:host(.readonly) {\n  input {\n    pointer-events: none;\n  }\n}\n\n.input-wrapper {\n  position: relative;\n}\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { iconClock } from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { dropdownController } from '../dropdown/dropdown-controller';\nimport { SlotEnd, SlotStart } from '../input/input.fc';\nimport {\n  DisposableChangesAndVisibilityObservers,\n  addDisposableChangesAndVisibilityObservers,\n  adjustPaddingForStartAndEnd,\n} from '../input/input.util';\nimport {\n  ClassMutationObserver,\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n  createClassMutationObserver,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { IxTimePickerCustomEvent } from '../../components';\n\nexport type TimeInputValidityState = {\n  patternMismatch: boolean;\n  invalidReason?: string;\n};\n\n/**\n * @since 3.2.0\n * @form-ready\n * @slot start - Element will be displayed at the start of the input\n * @slot end - Element will be displayed at the end of the input\n */\n@Component({\n  tag: 'ix-time-input',\n  styleUrl: 'time-input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class TimeInput implements IxInputFieldComponent<string> {\n  @Element() hostElement!: HTMLIxTimeInputElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * Name of the input element\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * Placeholder of the input element\n   */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /**\n   * Value of the input element\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  /**\n   * Locale identifier (e.g. 'en' or 'de').\n   */\n  @Prop() locale?: string;\n\n  /**\n   * Format of time string\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() format: string = 'TT';\n\n  /**\n   * Required attribute\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * Helper text below the input field\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * Label of the input field\n   */\n  @Prop() label?: string;\n\n  /**\n   * Error text below the input field\n   */\n  @Prop({ reflect: true }) invalidText?: string;\n\n  /**\n   * Readonly attribute\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Disabled attribute\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Info text below the input field\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * Warning text below the input field\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * Valid text below the input field\n   */\n  @Prop() validText?: string;\n\n  /**\n   * Show text as tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * I18n string for the error message when the time is not parsable\n   */\n  @Prop({ attribute: 'i18n-error-time-unparsable' }) i18nErrorTimeUnparsable =\n    'Time is not valid';\n\n  /**\n   * Interval for hour selection\n   */\n  @Prop() hourInterval: number = 1;\n\n  /**\n   * Interval for minute selection\n   */\n  @Prop() minuteInterval: number = 1;\n\n  /**\n   * Interval for second selection\n   */\n  @Prop() secondInterval: number = 1;\n\n  /**\n   * Interval for millisecond selection\n   */\n  @Prop() millisecondInterval: number = 100;\n\n  /**\n   * Text of time-picker time select button\n   */\n  @Prop({ attribute: 'i18n-select-time' }) i18nSelectTime: string = 'Confirm';\n\n  /**\n   * Text for time-picker top label\n   */\n  @Prop({ attribute: 'i18n-time' }) i18nTime: string = 'Time';\n\n  /**\n   * Text for time-picker hour column header\n   */\n  @Prop({ attribute: 'i18n-hour-column-header' }) i18nHourColumnHeader: string =\n    'hr';\n\n  /**\n   * Text for time-picker minute column header\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop({ attribute: 'i18n-minute-column-header' })\n  i18nMinuteColumnHeader: string = 'min';\n\n  /**\n   * Text for time-picker second column header\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop({ attribute: 'i18n-second-column-header' })\n  i18nSecondColumnHeader: string = 'sec';\n\n  /**\n   * Text for time-picker millisecond column header\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop({ attribute: 'i18n-millisecond-column-header' })\n  i18nMillisecondColumnHeader: string = 'ms';\n\n  /**\n   * Input change event.\n   */\n  @Event({ cancelable: false }) valueChange!: EventEmitter<string>;\n\n  /**\n   * Validation state change event.\n   */\n  @Event() validityStateChange!: EventEmitter<TimeInputValidityState>;\n\n  /** @internal */\n  @Event() ixFocus!: EventEmitter<void>;\n\n  /** @internal */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() show = false;\n  @State() time: string | null = null;\n  @State() isInputInvalid = false;\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n  @State() focus = false;\n\n  private readonly slotStartRef = makeRef<HTMLDivElement>();\n  private readonly slotEndRef = makeRef<HTMLDivElement>();\n\n  private readonly timePickerRef = makeRef<HTMLIxTimePickerElement>();\n\n  private readonly inputElementRef = makeRef<HTMLInputElement>();\n  private readonly dropdownElementRef = makeRef<HTMLIxDropdownElement>();\n  private classObserver?: ClassMutationObserver;\n  private invalidReason?: string;\n  private touched = false;\n\n  private disposableChangesAndVisibilityObservers?: DisposableChangesAndVisibilityObservers;\n\n  updateFormInternalValue(value: string): void {\n    this.formInternals.setFormValue(value);\n    this.value = value;\n  }\n\n  connectedCallback(): void {\n    this.classObserver = createClassMutationObserver(this.hostElement, () =>\n      this.checkClassList()\n    );\n\n    this.disposableChangesAndVisibilityObservers =\n      addDisposableChangesAndVisibilityObservers(\n        this.hostElement,\n        this.updatePaddings.bind(this)\n      );\n  }\n\n  componentWillLoad(): void {\n    if (!this.value) {\n      const now = DateTime.now();\n      if (now.isValid) {\n        this.value = now.toFormat(this.format);\n      }\n    }\n\n    this.onInput(this.value);\n    if (this.isInputInvalid) {\n      this.time = null;\n    } else {\n      this.watchValue();\n    }\n\n    this.checkClassList();\n    this.updateFormInternalValue(this.value);\n  }\n\n  private updatePaddings() {\n    adjustPaddingForStartAndEnd(\n      this.slotStartRef.current,\n      this.slotEndRef.current,\n      this.inputElementRef.current\n    );\n  }\n\n  disconnectedCallback(): void {\n    this.classObserver?.destroy();\n    this.disposableChangesAndVisibilityObservers?.();\n  }\n\n  @Watch('value')\n  watchValue() {\n    this.time = this.value;\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(!!this.value);\n  }\n\n  /** @internal */\n  @Method()\n  getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return Promise.resolve(this.formInternals.form);\n  }\n\n  async onInput(value: string) {\n    this.value = value;\n    if (!value) {\n      this.isInputInvalid = false;\n      this.updateFormInternalValue(value);\n      this.valueChange.emit(value);\n      return;\n    }\n\n    if (!this.format) {\n      return;\n    }\n\n    const time = DateTime.fromFormat(value, this.format);\n    if (time.isValid) {\n      this.isInputInvalid = false;\n    } else {\n      this.isInputInvalid = true;\n      this.invalidReason = time.invalidReason;\n    }\n\n    this.updateFormInternalValue(value);\n    this.valueChange.emit(value);\n  }\n\n  onTimeIconClick(event: Event) {\n    if (!this.show) {\n      event.stopPropagation();\n      event.preventDefault();\n      this.openDropdown();\n    }\n\n    if (this.inputElementRef.current) {\n      this.inputElementRef.current.focus();\n    }\n  }\n\n  async openDropdown() {\n    // keep picker in sync with input\n    this.time = this.value;\n\n    const dropdownElement = await this.dropdownElementRef.waitForCurrent();\n    const id = dropdownElement.getAttribute('data-ix-dropdown');\n\n    dropdownController.dismissAll();\n    if (!id) {\n      return;\n    }\n\n    const dropdown = dropdownController.getDropdownById(id);\n    if (!dropdown) {\n      return;\n    }\n    dropdownController.present(dropdown);\n  }\n\n  async closeDropdown() {\n    const dropdownElement = await this.dropdownElementRef.waitForCurrent();\n    const id = dropdownElement.getAttribute('data-ix-dropdown');\n\n    if (!id) {\n      return;\n    }\n\n    const dropdown = dropdownController.getDropdownById(id);\n    if (!dropdown) {\n      return;\n    }\n    dropdownController.dismiss(dropdown);\n  }\n\n  private checkClassList() {\n    this.isInvalid = this.hostElement.classList.contains('ix-invalid');\n  }\n\n  private renderInput() {\n    return (\n      <div class=\"input-wrapper\">\n        <SlotStart\n          slotStartRef={this.slotStartRef}\n          onSlotChange={() => this.updatePaddings()}\n        ></SlotStart>\n        <input\n          autoComplete=\"off\"\n          class={{\n            'is-invalid': this.isInputInvalid,\n          }}\n          disabled={this.disabled}\n          readOnly={this.readonly}\n          required={this.required}\n          ref={this.inputElementRef}\n          type=\"text\"\n          value={this.value}\n          placeholder={this.placeholder}\n          name={this.name}\n          onInput={(event) => {\n            const target = event.target as HTMLInputElement;\n            this.onInput(target.value);\n          }}\n          onClick={(event) => {\n            if (this.show) {\n              event.stopPropagation();\n              event.preventDefault();\n            }\n          }}\n          onFocus={async () => {\n            this.openDropdown();\n            this.ixFocus.emit();\n          }}\n          onBlur={() => {\n            this.ixBlur.emit();\n            this.touched = true;\n          }}\n        ></input>\n        <SlotEnd\n          slotEndRef={this.slotEndRef}\n          onSlotChange={() => this.updatePaddings()}\n        >\n          <ix-icon-button\n            data-testid=\"open-time-picker\"\n            class={{ 'time-icon-hidden': this.disabled || this.readonly }}\n            ghost\n            icon={iconClock}\n            onClick={(event) => this.onTimeIconClick(event)}\n            aria-label=\"Toggle time picker\"\n            aria-expanded={this.show}\n          ></ix-icon-button>\n        </SlotEnd>\n      </div>\n    );\n  }\n\n  @HookValidationLifecycle()\n  hookValidationLifecycle({\n    isInfo,\n    isInvalid,\n    isInvalidByRequired,\n    isValid,\n    isWarning,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired || this.isInputInvalid;\n    this.isInfo = isInfo;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n  }\n\n  @Watch('isInputInvalid')\n  async onInputValidationChange() {\n    const state = await this.getValidityState();\n    this.validityStateChange.emit({\n      patternMismatch: state.patternMismatch,\n      invalidReason: this.invalidReason,\n    });\n  }\n\n  /** @internal */\n  @Method()\n  getValidityState(): Promise<ValidityState> {\n    return Promise.resolve({\n      badInput: false,\n      customError: false,\n      patternMismatch: this.isInputInvalid,\n      rangeOverflow: false,\n      rangeUnderflow: false,\n      stepMismatch: false,\n      tooLong: false,\n      tooShort: false,\n      typeMismatch: false,\n      valid: !this.isInputInvalid,\n      valueMissing: !!this.required && !this.value,\n    });\n  }\n\n  /**\n   * Get the native input element\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLInputElement> {\n    return this.inputElementRef.waitForCurrent();\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    return (await this.getNativeInputElement()).focus();\n  }\n\n  /**\n   * Returns whether the text field has been touched.\n   * @internal\n   */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    const invalidText = this.isInputInvalid\n      ? this.i18nErrorTimeUnparsable\n      : this.invalidText;\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          readonly: this.readonly,\n        }}\n      >\n        <ix-field-wrapper\n          label={this.label}\n          helperText={this.helperText}\n          isInvalid={this.isInvalid}\n          invalidText={invalidText}\n          infoText={this.infoText}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          warningText={this.warningText}\n          isValid={this.isValid}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          required={this.required}\n          controlRef={this.inputElementRef}\n        >\n          {this.renderInput()}\n        </ix-field-wrapper>\n        <ix-dropdown\n          data-testid=\"time-dropdown\"\n          trigger={this.inputElementRef.waitForCurrent()}\n          ref={this.dropdownElementRef}\n          closeBehavior=\"outside\"\n          suppressOverflowBehavior={true}\n          show={this.show}\n          onShowChanged={(event) => {\n            this.show = event.detail;\n          }}\n        >\n          <ix-time-picker\n            ref={this.timePickerRef}\n            format={this.format}\n            time={this.time ?? ''}\n            hourInterval={this.hourInterval}\n            minuteInterval={this.minuteInterval}\n            secondInterval={this.secondInterval}\n            millisecondInterval={this.millisecondInterval}\n            standaloneAppearance={false}\n            i18nConfirmTime={this.i18nSelectTime}\n            i18nHeader={this.i18nTime}\n            i18nHourColumnHeader={this.i18nHourColumnHeader}\n            i18nSecondColumnHeader={this.i18nSecondColumnHeader}\n            i18nMinuteColumnHeader={this.i18nMinuteColumnHeader}\n            i18nMillisecondColumnHeader={this.i18nMillisecondColumnHeader}\n            onTimeSelect={(event: IxTimePickerCustomEvent<string>) => {\n              this.onInput(event.detail);\n\n              this.show = false;\n            }}\n          ></ix-time-picker>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as s,a as i}from"./p-B6NtGPRE.js";import{g as r}from"./p-i60z1FJC.js";const o=":host{position:relative;display:flex;width:100%;flex-wrap:wrap;align-items:stretch}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .group{display:flex;position:absolute;align-items:center;height:100%}:host .group-start{left:0px;height:2rem;margin-left:0.5rem;color:var(--theme-color-soft-text)}:host .group-end{right:0px;height:2rem;margin-right:0.5rem;color:var(--theme-color-soft-text)}:host ::slotted(*){display:flex}:host(.disabled){pointer-events:none}:host(.disabled) .group-start ::slotted(*),:host(.disabled) .group-end ::slotted(*){opacity:0.4 !important}";const a=class{constructor(e){t(this,e);this.disabled=false;this.inputPaddingLeft=0;this.inputPaddingRight=0}get inputElement(){return this.hostElement.querySelector("input")}componentWillLoad(){var t;const{valid:e}=this.inputElement.validity;this.inputElement.addEventListener("valid",(()=>{this.onValidInput()}));this.inputElement.addEventListener("invalid",(()=>{this.onInvalidInput()}));this.inputElement.addEventListener("input",(()=>{this.startSlotChanged()}));(t=this.inputElement.form)===null||t===void 0?void 0:t.addEventListener("submit",(()=>{this.startSlotChanged()}));e?this.onValidInput():this.onInvalidInput();this.observer=new MutationObserver((()=>{this.slotChanged();this.startSlotChanged();this.endSlotChanged()}));this.observer.observe(this.hostElement,{subtree:true,childList:true,attributes:true,characterData:true})}componentDidRender(){this.prepareInputElement()}onValidInput(){this.startSlotChanged()}onInvalidInput(){this.startSlotChanged()}prepareInputElement(){if(this.inputElement){this.inputElement.style.width="100%";if(this.inputPaddingRight!==0){this.inputElement.style.paddingRight=this.inputPaddingRight+"px"}else{this.inputElement.style.paddingRight="0.5rem"}if(this.inputPaddingLeft!==0){this.inputElement.style.paddingLeft=this.inputPaddingLeft+"px"}else{this.inputElement.style.paddingLeft="0.5rem"}}else{console.warn('You used the ix-input-group without an input tag, e.g. <input class="ix-form-control" />')}}slotChanged(){var t;this.disabled=(t=this.inputElement)===null||t===void 0?void 0:t.disabled}startSlotChanged(){setTimeout((()=>{var t,e;const s=this.getChildrenWidth(this.startSlotRef);if(s!==0){this.inputPaddingLeft=11+s}else{this.inputPaddingLeft=0}if(!this.inputElement){return}const i=!this.inputElement.validity.valid||this.inputElement.classList.contains("is-invalid");const r=((t=this.inputElement.form)===null||t===void 0?void 0:t.classList.contains("was-validated"))||((e=this.inputElement.form)===null||e===void 0?void 0:e.noValidate)===false;if(r&&i){const t=this.inputPaddingLeft!==0?this.inputPaddingLeft:7;this.inputElement.style.backgroundPosition=`left ${t}px center`;this.inputPaddingLeft+=26}}))}endSlotChanged(){setTimeout((()=>{this.inputPaddingRight=15+this.getChildrenWidth(this.endSlotRef)}))}getChildrenWidth(t){if(!t){return 0}const e=r(t);if(e.length===0){return 0}let s=0;e.forEach((t=>{s+=t.getBoundingClientRect().width}));return s}render(){return e(s,{key:"ba35d867fbc675ceacfbf985ae1c4eabce22725c",class:{disabled:this.disabled}},e("div",{key:"278b075b6160b310ac0c87e70678e57c74a99e1e",class:"group group-start"},e("slot",{key:"b13a940241dcbbcd65e970bd4741bba538a4fa54",ref:t=>this.startSlotRef=t,name:"input-start"})),e("slot",{key:"d9d392d7368a36641d4534cef71be623b38e9263"}),e("div",{key:"a248961f31b840d17553aeccb13d1441787828f7",class:"group group-end"},e("slot",{key:"bdee0a589c4bfd5041508c476163290d47dc320e",ref:t=>this.endSlotRef=t,name:"input-end"})))}get hostElement(){return i(this)}};a.style=o;export{a as ix_input_group};
-//# sourceMappingURL=p-fe1e79d6.entry.js.map

package/dist/siemens-ix/p-zYzFdFx8.js

@@ -1,2 +0,0 @@
-import{a as i}from"./p-B6NtGPRE.js";async function n(i){if(typeof i.isTouched==="function"){return i.isTouched()}}async function t(i){if(i.getAssociatedFormElement&&typeof i.getAssociatedFormElement==="function"){const n=await i.getAssociatedFormElement();if(!n){return false}return n.noValidate}return false}function e(i,n,t){const e=new MutationObserver(n);e.observe(i,{subtree:t===null||t===void 0?void 0:t.includeChildren,childList:t===null||t===void 0?void 0:t.includeChildren,attributes:true,attributeFilter:["class"]});return{destroy(){e.disconnect()}}}function o(i,n,t){return i.classList.contains(`${n}`)||(t?!!i.querySelector(`.${n}`):false)}function a(i,n=false){return{isInvalid:o(i,"ix-invalid",n),isInvalidByRequired:o(i,"ix-invalid--required",n),isValid:o(i,"ix-valid",n),isInfo:o(i,"ix-info",n),isWarning:o(i,"ix-warning",n)}}function s(o){return(s,l)=>{let u;let r;const{componentWillLoad:c,disconnectedCallback:d,connectedCallback:f}=s;s.connectedCallback=function(){const e=i(this);u=async()=>{const i=await t(e);if(i){return}if(e.hasValidValue&&typeof e.hasValidValue==="function"){const i=await e.hasValidValue();const t=await n(e);if(e.required){e.classList.toggle("ix-invalid--required",!i&&t)}else{e.classList.remove("ix-invalid--required")}}if(e.getValidityState&&typeof e.getValidityState==="function"){const i=await e.getValidityState();e.classList.toggle(`ix-invalid--validity-patternMismatch`,i.patternMismatch)}};e.addEventListener("checkedChange",u);e.addEventListener("valueChange",u);e.addEventListener("ixBlur",u);setTimeout(u);return f===null||f===void 0?void 0:f.call(this)};s.componentWillLoad=function(){const n=i(this);r=e(n,(()=>{const i=a(n,o===null||o===void 0?void 0:o.includeChildren);s[l].call(this,i)}),o);const t=a(n,o===null||o===void 0?void 0:o.includeChildren);s[l].call(this,t);return c===null||c===void 0?void 0:c.call(this)};s.disconnectedCallback=function(){const n=i(this);if(n&&r){r.destroy();r=null}if(n&&u){n.removeEventListener("checkedChange",u);n.removeEventListener("valueChange",u);n.removeEventListener("ixBlur",u);u=null}return d===null||d===void 0?void 0:d.call(this)}}}export{s as H,a,e as c,t as s};
-//# sourceMappingURL=p-zYzFdFx8.js.map

package/dist/siemens-ix/p-zYzFdFx8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-zYzFdFx8.js","sources":["src/components/utils/input/validation.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { getElement } from '@stencil/core';\nimport { HTMLIxFormComponentElement, IxFormComponent } from '.';\nimport { IxComponent } from '../internal';\n\nexport type ClassMutationObserver = {\n  destroy: () => void;\n};\n\nexport async function isTouched<T>(host: IxFormComponent<T>) {\n  if (typeof host.isTouched === 'function') {\n    return host.isTouched();\n  }\n}\n\nexport async function shouldSuppressInternalValidation<T>(\n  host: IxFormComponent<T>\n) {\n  if (\n    host.getAssociatedFormElement &&\n    typeof host.getAssociatedFormElement === 'function'\n  ) {\n    const form = await host.getAssociatedFormElement();\n\n    if (!form) {\n      return false;\n    }\n\n    return form.noValidate;\n  }\n\n  return false;\n}\n\nexport function createClassMutationObserver(\n  element: HTMLElement,\n  callback: () => void,\n  options?: {\n    includeChildren?: boolean;\n  }\n): ClassMutationObserver {\n  const observer = new MutationObserver(callback);\n  observer.observe(element, {\n    subtree: options?.includeChildren,\n    childList: options?.includeChildren,\n    attributes: true,\n    attributeFilter: ['class'],\n  });\n\n  return {\n    destroy() {\n      observer.disconnect();\n    },\n  };\n}\n\nexport type ValidationResultProperty =\n  | 'isInvalid'\n  | 'isInvalidByRequired'\n  | 'isValid'\n  | 'isInfo'\n  | 'isWarning';\nexport type ValidationResults = Record<ValidationResultProperty, boolean>;\n\nfunction containsClass(\n  hostElement: HTMLIxFormComponentElement<unknown>,\n  className: string,\n  includeChildren: boolean\n) {\n  return (\n    hostElement.classList.contains(`${className}`) ||\n    (includeChildren ? !!hostElement.querySelector(`.${className}`) : false)\n  );\n}\n\nexport function checkFieldClasses(\n  hostElement: HTMLIxFormComponentElement<unknown>,\n  includeChildren = false\n): ValidationResults {\n  return {\n    isInvalid: containsClass(hostElement, 'ix-invalid', includeChildren),\n    isInvalidByRequired: containsClass(\n      hostElement,\n      'ix-invalid--required',\n      includeChildren\n    ),\n    isValid: containsClass(hostElement, 'ix-valid', includeChildren),\n    isInfo: containsClass(hostElement, 'ix-info', includeChildren),\n    isWarning: containsClass(hostElement, 'ix-warning', includeChildren),\n  };\n}\n\nexport function HookValidationLifecycle(options?: {\n  includeChildren?: boolean;\n}) {\n  return (proto: IxComponent, methodName: string) => {\n    let checkIfRequiredFunction: (() => Promise<void>) | null;\n    let classMutationObserver: ClassMutationObserver | null;\n    const { componentWillLoad, disconnectedCallback, connectedCallback } =\n      proto;\n\n    proto.connectedCallback = function () {\n      const host = getElement(\n        this\n      ) as unknown as HTMLIxFormComponentElement<unknown>;\n\n      checkIfRequiredFunction = async () => {\n        const skipValidation = await shouldSuppressInternalValidation(host);\n        if (skipValidation) {\n          return;\n        }\n\n        if (host.hasValidValue && typeof host.hasValidValue === 'function') {\n          const hasValue = await host.hasValidValue();\n          const touched = await isTouched(host);\n\n          if (host.required) {\n            host.classList.toggle('ix-invalid--required', !hasValue && touched);\n          } else {\n            host.classList.remove('ix-invalid--required');\n          }\n        }\n\n        if (\n          host.getValidityState &&\n          typeof host.getValidityState === 'function'\n        ) {\n          const validityState = await host.getValidityState();\n\n          host.classList.toggle(\n            `ix-invalid--validity-patternMismatch`,\n            validityState.patternMismatch\n          );\n        }\n      };\n\n      host.addEventListener('checkedChange', checkIfRequiredFunction);\n      host.addEventListener('valueChange', checkIfRequiredFunction);\n      host.addEventListener('ixBlur', checkIfRequiredFunction);\n      setTimeout(checkIfRequiredFunction);\n      return connectedCallback?.call(this);\n    };\n\n    proto.componentWillLoad = function () {\n      const host = getElement(\n        this\n      ) as unknown as HTMLIxFormComponentElement<unknown>;\n      classMutationObserver = createClassMutationObserver(\n        host,\n        () => {\n          const result = checkFieldClasses(host, options?.includeChildren);\n          proto[methodName].call(this, result);\n        },\n        options\n      );\n      const result = checkFieldClasses(host, options?.includeChildren);\n      proto[methodName].call(this, result);\n      return componentWillLoad?.call(this);\n    };\n\n    proto.disconnectedCallback = function () {\n      const host = getElement(this);\n\n      if (host && classMutationObserver) {\n        classMutationObserver.destroy();\n        classMutationObserver = null;\n      }\n\n      if (host && checkIfRequiredFunction) {\n        host.removeEventListener('checkedChange', checkIfRequiredFunction);\n        host.removeEventListener('valueChange', checkIfRequiredFunction);\n        host.removeEventListener('ixBlur', checkIfRequiredFunction);\n        checkIfRequiredFunction = null;\n      }\n\n      return disconnectedCallback?.call(this);\n    };\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/types/interfaces.d.ts

@@ -1,27 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import type {
-  Components as IxIconsComponents,
-  JSX as IxIconsJSX,
-} from '@siemens/ix-icons';
-
-export * from './components';
-export * from './index';
-
-declare module './components' {
-  export namespace Components {
-    export type IxIcon = IxIconsComponents.IxIcon;
-  }
-}
-
-declare module './components' {
-  export namespace JSX {
-    export type IxIcon = IxIconsJSX.IxIcon;
-  }
-}