@siemens/ix 3.0.0-alpha.3 → 3.0.0-alpha.4

package/dist/siemens-ix/{p-ac9215b9.entry.js → p-3edc7dd2.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as t,H as e}from"./p-DtF9fwpD.js";const o=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-card{width:100%;height:100%}";const a=class{constructor(t){r(this,t);this.variant="outline";this.icon=undefined;this.selected=false}render(){return t(e,{key:"39a646f71db64b59ba53a54805663851a8f3e284"},t("ix-card",{key:"e5eb68de78c4773d001bbabfc99f7bfbad374fe0",selected:this.selected,variant:this.variant,class:"pointer"},t("ix-card-content",{key:"5da654e9f30859b19243fef30e5d60dc545a2463"},this.icon?t("ix-icon",{class:"icon",name:this.icon,size:"32"}):null,t("div",{key:"8377281c7516efa2c0bd9dfce86b92aa01fb62f1"},this.heading?t("ix-typography",{format:"h4"},this.heading):null,this.subheading?t("ix-typography",{format:"h5"},this.subheading):null,t("slot",{key:"f56da3824a2f808dc547044ae87afce70e3673ef"})))))}};a.style=o;export{a as ix_action_card};
-//# sourceMappingURL=p-ac9215b9.entry.js.map
+import{r,h as t,H as e}from"./p-BNpBEtDH.js";const o=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-card{width:100%;height:100%}";const a=class{constructor(t){r(this,t);this.variant="outline";this.icon=undefined;this.selected=false}render(){return t(e,{key:"39a646f71db64b59ba53a54805663851a8f3e284"},t("ix-card",{key:"e5eb68de78c4773d001bbabfc99f7bfbad374fe0",selected:this.selected,variant:this.variant,class:"pointer"},t("ix-card-content",{key:"5da654e9f30859b19243fef30e5d60dc545a2463"},this.icon?t("ix-icon",{class:"icon",name:this.icon,size:"32"}):null,t("div",{key:"8377281c7516efa2c0bd9dfce86b92aa01fb62f1"},this.heading?t("ix-typography",{format:"h4"},this.heading):null,this.subheading?t("ix-typography",{format:"h5"},this.subheading):null,t("slot",{key:"f56da3824a2f808dc547044ae87afce70e3673ef"})))))}};a.style=o;export{a as ix_action_card};
+//# sourceMappingURL=p-3edc7dd2.entry.js.map

package/dist/siemens-ix/{p-43e8cbf1.entry.js → p-4b0c3eeb.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as t,H as r,g as a}from"./p-DtF9fwpD.js";import{H as i}from"./p-Cdt22lfd.js";import{m as n}from"./p-bcj7UEIC.js";import{m as d,T as l,o as s}from"./p-CANRrgK_.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-Ou74PMQs.js";const b='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(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}';var c=undefined&&undefined.__decorate||function(e,o,t,r){var a=arguments.length,i=a<3?o:r===null?r=Object.getOwnPropertyDescriptor(o,t):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i;return a>3&&i&&Object.defineProperty(o,t,i),i};const h=class{constructor(t){e(this,t);this.valueChange=o(this,"valueChange",7);this.validityStateChange=o(this,"validityStateChange",7);this.ixBlur=o(this,"ixBlur",7);if(t.$hostElement$["s-ei"]){this.formInternals=t.$hostElement$["s-ei"]}else{this.formInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.formInternals}this.value="";this.required=false;this.disabled=false;this.readonly=false;this.resizeBehavior="both";this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.textAreaRef=n();this.touched=false}updateClassMappings(e){d(this,e)}componentWillLoad(){this.updateFormInternalValue(this.value)}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){return t(r,{key:"4ed1e77e5a025a8d1b65e3a25008d4fca1bc8ad8",class:{disabled:this.disabled,readonly:this.readonly}},t("ix-field-wrapper",{key:"b6ba1fb2ffe4f26ba0359eb84b973c33c35ebe55",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&t("ix-typography",{key:"00f8ab4aa178a1af626d55ce31767a664ef9756e",class:"bottom-text",slot:"bottom-right",textColor:"soft"},this.value.length,"/",this.maxLength),t("div",{key:"acba6f724a576aad52da6d056ac8c55d17e20d53",class:"input-wrapper"},t(l,{key:"626449aeefaba4a31e5b6d96f8638c1cf962555a",minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.textareaHeight,textareaWidth:this.textareaWidth,resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{s(this,this.textAreaRef.current);this.touched=true}}))))}static get formAssociated(){return true}get hostElement(){return a(this)}};c([i()],h.prototype,"updateClassMappings",null);h.style=b;export{h as ix_textarea};
-//# sourceMappingURL=p-43e8cbf1.entry.js.map
+import{r as e,c as o,h as t,H as r,g as a}from"./p-BNpBEtDH.js";import{H as i}from"./p-2j3Ly91D.js";import{m as n}from"./p-bcj7UEIC.js";import{m as d,T as l,o as s}from"./p-BPfEX8mR.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-Ou74PMQs.js";const b='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(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}';var c=undefined&&undefined.__decorate||function(e,o,t,r){var a=arguments.length,i=a<3?o:r===null?r=Object.getOwnPropertyDescriptor(o,t):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i;return a>3&&i&&Object.defineProperty(o,t,i),i};const h=class{constructor(t){e(this,t);this.valueChange=o(this,"valueChange",7);this.validityStateChange=o(this,"validityStateChange",7);this.ixBlur=o(this,"ixBlur",7);if(t.$hostElement$["s-ei"]){this.formInternals=t.$hostElement$["s-ei"]}else{this.formInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.formInternals}this.value="";this.required=false;this.disabled=false;this.readonly=false;this.resizeBehavior="both";this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.textAreaRef=n();this.touched=false}updateClassMappings(e){d(this,e)}componentWillLoad(){this.updateFormInternalValue(this.value)}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){return t(r,{key:"4ed1e77e5a025a8d1b65e3a25008d4fca1bc8ad8",class:{disabled:this.disabled,readonly:this.readonly}},t("ix-field-wrapper",{key:"b6ba1fb2ffe4f26ba0359eb84b973c33c35ebe55",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&t("ix-typography",{key:"00f8ab4aa178a1af626d55ce31767a664ef9756e",class:"bottom-text",slot:"bottom-right",textColor:"soft"},this.value.length,"/",this.maxLength),t("div",{key:"acba6f724a576aad52da6d056ac8c55d17e20d53",class:"input-wrapper"},t(l,{key:"626449aeefaba4a31e5b6d96f8638c1cf962555a",minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.textareaHeight,textareaWidth:this.textareaWidth,resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{s(this,this.textAreaRef.current);this.touched=true}}))))}static get formAssociated(){return true}get hostElement(){return a(this)}};c([i()],h.prototype,"updateClassMappings",null);h.style=b;export{h as ix_textarea};
+//# sourceMappingURL=p-4b0c3eeb.entry.js.map

package/dist/siemens-ix/{p-19b855f3.entry.js → p-518b1e6b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as o}from"./p-DtF9fwpD.js";const a=":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}: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 .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:0 1rem 1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";const s=class{constructor(i){t(this,i);this.timeChange=e(this,"timeChange",7);this.dateChange=e(this,"dateChange",7);this.dateSelect=e(this,"dateSelect",7);this.range=true;this.showHour=true;this.showMinutes=true;this.showSeconds=true;this.dateFormat="yyyy/LL/dd";this.timeFormat="HH:mm:ss";this.showTimeReference=false;this.i18nDone="Done";this.i18nTime="Time";this.weekStartIndex=0;this.showWeekNumbers=false}async onDone(){var t,e,i,o;const a=await((t=this.datePickerElement)===null||t===void 0?void 0:t.getCurrentDate());const s=await((e=this.timePickerElement)===null||e===void 0?void 0:e.getCurrentTime());this.dateSelect.emit({from:(i=a===null||a===void 0?void 0:a.from)!==null&&i!==void 0?i:"",to:(o=a===null||a===void 0?void 0:a.to)!==null&&o!==void 0?o:"",time:s!==null&&s!==void 0?s:""})}async onDateChange(t){t.preventDefault();t.stopPropagation();const{detail:e}=t;this.dateChange.emit(e)}async onTimeChange(t){t.preventDefault();t.stopPropagation();const{detail:e}=t;this.timeChange.emit(e)}render(){return i(o,{key:"dd665870ff9bffac05640617ded60ca70bfb4060"},i("ix-layout-grid",{key:"b67a7dfbfad4383ece3a69c6da13c2fd76a48d60",class:"no-padding"},i("ix-row",{key:"7e5f0d44bdb53dd28ceb5d2389f389d582d2a7d4"},i("ix-col",{key:"aa9c25a9dc54da2d99f486c127980105287bfb0c"},i("ix-date-picker",{key:"0627d2e1c77a29fec14cc79fea96945626881313",ref:t=>this.datePickerElement=t,corners:"left",range:this.range,onDateChange:t=>this.onDateChange(t),from:this.from,to:this.to,format:this.dateFormat,minDate:this.minDate,maxDate:this.maxDate,weekStartIndex:this.weekStartIndex,standaloneAppearance:false,locale:this.locale,showWeekNumbers:this.showWeekNumbers})),i("ix-col",{key:"86804434e7b28a88011f93a37f33ed01cc9699d7"},i("ix-time-picker",{key:"b68dd97d4d0fbbdc1e52f72c27eb975f52a60402",class:"min-width",ref:t=>this.timePickerElement=t,standaloneAppearance:false,showHour:this.showHour,showMinutes:this.showMinutes,showSeconds:this.showSeconds,onTimeChange:t=>this.onTimeChange(t),format:this.timeFormat,textTime:this.i18nTime,time:this.time}),i("div",{key:"d2d929c1c7bcca8326d2b7d1ba94ffb1be7f5b39",class:"btn-select-date-container"},i("ix-button",{key:"5052d32b58dfaafb5e5f0038df5ea8aa3c1752e3",class:"btn-select-date",onClick:()=>this.onDone()},this.i18nDone))))))}};s.style=a;export{s as ix_datetime_picker};
-//# sourceMappingURL=p-19b855f3.entry.js.map
+import{r as t,c as e,h as i,H as o}from"./p-BNpBEtDH.js";const a=":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}: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 .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:0 1rem 1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";const s=class{constructor(i){t(this,i);this.timeChange=e(this,"timeChange",7);this.dateChange=e(this,"dateChange",7);this.dateSelect=e(this,"dateSelect",7);this.range=true;this.showHour=true;this.showMinutes=true;this.showSeconds=true;this.dateFormat="yyyy/LL/dd";this.timeFormat="HH:mm:ss";this.showTimeReference=false;this.i18nDone="Done";this.i18nTime="Time";this.weekStartIndex=0;this.showWeekNumbers=false}async onDone(){var t,e,i,o;const a=await((t=this.datePickerElement)===null||t===void 0?void 0:t.getCurrentDate());const s=await((e=this.timePickerElement)===null||e===void 0?void 0:e.getCurrentTime());this.dateSelect.emit({from:(i=a===null||a===void 0?void 0:a.from)!==null&&i!==void 0?i:"",to:(o=a===null||a===void 0?void 0:a.to)!==null&&o!==void 0?o:"",time:s!==null&&s!==void 0?s:""})}async onDateChange(t){t.preventDefault();t.stopPropagation();const{detail:e}=t;this.dateChange.emit(e)}async onTimeChange(t){t.preventDefault();t.stopPropagation();const{detail:e}=t;this.timeChange.emit(e)}render(){return i(o,{key:"dd665870ff9bffac05640617ded60ca70bfb4060"},i("ix-layout-grid",{key:"b67a7dfbfad4383ece3a69c6da13c2fd76a48d60",class:"no-padding"},i("ix-row",{key:"7e5f0d44bdb53dd28ceb5d2389f389d582d2a7d4"},i("ix-col",{key:"aa9c25a9dc54da2d99f486c127980105287bfb0c"},i("ix-date-picker",{key:"0627d2e1c77a29fec14cc79fea96945626881313",ref:t=>this.datePickerElement=t,corners:"left",range:this.range,onDateChange:t=>this.onDateChange(t),from:this.from,to:this.to,format:this.dateFormat,minDate:this.minDate,maxDate:this.maxDate,weekStartIndex:this.weekStartIndex,standaloneAppearance:false,locale:this.locale,showWeekNumbers:this.showWeekNumbers})),i("ix-col",{key:"86804434e7b28a88011f93a37f33ed01cc9699d7"},i("ix-time-picker",{key:"b68dd97d4d0fbbdc1e52f72c27eb975f52a60402",class:"min-width",ref:t=>this.timePickerElement=t,standaloneAppearance:false,showHour:this.showHour,showMinutes:this.showMinutes,showSeconds:this.showSeconds,onTimeChange:t=>this.onTimeChange(t),format:this.timeFormat,textTime:this.i18nTime,time:this.time}),i("div",{key:"d2d929c1c7bcca8326d2b7d1ba94ffb1be7f5b39",class:"btn-select-date-container"},i("ix-button",{key:"5052d32b58dfaafb5e5f0038df5ea8aa3c1752e3",class:"btn-select-date",onClick:()=>this.onDone()},this.i18nDone))))))}};s.style=a;export{s as ix_datetime_picker};
+//# sourceMappingURL=p-518b1e6b.entry.js.map

package/dist/siemens-ix/p-575b3137.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as s,g as o}from"./p-BNpBEtDH.js";import{B as r,j as n,q as h}from"./p-CrTP-icT.js";import{a as l}from"./p-Bb7pDeaQ.js";import{A as a}from"./p-CUWFODSd.js";import{H as d}from"./p-2j3Ly91D.js";import{O as c}from"./p-MzQjR-h5.js";import{m as u}from"./p-bcj7UEIC.js";import{c as b}from"./p-CX81WQtk.js";import"./p-CKoABG1h.js";const f=":host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}: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 .display-none{display:none}:host .select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:not(.disabled):not(:disabled){cursor:pointer}:host .select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff;outline-offset:var(--theme-input--focus--outline-offset)}:host .select.readonly,:host .select.disabled{box-shadow:none !important;border:none;border-radius:0;cursor:pointer}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active,:host .select.disabled,:host .select.disabled:hover,:host .select.disabled:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible,:host .select.disabled:focus,:host .select.disabled:focus-within,:host .select.disabled:focus-visible{outline:none}:host .select.readonly input:focus,:host .select.readonly input:focus-visible,:host .select.disabled input:focus,:host .select.disabled input:focus-visible{outline:none}:host .select.disabled{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-weak-bdr)}:host .select.disabled input{color:var(--theme-color-weak-text)}:host .select.readonly{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-soft-bdr)}:host .select.readonly input{color:var(--theme-color-std-text)}:host .hidden{display:none !important}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}:host .input-container .chips>ix-filter-chip{margin:0.1rem}:host .input-container ix-icon-button{height:1.875rem;width:1.875rem;min-height:1.875rem;min-width:1.875rem}:host .input-container input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-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);background:transparent;height:1.75rem;width:100%}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host ix-dropdown{max-width:100%}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-dynamic--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select{border-color:var(--theme-input--border-color--warning)}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid);box-shadow:none}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select:active{border-color:var(--theme-input--border-color--invalid--active) !important}";var p=undefined&&undefined.__decorate||function(t,i,e,s){var o=arguments.length,r=o<3?i:s===null?s=Object.getOwnPropertyDescriptor(i,e):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,i,e,s);else for(var h=t.length-1;h>=0;h--)if(n=t[h])r=(o<3?n(r):o>3?n(i,e,r):n(i,e))||r;return o>3&&r&&Object.defineProperty(i,e,r),r};const v=class{constructor(e){t(this,e);this.valueChange=i(this,"valueChange",7);this.inputChange=i(this,"inputChange",7);this.addItem=i(this,"addItem",7);this.ixBlur=i(this,"ixBlur",7);if(e.$hostElement$["s-ei"]){this.formInternals=e.$hostElement$["s-ei"]}else{this.formInternals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.formInternals}this.required=false;this.value=[];this.allowClear=false;this.mode="single";this.editable=false;this.disabled=false;this.readonly=false;this.i18nPlaceholder="Select an option";this.i18nPlaceholderEditable="Type of select option";this.i18nSelectListHeader="Select an option";this.i18nNoMatches="No matches";this.hideListHeader=false;this.dropdownShow=false;this.selectedLabels=[];this.isDropdownEmpty=false;this.inputFilterText="";this.inputValue="";this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.dropdownWrapperRef=u();this.dropdownAnchorRef=u();this.inputRef=u();this.touched=false;this.itemObserver=b((()=>{if(!this.arrowFocusController){return}this.arrowFocusController.items=this.visibleNonShadowItems}));this.focusControllerCallbackBind=this.focusDropdownItem.bind(this)}get nonShadowItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get visibleNonShadowItems(){return this.nonShadowItems.filter((t=>!t.classList.contains("display-none")))}get shadowItems(){return Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-select-item"))}get visibleShadowItems(){return this.shadowItems.filter((t=>!t.classList.contains("display-none")))}get items(){return[...this.nonShadowItems,...this.shadowItems]}get visibleItems(){return this.items.filter((t=>!t.classList.contains("display-none")))}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemButton(){return this.hostElement.shadowRoot.querySelector(".add-item")}get isSingleMode(){return this.mode==="single"}get isMultipleMode(){return this.mode==="multiple"}get isEveryDropdownItemHidden(){return this.items.every((t=>t.classList.contains("display-none")))}watchValue(t){this.value=t;this.updateSelection()}watchDropdownShow(t){if(t&&this.dropdownElement){this.itemObserver.observe(this.dropdownElement,{childList:true,subtree:true})}else{this.cleanupResources()}}cleanupResources(){var t,i;(t=this.arrowFocusController)===null||t===void 0?void 0:t.disconnect();this.arrowFocusController=undefined;(i=this.itemObserver)===null||i===void 0?void 0:i.disconnect()}onItemClicked(t){const i=t.detail;this.itemClick(i)}updateFormInternalValue(t){if(Array.isArray(t)){this.formInternals.setFormValue(t.join(","))}else{this.formInternals.setFormValue(t)}}async hasValidValue(){return this.required&&!!this.hasValue()}hasValue(){if(Array.isArray(this.value)){return!!this.value.length}return!!this.value}focusDropdownItem(t){var i,e;this.navigationItem=undefined;if(t<this.visibleNonShadowItems.length){const s=(e=(i=this.visibleNonShadowItems[t])===null||i===void 0?void 0:i.shadowRoot)===null||e===void 0?void 0:e.querySelector("ix-dropdown-item");if(!s){return}requestAnimationFrame((()=>{var t,i;(i=(t=s===null||s===void 0?void 0:s.shadowRoot)===null||t===void 0?void 0:t.querySelector("button"))===null||i===void 0?void 0:i.focus()}))}}itemClick(t){const i=this.value;const e=this.toggleValue(t);this.value=e;const s=this.emitValueChange(e);if(s){this.value=i;return}this.updateSelection()}emitAddItem(t){var i;if(t===undefined||t.trim()===""){return false}const{defaultPrevented:e}=this.addItem.emit(t);if(e){return true}const s=document.createElement("ix-select-item");s.value=t;s.label=t;(i=this.customItemsContainerElement)===null||i===void 0?void 0:i.appendChild(s);this.clearInput();this.itemClick(t);return false}toggleValue(t){if(!this.isMultipleMode){return t}if(!this.value){return[t]}let i=this.value;if(!Array.isArray(i)){i=[i]}if(i.includes(t)){return i.filter((i=>i!==t))}else{return[...i,t]}}updateSelection(){var t,i;let e=[];if(this.value){e=Array.isArray(this.value)?[...this.value]:[this.value]}this.items.forEach((t=>{t.selected=e.some((i=>{if(typeof i!==typeof t.value){return i.toString()===t.value.toString()}else{return i===t.value}}))}));this.selectedLabels=this.selectedItems.map((t=>t.label));if(((t=this.selectedLabels)===null||t===void 0?void 0:t.length)&&this.isSingleMode){this.inputValue=(i=this.selectedLabels[0])!==null&&i!==void 0?i:""}else{this.inputValue=""}this.inputElement&&(this.inputElement.value=this.inputValue)}emitValueChange(t){const{defaultPrevented:i}=this.valueChange.emit(t);if(i){return true}this.updateFormInternalValue(t);return false}componentDidLoad(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.addEventListener("input",(()=>{var t;this.dropdownShow=true;this.inputChange.emit((t=this.inputElement)===null||t===void 0?void 0:t.value)}))}componentWillLoad(){this.updateSelection();this.updateFormInternalValue(this.value)}componentDidRender(){if(!this.dropdownShow||this.arrowFocusController||!this.dropdownElement){return}this.arrowFocusController=new a(this.visibleNonShadowItems,this.dropdownElement,this.focusControllerCallbackBind);this.arrowFocusController.wrap=!this.isAddItemVisible()&&!this.visibleShadowItems.length}onLabelChange(t){t.preventDefault();t.stopImmediatePropagation();this.updateSelection()}disconnectedCallback(){this.cleanupResources()}itemExists(t){return this.items.find((i=>i.label===t))}dropdownVisibilityChanged(t){var i,e;this.dropdownShow=t.detail;if(t.detail){(i=this.inputElement)===null||i===void 0?void 0:i.focus();(e=this.inputElement)===null||e===void 0?void 0:e.select();this.removeHiddenFromItems();this.isDropdownEmpty=this.isEveryDropdownItemHidden}else{this.navigationItem=undefined;this.updateSelection();this.inputFilterText=""}}async onKeyDown(t){if(t.code==="ArrowDown"||t.code==="ArrowUp"){await this.onArrowNavigation(t,t.code)}if(!this.dropdownShow){return}if(t.code==="Enter"||t.code==="NumpadEnter"){await this.onEnterNavigation(t.target)}if(t.code==="Escape"){this.dropdownShow=false}}async onEnterNavigation(t){if(this.isMultipleMode){return}const i=t===null||t===void 0?void 0:t.label;const e=this.itemExists(this.inputFilterText);if(e){this.itemClick(e.value)}else if(this.editable&&!this.itemExists(i)){const t=this.emitAddItem(this.inputFilterText);if(t){return}}this.dropdownShow=false;this.updateSelection()}async onArrowNavigation(t,i){var e;if(t.defaultPrevented){return}t.preventDefault();t.stopPropagation();this.dropdownShow=true;if(!this.navigationItem&&document.activeElement===this.hostElement){if(this.visibleItems.length){this.applyFocusTo(this.visibleItems.shift())}else if(this.isAddItemVisible()){this.focusAddItemButton()}return}const s=i==="ArrowUp";const o=document.activeElement?this.visibleNonShadowItems.indexOf(document.activeElement):-1;if(o===0){if(!this.visibleShadowItems.length&&this.isAddItemVisible()){this.focusAddItemButton()}else{this.applyFocusTo(this.visibleShadowItems.pop())}return}else if(o!==-1&&o===this.visibleNonShadowItems.length-1){if(this.visibleShadowItems.length){this.applyFocusTo(this.visibleShadowItems.shift())}else if(this.isAddItemVisible()){this.focusAddItemButton()}return}if(!this.navigationItem){return}if(this.isAddItemVisible()&&((e=this.addItemElement)===null||e===void 0?void 0:e.contains(await this.navigationItem.getDropdownItemElement()))){if(s){this.applyFocusTo(this.visibleItems.pop())}else if(this.visibleItems.length){this.applyFocusTo(this.visibleItems.shift())}return}const r=this.visibleShadowItems.indexOf(this.navigationItem);if(s){if(r===0){if(this.visibleNonShadowItems.length){this.applyFocusTo(this.visibleNonShadowItems.pop())}else if(this.isAddItemVisible()){this.focusAddItemButton()}}else{this.applyFocusTo(this.visibleShadowItems[r-1])}}else{if(r===this.visibleShadowItems.length-1){if(this.isAddItemVisible()){this.focusAddItemButton()}else{this.applyFocusTo(this.visibleItems.shift())}}else{this.applyFocusTo(this.visibleShadowItems[r+1])}}}applyFocusTo(t){if(!t){return}this.navigationItem=t;setTimeout((()=>{var i,e,s,o;(o=(s=(e=(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector("ix-dropdown-item"))===null||e===void 0?void 0:e.shadowRoot)===null||s===void 0?void 0:s.querySelector("button"))===null||o===void 0?void 0:o.focus()}))}focusAddItemButton(){var t,i;if(this.addItemButton){(i=(t=this.addItemButton.shadowRoot)===null||t===void 0?void 0:t.querySelector("button"))===null||i===void 0?void 0:i.focus();this.navigationItem=this.addItemElement}}filterItemsWithTypeahead(){var t,i;this.inputFilterText=(i=(t=this.inputElement)===null||t===void 0?void 0:t.value.trim())!==null&&i!==void 0?i:"";if(this.isSingleMode&&this.inputFilterText===this.selectedLabels[0]){return}if(this.inputFilterText){this.items.forEach((t=>{var i;t.classList.remove("display-none");if(!((i=t.label)===null||i===void 0?void 0:i.toLowerCase().includes(this.inputFilterText.toLowerCase()))){t.classList.add("display-none")}}))}else{this.removeHiddenFromItems()}if(this.arrowFocusController){this.arrowFocusController.items=this.visibleNonShadowItems}this.isDropdownEmpty=this.isEveryDropdownItemHidden}removeHiddenFromItems(){this.items.forEach((t=>{t.classList.remove("display-none")}))}clearInput(){if(this.inputElement){this.inputElement.value=""}this.inputFilterText=""}clear(){this.clearInput();this.selectedLabels=[];this.value=[];this.emitValueChange([]);this.dropdownShow=false}onInputBlur(t){this.ixBlur.emit();this.touched=true;if(this.editable){return}if(this.isSingleMode){return}const i=t.target;if(!this.dropdownShow&&this.mode!=="multiple"){i.value=this.selectedLabels.toString()}}placeholderValue(){if(this.disabled){return""}if(this.readonly){return""}if(this.editable){return this.i18nPlaceholderEditable}return this.i18nPlaceholder}isAddItemVisible(){return!this.itemExists(this.inputFilterText)&&this.editable&&this.inputFilterText}onValidationChange({isInvalid:t,isInvalidByRequired:i,isValid:e,isInfo:s,isWarning:o}){this.isInvalid=t||i;this.isValid=e;this.isWarning=o;this.isInfo=s}async getAssociatedFormElement(){return this.formInternals.form}getNativeInputElement(){if(this.inputElement){return Promise.resolve(this.inputElement)}else{return Promise.reject(new Error("Input element not found"))}}async focusInput(){const t=await this.getNativeInputElement();if(t){t.focus()}}isTouched(){return Promise.resolve(this.touched)}render(){var t,i,o,a;return e(s,{key:"fe5a9d201aa6fa9bae2f5cb24057bf161d545d10","aria-disabled":l(this.disabled),class:{disabled:this.disabled}},e("ix-field-wrapper",{key:"c28aa0804523d6a799c055899194a62e05dcd1a5",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},e("div",{key:"fa78c9596e67642237ccf2bf027f3a4450b2cccb",class:{select:true,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchorRef(t);if(!this.editable)this.dropdownWrapperRef(t)}},e("div",{key:"c0e4e52e89640cb3dd31950f4457bbf0209363ac",class:"input-container"},e("div",{key:"53375714b199123d27fdb57d51102f7d0be912bb",class:"chips"},this.isMultipleMode?(t=this.selectedItems)===null||t===void 0?void 0:t.map((t=>e("ix-filter-chip",{disabled:this.disabled||this.readonly,key:t.value,onCloseClick:i=>{i.preventDefault();i.stopPropagation();this.itemClick(t.value)}},t.label))):"",e("div",{key:"42cac6b1306e7b0339c47857a41685952465280c",class:"trigger"},e("input",{key:"94fe4f82da75de234fb134fb7792f78cb87d2c37",autocomplete:"off","data-testid":"input",disabled:this.disabled,readOnly:this.readonly,required:this.required,type:"text",class:{"allow-clear":this.allowClear&&!!((i=this.selectedLabels)===null||i===void 0?void 0:i.length)},placeholder:this.placeholderValue(),value:(o=this.inputValue)!==null&&o!==void 0?o:"",ref:t=>{this.inputElement=t;this.inputRef(t)},onBlur:t=>this.onInputBlur(t),onFocus:()=>{this.navigationItem=undefined},onInput:()=>this.filterItemsWithTypeahead(),onKeyDown:t=>this.onKeyDown(t)}),this.allowClear&&!this.disabled&&!this.readonly&&(((a=this.selectedLabels)===null||a===void 0?void 0:a.length)||this.inputFilterText)?e("ix-icon-button",{key:"clear",class:"clear",icon:n,ghost:true,oval:true,size:"16",onClick:t=>{t.preventDefault();t.stopPropagation();this.clear()}}):null,this.disabled||this.readonly?null:e("ix-icon-button",{"data-select-dropdown":true,key:"dropdown",class:{"dropdown-visible":this.dropdownShow},icon:h,ghost:true,ref:t=>{if(this.editable)this.dropdownWrapperRef(t)}})))))),e("ix-dropdown",{key:"82133f6945c1b7b1f043bdb5a80fbe53e506f8f6",ref:t=>this.dropdownElement=t,show:this.dropdownShow,closeBehavior:this.isMultipleMode?"outside":"both",class:{"display-none":this.disabled||this.readonly},anchor:this.dropdownAnchorRef.waitForCurrent(),trigger:this.dropdownWrapperRef.waitForCurrent(),onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom-start",overwriteDropdownStyle:async()=>{var t,i;const e={};const s=(i=(t=this.hostElement.shadowRoot)===null||t===void 0?void 0:t.querySelector(".select"))===null||i===void 0?void 0:i.getBoundingClientRect().width;if(s){e.minWidth=`${s}px`}if(this.dropdownWidth){e.width=`min(${this.dropdownWidth}, 100%)`}if(this.dropdownMaxWidth){e.maxWidth=`min(${this.dropdownMaxWidth}, 100%)`}return e}},e("div",{key:"6e843696ec1bf3fe827e22e1aeda1cb07bbd51d6",class:{"select-list-header":true,hidden:this.hideListHeader||this.isDropdownEmpty},title:this.i18nSelectListHeader,onClick:t=>t.preventDefault()},this.i18nSelectListHeader),e("slot",{key:"c6756d5bb0c13bc88dfd5acd6e5596151c694bcc",onSlotchange:()=>{this.updateSelection()}}),e("div",{key:"3dd0a1342c1261899088bb8ca0dadff69e5d2c1a",ref:t=>this.customItemsContainerElement=t}),this.isAddItemVisible()?e("ix-dropdown-item",{"data-testid":"add-item",icon:r,class:{"add-item":true},label:this.inputFilterText,onItemClick:t=>{t.preventDefault();t.stopPropagation();this.emitAddItem(this.inputFilterText)},onFocus:()=>this.navigationItem=this.addItemElement,ref:t=>{this.addItemElement=t}}):null,this.isDropdownEmpty&&!this.editable?e("div",{class:"select-list-header"},this.i18nNoMatches):""))}static get formAssociated(){return true}get hostElement(){return o(this)}static get watchers(){return{value:["watchValue"],dropdownShow:["watchDropdownShow"]}}};p([c("keydown",(t=>t.dropdownShow))],v.prototype,"onKeyDown",null);p([d()],v.prototype,"onValidationChange",null);v.style=f;export{v as ix_select};
+//# sourceMappingURL=p-575b3137.entry.js.map

package/dist/siemens-ix/p-575b3137.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["selectCss","Select","constructor","hostRef","this","required","value","allowClear","mode","editable","disabled","readonly","i18nPlaceholder","i18nPlaceholderEditable","i18nSelectListHeader","i18nNoMatches","hideListHeader","dropdownShow","selectedLabels","isDropdownEmpty","inputFilterText","inputValue","isInvalid","isValid","isInfo","isWarning","dropdownWrapperRef","makeRef","dropdownAnchorRef","inputRef","touched","itemObserver","createMutationObserver","arrowFocusController","items","visibleNonShadowItems","focusControllerCallbackBind","focusDropdownItem","bind","nonShadowItems","Array","from","hostElement","querySelectorAll","filter","item","classList","contains","shadowItems","shadowRoot","visibleShadowItems","visibleItems","selectedItems","selected","addItemButton","querySelector","isSingleMode","isMultipleMode","isEveryDropdownItemHidden","every","watchValue","updateSelection","watchDropdownShow","show","dropdownElement","observe","childList","subtree","cleanupResources","_a","disconnect","undefined","_b","onItemClicked","event","newId","detail","itemClick","updateFormInternalValue","isArray","formInternals","setFormValue","join","hasValidValue","hasValue","length","index","navigationItem","nestedDropdownItem","requestAnimationFrame","focus","oldValue","toggleValue","defaultPrevented","emitValueChange","emitAddItem","trim","addItem","emit","newItem","document","createElement","label","customItemsContainerElement","appendChild","clearInput","itemValue","includes","ids","forEach","some","i","toString","map","inputElement","valueChange","componentDidLoad","addEventListener","inputChange","componentWillLoad","componentDidRender","ArrowFocusController","wrap","isAddItemVisible","onLabelChange","preventDefault","stopImmediatePropagation","disconnectedCallback","itemExists","find","dropdownVisibilityChanged","select","removeHiddenFromItems","onKeyDown","code","onArrowNavigation","onEnterNavigation","target","el","itemLabel","key","stopPropagation","activeElement","applyFocusTo","shift","focusAddItemButton","moveUp","indexNonShadow","indexOf","pop","addItemElement","getDropdownItemElement","indexShadow","element","setTimeout","_d","_c","filterItemsWithTypeahead","remove","toLowerCase","add","clear","onInputBlur","ixBlur","placeholderValue","onValidationChange","isInvalidByRequired","getAssociatedFormElement","form","getNativeInputElement","Promise","resolve","reject","Error","focusInput","isTouched","render","h","Host","a11yBoolean","class","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","ref","onCloseClick","e","autocomplete","readOnly","type","placeholder","onBlur","onFocus","onInput","icon","iconClear","ghost","oval","size","onClick","iconChevronDownSmall","closeBehavior","anchor","waitForCurrent","trigger","onShowChanged","placement","overwriteDropdownStyle","async","styleOverwrites","minWidth","getBoundingClientRect","width","dropdownWidth","dropdownMaxWidth","maxWidth","hidden","title","onSlotchange","iconPlus","onItemClick","__decorate","OnListener","self","prototype","HookValidationLifecycle"],"sources":["src/components/select/select.scss?tag=ix-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/field';\n@import 'mixins/validation/form-component';\n\n:host {\n  @include ix-component;\n\n  display: inline-block;\n  position: relative;\n  min-height: 2rem;\n  height: auto;\n  border-radius: var(--theme-input--border-radius);\n\n  .display-none {\n    display: none;\n  }\n\n  .select {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    background-color: var(--theme-input--background);\n    border: var(--theme-input--border-thickness) solid\n      var(--theme-input--border-color);\n    border-radius: var(--theme-input--border-radius);\n    padding: 0 0 0 $small-space;\n    box-shadow: var(--theme-inset-shadow-1) !important;\n\n    @include hover {\n      background-color: var(--theme-input--background--hover);\n      border-color: var(--theme-input--border-color--hover);\n    }\n\n    &:focus-within {\n      background-color: var(--theme-input--background--focus);\n      border-color: var(--theme-input--border-color--focus);\n      outline: 1px solid #119fff;\n      outline-offset: var(--theme-input--focus--outline-offset);\n    }\n  }\n\n  .select.readonly,\n  .select.disabled {\n    box-shadow: none !important;\n    border: none;\n    border-radius: 0;\n    cursor: pointer;\n\n    &,\n    &:hover,\n    &:active {\n      background-color: transparent !important;\n    }\n\n    &:focus,\n    &:focus-within,\n    &:focus-visible {\n      outline: none;\n    }\n\n    input:focus,\n    input:focus-visible {\n      outline: none;\n    }\n  }\n\n  .select.disabled {\n    border-bottom: var(--theme-input--border-thickness) solid\n      var(--theme-color-weak-bdr);\n\n    input {\n      color: var(--theme-color-weak-text);\n    }\n  }\n\n  .select.readonly {\n    border-bottom: var(--theme-input--border-thickness) solid\n      var(--theme-color-soft-bdr);\n\n    input {\n      color: var(--theme-color-std-text);\n    }\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .trigger {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    height: 100%;\n  }\n\n  .input-container {\n    display: flex;\n    position: relative;\n    align-items: flex-start;\n    width: 100%;\n    height: 100%;\n\n    .chips {\n      position: relative;\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      height: 100%;\n      max-height: 3.5rem;\n      flex-grow: 1;\n      overflow-y: auto;\n\n      > ix-filter-chip {\n        margin: 0.1rem;\n      }\n    }\n\n    ix-icon-button {\n      height: 1.875rem;\n      width: 1.875rem;\n      min-height: 1.875rem;\n      min-width: 1.875rem;\n    }\n\n    input {\n      @include ellipsis;\n      @include text-default;\n      background: transparent;\n      height: 1.75rem;\n      width: 100%;\n\n      &,\n      &:hover,\n      &:focus-visible {\n        border: none;\n        outline: none;\n      }\n\n      &::placeholder {\n        color: var(--theme-input-select-icon--color);\n      }\n\n      &.hide-placeholder::placeholder {\n        opacity: 0;\n      }\n    }\n  }\n\n  ix-dropdown {\n    max-width: 100%;\n  }\n\n  .dropdown-visible {\n    --ix-icon-button-color: var(--theme-color-dynamic--hover);\n  }\n\n  .add-item {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    position: relative;\n    width: 100%;\n  }\n\n  .select-list-header {\n    @include ellipsis;\n    display: flex;\n    align-items: center;\n    height: $default-control-height;\n    color: var(--theme-select-list-item-hint--color);\n    margin: 0 $small-space 0 1rem;\n  }\n}\n\n\n\n@include host-valid;\n\n@include host-info {\n  .select {\n    border-color: var(--theme-input--border-color--info);\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--info--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--info--active) !important;\n  }\n}\n\n@include host-warning {\n  .select {\n    border-color: var(--theme-input--border-color--warning);\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--warning--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n}\n\n@include host-invalid {\n  .select {\n    border-color: var(--theme-input--border-color--invalid);\n    background-color: var(--theme-input--background--invalid);\n    box-shadow: none;\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--invalid--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--invalid--active) !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  iconChevronDownSmall,\n  iconClear,\n  iconPlus,\n} from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport { IxSelectItemLabelChangeEvent } from '../select-item/events';\nimport { a11yBoolean } from '../utils/a11y';\nimport { ArrowFocusController } from '../utils/focus';\nimport {\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n} from '../utils/input';\nimport { OnListener } from '../utils/listener';\nimport { makeRef } from '../utils/make-ref';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\n/**\n * @form-ready 2.6.0\n */\n@Component({\n  tag: 'ix-select',\n  styleUrl: 'select.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Select implements IxInputFieldComponent<string | string[]> {\n  @Element() hostElement!: HTMLIxSelectElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * A string that represents the element's name attribute,\n   * containing a name that identifies the element when submitting the form.\n   *\n   * @since 2.6.0\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * A Boolean attribute indicating that an option with a non-empty string value must be selected\n   *\n   * @since 2.6.0\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Label for the select component\n   *\n   * @since 2.6.0\n   */\n  @Prop() label?: string;\n\n  /**\n   * Warning text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() warningText?: string;\n\n  /**\n   * Info text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() infoText?: string;\n\n  /**\n   * Error text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() invalidText?: string;\n\n  /**\n   * Valid text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() validText?: string;\n\n  /**\n   * Helper text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() helperText?: string;\n\n  /**\n   * Show helper, error, info, warning text as tooltip\n   *\n   * @since 2.6.0\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * Current selected value.\n   * This corresponds to the value property of ix-select-items\n   * @since 2.0.0\n   */\n  @Prop({ mutable: true }) value: string | string[] = [];\n\n  /**\n   * Show clear button\n   */\n  @Prop() allowClear = false;\n\n  /**\n   * Selection mode\n   */\n  @Prop() mode: 'single' | 'multiple' = 'single';\n\n  /**\n   * Select is extendable\n   */\n  @Prop() editable = false;\n\n  /**\n   * If true the select will be in disabled state\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the select will be in readonly mode\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Input field placeholder\n   */\n  @Prop() i18nPlaceholder = 'Select an option';\n\n  /**\n   * Input field placeholder for editable select\n   */\n  @Prop() i18nPlaceholderEditable = 'Type of select option';\n\n  /**\n   * Select list header\n   */\n  @Prop() i18nSelectListHeader = 'Select an option';\n\n  /**\n   * Information inside of dropdown if no items where found with current filter text\n   *\n   * @since 1.5.0\n   */\n  @Prop() i18nNoMatches = 'No matches';\n\n  /**\n   * Hide list header\n   *\n   * @since 1.5.0\n   */\n  @Prop() hideListHeader = false;\n\n  /**\n   * The width of the dropdown element with value and unit (e.g. \"200px\" or \"12.5rem\").\n   *\n   * @since 2.7.0\n   */\n  @Prop() dropdownWidth?: string;\n\n  /**\n   * The maximum width of the dropdown element with value and unit (e.g. \"200px\" or \"12.5rem\").\n   * By default the maximum width of the dropdown element is set to 100%.\n   *\n   * @since 2.7.0\n   *\n   */\n  @Prop() dropdownMaxWidth?: string;\n\n  /**\n   * Value changed\n   * @since 2.0.0\n   */\n  @Event() valueChange!: EventEmitter<string | string[]>;\n\n  /**\n   * Event dispatched whenever the text input changes.\n   *\n   * @since 2.0.0\n   */\n  @Event() inputChange!: EventEmitter<string>;\n\n  /**\n   * Item added to selection\n   */\n  @Event() addItem!: EventEmitter<string>;\n\n  /**\n   * Blur input\n   */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() dropdownShow = false;\n  @State() selectedLabels: (string | undefined)[] = [];\n  @State() isDropdownEmpty = false;\n  @State() navigationItem?: DropdownItemWrapper;\n  @State() inputFilterText = '';\n  @State() inputValue = '';\n\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n\n  private readonly dropdownWrapperRef = makeRef<HTMLElement>();\n  private readonly dropdownAnchorRef = makeRef<HTMLElement>();\n  private readonly inputRef = makeRef<HTMLInputElement>();\n\n  private inputElement?: HTMLInputElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n  private customItemsContainerElement?: HTMLDivElement;\n  private addItemElement?: HTMLIxDropdownItemElement;\n  private arrowFocusController?: ArrowFocusController;\n\n  private touched = false;\n\n  private readonly itemObserver = createMutationObserver(() => {\n    if (!this.arrowFocusController) {\n      return;\n    }\n    this.arrowFocusController.items = this.visibleNonShadowItems;\n  });\n  private readonly focusControllerCallbackBind =\n    this.focusDropdownItem.bind(this);\n\n  get nonShadowItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-select-item'));\n  }\n\n  get visibleNonShadowItems() {\n    return this.nonShadowItems.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get shadowItems() {\n    return Array.from(\n      this.hostElement.shadowRoot!.querySelectorAll('ix-select-item')\n    );\n  }\n\n  get visibleShadowItems() {\n    return this.shadowItems.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get items() {\n    return [...this.nonShadowItems, ...this.shadowItems];\n  }\n\n  get visibleItems() {\n    return this.items.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get selectedItems() {\n    return this.items.filter((item) => item.selected);\n  }\n\n  get addItemButton() {\n    return this.hostElement.shadowRoot!.querySelector('.add-item');\n  }\n\n  get isSingleMode() {\n    return this.mode === 'single';\n  }\n\n  get isMultipleMode() {\n    return this.mode === 'multiple';\n  }\n\n  get isEveryDropdownItemHidden() {\n    return this.items.every((item) => item.classList.contains('display-none'));\n  }\n\n  @Watch('value')\n  watchValue(value: string | string[]) {\n    this.value = value;\n    this.updateSelection();\n  }\n\n  @Watch('dropdownShow')\n  watchDropdownShow(show: boolean) {\n    if (show && this.dropdownElement) {\n      this.itemObserver.observe(this.dropdownElement, {\n        childList: true,\n        subtree: true,\n      });\n    } else {\n      this.cleanupResources();\n    }\n  }\n\n  private cleanupResources() {\n    this.arrowFocusController?.disconnect();\n    this.arrowFocusController = undefined;\n    this.itemObserver?.disconnect();\n  }\n\n  @Listen('itemClick')\n  onItemClicked(event: CustomEvent<string>) {\n    const newId = event.detail;\n    this.itemClick(newId);\n  }\n\n  updateFormInternalValue(value: string | string[]) {\n    if (Array.isArray(value)) {\n      this.formInternals.setFormValue(value.join(','));\n    } else {\n      this.formInternals.setFormValue(value);\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async hasValidValue(): Promise<boolean> {\n    return this.required && !!this.hasValue();\n  }\n\n  private hasValue() {\n    if (Array.isArray(this.value)) {\n      return !!this.value.length;\n    }\n\n    return !!this.value;\n  }\n\n  private focusDropdownItem(index: number) {\n    this.navigationItem = undefined;\n\n    if (index < this.visibleNonShadowItems.length) {\n      const nestedDropdownItem =\n        this.visibleNonShadowItems[index]?.shadowRoot?.querySelector(\n          'ix-dropdown-item'\n        );\n\n      if (!nestedDropdownItem) {\n        return;\n      }\n\n      requestAnimationFrame(() => {\n        nestedDropdownItem?.shadowRoot?.querySelector('button')?.focus();\n      });\n    }\n  }\n\n  private itemClick(newId: string) {\n    const oldValue = this.value;\n    const value = this.toggleValue(newId);\n    this.value = value;\n    const defaultPrevented = this.emitValueChange(value);\n\n    if (defaultPrevented) {\n      this.value = oldValue;\n      return;\n    }\n\n    this.updateSelection();\n  }\n\n  private emitAddItem(value: string) {\n    if (value === undefined || value.trim() === '') {\n      return false;\n    }\n\n    const { defaultPrevented } = this.addItem.emit(value);\n    if (defaultPrevented) {\n      return true;\n    }\n\n    const newItem = document.createElement('ix-select-item');\n    newItem.value = value;\n    newItem.label = value;\n\n    this.customItemsContainerElement?.appendChild(newItem);\n\n    this.clearInput();\n    this.itemClick(value);\n\n    return false;\n  }\n\n  private toggleValue(itemValue: string) {\n    if (!this.isMultipleMode) {\n      return itemValue;\n    }\n\n    if (!this.value) {\n      return [itemValue];\n    }\n\n    let value = this.value;\n\n    if (!Array.isArray(value)) {\n      value = [value];\n    }\n\n    if (value.includes(itemValue)) {\n      return value.filter((value) => value !== itemValue);\n    } else {\n      return [...value, itemValue];\n    }\n  }\n\n  private updateSelection() {\n    let ids: string[] = [];\n\n    if (this.value) {\n      ids = Array.isArray(this.value) ? [...this.value] : [this.value];\n    }\n\n    this.items.forEach((item) => {\n      item.selected = ids.some((i) => {\n        if (typeof i !== typeof item.value) {\n          return i.toString() === item.value.toString();\n        } else {\n          return i === item.value;\n        }\n      });\n    });\n\n    this.selectedLabels = this.selectedItems.map((item) => item.label);\n\n    if (this.selectedLabels?.length && this.isSingleMode) {\n      this.inputValue = this.selectedLabels[0] ?? '';\n    } else {\n      this.inputValue = '';\n    }\n\n    this.inputElement && (this.inputElement.value = this.inputValue);\n  }\n\n  private emitValueChange(value: string | string[]) {\n    const { defaultPrevented } = this.valueChange.emit(value);\n\n    if (defaultPrevented) {\n      return true;\n    }\n\n    this.updateFormInternalValue(value);\n    return false;\n  }\n\n  componentDidLoad() {\n    this.inputElement?.addEventListener('input', () => {\n      this.dropdownShow = true;\n      this.inputChange.emit(this.inputElement?.value);\n    });\n  }\n\n  componentWillLoad() {\n    this.updateSelection();\n    this.updateFormInternalValue(this.value);\n  }\n\n  componentDidRender(): void {\n    if (\n      !this.dropdownShow ||\n      this.arrowFocusController ||\n      !this.dropdownElement\n    ) {\n      return;\n    }\n\n    this.arrowFocusController = new ArrowFocusController(\n      this.visibleNonShadowItems,\n      this.dropdownElement,\n      this.focusControllerCallbackBind\n    );\n\n    this.arrowFocusController.wrap =\n      !this.isAddItemVisible() && !this.visibleShadowItems.length;\n  }\n\n  @Listen('ix-select-item:valueChange')\n  @Listen('ix-select-item:labelChange')\n  onLabelChange(event: IxSelectItemLabelChangeEvent) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    this.updateSelection();\n  }\n\n  disconnectedCallback() {\n    this.cleanupResources();\n  }\n\n  private itemExists(item: string | undefined) {\n    return this.items.find((i) => i.label === item);\n  }\n\n  private dropdownVisibilityChanged(event: CustomEvent<boolean>) {\n    this.dropdownShow = event.detail;\n\n    if (event.detail) {\n      this.inputElement?.focus();\n      this.inputElement?.select();\n\n      this.removeHiddenFromItems();\n      this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n    } else {\n      this.navigationItem = undefined;\n      this.updateSelection();\n      this.inputFilterText = '';\n    }\n  }\n\n  @OnListener<Select>('keydown', (self) => self.dropdownShow)\n  async onKeyDown(event: KeyboardEvent) {\n    if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n      await this.onArrowNavigation(event, event.code);\n    }\n\n    if (!this.dropdownShow) {\n      return;\n    }\n\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      await this.onEnterNavigation(event.target as HTMLIxSelectItemElement);\n    }\n\n    if (event.code === 'Escape') {\n      this.dropdownShow = false;\n    }\n  }\n\n  private async onEnterNavigation(\n    el: HTMLIxSelectItemElement | HTMLInputElement\n  ) {\n    if (this.isMultipleMode) {\n      return;\n    }\n    const itemLabel = (el as HTMLIxSelectItemElement)?.label;\n    const item = this.itemExists(this.inputFilterText);\n\n    if (item) {\n      this.itemClick(item.value);\n    } else if (this.editable && !this.itemExists(itemLabel)) {\n      const defaultPrevented = this.emitAddItem(this.inputFilterText);\n      if (defaultPrevented) {\n        return;\n      }\n    }\n\n    this.dropdownShow = false;\n    this.updateSelection();\n  }\n\n  private async onArrowNavigation(\n    event: KeyboardEvent,\n    key: 'ArrowDown' | 'ArrowUp'\n  ) {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    this.dropdownShow = true;\n\n    if (!this.navigationItem && document.activeElement === this.hostElement) {\n      if (this.visibleItems.length) {\n        this.applyFocusTo(this.visibleItems.shift());\n      } else if (this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      }\n      return;\n    }\n\n    const moveUp = key === 'ArrowUp';\n    const indexNonShadow = document.activeElement\n      ? this.visibleNonShadowItems.indexOf(\n          document.activeElement as HTMLIxSelectItemElement\n        )\n      : -1;\n\n    // Slotted select items\n    if (indexNonShadow === 0) {\n      if (!this.visibleShadowItems.length && this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      } else {\n        this.applyFocusTo(this.visibleShadowItems.pop());\n      }\n      return;\n    } else if (\n      indexNonShadow !== -1 &&\n      indexNonShadow === this.visibleNonShadowItems.length - 1\n    ) {\n      if (this.visibleShadowItems.length) {\n        this.applyFocusTo(this.visibleShadowItems.shift());\n      } else if (this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      }\n      return;\n    }\n\n    if (!this.navigationItem) {\n      return;\n    }\n\n    if (\n      this.isAddItemVisible() &&\n      this.addItemElement?.contains(\n        await this.navigationItem.getDropdownItemElement()\n      )\n    ) {\n      if (moveUp) {\n        this.applyFocusTo(this.visibleItems.pop());\n      } else if (this.visibleItems.length) {\n        this.applyFocusTo(this.visibleItems.shift());\n      }\n      return;\n    }\n\n    // Custom select items\n    const indexShadow = this.visibleShadowItems.indexOf(\n      this.navigationItem as HTMLIxSelectItemElement\n    );\n\n    if (moveUp) {\n      if (indexShadow === 0) {\n        if (this.visibleNonShadowItems.length) {\n          this.applyFocusTo(this.visibleNonShadowItems.pop());\n        } else if (this.isAddItemVisible()) {\n          this.focusAddItemButton();\n        }\n      } else {\n        this.applyFocusTo(this.visibleShadowItems[indexShadow - 1]);\n      }\n    } else {\n      if (indexShadow === this.visibleShadowItems.length - 1) {\n        if (this.isAddItemVisible()) {\n          this.focusAddItemButton();\n        } else {\n          this.applyFocusTo(this.visibleItems.shift());\n        }\n      } else {\n        this.applyFocusTo(this.visibleShadowItems[indexShadow + 1]);\n      }\n    }\n  }\n\n  private applyFocusTo(element?: HTMLIxSelectItemElement) {\n    if (!element) {\n      return;\n    }\n\n    this.navigationItem = element;\n\n    setTimeout(() => {\n      element.shadowRoot\n        ?.querySelector('ix-dropdown-item')\n        ?.shadowRoot?.querySelector('button')\n        ?.focus();\n    });\n  }\n\n  private focusAddItemButton() {\n    if (this.addItemButton) {\n      this.addItemButton.shadowRoot?.querySelector('button')?.focus();\n      this.navigationItem = this.addItemElement;\n    }\n  }\n\n  private filterItemsWithTypeahead() {\n    this.inputFilterText = this.inputElement?.value.trim() ?? '';\n\n    if (this.isSingleMode && this.inputFilterText === this.selectedLabels[0]) {\n      return;\n    }\n\n    if (this.inputFilterText) {\n      this.items.forEach((item) => {\n        item.classList.remove('display-none');\n        if (\n          !item.label\n            ?.toLowerCase()\n            .includes(this.inputFilterText.toLowerCase())\n        ) {\n          item.classList.add('display-none');\n        }\n      });\n    } else {\n      this.removeHiddenFromItems();\n    }\n\n    if (this.arrowFocusController) {\n      this.arrowFocusController.items = this.visibleNonShadowItems;\n    }\n\n    this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n  }\n\n  private removeHiddenFromItems() {\n    this.items.forEach((item) => {\n      item.classList.remove('display-none');\n    });\n  }\n\n  private clearInput() {\n    if (this.inputElement) {\n      this.inputElement.value = '';\n    }\n    this.inputFilterText = '';\n  }\n\n  private clear() {\n    this.clearInput();\n    this.selectedLabels = [];\n    this.value = [];\n    this.emitValueChange([]);\n    this.dropdownShow = false;\n  }\n\n  private onInputBlur(event: Event) {\n    this.ixBlur.emit();\n    this.touched = true;\n\n    if (this.editable) {\n      return;\n    }\n\n    if (this.isSingleMode) {\n      return;\n    }\n\n    const target = event.target as HTMLInputElement;\n\n    if (!this.dropdownShow && this.mode !== 'multiple') {\n      target.value = this.selectedLabels.toString();\n    }\n  }\n\n  private placeholderValue() {\n    if (this.disabled) {\n      return '';\n    }\n\n    if (this.readonly) {\n      return '';\n    }\n\n    if (this.editable) {\n      return this.i18nPlaceholderEditable;\n    }\n\n    return this.i18nPlaceholder;\n  }\n\n  private isAddItemVisible() {\n    return (\n      !this.itemExists(this.inputFilterText) &&\n      this.editable &&\n      this.inputFilterText\n    );\n  }\n\n  @HookValidationLifecycle()\n  onValidationChange({\n    isInvalid,\n    isInvalidByRequired,\n    isValid,\n    isInfo,\n    isWarning,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n    this.isInfo = isInfo;\n  }\n\n  /** @internal */\n  @Method()\n  async getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return this.formInternals.form;\n  }\n\n  /**\n   * Returns the native input element used in the component.\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLInputElement> {\n    if (this.inputElement) {\n      return Promise.resolve(this.inputElement);\n    } else {\n      return Promise.reject(new Error('Input element not found'));\n    }\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    const inputElement = await this.getNativeInputElement();\n    if (inputElement) {\n      inputElement.focus();\n    }\n  }\n\n  /**\n   * Check if the input field has been touched.\n   * @internal\n   * */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={a11yBoolean(this.disabled)}\n        class={{\n          disabled: this.disabled,\n        }}\n      >\n        <ix-field-wrapper\n          required={this.required}\n          label={this.label}\n          helperText={this.helperText}\n          invalidText={this.invalidText}\n          infoText={this.infoText}\n          warningText={this.warningText}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          isInvalid={this.isInvalid}\n          isValid={this.isValid}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          controlRef={this.inputRef}\n        >\n          <div\n            class={{\n              select: true,\n              disabled: this.disabled,\n              readonly: this.readonly,\n            }}\n            ref={(ref) => {\n              this.dropdownAnchorRef(ref);\n              if (!this.editable) this.dropdownWrapperRef(ref);\n            }}\n          >\n            <div class=\"input-container\">\n              <div class=\"chips\">\n                {this.isMultipleMode\n                  ? this.selectedItems?.map((item) => (\n                      <ix-filter-chip\n                        disabled={this.disabled || this.readonly}\n                        key={item.value}\n                        onCloseClick={(e) => {\n                          e.preventDefault();\n                          e.stopPropagation();\n                          this.itemClick(item.value);\n                        }}\n                      >\n                        {item.label}\n                      </ix-filter-chip>\n                    ))\n                  : ''}\n                <div class=\"trigger\">\n                  <input\n                    autocomplete=\"off\"\n                    data-testid=\"input\"\n                    disabled={this.disabled}\n                    readOnly={this.readonly}\n                    required={this.required}\n                    type=\"text\"\n                    class={{\n                      'allow-clear':\n                        this.allowClear && !!this.selectedLabels?.length,\n                    }}\n                    placeholder={this.placeholderValue()}\n                    value={this.inputValue ?? ''}\n                    ref={(ref) => {\n                      this.inputElement = ref;\n                      this.inputRef(ref);\n                    }}\n                    onBlur={(e) => this.onInputBlur(e)}\n                    onFocus={() => {\n                      this.navigationItem = undefined;\n                    }}\n                    onInput={() => this.filterItemsWithTypeahead()}\n                    onKeyDown={(e) => this.onKeyDown(e)}\n                  />\n                  {this.allowClear &&\n                  !this.disabled &&\n                  !this.readonly &&\n                  (this.selectedLabels?.length || this.inputFilterText) ? (\n                    <ix-icon-button\n                      key=\"clear\"\n                      class=\"clear\"\n                      icon={iconClear}\n                      ghost\n                      oval\n                      size=\"16\"\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        this.clear();\n                      }}\n                    />\n                  ) : null}\n                  {this.disabled || this.readonly ? null : (\n                    <ix-icon-button\n                      data-select-dropdown\n                      key=\"dropdown\"\n                      class={{ 'dropdown-visible': this.dropdownShow }}\n                      icon={iconChevronDownSmall}\n                      ghost\n                      ref={(ref) => {\n                        if (this.editable) this.dropdownWrapperRef(ref);\n                      }}\n                    ></ix-icon-button>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </ix-field-wrapper>\n        <ix-dropdown\n          ref={(ref) => (this.dropdownElement = ref!)}\n          show={this.dropdownShow}\n          closeBehavior={this.isMultipleMode ? 'outside' : 'both'}\n          class={{\n            'display-none': this.disabled || this.readonly,\n          }}\n          anchor={this.dropdownAnchorRef.waitForCurrent()}\n          trigger={this.dropdownWrapperRef.waitForCurrent()}\n          onShowChanged={(e) => this.dropdownVisibilityChanged(e)}\n          placement=\"bottom-start\"\n          overwriteDropdownStyle={async () => {\n            const styleOverwrites: Partial<CSSStyleDeclaration> = {};\n\n            const minWidth = this.hostElement.shadowRoot\n              ?.querySelector('.select')\n              ?.getBoundingClientRect().width;\n\n            if (minWidth) {\n              styleOverwrites.minWidth = `${minWidth}px`;\n            }\n\n            if (this.dropdownWidth) {\n              styleOverwrites.width = `min(${this.dropdownWidth}, 100%)`;\n            }\n\n            if (this.dropdownMaxWidth) {\n              styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;\n            }\n\n            return styleOverwrites;\n          }}\n        >\n          <div\n            class={{\n              'select-list-header': true,\n              hidden: this.hideListHeader || this.isDropdownEmpty,\n            }}\n            title={this.i18nSelectListHeader}\n            onClick={(e) => e.preventDefault()}\n          >\n            {this.i18nSelectListHeader}\n          </div>\n          <slot\n            onSlotchange={() => {\n              this.updateSelection();\n            }}\n          ></slot>\n          <div ref={(ref) => (this.customItemsContainerElement = ref!)}></div>\n          {this.isAddItemVisible() ? (\n            <ix-dropdown-item\n              data-testid=\"add-item\"\n              icon={iconPlus}\n              class={{\n                'add-item': true,\n              }}\n              label={this.inputFilterText}\n              onItemClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.emitAddItem(this.inputFilterText);\n              }}\n              onFocus={() => (this.navigationItem = this.addItemElement)}\n              ref={(ref) => {\n                this.addItemElement = ref!;\n              }}\n            ></ix-dropdown-item>\n          ) : null}\n          {this.isDropdownEmpty && !this.editable ? (\n            <div class=\"select-list-header\">{this.i18nNoMatches}</div>\n          ) : (\n            ''\n          )}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/{p-3d57eed7.entry.js → p-576fade1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as s,g as h}from"./p-DtF9fwpD.js";import{a as o}from"./p-Ou74PMQs.js";import{A as a}from"./p-Dp15M30K.js";import{a as r}from"./p-CyFFBc_G.js";import{m as n}from"./p-D6vSVaHq.js";import{p as l,D as d,E as p,F as c,G as b}from"./p-CrTP-icT.js";import"./p-BdCnOrqW.js";const m=":host{background-color:var(--theme-color-2);display:flex;position:relative;overflow:hidden;box-sizing:border-box}: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 aside{width:100%;height:100%}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host(.not-visible){display:none}:host(.inline-color){background-color:var(--theme-color-1)}:host(.box-shadow){box-shadow:0 0 1rem black}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--theme-color-weak-bdr)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";const f=class{constructor(i){t(this,i);this.expandedChanged=e(this,"expandedChanged",7);this.variantChanged=e(this,"variantChanged",7);this.borderlessChanged=e(this,"borderlessChanged",7);this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7);this.slotChanged=e(this,"slotChanged",7);this.variant="inline";this.hideOnCollapse=false;this.size="240px";this.borderless=false;this.expanded=false;this.composition="top";this.ignoreLayoutSettings=false;this.isMobile=false;this.expandIcon="";this.showContent=false;this.minimizeIcon="";this.floating=false;this.parentWidthPx=0;this.parentHeightPx=0;this.animations=new Map;this.animationCounter=0}get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return this.composition==="bottom"||this.composition==="top"}get isLeftRightPane(){return this.composition==="left"||this.composition==="right"}get isMobileTop(){return this.composition==="top"||this.composition==="left"}componentWillLoad(){this.setIcons();this.floating=this.variant==="floating";if(this.expanded){this.onParentSizeChange()}this.isMobile=n("sm");r.onChange.on((()=>{this.isMobile=n("sm")}));if(this.currentSlot){this.setPosition(this.currentSlot)}this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if(t.type==="attributes"&&t.attributeName==="slot"){const e=this.currentSlot;const i=t.oldValue;if(e!==i){this.slotChanged.emit({slot:i!==null&&i!==void 0?i:"",newSlot:e!==null&&e!==void 0?e:""});if(e){this.setPosition(e)}}}}))}));this.mutationObserver.observe(this.hostElement,{attributes:true,attributeOldValue:true});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize;this.parentHeightPx=t[0].borderBoxSize[0].blockSize}));if(t)this.resizeObserver.observe(t)}disconnectedCallback(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}setPosition(t){if(f.validPositions.includes(t)){this.composition=t}}getExpandPaneSize(){let t;if(this.isBottomTopPane){if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentHeightPx/2)}px`}else{t=`${Math.round(this.parentHeightPx/3)}px`}}}else{if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentWidthPx/2)}px`}else{t=`${Math.round(this.parentWidthPx/3)}px`}}}return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t;this.minimizeIcon=e}getIconNames(){let t="";let e="";switch(this.composition){case"left":t=this.isMobile?d:b;e=this.isMobile?p:c;break;case"right":t=this.isMobile?p:c;e=this.isMobile?d:b;break;case"bottom":t=p;e=d;break;case"top":t=d;e=p;break}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey();let i=o({targets:this.hostElement,duration:a.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;this.animateVerticalPadding("0px")}else{this.animateVerticalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey();let i=o({targets:this.hostElement,duration:a.mediumTime,height:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;if(!this.isMobile)this.animateHorizontalPadding("0px")}else{if(!this.isMobile)this.animateHorizontalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}removePadding(){o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=a.mediumTime){let i=this.getKey();let s=o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,complete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=a.mediumTime){let i=this.getKey();let s=o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,complete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause()));this.animations.clear();this.animationCounter=0}onMobileChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.hostElement.style.removeProperty("min-height");this.onParentSizeChange()}onPositionChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.onParentSizeChange()}onHideOnCollapseChange(t){var e;this.onParentSizeChange();this.hideOnCollapseChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",hideOnCollapse:t})}onVariantChange(t){var e;this.floating=t==="floating";this.variantChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",variant:t})}onBorderlessChange(t){var e;this.borderlessChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",borderless:t})}dispatchExpandedChangedEvent(){var t;const e=this.expandedChanged.emit({slot:(t=this.currentSlot)!==null&&t!==void 0?t:"",expanded:!this.expanded});if(!e.defaultPrevented){this.expanded=!this.expanded}}onParentSizeChange(){this.clearAnimations();this.removePadding();if(this.expanded){if(this.isMobile){this.hostElement.style.height="100%"}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=t;this.animateHorizontalPadding("8px",0)}else{this.hostElement.style.width=t;this.animateVerticalPadding("8px",0)}}this.showContent=true}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=this.hideOnCollapse?"0":f.collapsedPaneMobile}else{if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":f.collapsedPane}else{this.hostElement.style.width=this.hideOnCollapse?"0":f.collapsedPane}}}}onSizeChange(){if(this.expanded){if(this.isMobile){this.hostElement.style.minHeight=this.hideOnCollapse?"0":f.collapsedPaneMobile;this.animateHorizontalFadeIn("100%")}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":f.collapsedPane;this.animateHorizontalFadeIn(t)}else{this.hostElement.style.width=this.hideOnCollapse?"0":f.collapsedPane;this.animateVerticalFadeIn(t)}}}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=f.collapsedPaneMobile}else{if(this.isBottomTopPane){this.animateHorizontalFadeIn(f.collapsedPane)}else{this.animateVerticalFadeIn(f.collapsedPane)}}}}render(){return i(s,{key:"48aefc1145058d559cb713356c94b112f9b6c236",class:{"inline-color":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&this.composition!=="right"&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"box-shadow":this.floating,"aria-expanded":this.expanded,"not-visible":this.hideOnCollapse&&!this.expanded}},i("aside",{key:"373c760c22f98edff6f27e3c6c161d2c1d90c527",id:`pane-${this.composition}`,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},i("div",{key:"2fcbd2bc94f9c3e518e41ce42be7d8c56daa91b4",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},i("ix-icon-button",{key:"cbb99e9885a41c88a66d839c45d4f67f37d37f80",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?l:this.expandIcon:this.minimizeIcon,ghost:true,onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":`pane-${this.composition}`}),i("span",{key:"edc04216716b06e9c13dbf94500225e71099e6d5",class:{"title-text":true,rotate:!this.expanded&&!this.isMobile&&this.isLeftRightPane}},this.icon?i("ix-icon",{size:"24",name:this.icon}):null,i("div",{key:"2a1f686a93e3aee1b4374405df12b79c9b5f787b",class:"title-text-overflow"},i("ix-typography",{key:"b0a42df1078d4360d2058262ac07551220fed513",format:"h4"},this.heading)))),i("div",{key:"5c4f24e9e0dee32bfb1d5502f487fdaf6b4c9859",class:"side-pane-content",hidden:!this.showContent},i("slot",{key:"f28c9aa0dde2a4d14cf16f0849ec31025a80c37b"}))))}get hostElement(){return h(this)}static get watchers(){return{isMobile:["onMobileChange"],composition:["onPositionChange"],hideOnCollapse:["onHideOnCollapseChange"],variant:["onVariantChange"],borderless:["onBorderlessChange"],parentHeightPx:["onParentSizeChange"],parentWidthPx:["onParentSizeChange"],expanded:["onSizeChange"],size:["onSizeChange"]}}};f.validPositions=["top","left","bottom","right"];f.collapsedPane="40px";f.collapsedPaneMobile="48px";f.style=m;export{f as ix_pane};
-//# sourceMappingURL=p-3d57eed7.entry.js.map
+import{r as t,c as e,h as i,H as s,g as h}from"./p-BNpBEtDH.js";import{a as o}from"./p-Ou74PMQs.js";import{A as a}from"./p-Dp15M30K.js";import{a as r}from"./p-CyFFBc_G.js";import{m as n}from"./p-D6vSVaHq.js";import{p as l,D as d,E as p,F as c,G as b}from"./p-CrTP-icT.js";import"./p-BdCnOrqW.js";const m=":host{background-color:var(--theme-color-2);display:flex;position:relative;overflow:hidden;box-sizing:border-box}: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 aside{width:100%;height:100%}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host(.not-visible){display:none}:host(.inline-color){background-color:var(--theme-color-1)}:host(.box-shadow){box-shadow:0 0 1rem black}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--theme-color-weak-bdr)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";const f=class{constructor(i){t(this,i);this.expandedChanged=e(this,"expandedChanged",7);this.variantChanged=e(this,"variantChanged",7);this.borderlessChanged=e(this,"borderlessChanged",7);this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7);this.slotChanged=e(this,"slotChanged",7);this.variant="inline";this.hideOnCollapse=false;this.size="240px";this.borderless=false;this.expanded=false;this.composition="top";this.ignoreLayoutSettings=false;this.isMobile=false;this.expandIcon="";this.showContent=false;this.minimizeIcon="";this.floating=false;this.parentWidthPx=0;this.parentHeightPx=0;this.animations=new Map;this.animationCounter=0}get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return this.composition==="bottom"||this.composition==="top"}get isLeftRightPane(){return this.composition==="left"||this.composition==="right"}get isMobileTop(){return this.composition==="top"||this.composition==="left"}componentWillLoad(){this.setIcons();this.floating=this.variant==="floating";if(this.expanded){this.onParentSizeChange()}this.isMobile=n("sm");r.onChange.on((()=>{this.isMobile=n("sm")}));if(this.currentSlot){this.setPosition(this.currentSlot)}this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if(t.type==="attributes"&&t.attributeName==="slot"){const e=this.currentSlot;const i=t.oldValue;if(e!==i){this.slotChanged.emit({slot:i!==null&&i!==void 0?i:"",newSlot:e!==null&&e!==void 0?e:""});if(e){this.setPosition(e)}}}}))}));this.mutationObserver.observe(this.hostElement,{attributes:true,attributeOldValue:true});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize;this.parentHeightPx=t[0].borderBoxSize[0].blockSize}));if(t)this.resizeObserver.observe(t)}disconnectedCallback(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}setPosition(t){if(f.validPositions.includes(t)){this.composition=t}}getExpandPaneSize(){let t;if(this.isBottomTopPane){if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentHeightPx/2)}px`}else{t=`${Math.round(this.parentHeightPx/3)}px`}}}else{if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentWidthPx/2)}px`}else{t=`${Math.round(this.parentWidthPx/3)}px`}}}return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t;this.minimizeIcon=e}getIconNames(){let t="";let e="";switch(this.composition){case"left":t=this.isMobile?d:b;e=this.isMobile?p:c;break;case"right":t=this.isMobile?p:c;e=this.isMobile?d:b;break;case"bottom":t=p;e=d;break;case"top":t=d;e=p;break}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey();let i=o({targets:this.hostElement,duration:a.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;this.animateVerticalPadding("0px")}else{this.animateVerticalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey();let i=o({targets:this.hostElement,duration:a.mediumTime,height:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;if(!this.isMobile)this.animateHorizontalPadding("0px")}else{if(!this.isMobile)this.animateHorizontalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}removePadding(){o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=a.mediumTime){let i=this.getKey();let s=o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,complete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=a.mediumTime){let i=this.getKey();let s=o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,complete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause()));this.animations.clear();this.animationCounter=0}onMobileChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.hostElement.style.removeProperty("min-height");this.onParentSizeChange()}onPositionChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.onParentSizeChange()}onHideOnCollapseChange(t){var e;this.onParentSizeChange();this.hideOnCollapseChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",hideOnCollapse:t})}onVariantChange(t){var e;this.floating=t==="floating";this.variantChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",variant:t})}onBorderlessChange(t){var e;this.borderlessChanged.emit({slot:(e=this.currentSlot)!==null&&e!==void 0?e:"",borderless:t})}dispatchExpandedChangedEvent(){var t;const e=this.expandedChanged.emit({slot:(t=this.currentSlot)!==null&&t!==void 0?t:"",expanded:!this.expanded});if(!e.defaultPrevented){this.expanded=!this.expanded}}onParentSizeChange(){this.clearAnimations();this.removePadding();if(this.expanded){if(this.isMobile){this.hostElement.style.height="100%"}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=t;this.animateHorizontalPadding("8px",0)}else{this.hostElement.style.width=t;this.animateVerticalPadding("8px",0)}}this.showContent=true}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=this.hideOnCollapse?"0":f.collapsedPaneMobile}else{if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":f.collapsedPane}else{this.hostElement.style.width=this.hideOnCollapse?"0":f.collapsedPane}}}}onSizeChange(){if(this.expanded){if(this.isMobile){this.hostElement.style.minHeight=this.hideOnCollapse?"0":f.collapsedPaneMobile;this.animateHorizontalFadeIn("100%")}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":f.collapsedPane;this.animateHorizontalFadeIn(t)}else{this.hostElement.style.width=this.hideOnCollapse?"0":f.collapsedPane;this.animateVerticalFadeIn(t)}}}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=f.collapsedPaneMobile}else{if(this.isBottomTopPane){this.animateHorizontalFadeIn(f.collapsedPane)}else{this.animateVerticalFadeIn(f.collapsedPane)}}}}render(){return i(s,{key:"48aefc1145058d559cb713356c94b112f9b6c236",class:{"inline-color":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&this.composition!=="right"&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"box-shadow":this.floating,"aria-expanded":this.expanded,"not-visible":this.hideOnCollapse&&!this.expanded}},i("aside",{key:"373c760c22f98edff6f27e3c6c161d2c1d90c527",id:`pane-${this.composition}`,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},i("div",{key:"2fcbd2bc94f9c3e518e41ce42be7d8c56daa91b4",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},i("ix-icon-button",{key:"cbb99e9885a41c88a66d839c45d4f67f37d37f80",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?l:this.expandIcon:this.minimizeIcon,ghost:true,onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":`pane-${this.composition}`}),i("span",{key:"edc04216716b06e9c13dbf94500225e71099e6d5",class:{"title-text":true,rotate:!this.expanded&&!this.isMobile&&this.isLeftRightPane}},this.icon?i("ix-icon",{size:"24",name:this.icon}):null,i("div",{key:"2a1f686a93e3aee1b4374405df12b79c9b5f787b",class:"title-text-overflow"},i("ix-typography",{key:"b0a42df1078d4360d2058262ac07551220fed513",format:"h4"},this.heading)))),i("div",{key:"5c4f24e9e0dee32bfb1d5502f487fdaf6b4c9859",class:"side-pane-content",hidden:!this.showContent},i("slot",{key:"f28c9aa0dde2a4d14cf16f0849ec31025a80c37b"}))))}get hostElement(){return h(this)}static get watchers(){return{isMobile:["onMobileChange"],composition:["onPositionChange"],hideOnCollapse:["onHideOnCollapseChange"],variant:["onVariantChange"],borderless:["onBorderlessChange"],parentHeightPx:["onParentSizeChange"],parentWidthPx:["onParentSizeChange"],expanded:["onSizeChange"],size:["onSizeChange"]}}};f.validPositions=["top","left","bottom","right"];f.collapsedPane="40px";f.collapsedPaneMobile="48px";f.style=m;export{f as ix_pane};
+//# sourceMappingURL=p-576fade1.entry.js.map

package/dist/siemens-ix/{p-6d38bed7.entry.js → p-5963369c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as i,g as s}from"./p-DtF9fwpD.js";import{c as o,a,s as r,o as n,b as l,f as c,h}from"./p-CAqtPJ4-.js";import{r as d}from"./p-CFRrPFxi.js";import{m as f}from"./p-bcj7UEIC.js";import{b as m}from"./p-CKoABG1h.js";const p='.dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:100%;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem 0.375rem 0.875rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex;align-items:center}.tooltip-title ::slotted(ix-icon){margin-right:0.35rem}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}';const u=t=>t!==null?`${t}px`:"";let b=0;const v=class{constructor(e){t(this,e);this.interactive=false;this.placement="top";this.showDelay=0;this.hideDelay=50;this.animationFrame=false;this.visible=false;this.instance=b++;this.dialogRef=f()}get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}async showTooltip(t){this.clearTimeouts();if(this.showTooltipTimeout||this.visibleFor===t){return}const e=await this.dialogRef.waitForCurrent();this.showTooltipTimeout=setTimeout((()=>{this.setAnchorElement(t);e.showPopover();this.applyTooltipPosition(t,e);this.registerTooltipListener(e)}),this.showDelay)}async hideTooltip(t=this.hideDelay){this.clearTimeouts();if(this.hideTooltipTimeout||!this.visible){return}if(this.interactive&&t===50){t=150}const e=await this.dialogRef.waitForCurrent();this.hideTooltipTimeout=setTimeout((()=>{var t,i;this.setAnchorElement();e.hidePopover();(t=this.disposeAutoUpdate)===null||t===void 0?void 0:t.call(this);(i=this.disposeTooltipListener)===null||i===void 0?void 0:i.call(this)}),t)}setAnchorElement(t){if(!t){this.visibleFor=undefined;this.visible=false}else{this.visibleFor=t;this.visible=true}}computeArrowPosition({placement:t,middlewareData:e}){let{x:i,y:s}=e.arrow;const o={top:"unset",right:"unset",bottom:"unset",left:"unset"};if(t.startsWith("top")){return Object.assign(Object.assign({},o),{left:u(i),top:u(s)})}if(t.startsWith("right")){return Object.assign(Object.assign({},o),{left:u(-6),top:u(s)})}if(t.startsWith("bottom")){return Object.assign(Object.assign({},o),{left:u(i),top:u(-6)})}if(t.startsWith("left")){return Object.assign(Object.assign({},o),{right:u(-6),top:u(s)})}}async computeTooltipPosition(t,e){return o(t,e,{strategy:"fixed",placement:this.placement,middleware:[r(),n(12),l({element:this.arrowElement}),c({fallbackStrategy:"initialPlacement",fallbackAxisSideDirection:"end",padding:10}),h()]})}applyTooltipArrowPosition(t){const e=this.computeArrowPosition(t);Object.assign(this.arrowElement.style,e)}async applyTooltipPosition(t,e){if(!t){return}return new Promise((i=>{var s;(s=this.disposeAutoUpdate)===null||s===void 0?void 0:s.call(this);this.disposeAutoUpdate=a(t,e,(async()=>{var s;const o=await this.computeTooltipPosition(t,e);const a=(s=o.middlewareData.hide)===null||s===void 0?void 0:s.referenceHidden;if(a){this.hideTooltip(0);i(o)}if(o.middlewareData.arrow){this.applyTooltipArrowPosition(o)}const{x:r,y:n}=o;Object.assign(e.style,{left:u(r),top:u(n)});i(o)}),{ancestorResize:true,ancestorScroll:true,elementResize:true,animationFrame:this.animationFrame})}))}async queryAnchorElements(){if(this.for){if(Array.isArray(this.for)){return this.resolveElements(this.for)}else{return this.resolveElements([this.for])}}}async resolveElements(t){const e=[];await Promise.all(t.map((async t=>{if(typeof t==="string"){const i=await d(t,this.hostElement);if(i){e.push(...i)}}else if(t instanceof HTMLElement){e.push(t)}else if(t instanceof Promise){e.push(await t)}})));return e}async registerTriggerListener(){var t;(t=this.disposeTriggerListener)===null||t===void 0?void 0:t.call(this);const e=await this.queryAnchorElements();if(!e){return}const i=[];e.forEach((t=>{i.push(...[{element:t,eventType:"mouseenter",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focus",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}}])}));this.disposeTriggerListener=m(i)}registerTooltipListener(t){var e;(e=this.disposeTooltipListener)===null||e===void 0?void 0:e.call(this);this.disposeTooltipListener=m([{element:t,eventType:"mouseenter",callback:()=>{if(this.interactive){this.clearHideTimeout()}}},{element:t,eventType:"focus",callback:()=>{if(this.interactive){this.clearHideTimeout()}}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}},{element:t,eventType:"click",callback:t=>{t.stopPropagation()}},{element:document,eventType:"keydown",callback:t=>{if(t.key==="Escape"){this.hideTooltip()}}}])}registerDomChangeListener(){const t=new MutationObserver((()=>{this.registerTriggerListener()}));t.observe(document.body,{attributes:true,attributeFilter:["data-ix-tooltip"],childList:true,subtree:true});this.disposeDomChangeListener=()=>{t.disconnect()}}clearHideTimeout(){clearTimeout(this.hideTooltipTimeout);this.hideTooltipTimeout=undefined}clearShowTimeout(){clearTimeout(this.showTooltipTimeout);this.showTooltipTimeout=undefined}clearTimeouts(){this.clearHideTimeout();this.clearShowTimeout()}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){this.registerDomChangeListener()}disconnectedCallback(){var t,e,i,s;this.clearTimeouts();(t=this.disposeAutoUpdate)===null||t===void 0?void 0:t.call(this);(e=this.disposeTriggerListener)===null||e===void 0?void 0:e.call(this);(i=this.disposeTooltipListener)===null||i===void 0?void 0:i.call(this);(s=this.disposeDomChangeListener)===null||s===void 0?void 0:s.call(this)}render(){return e(i,{key:"de71d4a53d4b9d1c5631eb52ebc58a9070e20c34",role:"tooltip",class:{visible:this.visible}},e("dialog",{key:"677ef22f8e4554645454312012303df2ec9e4c57",ref:this.dialogRef,id:"tooltip-"+this.instance,class:"dialog",popover:"manual",inert:!this.visible},e("div",{key:"3965cab3b146c941c78238e3c5ce1f2c66014098",class:"tooltip-container"},e("div",{key:"e9e3f38fec696d38327b3fbb5e848d248e74881e",class:"content-wrapper"},e("div",{key:"24c518e1ff9486dd8a28135bbf67312e78572a9e",class:"tooltip-title"},e("slot",{key:"a21f9fec2aad1c4bd9859998c31b368cf1f3afc3",name:"title-icon"}),e("ix-typography",{key:"1dbbacaa0240b375f7d4ede44fce1ed8ba4409d4",format:"h5"},this.titleContent,e("slot",{key:"c0e1a995fdce329322f02f39b9ecf7452e5230e7",name:"title-content"}))),e("slot",{key:"1288a8f910a647a47ddf9167cdb8928a933a76dc"}),e("div",{key:"db76a2a402a20e13430f3573d1823d95a247f3e2",class:"arrow"})))))}get hostElement(){return s(this)}};v.style=p;export{v as ix_tooltip};
-//# sourceMappingURL=p-6d38bed7.entry.js.map
+import{r as t,h as e,H as i,g as s}from"./p-BNpBEtDH.js";import{c as o,a,s as r,o as n,b as l,f as c,h}from"./p-CAqtPJ4-.js";import{r as d}from"./p-CFRrPFxi.js";import{m as f}from"./p-bcj7UEIC.js";import{b as m}from"./p-CKoABG1h.js";const p='.dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:100%;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem 0.375rem 0.875rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex;align-items:center}.tooltip-title ::slotted(ix-icon){margin-right:0.35rem}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}';const u=t=>t!==null?`${t}px`:"";let b=0;const v=class{constructor(e){t(this,e);this.interactive=false;this.placement="top";this.showDelay=0;this.hideDelay=50;this.animationFrame=false;this.visible=false;this.instance=b++;this.dialogRef=f()}get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}async showTooltip(t){this.clearTimeouts();if(this.showTooltipTimeout||this.visibleFor===t){return}const e=await this.dialogRef.waitForCurrent();this.showTooltipTimeout=setTimeout((()=>{this.setAnchorElement(t);e.showPopover();this.applyTooltipPosition(t,e);this.registerTooltipListener(e)}),this.showDelay)}async hideTooltip(t=this.hideDelay){this.clearTimeouts();if(this.hideTooltipTimeout||!this.visible){return}if(this.interactive&&t===50){t=150}const e=await this.dialogRef.waitForCurrent();this.hideTooltipTimeout=setTimeout((()=>{var t,i;this.setAnchorElement();e.hidePopover();(t=this.disposeAutoUpdate)===null||t===void 0?void 0:t.call(this);(i=this.disposeTooltipListener)===null||i===void 0?void 0:i.call(this)}),t)}setAnchorElement(t){if(!t){this.visibleFor=undefined;this.visible=false}else{this.visibleFor=t;this.visible=true}}computeArrowPosition({placement:t,middlewareData:e}){let{x:i,y:s}=e.arrow;const o={top:"unset",right:"unset",bottom:"unset",left:"unset"};if(t.startsWith("top")){return Object.assign(Object.assign({},o),{left:u(i),top:u(s)})}if(t.startsWith("right")){return Object.assign(Object.assign({},o),{left:u(-6),top:u(s)})}if(t.startsWith("bottom")){return Object.assign(Object.assign({},o),{left:u(i),top:u(-6)})}if(t.startsWith("left")){return Object.assign(Object.assign({},o),{right:u(-6),top:u(s)})}}async computeTooltipPosition(t,e){return o(t,e,{strategy:"fixed",placement:this.placement,middleware:[r(),n(12),l({element:this.arrowElement}),c({fallbackStrategy:"initialPlacement",fallbackAxisSideDirection:"end",padding:10}),h()]})}applyTooltipArrowPosition(t){const e=this.computeArrowPosition(t);Object.assign(this.arrowElement.style,e)}async applyTooltipPosition(t,e){if(!t){return}return new Promise((i=>{var s;(s=this.disposeAutoUpdate)===null||s===void 0?void 0:s.call(this);this.disposeAutoUpdate=a(t,e,(async()=>{var s;const o=await this.computeTooltipPosition(t,e);const a=(s=o.middlewareData.hide)===null||s===void 0?void 0:s.referenceHidden;if(a){this.hideTooltip(0);i(o)}if(o.middlewareData.arrow){this.applyTooltipArrowPosition(o)}const{x:r,y:n}=o;Object.assign(e.style,{left:u(r),top:u(n)});i(o)}),{ancestorResize:true,ancestorScroll:true,elementResize:true,animationFrame:this.animationFrame})}))}async queryAnchorElements(){if(this.for){if(Array.isArray(this.for)){return this.resolveElements(this.for)}else{return this.resolveElements([this.for])}}}async resolveElements(t){const e=[];await Promise.all(t.map((async t=>{if(typeof t==="string"){const i=await d(t,this.hostElement);if(i){e.push(...i)}}else if(t instanceof HTMLElement){e.push(t)}else if(t instanceof Promise){e.push(await t)}})));return e}async registerTriggerListener(){var t;(t=this.disposeTriggerListener)===null||t===void 0?void 0:t.call(this);const e=await this.queryAnchorElements();if(!e){return}const i=[];e.forEach((t=>{i.push(...[{element:t,eventType:"mouseenter",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focus",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}}])}));this.disposeTriggerListener=m(i)}registerTooltipListener(t){var e;(e=this.disposeTooltipListener)===null||e===void 0?void 0:e.call(this);this.disposeTooltipListener=m([{element:t,eventType:"mouseenter",callback:()=>{if(this.interactive){this.clearHideTimeout()}}},{element:t,eventType:"focus",callback:()=>{if(this.interactive){this.clearHideTimeout()}}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}},{element:t,eventType:"click",callback:t=>{t.stopPropagation()}},{element:document,eventType:"keydown",callback:t=>{if(t.key==="Escape"){this.hideTooltip()}}}])}registerDomChangeListener(){const t=new MutationObserver((()=>{this.registerTriggerListener()}));t.observe(document.body,{attributes:true,attributeFilter:["data-ix-tooltip"],childList:true,subtree:true});this.disposeDomChangeListener=()=>{t.disconnect()}}clearHideTimeout(){clearTimeout(this.hideTooltipTimeout);this.hideTooltipTimeout=undefined}clearShowTimeout(){clearTimeout(this.showTooltipTimeout);this.showTooltipTimeout=undefined}clearTimeouts(){this.clearHideTimeout();this.clearShowTimeout()}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){this.registerDomChangeListener()}disconnectedCallback(){var t,e,i,s;this.clearTimeouts();(t=this.disposeAutoUpdate)===null||t===void 0?void 0:t.call(this);(e=this.disposeTriggerListener)===null||e===void 0?void 0:e.call(this);(i=this.disposeTooltipListener)===null||i===void 0?void 0:i.call(this);(s=this.disposeDomChangeListener)===null||s===void 0?void 0:s.call(this)}render(){return e(i,{key:"de71d4a53d4b9d1c5631eb52ebc58a9070e20c34",role:"tooltip",class:{visible:this.visible}},e("dialog",{key:"677ef22f8e4554645454312012303df2ec9e4c57",ref:this.dialogRef,id:"tooltip-"+this.instance,class:"dialog",popover:"manual",inert:!this.visible},e("div",{key:"3965cab3b146c941c78238e3c5ce1f2c66014098",class:"tooltip-container"},e("div",{key:"e9e3f38fec696d38327b3fbb5e848d248e74881e",class:"content-wrapper"},e("div",{key:"24c518e1ff9486dd8a28135bbf67312e78572a9e",class:"tooltip-title"},e("slot",{key:"a21f9fec2aad1c4bd9859998c31b368cf1f3afc3",name:"title-icon"}),e("ix-typography",{key:"1dbbacaa0240b375f7d4ede44fce1ed8ba4409d4",format:"h5"},this.titleContent,e("slot",{key:"c0e1a995fdce329322f02f39b9ecf7452e5230e7",name:"title-content"}))),e("slot",{key:"1288a8f910a647a47ddf9167cdb8928a933a76dc"}),e("div",{key:"db76a2a402a20e13430f3573d1823d95a247f3e2",class:"arrow"})))))}get hostElement(){return s(this)}};v.style=p;export{v as ix_tooltip};
+//# sourceMappingURL=p-5963369c.entry.js.map