npm - @siemens/ix - Versions diffs - 3.0.0-alpha.4 → 3.0.0 - Mend

@siemens/ix 3.0.0-alpha.4 → 3.0.0

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

Files changed (1093) hide show

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

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as r,h as o,H as d,g as t}from"./p-BNpBEtDH.js";import{m as a}from"./p-bcj7UEIC.js";import{c as i}from"./p-DHml78Yc.js";import{a as c}from"./p-Bb7pDeaQ.js";const n=":host{display:inline-block;position:relative}:host ,:host ::after,:host ::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px;margin-right:0.5rem}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}:host input[type=radio]{display:none}:host label{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) button,:host([indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) button,:host([indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) button,:host([indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host([indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}ix-typography{margin-top:0.125rem}:host(.ix-info:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--info);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--info--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--info--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--info);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--info--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--info--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--info);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--info--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--info--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--info);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--info--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--info--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--info);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--info--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--info--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--info);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--info--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--info--active)}:host(.ix-info) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--warning);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--warning--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--warning--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--warning);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--warning--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--warning--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--warning);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--warning--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--warning--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--warning);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--warning--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--warning--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--warning);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--warning--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--warning--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--warning);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--warning--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--warning--active)}:host(.ix-warning) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}:host(.ix-invalid--required) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}:host(.ix-invalid) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";const b=class{constructor(o){e(this,o);this.checkedChange=r(this,"checkedChange",7);this.valueChange=r(this,"valueChange",7);this.ixBlur=r(this,"ixBlur",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.disabled=false;this.checked=false;this.required=false;this.inputRef=a((e=>{e.checked=this.checked}))}setCheckedState(e){if(this.checked){return}const r=this.checkedChange.emit(e);if(r.defaultPrevented){return}this.checked=e}async onCheckedChange(){const e=await this.inputRef.waitForCurrent();e.checked=this.checked;this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}connectedCallback(){const e=this.hostElement.closest("ix-radio-group");if(e){this.classMutationObserver=i(e,(()=>{this.hostElement.classList.toggle("ix-invalid--required",e.classList.contains("ix-invalid--required"))}))}}disconnectedCallback(){if(this.classMutationObserver){this.classMutationObserver.destroy()}}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){var e;if(this.checked){this.formInternals.setFormValue((e=this.value)!==null&&e!==void 0?e:"on")}else{this.formInternals.setFormValue(null)}}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){return o(d,{key:"e49795a12ee614091e288edead7f842d892c6ae1","aria-checked":c(this.checked),"aria-disabled":c(this.disabled),role:"radio",class:{disabled:this.disabled,checked:this.checked},onBlur:()=>this.ixBlur.emit()},o("label",{key:"336bb07623eabcc32f2e074f53b0583418e549af"},o("input",{key:"f14f476a25b4b6016c305f6602a2bd6566964eb3","aria-checked":c(this.checked),required:this.required,disabled:this.disabled,checked:this.checked,name:this.name,ref:this.inputRef,type:"radio",onChange:()=>{const e=this.inputRef.current;if(e){this.setCheckedState(e.checked)}}}),o("button",{key:"62a18813a23df2b6ecd7d2b0d4b7ec3d34e2ebb5",disabled:this.disabled,class:{checked:this.checked},onClick:()=>this.setCheckedState(!this.checked)},o("div",{key:"31b7b63134c50640a12a39ebc78a7d555cefbe34",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}})),o("ix-typography",{key:"95c4c01749ad136fb93bc49b19fa1d4526525f6b",format:"label",textColor:this.disabled?"weak":"std"},this.label,o("slot",{key:"ee9a61d6f99dd163c3dc6135f5275f6167db9f9b"}))))}static get formAssociated(){return true}get hostElement(){return t(this)}static get watchers(){return{checked:["onCheckedChange"],value:["onValueChange"]}}};b.style=n;export{b as ix_radio};
2	+ //# sourceMappingURL=p-8df5873d.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["radioCss","Radio","constructor","hostRef","this","disabled","checked","required","inputRef","makeRef","radiobuttonRef","setCheckedState","newChecked","result","checkedChange","emit","defaultPrevented","onCheckedChange","waitForCurrent","updateFormInternalValue","onValueChange","valueChange","value","connectedCallback","parent","hostElement","closest","classMutationObserver","createClassMutationObserver","classList","toggle","contains","disconnectedCallback","destroy","componentWillLoad","formInternals","setFormValue","_a","hasValidValue","Promise","resolve","getAssociatedFormElement","form","render","h","Host","key","a11yBoolean","role","class","onBlur","ixBlur","name","ref","type","onChange","current","onClick","style","visibility","format","textColor","label"],"sources":["src/components/radio/radio.scss?tag=ix-radio&encapsulation=shadow","src/components/radio/radio.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n @import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n display: inline-block;\n position: relative;\n\n button {\n all: unset;\n\n display: inline-flex;\n position: relative;\n\n align-items: center;\n justify-content: center;\n\n width: 1.125rem;\n min-width: 1.125rem;\n max-width: 1.125rem;\n height: 1.125rem;\n min-height: 1.125rem;\n max-height: 1.125rem;\n\n border: 1px solid white;\n border-radius: 100px;\n\n margin-right: 0.5rem;\n }\n\n button:focus-visible {\n outline: 0.0625rem solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-radiobtn--focus--outline-offset);\n }\n\n input[type=\"radio\"] {\n display: none;\n }\n\n label {\n display: flex;\n\n justify-content: flex-start;\n align-items: flex-start;\n\n width: 100%;\n height: 100%;\n }\n\n .checkmark {\n border-radius: 100px;\n background-color: var(--theme-color-primary--contrast);\n width: 0.5rem;\n height: 0.5rem;\n }\n}\n\n@mixin radio-base() {\n :host {\n button {\n background-color: var(--theme-radiobtn-unchecked--background);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-unchecked--border-color);\n }\n }\n\n :host(:hover) {\n button {\n background-color: var(--theme-radiobtn-unchecked--background--hover);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-unchecked--border-color--hover);\n }\n }\n\n :host(:active) {\n button {\n background-color: var(--theme-radiobtn-unchecked--background--active);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-unchecked--border-color--active);\n }\n }\n\n :host(.checked),\n :host([indeterminate]) {\n button {\n background-color: var(--theme-radiobtn-checked--background);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-checked--border-color);\n }\n }\n\n :host(.checked:hover),\n :host([indeterminate]:hover) {\n button {\n background-color: var(--theme-radiobtn-checked--background--hover);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-checked--border-color--hover);\n }\n }\n\n :host(.checked:active),\n :host([indeterminate]:active) {\n button {\n background-color: var(--theme-radiobtn-checked--background--active);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-checked--border-color--active);\n }\n }\n\n :host(.disabled) {\n pointer-events: none;\n\n button {\n background-color: var(--theme-radiobtn-unchecked--background--disabled);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-unchecked--border-color--disabled);\n }\n }\n\n :host(.checked.disabled),\n :host([indeterminate].disabled) {\n button {\n background-color: var(--theme-radiobtn-checked--background--disabled);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-checked--border-color--disabled);\n }\n }\n\n ix-typography {\n margin-top: 0.125rem;\n }\n}\n\n@mixin radio-variant($selector) {\n :host(#{$selector}:not(.disabled)) {\n button {\n @content;\n }\n }\n\n :host(#{$selector}) {\n button {\n background-color: var(--theme-radiobtn-unchecked--background);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-unchecked--border-color);\n }\n }\n\n :host(#{$selector}:hover) {\n button {\n background-color: var(--theme-radiobtn-unchecked--background--hover);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-unchecked--border-color--hover);\n }\n }\n\n :host(#{$selector}:active) {\n button {\n background-color: var(--theme-radiobtn-unchecked--background--active);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-unchecked--border-color--active);\n }\n }\n\n :host(#{$selector}.checked),\n :host(#{$selector}[indeterminate]) {\n button {\n background-color: var(--theme-radiobtn-checked--background);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-checked--border-color);\n }\n }\n\n :host(#{$selector}.checked:hover),\n :host(#{$selector}[indeterminate]:hover) {\n button {\n background-color: var(--theme-radiobtn-checked--background--hover);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-checked--border-color--hover);\n }\n }\n\n :host(#{$selector}.checked:active),\n :host(#{$selector}[indeterminate]:active) {\n button {\n background-color: var(--theme-radiobtn-checked--background--active);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-checked--border-color--active);\n }\n }\n\n :host(#{$selector}.disabled) {\n button {\n background-color: var(--theme-radiobtn-unchecked--background--disabled);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-unchecked--border-color--disabled);\n }\n }\n\n :host(#{$selector}.checked.disabled),\n :host(#{$selector}[indeterminate].disabled) {\n button {\n background-color: var(--theme-radiobtn-checked--background--disabled);\n border: var(--theme-radiobtn--border-thickness) solid\n var(--theme-radiobtn-checked--border-color--disabled);\n }\n }\n}\n\n@mixin define-radio-vars($state, $type) {\n --theme-radiobtn-#{$state}--background: var(--theme-radiobtn-#{$state}--background--#{$type});\n --theme-radiobtn-#{$state}--background--hover: var(--theme-radiobtn-#{$state}--background--#{$type}--hover);\n --theme-radiobtn-#{$state}--background--active: var(--theme-radiobtn-#{$state}--background--#{$type}--active);\n\n --theme-radiobtn-#{$state}--border-color: var(--theme-radiobtn-#{$state}--border-color--#{$type});\n --theme-radiobtn-#{$state}--border-color--hover: var(--theme-radiobtn-#{$state}--border-color--#{$type}--hover);\n --theme-radiobtn-#{$state}--border-color--active: var(--theme-radiobtn-#{$state}--border-color--#{$type}--active);\n}\n\n@include radio-base();\n@include radio-variant(\n $selector: '.ix-info',\n) {\n @include define-radio-vars('unchecked', 'info');\n @include define-radio-vars('checked', 'info');\n @include define-radio-vars('mixed', 'info');\n}\n\n@include radio-variant(\n $selector: '.ix-warning',\n) {\n @include define-radio-vars('unchecked', 'warning');\n @include define-radio-vars('checked', 'warning');\n @include define-radio-vars('mixed', 'warning');\n}\n\n@include radio-variant(\n $selector: '.ix-invalid--required',\n) {\n @include define-radio-vars('unchecked', 'invalid');\n @include define-radio-vars('checked', 'invalid');\n @include define-radio-vars('mixed', 'invalid');\n}\n\n@include radio-variant(\n $selector: '.ix-invalid',\n) {\n @include define-radio-vars('unchecked', 'invalid');\n @include define-radio-vars('checked', 'invalid');\n @include define-radio-vars('mixed', 'invalid');\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n AttachInternals,\n Component,\n Event,\n EventEmitter,\n Host,\n Prop,\n Watch,\n h,\n Method,\n Element,\n} from '@stencil/core';\nimport { makeRef } from '../utils/make-ref';\nimport {\n ClassMutationObserver,\n createClassMutationObserver,\n IxFormComponent,\n} from '../utils/input';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @form-ready\n */\n@Component({\n tag: 'ix-radio',\n styleUrl: 'radio.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Radio implements IxFormComponent<string> {\n @Element() hostElement!: HTMLIxRadioElement;\n @AttachInternals() formInternals!: ElementInternals;\n\n /**\n * Name of the radio component\n */\n @Prop({ reflect: true }) name?: string;\n\n /**\n * Value of the radio component\n */\n @Prop({ reflect: true }) value?: string;\n\n /**\n * Label for the radio component\n */\n @Prop() label?: string;\n\n /**\n * Disabled state of the radio component\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Checked state of the radio component\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n\n /**\n * Requires the radio component and its group to be checked for the form to be submittable\n *\n * @since 3.0.0\n */\n @Prop({ reflect: true }) required: boolean = false;\n\n /**\n * Event emitted when the checked state of the radio changes\n */\n @Event() checkedChange!: EventEmitter<boolean>;\n\n /**\n * Event emitted when the value of the radio changes\n */\n @Event() valueChange!: EventEmitter<string>;\n\n /**\n * Event emitted when the radio is blurred\n */\n @Event() ixBlur: EventEmitter<void>;\n\n private classMutationObserver?: ClassMutationObserver;\n\n private readonly inputRef = makeRef<HTMLInputElement>((radiobuttonRef) => {\n radiobuttonRef.checked = this.checked;\n });\n\n private setCheckedState(newChecked: boolean) {\n if (this.checked) {\n return;\n }\n const result = this.checkedChange.emit(newChecked);\n if (result.defaultPrevented) {\n return;\n }\n\n this.checked = newChecked;\n }\n\n @Watch('checked')\n async onCheckedChange() {\n const radiobuttonRef = await this.inputRef.waitForCurrent();\n radiobuttonRef.checked = this.checked;\n\n this.updateFormInternalValue();\n }\n\n @Watch('value')\n onValueChange() {\n this.valueChange.emit(this.value);\n }\n\n connectedCallback(): void {\n const parent = this.hostElement.closest('ix-radio-group');\n if (parent) {\n this.classMutationObserver = createClassMutationObserver(parent, () => {\n this.hostElement.classList.toggle(\n 'ix-invalid--required',\n parent.classList.contains('ix-invalid--required')\n );\n });\n }\n }\n\n disconnectedCallback(): void {\n if (this.classMutationObserver) {\n this.classMutationObserver.destroy();\n }\n }\n\n componentWillLoad() {\n this.updateFormInternalValue();\n }\n\n updateFormInternalValue() {\n if (this.checked) {\n this.formInternals.setFormValue(this.value ?? 'on');\n } else {\n this.formInternals.setFormValue(null);\n }\n }\n\n /** @internal */\n @Method()\n hasValidValue(): Promise<boolean> {\n return Promise.resolve(this.checked);\n }\n\n /** @internal */\n @Method()\n getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n return Promise.resolve(this.formInternals.form);\n }\n\n render() {\n return (\n <Host\n aria-checked={a11yBoolean(this.checked)}\n aria-disabled={a11yBoolean(this.disabled)}\n role=\"radio\"\n class={{\n disabled: this.disabled,\n checked: this.checked,\n }}\n onBlur={() => this.ixBlur.emit()}\n >\n <label>\n <input\n aria-checked={a11yBoolean(this.checked)}\n required={this.required}\n disabled={this.disabled}\n checked={this.checked}\n name={this.name}\n ref={this.inputRef}\n type=\"radio\"\n onChange={() => {\n const ref = this.inputRef.current;\n if (ref) {\n this.setCheckedState(ref.checked);\n }\n }}\n />\n <button\n disabled={this.disabled}\n class={{\n checked: this.checked,\n }}\n onClick={() => this.setCheckedState(!this.checked)}\n >\n <div\n class=\"checkmark\"\n style={{ visibility: this.checked ? 'visible' : 'hidden' }}\n ></div>\n </button>\n <ix-typography\n format=\"label\"\n textColor={this.disabled ? 'weak' : 'std'}\n >\n {this.label}\n <slot></slot>\n </ix-typography>\n </label>\n </Host>\n );\n }\n}\n"],"mappings":"4KAAA,MAAMA,EAAW,gkjB,MCsCJC,EAAK,MANlB,WAAAC,CAAAC,G,2SA4BUC,KAAQC,SAAY,MAKYD,KAAOE,QAAY,MAOlCF,KAAQG,SAAY,MAmB5BH,KAAAI,SAAWC,GAA2BC,IACrDA,EAAeJ,QAAUF,KAAKE,OAAO,GAyHxC,CAtHS,eAAAK,CAAgBC,GACtB,GAAIR,KAAKE,QAAS,CAChB,M,CAEF,MAAMO,EAAST,KAAKU,cAAcC,KAAKH,GACvC,GAAIC,EAAOG,iBAAkB,CAC3B,M,CAGFZ,KAAKE,QAAUM,C,CAIjB,qBAAMK,GACJ,MAAMP,QAAuBN,KAAKI,SAASU,iBAC3CR,EAAeJ,QAAUF,KAAKE,QAE9BF,KAAKe,yB,CAIP,aAAAC,GACEhB,KAAKiB,YAAYN,KAAKX,KAAKkB,M,CAG7B,iBAAAC,GACE,MAAMC,EAASpB,KAAKqB,YAAYC,QAAQ,kBACxC,GAAIF,EAAQ,CACVpB,KAAKuB,sBAAwBC,EAA4BJ,GAAQ,KAC/DpB,KAAKqB,YAAYI,UAAUC,OACzB,uBACAN,EAAOK,UAAUE,SAAS,wBAC3B,G,EAKP,oBAAAC,GACE,GAAI5B,KAAKuB,sBAAuB,CAC9BvB,KAAKuB,sBAAsBM,S,EAI/B,iBAAAC,GACE9B,KAAKe,yB,CAGP,uBAAAA,G,MACE,GAAIf,KAAKE,QAAS,CAChBF,KAAK+B,cAAcC,cAAaC,EAAAjC,KAAKkB,SAAK,MAAAe,SAAA,EAAAA,EAAI,K,KACzC,CACLjC,KAAK+B,cAAcC,aAAa,K,EAMpC,aAAAE,GACE,OAAOC,QAAQC,QAAQpC,KAAKE,Q,CAK9B,wBAAAmC,GACE,OAAOF,QAAQC,QAAQpC,KAAK+B,cAAcO,K,CAG5C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,0DACWC,EAAY3C,KAAKE,SAAQ,gBACxByC,EAAY3C,KAAKC,UAChC2C,KAAK,QACLC,MAAO,CACL5C,SAAUD,KAAKC,SACfC,QAASF,KAAKE,SAEhB4C,OAAQ,IAAM9C,KAAK+C,OAAOpC,QAE1B6B,EAAA,SAAAE,IAAA,4CACEF,EACgB,SAAAE,IAAA,0DAAAC,EAAY3C,KAAKE,SAC/BC,SAAUH,KAAKG,SACfF,SAAUD,KAAKC,SACfC,QAASF,KAAKE,QACd8C,KAAMhD,KAAKgD,KACXC,IAAKjD,KAAKI,SACV8C,KAAK,QACLC,SAAU,KACR,MAAMF,EAAMjD,KAAKI,SAASgD,QAC1B,GAAIH,EAAK,CACPjD,KAAKO,gBAAgB0C,EAAI/C,Q,KAI/BsC,EAAA,UAAAE,IAAA,2CACEzC,SAAUD,KAAKC,SACf4C,MAAO,CACL3C,QAASF,KAAKE,SAEhBmD,QAAS,IAAMrD,KAAKO,iBAAiBP,KAAKE,UAE1CsC,EACE,OAAAE,IAAA,2CAAAG,MAAM,YACNS,MAAO,CAAEC,WAAYvD,KAAKE,QAAU,UAAY,aAGpDsC,EAAA,iBAAAE,IAAA,2CACEc,OAAO,QACPC,UAAWzD,KAAKC,SAAW,OAAS,OAEnCD,KAAK0D,MACNlB,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/siemens-ix/{p-575b3137.entry.js → p-8e525190.entry.js} RENAMED Viewed

@@ -1,2 +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
+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-DHml78Yc.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:"9c96e0484bd918417dcbfde85e300e81ee76ff14","aria-disabled":l(this.disabled),class:{disabled:this.disabled}},e("ix-field-wrapper",{key:"2361bfc2f09908d32ee86ffea1ad3e03e0b0e35e",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:"3bc425f480a9709262a4a75d0efc3a0edd344208",class:{select:true,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchorRef(t);if(!this.editable)this.dropdownWrapperRef(t)}},e("div",{key:"36fb0119739e50e0b7ad33206b9ac2af13a2d02a",class:"input-container"},e("div",{key:"69cd6098ab12694ccbb9f379fe306d20e058ab7d",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:"10b6f384260f0137b92063c6277601b30d91e71e",class:"trigger"},e("input",{key:"71222c3c2fce7115a28e1ddc798c1c947195b6c0",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:"aac8cbe6759915570b9f940a024a0c124b88d7cb",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:"20c61f1e345f4203e0017480aecb16ba6559db53",class:{"select-list-header":true,hidden:this.hideListHeader||this.isDropdownEmpty},title:this.i18nSelectListHeader,onClick:t=>t.preventDefault()},this.i18nSelectListHeader),e("slot",{key:"f16a3d974086f0ed7701b6b6ded216c7a3be1603",onSlotchange:()=>{this.updateSelection()}}),e("div",{key:"6a1053c8bcd639b88a88ec1583514c1066e39677",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-8e525190.entry.js.map

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

@@ -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\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 @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 @Prop({ reflect: true }) required: boolean = false;\n\n /**\n * Label for the select component\n */\n @Prop() label?: string;\n\n /**\n * Warning text for the select component\n **/\n @Prop() warningText?: string;\n\n /**\n * Info text for the select component\n **/\n @Prop() infoText?: string;\n\n /**\n * Error text for the select component\n **/\n @Prop() invalidText?: string;\n\n /**\n * Valid text for the select component\n **/\n @Prop() validText?: string;\n\n /**\n * Helper text for the select component\n **/\n @Prop() helperText?: string;\n\n /**\n * Show helper, error, info, warning text as tooltip\n */\n @Prop() showTextAsTooltip?: boolean;\n\n /**\n * Current selected value.\n * This corresponds to the value property of ix-select-items\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 @Prop() i18nNoMatches = 'No matches';\n\n /**\n * Hide list header\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 @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 @Prop() dropdownMaxWidth?: string;\n\n /**\n * Value changed\n */\n @Event() valueChange!: EventEmitter<string | string[]>;\n\n /**\n * Event dispatched whenever the text input changes.\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":"kWAAA,MAAMA,EAAY,i9L,iXCkDLC,EAAM,MANnB,WAAAC,CAAAC,G,wUAmB2BC,KAAQC,SAAY,MAyCpBD,KAAKE,MAAsB,GAK5CF,KAAUG,WAAG,MAKbH,KAAII,KAA0B,SAK9BJ,KAAQK,SAAG,MAKXL,KAAQM,SAAG,MAKXN,KAAQO,SAAG,MAKXP,KAAeQ,gBAAG,mBAKlBR,KAAuBS,wBAAG,wBAK1BT,KAAoBU,qBAAG,mBAKvBV,KAAaW,cAAG,aAKhBX,KAAcY,eAAG,MAiChBZ,KAAYa,aAAG,MACfb,KAAcc,eAA2B,GACzCd,KAAee,gBAAG,MAElBf,KAAegB,gBAAG,GAClBhB,KAAUiB,WAAG,GAEbjB,KAASkB,UAAG,MACZlB,KAAOmB,QAAG,MACVnB,KAAMoB,OAAG,MACTpB,KAASqB,UAAG,MAEJrB,KAAkBsB,mBAAGC,IACrBvB,KAAiBwB,kBAAGD,IACpBvB,KAAQyB,SAAGF,IAQpBvB,KAAO0B,QAAG,MAED1B,KAAA2B,aAAeC,GAAuB,KACrD,IAAK5B,KAAK6B,qBAAsB,CAC9B,M,CAEF7B,KAAK6B,qBAAqBC,MAAQ9B,KAAK+B,qBAAqB,IAE7C/B,KAA2BgC,4BAC1ChC,KAAKiC,kBAAkBC,KAAKlC,KAwwB/B,CAtwBC,kBAAImC,GACF,OAAOC,MAAMC,KAAKrC,KAAKsC,YAAYC,iBAAiB,kB,CAGtD,yBAAIR,GACF,OAAO/B,KAAKmC,eAAeK,QACxBC,IAAUA,EAAKC,UAAUC,SAAS,iB,CAIvC,eAAIC,GACF,OAAOR,MAAMC,KACXrC,KAAKsC,YAAYO,WAAYN,iBAAiB,kB,CAIlD,sBAAIO,GACF,OAAO9C,KAAK4C,YAAYJ,QACrBC,IAAUA,EAAKC,UAAUC,SAAS,iB,CAIvC,SAAIb,GACF,MAAO,IAAI9B,KAAKmC,kBAAmBnC,KAAK4C,Y,CAG1C,gBAAIG,GACF,OAAO/C,KAAK8B,MAAMU,QACfC,IAAUA,EAAKC,UAAUC,SAAS,iB,CAIvC,iBAAIK,GACF,OAAOhD,KAAK8B,MAAMU,QAAQC,GAASA,EAAKQ,U,CAG1C,iBAAIC,GACF,OAAOlD,KAAKsC,YAAYO,WAAYM,cAAc,Y,CAGpD,gBAAIC,GACF,OAAOpD,KAAKI,OAAS,Q,CAGvB,kBAAIiD,GACF,OAAOrD,KAAKI,OAAS,U,CAGvB,6BAAIkD,GACF,OAAOtD,KAAK8B,MAAMyB,OAAOd,GAASA,EAAKC,UAAUC,SAAS,iB,CAI5D,UAAAa,CAAWtD,GACTF,KAAKE,MAAQA,EACbF,KAAKyD,iB,CAIP,iBAAAC,CAAkBC,GAChB,GAAIA,GAAQ3D,KAAK4D,gBAAiB,CAChC5D,KAAK2B,aAAakC,QAAQ7D,KAAK4D,gBAAiB,CAC9CE,UAAW,KACXC,QAAS,M,KAEN,CACL/D,KAAKgE,kB,EAID,gBAAAA,G,SACNC,EAAAjE,KAAK6B,wBAAsB,MAAAoC,SAAA,SAAAA,EAAAC,aAC3BlE,KAAK6B,qBAAuBsC,WAC5BC,EAAApE,KAAK2B,gBAAc,MAAAyC,SAAA,SAAAA,EAAAF,Y,CAIrB,aAAAG,CAAcC,GACZ,MAAMC,EAAQD,EAAME,OACpBxE,KAAKyE,UAAUF,E,CAGjB,uBAAAG,CAAwBxE,GACtB,GAAIkC,MAAMuC,QAAQzE,GAAQ,CACxBF,KAAK4E,cAAcC,aAAa3E,EAAM4E,KAAK,K,KACtC,CACL9E,KAAK4E,cAAcC,aAAa3E,E,EAMpC,mBAAM6E,GACJ,OAAO/E,KAAKC,YAAcD,KAAKgF,U,CAGzB,QAAAA,GACN,GAAI5C,MAAMuC,QAAQ3E,KAAKE,OAAQ,CAC7B,QAASF,KAAKE,MAAM+E,M,CAGtB,QAASjF,KAAKE,K,CAGR,iBAAA+B,CAAkBiD,G,QACxBlF,KAAKmF,eAAiBhB,UAEtB,GAAIe,EAAQlF,KAAK+B,sBAAsBkD,OAAQ,CAC7C,MAAMG,GACJhB,GAAAH,EAAAjE,KAAK+B,sBAAsBmD,MAAM,MAAAjB,SAAA,SAAAA,EAAEpB,cAAU,MAAAuB,SAAA,SAAAA,EAAEjB,cAC7C,oBAGJ,IAAKiC,EAAoB,CACvB,M,CAGFC,uBAAsB,K,SACpBjB,GAAAH,EAAAmB,IAAkB,MAAlBA,SAAkB,SAAlBA,EAAoBvC,cAAY,MAAAoB,SAAA,SAAAA,EAAAd,cAAc,aAAW,MAAAiB,SAAA,SAAAA,EAAAkB,OAAO,G,EAK9D,SAAAb,CAAUF,GAChB,MAAMgB,EAAWvF,KAAKE,MACtB,MAAMA,EAAQF,KAAKwF,YAAYjB,GAC/BvE,KAAKE,MAAQA,EACb,MAAMuF,EAAmBzF,KAAK0F,gBAAgBxF,GAE9C,GAAIuF,EAAkB,CACpBzF,KAAKE,MAAQqF,EACb,M,CAGFvF,KAAKyD,iB,CAGC,WAAAkC,CAAYzF,G,MAClB,GAAIA,IAAUiE,WAAajE,EAAM0F,SAAW,GAAI,CAC9C,OAAO,K,CAGT,MAAMH,iBAAEA,GAAqBzF,KAAK6F,QAAQC,KAAK5F,GAC/C,GAAIuF,EAAkB,CACpB,OAAO,I,CAGT,MAAMM,EAAUC,SAASC,cAAc,kBACvCF,EAAQ7F,MAAQA,EAChB6F,EAAQG,MAAQhG,GAEhB+D,EAAAjE,KAAKmG,+BAA2B,MAAAlC,SAAA,SAAAA,EAAEmC,YAAYL,GAE9C/F,KAAKqG,aACLrG,KAAKyE,UAAUvE,GAEf,OAAO,K,CAGD,WAAAsF,CAAYc,GAClB,IAAKtG,KAAKqD,eAAgB,CACxB,OAAOiD,C,CAGT,IAAKtG,KAAKE,MAAO,CACf,MAAO,CAACoG,E,CAGV,IAAIpG,EAAQF,KAAKE,MAEjB,IAAKkC,MAAMuC,QAAQzE,GAAQ,CACzBA,EAAQ,CAACA,E,CAGX,GAAIA,EAAMqG,SAASD,GAAY,CAC7B,OAAOpG,EAAMsC,QAAQtC,GAAUA,IAAUoG,G,KACpC,CACL,MAAO,IAAIpG,EAAOoG,E,EAId,eAAA7C,G,QACN,IAAI+C,EAAgB,GAEpB,GAAIxG,KAAKE,MAAO,CACdsG,EAAMpE,MAAMuC,QAAQ3E,KAAKE,OAAS,IAAIF,KAAKE,OAAS,CAACF,KAAKE,M,CAG5DF,KAAK8B,MAAM2E,SAAShE,IAClBA,EAAKQ,SAAWuD,EAAIE,MAAMC,IACxB,UAAWA,WAAalE,EAAKvC,MAAO,CAClC,OAAOyG,EAAEC,aAAenE,EAAKvC,MAAM0G,U,KAC9B,CACL,OAAOD,IAAMlE,EAAKvC,K,IAEpB,IAGJF,KAAKc,eAAiBd,KAAKgD,cAAc6D,KAAKpE,GAASA,EAAKyD,QAE5D,KAAIjC,EAAAjE,KAAKc,kBAAc,MAAAmD,SAAA,SAAAA,EAAEgB,SAAUjF,KAAKoD,aAAc,CACpDpD,KAAKiB,YAAamD,EAAApE,KAAKc,eAAe,MAAM,MAAAsD,SAAA,EAAAA,EAAA,E,KACvC,CACLpE,KAAKiB,WAAa,E,CAGpBjB,KAAK8G,eAAiB9G,KAAK8G,aAAa5G,MAAQF,KAAKiB,W,CAG/C,eAAAyE,CAAgBxF,GACtB,MAAMuF,iBAAEA,GAAqBzF,KAAK+G,YAAYjB,KAAK5F,GAEnD,GAAIuF,EAAkB,CACpB,OAAO,I,CAGTzF,KAAK0E,wBAAwBxE,GAC7B,OAAO,K,CAGT,gBAAA8G,G,OACE/C,EAAAjE,KAAK8G,gBAAY,MAAA7C,SAAA,SAAAA,EAAEgD,iBAAiB,SAAS,K,MAC3CjH,KAAKa,aAAe,KACpBb,KAAKkH,YAAYpB,MAAK7B,EAAAjE,KAAK8G,gBAAY,MAAA7C,SAAA,SAAAA,EAAE/D,MAAM,G,CAInD,iBAAAiH,GACEnH,KAAKyD,kBACLzD,KAAK0E,wBAAwB1E,KAAKE,M,CAGpC,kBAAAkH,GACE,IACGpH,KAAKa,cACNb,KAAK6B,uBACJ7B,KAAK4D,gBACN,CACA,M,CAGF5D,KAAK6B,qBAAuB,IAAIwF,EAC9BrH,KAAK+B,sBACL/B,KAAK4D,gBACL5D,KAAKgC,6BAGPhC,KAAK6B,qBAAqByF,MACvBtH,KAAKuH,qBAAuBvH,KAAK8C,mBAAmBmC,M,CAKzD,aAAAuC,CAAclD,GACZA,EAAMmD,iBACNnD,EAAMoD,2BACN1H,KAAKyD,iB,CAGP,oBAAAkE,GACE3H,KAAKgE,kB,CAGC,UAAA4D,CAAWnF,GACjB,OAAOzC,KAAK8B,MAAM+F,MAAMlB,GAAMA,EAAET,QAAUzD,G,CAGpC,yBAAAqF,CAA0BxD,G,QAChCtE,KAAKa,aAAeyD,EAAME,OAE1B,GAAIF,EAAME,OAAQ,EAChBP,EAAAjE,KAAK8G,gBAAc,MAAA7C,SAAA,SAAAA,EAAAqB,SACnBlB,EAAApE,KAAK8G,gBAAc,MAAA1C,SAAA,SAAAA,EAAA2D,SAEnB/H,KAAKgI,wBACLhI,KAAKe,gBAAkBf,KAAKsD,yB,KACvB,CACLtD,KAAKmF,eAAiBhB,UACtBnE,KAAKyD,kBACLzD,KAAKgB,gBAAkB,E,EAK3B,eAAMiH,CAAU3D,GACd,GAAIA,EAAM4D,OAAS,aAAe5D,EAAM4D,OAAS,UAAW,OACpDlI,KAAKmI,kBAAkB7D,EAAOA,EAAM4D,K,CAG5C,IAAKlI,KAAKa,aAAc,CACtB,M,CAGF,GAAIyD,EAAM4D,OAAS,SAAW5D,EAAM4D,OAAS,cAAe,OACpDlI,KAAKoI,kBAAkB9D,EAAM+D,O,CAGrC,GAAI/D,EAAM4D,OAAS,SAAU,CAC3BlI,KAAKa,aAAe,K,EAIhB,uBAAMuH,CACZE,GAEA,GAAItI,KAAKqD,eAAgB,CACvB,M,CAEF,MAAMkF,EAAaD,IAA8B,MAA9BA,SAAA,SAAAA,EAAgCpC,MACnD,MAAMzD,EAAOzC,KAAK4H,WAAW5H,KAAKgB,iBAElC,GAAIyB,EAAM,CACRzC,KAAKyE,UAAUhC,EAAKvC,M,MACf,GAAIF,KAAKK,WAAaL,KAAK4H,WAAWW,GAAY,CACvD,MAAM9C,EAAmBzF,KAAK2F,YAAY3F,KAAKgB,iBAC/C,GAAIyE,EAAkB,CACpB,M,EAIJzF,KAAKa,aAAe,MACpBb,KAAKyD,iB,CAGC,uBAAM0E,CACZ7D,EACAkE,G,MAEA,GAAIlE,EAAMmB,iBAAkB,CAC1B,M,CAGFnB,EAAMmD,iBACNnD,EAAMmE,kBAENzI,KAAKa,aAAe,KAEpB,IAAKb,KAAKmF,gBAAkBa,SAAS0C,gBAAkB1I,KAAKsC,YAAa,CACvE,GAAItC,KAAK+C,aAAakC,OAAQ,CAC5BjF,KAAK2I,aAAa3I,KAAK+C,aAAa6F,Q,MAC/B,GAAI5I,KAAKuH,mBAAoB,CAClCvH,KAAK6I,oB,CAEP,M,CAGF,MAAMC,EAASN,IAAQ,UACvB,MAAMO,EAAiB/C,SAAS0C,cAC5B1I,KAAK+B,sBAAsBiH,QACzBhD,SAAS0C,gBAEX,EAGJ,GAAIK,IAAmB,EAAG,CACxB,IAAK/I,KAAK8C,mBAAmBmC,QAAUjF,KAAKuH,mBAAoB,CAC9DvH,KAAK6I,oB,KACA,CACL7I,KAAK2I,aAAa3I,KAAK8C,mBAAmBmG,M,CAE5C,M,MACK,GACLF,KAAmB,GACnBA,IAAmB/I,KAAK+B,sBAAsBkD,OAAS,EACvD,CACA,GAAIjF,KAAK8C,mBAAmBmC,OAAQ,CAClCjF,KAAK2I,aAAa3I,KAAK8C,mBAAmB8F,Q,MACrC,GAAI5I,KAAKuH,mBAAoB,CAClCvH,KAAK6I,oB,CAEP,M,CAGF,IAAK7I,KAAKmF,eAAgB,CACxB,M,CAGF,GACEnF,KAAKuH,sBACLtD,EAAAjE,KAAKkJ,kBAAgB,MAAAjF,SAAA,SAAAA,EAAAtB,eACb3C,KAAKmF,eAAegE,2BAE5B,CACA,GAAIL,EAAQ,CACV9I,KAAK2I,aAAa3I,KAAK+C,aAAakG,M,MAC/B,GAAIjJ,KAAK+C,aAAakC,OAAQ,CACnCjF,KAAK2I,aAAa3I,KAAK+C,aAAa6F,Q,CAEtC,M,CAIF,MAAMQ,EAAcpJ,KAAK8C,mBAAmBkG,QAC1ChJ,KAAKmF,gBAGP,GAAI2D,EAAQ,CACV,GAAIM,IAAgB,EAAG,CACrB,GAAIpJ,KAAK+B,sBAAsBkD,OAAQ,CACrCjF,KAAK2I,aAAa3I,KAAK+B,sBAAsBkH,M,MACxC,GAAIjJ,KAAKuH,mBAAoB,CAClCvH,KAAK6I,oB,MAEF,CACL7I,KAAK2I,aAAa3I,KAAK8C,mBAAmBsG,EAAc,G,MAErD,CACL,GAAIA,IAAgBpJ,KAAK8C,mBAAmBmC,OAAS,EAAG,CACtD,GAAIjF,KAAKuH,mBAAoB,CAC3BvH,KAAK6I,oB,KACA,CACL7I,KAAK2I,aAAa3I,KAAK+C,aAAa6F,Q,MAEjC,CACL5I,KAAK2I,aAAa3I,KAAK8C,mBAAmBsG,EAAc,G,GAKtD,YAAAT,CAAaU,GACnB,IAAKA,EAAS,CACZ,M,CAGFrJ,KAAKmF,eAAiBkE,EAEtBC,YAAW,K,aACTC,GAAAC,GAAApF,GAAAH,EAAAoF,EAAQxG,cAAU,MAAAoB,SAAA,SAAAA,EACdd,cAAc,uBACd,MAAAiB,SAAA,SAAAA,EAAAvB,cAAU,MAAA2G,SAAA,SAAAA,EAAErG,cAAc,aAAS,MAAAoG,SAAA,SAAAA,EACnCjE,OAAO,G,CAIP,kBAAAuD,G,QACN,GAAI7I,KAAKkD,cAAe,EACtBkB,GAAAH,EAAAjE,KAAKkD,cAAcL,cAAU,MAAAoB,SAAA,SAAAA,EAAEd,cAAc,aAAW,MAAAiB,SAAA,SAAAA,EAAAkB,QACxDtF,KAAKmF,eAAiBnF,KAAKkJ,c,EAIvB,wBAAAO,G,QACNzJ,KAAKgB,iBAAkBoD,GAAAH,EAAAjE,KAAK8G,gBAAY,MAAA7C,SAAA,SAAAA,EAAE/D,MAAM0F,UAAM,MAAAxB,SAAA,EAAAA,EAAI,GAE1D,GAAIpE,KAAKoD,cAAgBpD,KAAKgB,kBAAoBhB,KAAKc,eAAe,GAAI,CACxE,M,CAGF,GAAId,KAAKgB,gBAAiB,CACxBhB,KAAK8B,MAAM2E,SAAShE,I,MAClBA,EAAKC,UAAUgH,OAAO,gBACtB,MACGzF,EAAAxB,EAAKyD,SAAK,MAAAjC,SAAA,SAAAA,EACP0F,cACDpD,SAASvG,KAAKgB,gBAAgB2I,gBACjC,CACAlH,EAAKC,UAAUkH,IAAI,e,SAGlB,CACL5J,KAAKgI,uB,CAGP,GAAIhI,KAAK6B,qBAAsB,CAC7B7B,KAAK6B,qBAAqBC,MAAQ9B,KAAK+B,qB,CAGzC/B,KAAKe,gBAAkBf,KAAKsD,yB,CAGtB,qBAAA0E,GACNhI,KAAK8B,MAAM2E,SAAShE,IAClBA,EAAKC,UAAUgH,OAAO,eAAe,G,CAIjC,UAAArD,GACN,GAAIrG,KAAK8G,aAAc,CACrB9G,KAAK8G,aAAa5G,MAAQ,E,CAE5BF,KAAKgB,gBAAkB,E,CAGjB,KAAA6I,GACN7J,KAAKqG,aACLrG,KAAKc,eAAiB,GACtBd,KAAKE,MAAQ,GACbF,KAAK0F,gBAAgB,IACrB1F,KAAKa,aAAe,K,CAGd,WAAAiJ,CAAYxF,GAClBtE,KAAK+J,OAAOjE,OACZ9F,KAAK0B,QAAU,KAEf,GAAI1B,KAAKK,SAAU,CACjB,M,CAGF,GAAIL,KAAKoD,aAAc,CACrB,M,CAGF,MAAMiF,EAAS/D,EAAM+D,OAErB,IAAKrI,KAAKa,cAAgBb,KAAKI,OAAS,WAAY,CAClDiI,EAAOnI,MAAQF,KAAKc,eAAe8F,U,EAI/B,gBAAAoD,GACN,GAAIhK,KAAKM,SAAU,CACjB,MAAO,E,CAGT,GAAIN,KAAKO,SAAU,CACjB,MAAO,E,CAGT,GAAIP,KAAKK,SAAU,CACjB,OAAOL,KAAKS,uB,CAGd,OAAOT,KAAKQ,e,CAGN,gBAAA+G,GACN,OACGvH,KAAK4H,WAAW5H,KAAKgB,kBACtBhB,KAAKK,UACLL,KAAKgB,e,CAKT,kBAAAiJ,EAAmB/I,UACjBA,EAASgJ,oBACTA,EAAmB/I,QACnBA,EAAOC,OACPA,EAAMC,UACNA,IAEArB,KAAKkB,UAAYA,GAAagJ,EAC9BlK,KAAKmB,QAAUA,EACfnB,KAAKqB,UAAYA,EACjBrB,KAAKoB,OAASA,C,CAKhB,8BAAM+I,GACJ,OAAOnK,KAAK4E,cAAcwF,I,CAO5B,qBAAAC,GACE,GAAIrK,KAAK8G,aAAc,CACrB,OAAOwD,QAAQC,QAAQvK,KAAK8G,a,KACvB,CACL,OAAOwD,QAAQE,OAAO,IAAIC,MAAM,2B,EAQpC,gBAAMC,GACJ,MAAM5D,QAAqB9G,KAAKqK,wBAChC,GAAIvD,EAAc,CAChBA,EAAaxB,O,EASjB,SAAAqF,GACE,OAAOL,QAAQC,QAAQvK,KAAK0B,Q,CAG9B,MAAAkJ,G,YACE,OACEC,EAACC,EAAI,CAAAtC,IAAA,2DACYuC,EAAY/K,KAAKM,UAChC0K,MAAO,CACL1K,SAAUN,KAAKM,WAGjBuK,EAAA,oBAAArC,IAAA,2CACEvI,SAAUD,KAAKC,SACfiG,MAAOlG,KAAKkG,MACZ+E,WAAYjL,KAAKiL,WACjBC,YAAalL,KAAKkL,YAClBC,SAAUnL,KAAKmL,SACfC,YAAapL,KAAKoL,YAClBC,UAAWrL,KAAKqL,UAChBC,kBAAmBtL,KAAKsL,kBACxBpK,UAAWlB,KAAKkB,UAChBC,QAASnB,KAAKmB,QACdC,OAAQpB,KAAKoB,OACbC,UAAWrB,KAAKqB,UAChBkK,WAAYvL,KAAKyB,UAEjBoJ,EAAA,OAAArC,IAAA,2CACEwC,MAAO,CACLjD,OAAQ,KACRzH,SAAUN,KAAKM,SACfC,SAAUP,KAAKO,UAEjBiL,IAAMA,IACJxL,KAAKwB,kBAAkBgK,GACvB,IAAKxL,KAAKK,SAAUL,KAAKsB,mBAAmBkK,EAAI,GAGlDX,EAAK,OAAArC,IAAA,2CAAAwC,MAAM,mBACTH,EAAK,OAAArC,IAAA,2CAAAwC,MAAM,SACRhL,KAAKqD,gBACFY,EAAAjE,KAAKgD,iBAAa,MAAAiB,SAAA,SAAAA,EAAE4C,KAAKpE,GACvBoI,EAAA,kBACEvK,SAAUN,KAAKM,UAAYN,KAAKO,SAChCiI,IAAK/F,EAAKvC,MACVuL,aAAeC,IACbA,EAAEjE,iBACFiE,EAAEjD,kBACFzI,KAAKyE,UAAUhC,EAAKvC,MAAM,GAG3BuC,EAAKyD,SAGV,GACJ2E,EAAK,OAAArC,IAAA,2CAAAwC,MAAM,WACTH,EAAA,SAAArC,IAAA,2CACEmD,aAAa,MAAK,cACN,QACZrL,SAAUN,KAAKM,SACfsL,SAAU5L,KAAKO,SACfN,SAAUD,KAAKC,SACf4L,KAAK,OACLb,MAAO,CACL,cACEhL,KAAKG,gBAAgBiE,EAAApE,KAAKc,kBAAc,MAAAsD,SAAA,SAAAA,EAAEa,SAE9C6G,YAAa9L,KAAKgK,mBAClB9J,OAAOsJ,EAAAxJ,KAAKiB,cAAU,MAAAuI,SAAA,EAAAA,EAAI,GAC1BgC,IAAMA,IACJxL,KAAK8G,aAAe0E,EACpBxL,KAAKyB,SAAS+J,EAAI,EAEpBO,OAASL,GAAM1L,KAAK8J,YAAY4B,GAChCM,QAAS,KACPhM,KAAKmF,eAAiBhB,SAAS,EAEjC8H,QAAS,IAAMjM,KAAKyJ,2BACpBxB,UAAYyD,GAAM1L,KAAKiI,UAAUyD,KAElC1L,KAAKG,aACLH,KAAKM,WACLN,KAAKO,aACLgJ,EAAAvJ,KAAKc,kBAAc,MAAAyI,SAAA,SAAAA,EAAEtE,SAAUjF,KAAKgB,iBACnC6J,EACE,kBAAArC,IAAI,QACJwC,MAAM,QACNkB,KAAMC,EACNC,MACA,KAAAC,KAAI,KACJC,KAAK,KACLC,QAAUb,IACRA,EAAEjE,iBACFiE,EAAEjD,kBACFzI,KAAK6J,OAAO,IAGd,KACH7J,KAAKM,UAAYN,KAAKO,SAAW,KAChCsK,EAAA,8CAEErC,IAAI,WACJwC,MAAO,CAAE,mBAAoBhL,KAAKa,cAClCqL,KAAMM,EACNJ,MACA,KAAAZ,IAAMA,IACJ,GAAIxL,KAAKK,SAAUL,KAAKsB,mBAAmBkK,EAAI,SAS/DX,EAAA,eAAArC,IAAA,2CACEgD,IAAMA,GAASxL,KAAK4D,gBAAkB4H,EACtC7H,KAAM3D,KAAKa,aACX4L,cAAezM,KAAKqD,eAAiB,UAAY,OACjD2H,MAAO,CACL,eAAgBhL,KAAKM,UAAYN,KAAKO,UAExCmM,OAAQ1M,KAAKwB,kBAAkBmL,iBAC/BC,QAAS5M,KAAKsB,mBAAmBqL,iBACjCE,cAAgBnB,GAAM1L,KAAK8H,0BAA0B4D,GACrDoB,UAAU,eACVC,uBAAwBC,U,QACtB,MAAMC,EAAgD,GAEtD,MAAMC,GAAW9I,GAAAH,EAAAjE,KAAKsC,YAAYO,cAC9B,MAAAoB,SAAA,SAAAA,EAAAd,cAAc,cAAU,MAAAiB,SAAA,SAAAA,EACxB+I,wBAAwBC,MAE5B,GAAIF,EAAU,CACZD,EAAgBC,SAAW,GAAGA,K,CAGhC,GAAIlN,KAAKqN,cAAe,CACtBJ,EAAgBG,MAAQ,OAAOpN,KAAKqN,sB,CAGtC,GAAIrN,KAAKsN,iBAAkB,CACzBL,EAAgBM,SAAW,OAAOvN,KAAKsN,yB,CAGzC,OAAOL,CAAe,GAGxBpC,EAAA,OAAArC,IAAA,2CACEwC,MAAO,CACL,qBAAsB,KACtBwC,OAAQxN,KAAKY,gBAAkBZ,KAAKe,iBAEtC0M,MAAOzN,KAAKU,qBACZ6L,QAAUb,GAAMA,EAAEjE,kBAEjBzH,KAAKU,sBAERmK,EACE,QAAArC,IAAA,2CAAAkF,aAAc,KACZ1N,KAAKyD,iBAAiB,IAG1BoH,EAAA,OAAArC,IAAA,2CAAKgD,IAAMA,GAASxL,KAAKmG,4BAA8BqF,IACtDxL,KAAKuH,mBACJsD,EACc,6CACZqB,KAAMyB,EACN3C,MAAO,CACL,WAAY,MAEd9E,MAAOlG,KAAKgB,gBACZ4M,YAAclC,IACZA,EAAEjE,iBACFiE,EAAEjD,kBACFzI,KAAK2F,YAAY3F,KAAKgB,gBAAgB,EAExCgL,QAAS,IAAOhM,KAAKmF,eAAiBnF,KAAKkJ,eAC3CsC,IAAMA,IACJxL,KAAKkJ,eAAiBsC,CAAI,IAG5B,KACHxL,KAAKe,kBAAoBf,KAAKK,SAC7BwK,EAAA,OAAKG,MAAM,sBAAsBhL,KAAKW,eAAoB,I,kKAle9DkN,EAAA,CADLC,EAAmB,WAAYC,GAASA,EAAKlN,gBAiB7ChB,EAAAmO,UAAA,kBA2ODH,EAAA,CADCI,KAYApO,EAAAmO,UAAA,2B","ignoreList":[]}

package/dist/siemens-ix/{p-3283a5f3.entry.js → p-94b89b14.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as a,H as e,g as o}from"./p-BNpBEtDH.js";import{a as s}from"./p-Ou74PMQs.js";import{b as l,a as r}from"./p-Bb7pDeaQ.js";import{A as d}from"./p-Dp15M30K.js";import{O as n}from"./p-MzQjR-h5.js";function h(t,i,a=3e3){return new Promise(((e,o)=>{const s=Date.now();const l=()=>{const r=i.querySelector(t);if(r){e(r)}else{if(Date.now()-s<a){setTimeout(l)}else{o()}}};l()}))}const c="::backdrop{--ix-dialog-backdrop:var(--theme-color-lightbox, #0000008c)}:focus-visible{outline:none !important}:host{display:none}:host dialog{--ix-dialog-padding:1rem;margin:0;padding:var(--ix-dialog-padding);padding-top:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-top));padding-bottom:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-bottom));left:50%}:host dialog::backdrop{-webkit-backdrop-filter:blur(2.7182817459px);backdrop-filter:blur(2.7182817459px)}:host .modal{display:flex;flex-direction:column;position:relative;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);overflow:visible;max-height:80vh;pointer-events:all}:host .modal-size-360{width:22.5rem}:host .modal-size-480{width:30rem}:host .modal-size-600{width:37.5rem}:host .modal-size-720{width:45rem}:host .modal-size-840{width:52.5rem}:host .modal-size-full-width{width:95%}:host .modal-size-full-screen{border-radius:0;left:0 !important;top:0 !important;transform:none !important;box-shadow:none;--ix-dialog-full-screen-height:calc(\n    var(--ix-safe-area-inset-top) + var(--ix-safe-area-inset-bottom)\n  );width:calc(100% - var(--ix-dialog-padding) * 2);min-width:calc(100% - var(--ix-dialog-padding) * 2);max-width:calc(100% - var(--ix-dialog-padding) * 2);min-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height));max-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height))}:host dialog.modal-size-full-screen::backdrop{background:var(--theme-modal--background)}:host .dialog-backdrop{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;pointer-events:none}:host ::slotted(ix-modal-footer){margin-top:auto}:host(.visible){display:block}:host(.align-center) dialog{margin:0;left:50%;top:50%}:host(.no-backdrop) dialog::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:host(.with-icon) ::slotted(ix-modal-footer),:host(.with-icon) ::slotted(ix-modal-content){margin-left:3rem}";var p=undefined&&undefined.__decorate||function(t,i,a,e){var o=arguments.length,s=o<3?i:e===null?e=Object.getOwnPropertyDescriptor(i,a):e,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,i,a,e);else for(var r=t.length-1;r>=0;r--)if(l=t[r])s=(o<3?l(s):o>3?l(i,a,s):l(i,a))||s;return o>3&&s&&Object.defineProperty(i,a,s),s};const m=class{constructor(a){t(this,a);this.dialogClose=i(this,"dialogClose",7);this.dialogDismiss=i(this,"dialogDismiss",7);this.ariaAttributes={};this.size="360";this.animation=true;this.backdrop=true;this.closeOnBackdropClick=false;this.centered=false;this.closeOnEscape=true;this.modalVisible=false}onKey(t){if(t.key==="Escape"){t.preventDefault()}}get dialog(){return this.hostElement.shadowRoot.querySelector("dialog")}slideInModal(){const t=this.animation?d.mediumTime:0;let i=this.centered?"-50%":40;s({targets:this.dialog,duration:t,opacity:[0,1],translateY:[0,i],translateX:["-50%","-50%"],easing:"easeOutSine"})}slideOutModal(t){const i=this.animation?d.mediumTime:0;let a=this.centered?"-50%":40;s({targets:this.dialog,duration:i,opacity:[1,0],translateY:[a,0],translateX:["-50%","-50%"],easing:"easeInSine",complete:()=>{if(t){t()}}})}onModalClick(t){if(t.target!==this.dialog){return}const i=this.dialog.getBoundingClientRect();const a=i.top<=t.clientY&&t.clientY<=i.top+i.height&&i.left<=t.clientX&&t.clientX<=i.left+i.width;if(!a&&this.closeOnBackdropClick){this.dismissModal()}}async showModal(){try{const t=await h("dialog",this.hostElement.shadowRoot);this.modalVisible=true;t.showModal()}catch(t){console.error("HTMLDialogElement not existing")}}async dismissModal(t){if(!this.modalVisible){return}let i=true;if(this.beforeDismiss!==undefined){i=await this.beforeDismiss(t)}if(!i){return}this.slideOutModal((()=>{this.modalVisible=false;this.dialog.close(JSON.stringify({type:"dismiss",reason:t},null,2));this.dialogDismiss.emit(t)}))}async closeModal(t){if(!this.modalVisible){return}this.slideOutModal((()=>{this.modalVisible=false;this.dialog.close(JSON.stringify({type:"close",reason:t},null,2));this.dialogClose.emit(t)}))}componentDidLoad(){this.slideInModal()}componentWillLoad(){this.ariaAttributes=l(this.hostElement)}render(){return a(e,{key:"2eb4265e1340e363f2fad727ce537166e871c455",class:{visible:this.modalVisible,"no-backdrop":this.backdrop===false,"align-center":this.centered}},a("div",{key:"0ad32150a4e68a653531d20124fef022c348570f",class:"dialog-backdrop"},a("dialog",{key:"424c214d86b57d7001e4af7bd3894bf5024cc94c","aria-modal":r(true),"aria-describedby":this.ariaAttributes["aria-describedby"],"aria-labelledby":this.ariaAttributes["aria-labelledby"],class:{modal:true,[`modal-size-${this.size}`]:true},onClose:()=>this.dismissModal(),onClick:t=>this.onModalClick(t),onCancel:t=>{t.preventDefault();this.dismissModal()}},a("slot",{key:"4aa40b5224d791540c8a62f6412bb8b60ce0482c"}))))}get hostElement(){return o(this)}};p([n("keydown",(t=>!t.closeOnEscape))],m.prototype,"onKey",null);m.style=c;export{m as ix_modal};
-//# sourceMappingURL=p-3283a5f3.entry.js.map
+import{r as t,c as i,h as a,H as e,g as o}from"./p-BNpBEtDH.js";import{a as s}from"./p-Ou74PMQs.js";import{b as l,a as r}from"./p-Bb7pDeaQ.js";import{A as d}from"./p-Dp15M30K.js";import{O as n}from"./p-MzQjR-h5.js";function h(t,i,a=3e3){return new Promise(((e,o)=>{const s=Date.now();const l=()=>{const r=i.querySelector(t);if(r){e(r)}else{if(Date.now()-s<a){setTimeout(l)}else{o()}}};l()}))}const c="::backdrop{--ix-dialog-backdrop:var(--theme-color-lightbox, #0000008c)}:focus-visible{outline:none !important}:host{display:none}:host dialog{--ix-dialog-padding:1rem;margin:0;padding:var(--ix-dialog-padding);padding-top:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-top));padding-bottom:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-bottom));left:50%}:host dialog::backdrop{-webkit-backdrop-filter:blur(2.7182817459px);backdrop-filter:blur(2.7182817459px)}:host .modal{display:flex;flex-direction:column;position:relative;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);overflow:visible;max-height:80vh;pointer-events:all}:host .modal-size-360{width:22.5rem}:host .modal-size-480{width:30rem}:host .modal-size-600{width:37.5rem}:host .modal-size-720{width:45rem}:host .modal-size-840{width:52.5rem}:host .modal-size-full-width{width:95%}:host .modal-size-full-screen{border-radius:0;left:0 !important;top:0 !important;transform:none !important;box-shadow:none;--ix-dialog-full-screen-height:calc(\n    var(--ix-safe-area-inset-top) + var(--ix-safe-area-inset-bottom)\n  );width:calc(100% - var(--ix-dialog-padding) * 2);min-width:calc(100% - var(--ix-dialog-padding) * 2);max-width:calc(100% - var(--ix-dialog-padding) * 2);min-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height));max-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height))}:host dialog.modal-size-full-screen::backdrop{background:var(--theme-modal--background)}:host .dialog-backdrop{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;pointer-events:none}:host ::slotted(ix-modal-footer){margin-top:auto}:host(.visible){display:block}:host(.align-center) dialog{margin:0;left:50%;top:50%}:host(.no-backdrop) dialog::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:host(.with-icon) ::slotted(ix-modal-footer),:host(.with-icon) ::slotted(ix-modal-content){margin-left:3rem}";var f=undefined&&undefined.__decorate||function(t,i,a,e){var o=arguments.length,s=o<3?i:e===null?e=Object.getOwnPropertyDescriptor(i,a):e,l;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,i,a,e);else for(var r=t.length-1;r>=0;r--)if(l=t[r])s=(o<3?l(s):o>3?l(i,a,s):l(i,a))||s;return o>3&&s&&Object.defineProperty(i,a,s),s};const p=class{constructor(a){t(this,a);this.dialogClose=i(this,"dialogClose",7);this.dialogDismiss=i(this,"dialogDismiss",7);this.ariaAttributes={};this.size="360";this.animation=true;this.backdrop=true;this.closeOnBackdropClick=false;this.centered=false;this.closeOnEscape=true;this.modalVisible=false}onKey(t){if(t.key==="Escape"){t.preventDefault()}}get dialog(){return this.hostElement.shadowRoot.querySelector("dialog")}slideInModal(){const t=this.animation?d.mediumTime:0;let i=this.centered?"-50%":40;s({targets:this.dialog,duration:t,opacity:[0,1],translateY:[0,i],translateX:["-50%","-50%"],easing:"easeOutSine"})}slideOutModal(t){const i=this.animation?d.mediumTime:0;let a=this.centered?"-50%":40;s({targets:this.dialog,duration:i,opacity:[1,0],translateY:[a,0],translateX:["-50%","-50%"],easing:"easeInSine",complete:()=>{if(t){t()}}})}onModalClick(t){if(t.target!==this.dialog){return}const i=this.dialog.getBoundingClientRect();const a=i.top<=t.clientY&&t.clientY<=i.top+i.height&&i.left<=t.clientX&&t.clientX<=i.left+i.width;if(!a&&this.closeOnBackdropClick){this.dismissModal()}}async showModal(){try{const t=await h("dialog",this.hostElement.shadowRoot);this.modalVisible=true;t.showModal()}catch(t){console.error("HTMLDialogElement not existing")}}async dismissModal(t){if(!this.modalVisible){return}let i=true;if(this.beforeDismiss!==undefined){i=await this.beforeDismiss(t)}if(!i){return}this.slideOutModal((()=>{this.modalVisible=false;this.dialog.close(JSON.stringify({type:"dismiss",reason:t},null,2));this.dialogDismiss.emit(t)}))}async closeModal(t){if(!this.modalVisible){return}this.slideOutModal((()=>{this.modalVisible=false;this.dialog.close(JSON.stringify({type:"close",reason:t},null,2));this.dialogClose.emit(t)}))}componentDidLoad(){this.slideInModal()}componentWillLoad(){this.ariaAttributes=l(this.hostElement)}render(){return a(e,{key:"8bf7dadc21c46f7ad2af8d728257fb572aaa614f",class:{visible:this.modalVisible,"no-backdrop":this.backdrop===false,"align-center":this.centered}},a("div",{key:"22c82008401768f85dec8069cf55c85606fee12a",class:"dialog-backdrop"},a("dialog",{key:"da673a81fb039edb081c84a773e496e2c092ac94","aria-modal":r(true),"aria-describedby":this.ariaAttributes["aria-describedby"],"aria-labelledby":this.ariaAttributes["aria-labelledby"],class:{modal:true,[`modal-size-${this.size}`]:true},onClose:()=>this.dismissModal(),onClick:t=>this.onModalClick(t),onCancel:t=>{t.preventDefault();this.dismissModal()}},a("slot",{key:"abe789efb65c59b3a09835e80302f21d8d306c95"}))))}get hostElement(){return o(this)}};f([n("keydown",(t=>!t.closeOnEscape))],p.prototype,"onKey",null);p.style=c;export{p as ix_modal};
+//# sourceMappingURL=p-94b89b14.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["waitForElement","selector","doc","timeout","Promise","resolve","reject","startTime","Date","now","checkIfElementExist","dialog","querySelector","setTimeout","modalCss","Modal","constructor","hostRef","this","ariaAttributes","size","animation","backdrop","closeOnBackdropClick","centered","closeOnEscape","modalVisible","onKey","e","key","preventDefault","hostElement","shadowRoot","slideInModal","duration","Animation","mediumTime","transformY","anime","targets","opacity","translateY","translateX","easing","slideOutModal","completeCallback","complete","onModalClick","event","target","rect","getBoundingClientRect","isClickOutside","top","clientY","height","left","clientX","width","dismissModal","showModal","console","error","reason","allowDismiss","beforeDismiss","undefined","close","JSON","stringify","type","dialogDismiss","emit","closeModal","dialogClose","componentDidLoad","componentWillLoad","a11yHostAttributes","render","h","Host","class","visible","a11yBoolean","modal","onClose","onClick","onCancel","__decorate","OnListener","self","prototype"],"sources":["src/components/utils/waitForElement.ts","src/components/modal/modal.scss?tag=ix-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport function waitForElement<R extends HTMLElement>(\n selector: string,\n doc: any,\n timeout = 3000\n): Promise<R> {\n return new Promise<R>((resolve, reject) => {\n const startTime = Date.now();\n\n const checkIfElementExist = () => {\n const dialog = doc.querySelector(selector) satisfies R;\n\n if (dialog) {\n resolve(dialog);\n } else {\n if (Date.now() - startTime < timeout) {\n setTimeout(checkIfElementExist);\n } else {\n reject();\n }\n }\n };\n\n checkIfElementExist();\n });\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n::backdrop {\n --ix-dialog-backdrop: var(--theme-color-lightbox, #0000008c);\n}\n\n:focus-visible {\n outline: none !important;\n}\n\n:host {\n display: none;\n\n dialog {\n --ix-dialog-padding: 1rem;\n\n margin: 0;\n padding: var(--ix-dialog-padding);\n padding-top: calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-top));\n padding-bottom: calc(\n var(--ix-dialog-padding) + var(--ix-safe-area-inset-bottom)\n );\n left: 50%;\n }\n\n dialog::backdrop {\n backdrop-filter: blur(2.7182817459106445px);\n }\n\n .modal {\n display: flex;\n flex-direction: column;\n position: relative;\n border: none;\n border-radius: var(--theme-default-border-radius);\n background: var(--theme-modal--background);\n box-shadow: var(--theme-shadow-4);\n color: var(--theme-color-std-text);\n overflow: visible;\n max-height: 80vh;\n pointer-events: all;\n }\n\n .modal-size-360 {\n width: 22.5rem;\n }\n\n .modal-size-480 {\n width: 30rem;\n }\n\n .modal-size-600 {\n width: 37.5rem;\n }\n\n .modal-size-720 {\n width: 45rem;\n }\n\n .modal-size-840 {\n width: 52.5rem;\n }\n\n .modal-size-full-width {\n width: 95%;\n }\n\n .modal-size-full-screen {\n border-radius: 0;\n left: 0 !important;\n top: 0 !important;\n transform: none !important;\n box-shadow: none;\n\n --ix-dialog-full-screen-height: calc(\n var(--ix-safe-area-inset-top) + var(--ix-safe-area-inset-bottom)\n );\n\n width: calc(100% - var(--ix-dialog-padding) * 2);\n min-width: calc(100% - var(--ix-dialog-padding) * 2);\n max-width: calc(100% - var(--ix-dialog-padding) * 2);\n\n min-height: calc(\n 100% - (var(--ix-dialog-padding) * 2) -\n var(--ix-dialog-full-screen-height)\n );\n max-height: calc(\n 100% - (var(--ix-dialog-padding) * 2) -\n var(--ix-dialog-full-screen-height)\n );\n }\n\n dialog.modal-size-full-screen::backdrop {\n background: var(--theme-modal--background);\n }\n\n .dialog-backdrop {\n display: block;\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n\n pointer-events: none;\n }\n\n ::slotted(ix-modal-footer) {\n margin-top: auto;\n }\n}\n\n:host(.visible) {\n display: block;\n}\n\n:host(.align-center) {\n dialog {\n margin: 0;\n left: 50%;\n top: 50%;\n }\n}\n\n:host(.no-backdrop) {\n dialog::backdrop {\n background-color: transparent !important;\n backdrop-filter: none !important;\n }\n}\n\n:host(.with-icon) {\n ::slotted(ix-modal-footer),\n ::slotted(ix-modal-content) {\n margin-left: 3rem;\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { A11yAttributes, a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport Animation from '../utils/animation';\nimport { OnListener } from '../utils/listener';\nimport { waitForElement } from '../utils/waitForElement';\n\nexport type IxModalFixedSize = '360' | '480' | '600' | '720' | '840';\nexport type IxModalDynamicSize = 'full-width' | 'full-screen';\nexport type IxModalSize = IxModalFixedSize | IxModalDynamicSize;\n\n@Component({\n tag: 'ix-modal',\n styleUrl: 'modal.scss',\n shadow: true,\n})\nexport class Modal {\n private ariaAttributes: A11yAttributes = {};\n\n @Element() hostElement!: HTMLIxModalElement;\n\n /**\n * Modal size\n */\n @Prop() size: IxModalSize = '360';\n\n /**\n * Should the modal be animated\n */\n @Prop() animation = true;\n\n /**\n * Show a backdrop behind the modal dialog\n */\n @Prop() backdrop = true;\n\n /**\n * Dismiss modal on backdrop click\n */\n @Prop() closeOnBackdropClick = false;\n\n /**\n * Is called before the modal is dismissed.\n *\n * - Return `true` to proceed in dismissing the modal\n * - Return `false` to abort in dismissing the modal\n */\n @Prop() beforeDismiss?: (reason?: any) => boolean | Promise<boolean>;\n\n /**\n * Centered modal\n */\n @Prop() centered = false;\n\n /**\n * If set to true the modal can be closed by pressing the Escape key\n */\n @Prop() closeOnEscape = true;\n\n /**\n * Dialog close\n */\n @Event() dialogClose!: EventEmitter;\n\n /**\n * Dialog cancel\n */\n @Event() dialogDismiss!: EventEmitter;\n\n @State() modalVisible = false;\n\n @OnListener<Modal>('keydown', (self) => !self.closeOnEscape)\n onKey(e: KeyboardEvent) {\n if (e.key === 'Escape') {\n e.preventDefault();\n }\n }\n\n get dialog() {\n return this.hostElement.shadowRoot!.querySelector('dialog');\n }\n\n private slideInModal() {\n const duration = this.animation ? Animation.mediumTime : 0;\n\n let transformY = this.centered ? '-50%' : 40;\n\n anime({\n targets: this.dialog,\n duration,\n opacity: [0, 1],\n translateY: [0, transformY],\n translateX: ['-50%', '-50%'],\n easing: 'easeOutSine',\n });\n }\n\n private slideOutModal(completeCallback: Function) {\n const duration = this.animation ? Animation.mediumTime : 0;\n\n let transformY = this.centered ? '-50%' : 40;\n\n anime({\n targets: this.dialog,\n duration,\n opacity: [1, 0],\n translateY: [transformY, 0],\n translateX: ['-50%', '-50%'],\n easing: 'easeInSine',\n complete: () => {\n if (completeCallback) {\n completeCallback();\n }\n },\n });\n }\n\n private onModalClick(event: MouseEvent) {\n if (event.target !== this.dialog) {\n return;\n }\n\n const rect = this.dialog!.getBoundingClientRect();\n const isClickOutside =\n rect.top <= event.clientY &&\n event.clientY <= rect.top + rect.height &&\n rect.left <= event.clientX &&\n event.clientX <= rect.left + rect.width;\n\n if (!isClickOutside && this.closeOnBackdropClick) {\n this.dismissModal();\n }\n }\n\n /**\n * Show the dialog\n */\n @Method()\n async showModal() {\n try {\n const dialog = await waitForElement<HTMLDialogElement>(\n 'dialog',\n this.hostElement.shadowRoot\n );\n this.modalVisible = true;\n dialog.showModal();\n } catch (e) {\n console.error('HTMLDialogElement not existing');\n }\n }\n\n /**\n * Dismiss the dialog\n */\n @Method()\n async dismissModal<T = any>(reason?: T) {\n if (!this.modalVisible) {\n return;\n }\n\n let allowDismiss = true;\n\n if (this.beforeDismiss !== undefined) {\n allowDismiss = await this.beforeDismiss(reason);\n }\n if (!allowDismiss) {\n return;\n }\n\n this.slideOutModal(() => {\n this.modalVisible = false;\n this.dialog!.close(\n JSON.stringify(\n {\n type: 'dismiss',\n reason,\n },\n null,\n 2\n )\n );\n\n this.dialogDismiss.emit(reason);\n });\n }\n\n /**\n * Close the dialog\n */\n @Method()\n async closeModal<T = any>(reason: T) {\n if (!this.modalVisible) {\n return;\n }\n\n this.slideOutModal(() => {\n this.modalVisible = false;\n this.dialog!.close(\n JSON.stringify(\n {\n type: 'close',\n reason,\n },\n null,\n 2\n )\n );\n\n this.dialogClose.emit(reason);\n });\n }\n\n componentDidLoad() {\n this.slideInModal();\n }\n\n componentWillLoad() {\n this.ariaAttributes = a11yHostAttributes(this.hostElement);\n }\n\n render() {\n return (\n <Host\n class={{\n visible: this.modalVisible,\n 'no-backdrop': this.backdrop === false,\n 'align-center': this.centered,\n }}\n >\n <div class=\"dialog-backdrop\">\n <dialog\n aria-modal={a11yBoolean(true)}\n aria-describedby={this.ariaAttributes['aria-describedby']}\n aria-labelledby={this.ariaAttributes['aria-labelledby']}\n class={{\n modal: true,\n [`modal-size-${this.size}`]: true,\n }}\n onClose={() => this.dismissModal()}\n onClick={(event) => this.onModalClick(event)}\n onCancel={(e) => {\n e.preventDefault();\n this.dismissModal();\n }}\n >\n <slot></slot>\n </dialog>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/{p-f0575255.entry.js → p-9646b346.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,F as s,H as a,g as o}from"./p-BNpBEtDH.js";import{D as h}from"./p-bDicGJUN.js";import{m as r}from"./p-bcj7UEIC.js";import{n}from"./p-CrTP-icT.js";const d=":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}@media (max-width: 48em){:host .min-width{width:-moz-min-content;width:min-content}}@media (min-width: 48em){:host .border-right{border-right:var(--theme-x-weak-bdr-2)}}:host ix-button{width:100%}:host .max-height{max-height:-moz-max-content;max-height:max-content}:host .no-margin{margin:0;padding:0}:host .pull-right{float:right;padding:0 1rem 0.75rem 1rem}";const c=class{constructor(e){t(this,e);this.dateRangeChange=i(this,"dateRangeChange",7);this.disabled=false;this.format="yyyy/LL/dd";this.range=true;this.from="";this.to="";this.minDate="";this.maxDate="";this.dateRangeId="custom";this.variant="primary";this.outline=false;this.ghost=false;this.loading=false;this.showWeekNumbers=false;this.customRangeAllowed=true;this.dateRangeOptions=[];this.weekStartIndex=0;this.i18nCustomItem="Custom...";this.i18nDone="Done";this.i18nNoRange="No range set";this.today=h.now().toISO();this.selectedDateRangeId="";this.triggerRef=r();this.datePickerTouched=false}onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId);this.updateCurrentDate();this.setDateRangeSelection(this.dateRangeId);if(!this.currentRangeValue){return}this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}onDateRangeOptionsChange(){this.initialize();this.onDateRangeIdChange()}onDisabledChange(){if(this.disabled){this.closeDropdown()}}componentWillLoad(){this.initialize();this.setDateRangeSelection(this.dateRangeId)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const t=this.dateRangeId==="custom"||!this.dateRangeId&&!!this.from&&!!this.to;if(t&&this.customRangeAllowed){this.selectedDateRangeId="custom";this.updateCurrentDate();return}const i=!t&&!this.from;if(!i){console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".');this.selectedDateRangeId="custom";this.updateCurrentDate();return}}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(t,i=true){this.dateRangeChange.emit(t);if(i){this.closeDropdown()}this.datePickerTouched=false}onRangeListSelect(t){if(this.setDateRangeSelection(t)&&this.currentRangeValue){this.onDateSelect(this.currentRangeValue)}}setDateRangeSelection(t){this.selectedDateRangeId=t;const i=this.dateRangeOptions.find((i=>i.id===t));if(i){this.currentRangeValue=i}return i}closeDropdown(){const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");if(t){t.show=false}}getButtonLabel(){var t,i;if(this.selectedDateRangeId==="custom"&&((t=this.currentRangeValue)===null||t===void 0?void 0:t.from)){let t=this.currentRangeValue.from;if(this.currentRangeValue.to){t+=` - ${this.currentRangeValue.to}`}return t}if(!this.selectedDateRangeId){return this.i18nNoRange}if(!this.dateRangeOptions||((i=this.dateRangeOptions)===null||i===void 0?void 0:i.length)===0){return this.i18nNoRange}const e=this.dateRangeOptions.find((t=>t.id===this.selectedDateRangeId));if(!e){console.error(`Cannot find range option with id ${this.selectedDateRangeId}`);return this.i18nNoRange}return e.label}render(){var t,i,o;return e(a,{key:"fb251840a006c5efa804f444e52dd938fc7e6eda"},e("ix-button",{key:"7e7e4c12a2eb502564baaa5679969917aa40403c","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":true,variant:this.variant,ghost:this.ghost,outline:this.outline,loading:this.loading,icon:n,ref:this.triggerRef,disabled:this.disabled},this.getButtonLabel()),e("ix-dropdown",{key:"a80a5f47757956fe5340acbe28a2634bcc46f30e","data-testid":"date-dropdown","data-date-dropdown":true,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",onShowChanged:({detail:t})=>{if(!t&&this.selectedDateRangeId==="custom"&&this.datePickerTouched&&this.currentRangeValue){this.onDateSelect(this.currentRangeValue)}}},e("ix-layout-grid",{key:"d7cba7d46b7c7dfd545e41c5895842f5cbcd8f5a",noMargin:true},e("ix-row",{key:"ad8958836b662def55cc51d52864639a25718ece"},((t=this.dateRangeOptions)===null||t===void 0?void 0:t.length)>1&&e("ix-col",{key:"a830a5768c0e72f5710440c9a4199a794ff4667e",class:{"no-margin":true,"border-right":this.selectedDateRangeId==="custom"}},this.dateRangeOptions.map((t=>e("ix-dropdown-item",{label:t.label,onClick:()=>this.onRangeListSelect(t.id),checked:this.selectedDateRangeId===t.id}))),e("div",{key:"4d1899c246bc6995852e25078a33bf297e7bdd6b",hidden:!this.customRangeAllowed},e("ix-dropdown-item",{key:"5e61b21055860fc54d84cf14a1678b773e7a3ba2",label:this.i18nCustomItem,checked:this.selectedDateRangeId==="custom",onClick:()=>this.onRangeListSelect("custom")}))),e("ix-col",{key:"5d33b5d8f022fa59492c5ddd1eb71bb5afd2af67",class:"no-margin"},this.selectedDateRangeId==="custom"&&e(s,{key:"46229de1218d9b719fa8f5af3b784cac99e57b82"},e("ix-date-picker",{key:"87f3f37847b277dc0220b0a6a9769a332a39e59b",standaloneAppearance:false,locale:this.locale,onDateChange:t=>{t.stopPropagation();this.currentRangeValue=Object.assign(Object.assign({},t.detail),{id:"custom"});this.datePickerTouched=true},onDateRangeChange:t=>t.stopPropagation(),format:this.format,range:this.range,from:this.from||((i=this.currentRangeValue)===null||i===void 0?void 0:i.from),to:this.to||((o=this.currentRangeValue)===null||o===void 0?void 0:o.to),minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),e("div",{key:"dac27dc2ebbf00321384691bdf1c0badb8d2df6a",class:"pull-right"},e("ix-button",{key:"44668c59a0dfe7c428dc28fe518f6ca6012f37a0",onClick:()=>{if(this.currentRangeValue){this.onDateSelect(this.currentRangeValue)}}},this.i18nDone))))))))}get hostElement(){return o(this)}static get watchers(){return{dateRangeId:["onDateRangeIdChange"],to:["onDateRangeIdChange"],from:["onDateRangeIdChange"],dateRangeOptions:["onDateRangeOptionsChange"],disabled:["onDisabledChange"]}}};c.style=d;export{c as ix_date_dropdown};
-//# sourceMappingURL=p-f0575255.entry.js.map
+import{r as t,c as i,h as e,F as s,H as a,g as o}from"./p-BNpBEtDH.js";import{D as h}from"./p-bDicGJUN.js";import{m as r}from"./p-bcj7UEIC.js";import{n}from"./p-CrTP-icT.js";const d=":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}@media (max-width: 48em){:host .min-width{width:-moz-min-content;width:min-content}}@media (min-width: 48em){:host .border-right{border-right:var(--theme-x-weak-bdr-2)}}:host ix-button{width:100%}:host .max-height{max-height:-moz-max-content;max-height:max-content}:host .no-margin{margin:0;padding:0}:host .pull-right{float:right;padding:0 1rem 0.75rem 1rem}";const c=class{constructor(e){t(this,e);this.dateRangeChange=i(this,"dateRangeChange",7);this.disabled=false;this.format="yyyy/LL/dd";this.range=true;this.from="";this.to="";this.minDate="";this.maxDate="";this.dateRangeId="custom";this.variant="primary";this.outline=false;this.ghost=false;this.loading=false;this.showWeekNumbers=false;this.customRangeAllowed=true;this.dateRangeOptions=[];this.weekStartIndex=0;this.i18nCustomItem="Custom...";this.i18nDone="Done";this.i18nNoRange="No range set";this.today=h.now().toISO();this.selectedDateRangeId="";this.triggerRef=r();this.datePickerTouched=false}onDateRangeIdChange(){this.onRangeListSelect(this.dateRangeId);this.updateCurrentDate();this.setDateRangeSelection(this.dateRangeId);if(!this.currentRangeValue){return}this.onDateSelect({from:this.currentRangeValue.from,to:this.currentRangeValue.to,id:this.currentRangeValue.id})}onDateRangeOptionsChange(){this.initialize();this.onDateRangeIdChange()}onDisabledChange(){if(this.disabled){this.closeDropdown()}}componentWillLoad(){this.initialize();this.setDateRangeSelection(this.dateRangeId)}async getDateRange(){return this.currentRangeValue||{id:"",from:"",to:""}}initialize(){const t=this.dateRangeId==="custom"||!this.dateRangeId&&!!this.from&&!!this.to;if(t&&this.customRangeAllowed){this.selectedDateRangeId="custom";this.updateCurrentDate();return}const i=!t&&!this.from;if(!i){console.warn('"from" and "range-date-id" is provided this is an invalid combination. Using "custom".');this.selectedDateRangeId="custom";this.updateCurrentDate();return}}updateCurrentDate(){this.currentRangeValue={id:this.selectedDateRangeId,from:this.from,to:this.to}}onDateSelect(t,i=true){this.dateRangeChange.emit(t);if(i){this.closeDropdown()}this.datePickerTouched=false}onRangeListSelect(t){if(this.setDateRangeSelection(t)&&this.currentRangeValue){this.onDateSelect(this.currentRangeValue)}}setDateRangeSelection(t){this.selectedDateRangeId=t;const i=this.dateRangeOptions.find((i=>i.id===t));if(i){this.currentRangeValue=i}return i}closeDropdown(){const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");if(t){t.show=false}}getButtonLabel(){var t,i;if(this.selectedDateRangeId==="custom"&&((t=this.currentRangeValue)===null||t===void 0?void 0:t.from)){let t=this.currentRangeValue.from;if(this.currentRangeValue.to){t+=` - ${this.currentRangeValue.to}`}return t}if(!this.selectedDateRangeId){return this.i18nNoRange}if(!this.dateRangeOptions||((i=this.dateRangeOptions)===null||i===void 0?void 0:i.length)===0){return this.i18nNoRange}const e=this.dateRangeOptions.find((t=>t.id===this.selectedDateRangeId));if(!e){console.error(`Cannot find range option with id ${this.selectedDateRangeId}`);return this.i18nNoRange}return e.label}render(){var t,i,o;return e(a,{key:"8a5ae63cb553e80b85681b489b6ea97350827867"},e("ix-button",{key:"0608d3a9063c9b729fbdda08b9a4f4441a19d039","data-testid":"date-dropdown-trigger","data-date-dropdown-trigger":true,variant:this.variant,ghost:this.ghost,outline:this.outline,loading:this.loading,icon:n,ref:this.triggerRef,disabled:this.disabled},this.getButtonLabel()),e("ix-dropdown",{key:"d266a82bca22d8fe1009d55a29f485778ebf8b4c","data-testid":"date-dropdown","data-date-dropdown":true,class:"min-width max-height",trigger:this.triggerRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",onShowChanged:({detail:t})=>{if(!t&&this.selectedDateRangeId==="custom"&&this.datePickerTouched&&this.currentRangeValue){this.onDateSelect(this.currentRangeValue)}}},e("ix-layout-grid",{key:"c7a01092a838122a1041651c6a0f9c5eb74c2aae",noMargin:true},e("ix-row",{key:"a6ed728fd08a35d8f0b3e71f115e0c258780474b"},((t=this.dateRangeOptions)===null||t===void 0?void 0:t.length)>1&&e("ix-col",{key:"e698f56587ad326e808bf8972c856fb74ac60ee9",class:{"no-margin":true,"border-right":this.selectedDateRangeId==="custom"}},this.dateRangeOptions.map((t=>e("ix-dropdown-item",{label:t.label,onClick:()=>this.onRangeListSelect(t.id),checked:this.selectedDateRangeId===t.id}))),e("div",{key:"d2c9d06535272b384b6d730c885c8c1db8071c07",hidden:!this.customRangeAllowed},e("ix-dropdown-item",{key:"067c2ff3f3f977876a5b554dfd0c16b67fbab5b7",label:this.i18nCustomItem,checked:this.selectedDateRangeId==="custom",onClick:()=>this.onRangeListSelect("custom")}))),e("ix-col",{key:"af0d3397302ba7891efa9953f5ec2805255acc23",class:"no-margin"},this.selectedDateRangeId==="custom"&&e(s,{key:"715a8468214d59dd7f4891d78fb781c7c1987685"},e("ix-date-picker",{key:"cbcc5f9b33b736444359fb67fa96a22d82713013",standaloneAppearance:false,locale:this.locale,onDateChange:t=>{t.stopPropagation();this.currentRangeValue=Object.assign(Object.assign({},t.detail),{id:"custom"});this.datePickerTouched=true},onDateRangeChange:t=>t.stopPropagation(),format:this.format,range:this.range,from:this.from||((i=this.currentRangeValue)===null||i===void 0?void 0:i.from),to:this.to||((o=this.currentRangeValue)===null||o===void 0?void 0:o.to),minDate:this.minDate,maxDate:this.maxDate,today:this.today,weekStartIndex:this.weekStartIndex,showWeekNumbers:this.showWeekNumbers}),e("div",{key:"d98f59b3e959f64fd5d7c4be6e19486616568865",class:"pull-right"},e("ix-button",{key:"e30da682a1d4fecd958b6ed3c70d5f4bccc3e141",onClick:()=>{if(this.currentRangeValue){this.onDateSelect(this.currentRangeValue)}}},this.i18nDone))))))))}get hostElement(){return o(this)}static get watchers(){return{dateRangeId:["onDateRangeIdChange"],to:["onDateRangeIdChange"],from:["onDateRangeIdChange"],dateRangeOptions:["onDateRangeOptionsChange"],disabled:["onDisabledChange"]}}};c.style=d;export{c as ix_date_dropdown};
+//# sourceMappingURL=p-9646b346.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["dateDropdownCss","DateDropdown","constructor","hostRef","this","disabled","format","range","from","to","minDate","maxDate","dateRangeId","variant","outline","ghost","loading","showWeekNumbers","customRangeAllowed","dateRangeOptions","weekStartIndex","i18nCustomItem","i18nDone","i18nNoRange","today","DateTime","now","toISO","selectedDateRangeId","triggerRef","makeRef","datePickerTouched","onDateRangeIdChange","onRangeListSelect","updateCurrentDate","setDateRangeSelection","currentRangeValue","onDateSelect","id","onDateRangeOptionsChange","initialize","onDisabledChange","closeDropdown","componentWillLoad","getDateRange","isCustomRange","isValidConfiguration","console","warn","rangeValue","preserveDropdown","dateRangeChange","emit","option","find","dropdown","hostElement","shadowRoot","querySelector","show","getButtonLabel","_a","_b","length","error","label","render","h","Host","key","icon","iconHistory","ref","class","trigger","waitForCurrent","closeBehavior","placement","onShowChanged","detail","noMargin","map","dateRangeOption","onClick","checked","hidden","Fragment","standaloneAppearance","locale","onDateChange","e","stopPropagation","Object","assign","onDateRangeChange","_c"],"sources":["src/components/date-dropdown/date-dropdown.scss?tag=ix-date-dropdown&encapsulation=shadow","src/components/date-dropdown/date-dropdown.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n display: inline-block;\n position: relative;\n\n @media (max-width: 48em) {\n .min-width {\n width: min-content;\n }\n }\n\n @media (min-width: 48em) {\n .border-right {\n border-right: var(--theme-x-weak-bdr-2);\n }\n }\n\n ix-button {\n width: 100%;\n }\n\n .max-height {\n max-height: max-content;\n }\n\n .no-margin {\n margin: 0;\n padding: 0;\n }\n\n .pull-right {\n float: right;\n padding: 0 $default-space $medium-space $default-space; }\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 Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { type LiteralStringUnion } from '../utils/type-helper';\nimport { IxDatePickerComponent } from '../date-picker/date-picker-component';\nimport { makeRef } from '../utils/make-ref';\nimport { ButtonVariant } from '../button/button';\nimport { IxButtonComponent } from '../button/button-component';\nimport { iconHistory } from '@siemens/ix-icons/icons';\n\nexport type DateDropdownOption = {\n id: string;\n label: string;\n from?: string;\n to?: string;\n};\n\nexport type DateRangeChangeEvent = {\n id: string;\n from?: string;\n to?: string;\n};\n\n@Component({\n tag: 'ix-date-dropdown',\n styleUrl: 'date-dropdown.scss',\n shadow: true,\n})\nexport class DateDropdown\n implements\n Omit<IxDatePickerComponent, 'corners'>,\n Omit<IxButtonComponent, 'type' | 'icon'>\n{\n @Element() hostElement!: HTMLIxDateDropdownElement;\n\n /**\n * Disable the button that opens the dropdown containing the date picker.\n */\n @Prop() disabled = false;\n\n /**\n * Date format string.\n * See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.\n */\n @Prop() format = 'yyyy/LL/dd';\n\n /**\n * If true a range of dates can be selected.\n */\n @Prop() range = true;\n\n /**\n * Picker date. If the picker is in range mode this property is the start date.\n * If set to `null` no default start date will be pre-selected.\n *\n * Format is based on `format`\n */\n @Prop() from = '';\n\n /**\n * Picker date. If the picker is in range mode this property is the end date.\n * If the picker is not in range mode leave this value `null`\n *\n * Format is based on `format`\n */\n @Prop() to = '';\n\n /**\n * The earliest date that can be selected by the date picker.\n * If not set there will be no restriction.\n */\n @Prop() minDate = '';\n\n /**\n * The latest date that can be selected by the date picker.\n * If not set there will be no restriction.\n */\n @Prop() maxDate = '';\n\n /**\n * Used to set the initial select date range as well as the button name,\n * if not set or no according date range label is found, nothing will be selected\n */\n @Prop() dateRangeId = 'custom';\n\n /**\n * Button variant\n */\n @Prop() variant: ButtonVariant = 'primary';\n\n /**\n * Outline button\n */\n @Prop() outline = false;\n\n /**\n * Button with no background or outline\n */\n @Prop() ghost = false;\n\n /**\n * Loading button\n */\n @Prop() loading: boolean = false;\n\n /**\n * Shows week numbers displayed on the left side of the date picker\n *\n * @since 3.0.0\n */\n @Prop() showWeekNumbers = false;\n\n @Watch('dateRangeId')\n @Watch('to')\n @Watch('from')\n onDateRangeIdChange() {\n this.onRangeListSelect(this.dateRangeId);\n this.updateCurrentDate();\n this.setDateRangeSelection(this.dateRangeId);\n\n if (!this.currentRangeValue) {\n return;\n }\n\n this.onDateSelect({\n from: this.currentRangeValue.from,\n to: this.currentRangeValue.to,\n id: this.currentRangeValue.id,\n });\n }\n\n /**\n * Controls whether the user is allowed to pick custom date ranges in the component.\n * When set to 'true', the user can select a custom date range using the date picker.\n * When set to 'false', only predefined time date ranges are available for selection.\n */\n @Prop() customRangeAllowed = true;\n\n /**\n * An array of predefined date range options for the date picker.\n * Each option is an object with a label describing the range and a function\n * that returns the start and end dates of the range as a DateRangeOption object.\n *\n * Example format:\n * {\n * id: 'some unique id',\n * label: 'Name of the range',\n * from: undefined, to: '2023/03/29'\n * },\n * // ... other predefined date range options ...\n */\n @Prop() dateRangeOptions: DateDropdownOption[] = [];\n\n @Watch('dateRangeOptions')\n onDateRangeOptionsChange() {\n this.initialize();\n this.onDateRangeIdChange();\n }\n\n /**\n * Locale identifier (e.g. 'en' or 'de').\n */\n @Prop() locale?: string;\n\n /**\n * The index of which day to start the week on, based on the Locale#weekdays array.\n * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.\n */\n @Prop() weekStartIndex = 0;\n\n /**\n * Text for custom dropdown item. Will be used for translation.\n */\n @Prop({ attribute: 'i18n-custom-item' }) i18nCustomItem = 'Custom...';\n\n /**\n * Text for the done button. Will be used for translation.\n */\n @Prop({ attribute: 'i18n-done' }) i18nDone = 'Done';\n\n /**\n * Text for the done button. Will be used for translation.\n */\n @Prop({ attribute: 'i18n-no-range' }) i18nNoRange = 'No range set';\n\n /** @internal */\n @Prop() today = DateTime.now().toISO();\n\n /**\n * EventEmitter for date range change events.\n *\n * This event is emitted when the date range changes within the component.\n * The event payload contains information about the selected date range.\n */\n @Event()\n private readonly dateRangeChange!: EventEmitter<DateRangeChangeEvent>;\n\n @State() private selectedDateRangeId: LiteralStringUnion<'custom'> = '';\n @State() private currentRangeValue?: {\n from?: string;\n to?: string;\n id: string;\n };\n private readonly triggerRef = makeRef<HTMLElement>();\n\n @Watch('disabled')\n onDisabledChange() {\n if (this.disabled) {\n this.closeDropdown();\n }\n }\n\n private datePickerTouched = false;\n\n componentWillLoad() {\n this.initialize();\n this.setDateRangeSelection(this.dateRangeId);\n }\n\n /**\n * Retrieves the currently selected date range from the component.\n * This method returns the selected date range as a `DateChangeEvent` object.\n */\n @Method()\n public async getDateRange(): Promise<DateRangeChangeEvent> {\n return this.currentRangeValue || { id: '', from: '', to: '' };\n }\n\n private initialize() {\n const isCustomRange =\n this.dateRangeId === 'custom' ||\n (!this.dateRangeId && !!this.from && !!this.to);\n\n if (isCustomRange && this.customRangeAllowed) {\n this.selectedDateRangeId = 'custom';\n this.updateCurrentDate();\n\n return;\n }\n const isValidConfiguration = !isCustomRange && !this.from;\n if (!isValidConfiguration) {\n console.warn(\n '\"from\" and \"range-date-id\" is provided this is an invalid combination. Using \"custom\".'\n );\n\n this.selectedDateRangeId = 'custom';\n this.updateCurrentDate();\n\n return;\n }\n }\n\n private updateCurrentDate() {\n this.currentRangeValue = {\n id: this.selectedDateRangeId,\n from: this.from,\n to: this.to,\n };\n }\n\n private onDateSelect(\n rangeValue: { from?: string; to?: string; id: string },\n preserveDropdown = true\n ) {\n this.dateRangeChange.emit(rangeValue);\n\n if (preserveDropdown) {\n this.closeDropdown();\n }\n\n this.datePickerTouched = false;\n }\n\n private onRangeListSelect(id: string) {\n if (this.setDateRangeSelection(id) && this.currentRangeValue) {\n this.onDateSelect(this.currentRangeValue);\n }\n }\n\n private setDateRangeSelection(id: string) {\n this.selectedDateRangeId = id;\n const option = this.dateRangeOptions.find((range) => range.id === id);\n\n if (option) {\n this.currentRangeValue = option;\n }\n\n return option;\n }\n\n private closeDropdown() {\n const dropdown = this.hostElement.shadowRoot!.querySelector('ix-dropdown');\n\n if (dropdown) {\n dropdown.show = false;\n }\n }\n\n private getButtonLabel() {\n if (this.selectedDateRangeId === 'custom' && this.currentRangeValue?.from) {\n let range = this.currentRangeValue.from;\n\n if (this.currentRangeValue.to) {\n range += ` - ${this.currentRangeValue.to}`;\n }\n\n return range;\n }\n\n if (!this.selectedDateRangeId) {\n return this.i18nNoRange;\n }\n\n if (!this.dateRangeOptions || this.dateRangeOptions?.length === 0) {\n return this.i18nNoRange;\n }\n\n const option = this.dateRangeOptions.find(\n (option) => option.id === this.selectedDateRangeId\n );\n\n if (!option) {\n console.error(\n `Cannot find range option with id ${this.selectedDateRangeId}`\n );\n return this.i18nNoRange;\n }\n\n return option.label;\n }\n\n render() {\n return (\n <Host>\n <ix-button\n data-testid=\"date-dropdown-trigger\"\n data-date-dropdown-trigger\n variant={this.variant}\n ghost={this.ghost}\n outline={this.outline}\n loading={this.loading}\n icon={iconHistory}\n ref={this.triggerRef}\n disabled={this.disabled}\n >\n {this.getButtonLabel()}\n </ix-button>\n <ix-dropdown\n data-testid=\"date-dropdown\"\n data-date-dropdown\n class=\"min-width max-height\"\n trigger={this.triggerRef.waitForCurrent()}\n closeBehavior=\"outside\"\n placement=\"bottom-start\"\n onShowChanged={({ detail: show }) => {\n if (\n !show &&\n this.selectedDateRangeId === 'custom' &&\n this.datePickerTouched &&\n this.currentRangeValue\n ) {\n this.onDateSelect(this.currentRangeValue);\n }\n }}\n >\n <ix-layout-grid noMargin>\n <ix-row>\n {this.dateRangeOptions?.length > 1 && (\n <ix-col\n class={{\n 'no-margin': true,\n 'border-right': this.selectedDateRangeId === 'custom',\n }}\n >\n {this.dateRangeOptions.map((dateRangeOption) => (\n <ix-dropdown-item\n label={dateRangeOption.label}\n onClick={() => this.onRangeListSelect(dateRangeOption.id)}\n checked={this.selectedDateRangeId === dateRangeOption.id}\n ></ix-dropdown-item>\n ))}\n <div hidden={!this.customRangeAllowed}>\n <ix-dropdown-item\n label={this.i18nCustomItem}\n checked={this.selectedDateRangeId === 'custom'}\n onClick={() => this.onRangeListSelect('custom')}\n ></ix-dropdown-item>\n </div>\n </ix-col>\n )}\n <ix-col class=\"no-margin\">\n {this.selectedDateRangeId === 'custom' && (\n <Fragment>\n <ix-date-picker\n standaloneAppearance={false}\n locale={this.locale}\n onDateChange={(e) => {\n e.stopPropagation();\n this.currentRangeValue = {\n ...e.detail,\n id: 'custom',\n };\n this.datePickerTouched = true;\n }}\n onDateRangeChange={(e) => e.stopPropagation()}\n format={this.format}\n range={this.range}\n from={this.from || this.currentRangeValue?.from}\n to={this.to || this.currentRangeValue?.to}\n minDate={this.minDate}\n maxDate={this.maxDate}\n today={this.today}\n weekStartIndex={this.weekStartIndex}\n showWeekNumbers={this.showWeekNumbers}\n ></ix-date-picker>\n <div class=\"pull-right\">\n <ix-button\n onClick={() => {\n if (this.currentRangeValue) {\n this.onDateSelect(this.currentRangeValue);\n }\n }}\n >\n {this.i18nDone}\n </ix-button>\n </div>\n </Fragment>\n )}\n </ix-col>\n </ix-row>\n </ix-layout-grid>\n </ix-dropdown>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/{p-273bd3ab.entry.js → p-9920ec79.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r,h as o,H as t}from"./p-BNpBEtDH.js";const e=":host{display:flex;align-items:center;position:relative;height:2.5rem;width:auto;padding:0.25rem 1rem;overflow:hidden;cursor:default;color:var(--theme-color-soft-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const a=class{constructor(o){r(this,o)}render(){return o(t,{key:"a34330869a1e53c3a2df09143066197b72b1abf8"},o("ix-typography",{key:"95d1226055d927243c0b9fd2e81c3850071ca93e",class:"category-text",format:"h5"},this.label))}};a.style=e;export{a as ix_dropdown_header};
-//# sourceMappingURL=p-273bd3ab.entry.js.map
+import{r,h as o,H as t}from"./p-BNpBEtDH.js";const e=":host{display:flex;align-items:center;position:relative;height:2.5rem;width:auto;padding:0.25rem 1rem;overflow:hidden;cursor:default;color:var(--theme-color-soft-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const a=class{constructor(o){r(this,o)}render(){return o(t,{key:"15371578ff615a3ca08fb49ef2ecacdf736cf74e"},o("ix-typography",{key:"3071d4924c7b98e4d234b6b2064f6ec1146ea988",class:"category-text",format:"h5"},this.label))}};a.style=e;export{a as ix_dropdown_header};
+//# sourceMappingURL=p-9920ec79.entry.js.map

package/dist/siemens-ix/{p-273bd3ab.entry.js.map → p-9920ec79.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["dropdownHeaderCss","DropdownHeader","render","h","Host","key","class","format","this","label"],"sources":["src/components/dropdown-header/dropdown-header.scss?tag=ix-dropdown-header&encapsulation=shadow","src/components/dropdown-header/dropdown-header.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@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: flex;\n align-items: center;\n position: relative;\n height: 2.5rem;\n width: auto;\n\n padding: 0.25rem 1rem;\n\n overflow: hidden;\n cursor: default;\n\n color: var(--theme-color-soft-text);\n}\n","/\n * SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n/\n @~~since 2.0.0\n /\n@~~Component({\n tag: 'ix-dropdown-header',\n styleUrl: 'dropdown-header.scss',\n shadow: true,\n})\nexport class DropdownHeader {\n /\n Display name of the header\n */\n @Prop() label?: string;\n\n render() {\n return (\n <Host>\n <ix-typography class={'category-text'} format={'h5'}>\n {this.label}\n </ix-typography>\n </Host>\n );\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAoB,m6B,~~MCmBbC~~,EAAc,M,yBAMzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,iBAAAE,IAAA,2CAAeC,MAAO,gBAAiBC,OAAQ,MAC5CC,KAAKC,O","ignoreList":[]}
1	+ {"version":3,"names":["dropdownHeaderCss","DropdownHeader","render","h","Host","key","class","format","this","label"],"sources":["src/components/dropdown-header/dropdown-header.scss?tag=ix-dropdown-header&encapsulation=shadow","src/components/dropdown-header/dropdown-header.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@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: flex;\n align-items: center;\n position: relative;\n height: 2.5rem;\n width: auto;\n\n padding: 0.25rem 1rem;\n\n overflow: hidden;\n cursor: default;\n\n color: var(--theme-color-soft-text);\n}\n","/\n * SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ix-dropdown-header',\n styleUrl: 'dropdown-header.scss',\n shadow: true,\n})\nexport class DropdownHeader {\n /\n Display name of the header\n */\n @Prop() label?: string;\n\n render() {\n return (\n <Host>\n <ix-typography class={'category-text'} format={'h5'}>\n {this.label}\n </ix-typography>\n </Host>\n );\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAoB,m6B,MCgBbC,EAAc,M,yBAMzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,iBAAAE,IAAA,2CAAeC,MAAO,gBAAiBC,OAAQ,MAC5CC,KAAKC,O","ignoreList":[]}

package/dist/siemens-ix/{p-734bcb23.entry.js → p-9bac6252.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as e,H as r,g as n}from"./p-BNpBEtDH.js";import{l as i}from"./p-CrTP-icT.js";import{m as a}from"./p-bcj7UEIC.js";const c=':host{display:inline-block;position:relative;height:2rem;max-height:2rem;margin-left:0.25rem}: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(.inactive){pointer-events:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:pointer}.container .with-icon{margin-right:0.25rem}.container .hidden{display:none;width:0;margin-right:0}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary:hover{background-color:var(--theme-chip-primary--background--hover)}.container.primary:active{background-color:var(--theme-chip-primary--background--active)}.container.primary:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.primary.outline{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}.container.primary.outline:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.container.primary.outline:active{background-color:var(--theme-chip-primary-outline--background--active)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.alarm.active::after,.container.alarm:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.alarm:not(.outline).active::after,.container.alarm:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.alarm.outline:hover::after{display:none}.container.alarm.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.alarm.outline.active::after,.container.alarm.outline:active::after{display:none}.container.alarm.outline.active,.container.alarm.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.alarm:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.critical.active::after,.container.critical:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.critical:not(.outline).active::after,.container.critical:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.critical.outline:hover::after{display:none}.container.critical.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.critical.outline.active::after,.container.critical.outline:active::after{display:none}.container.critical.outline.active,.container.critical.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.critical:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.warning.active::after,.container.warning:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.warning:not(.outline).active::after,.container.warning:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.warning.outline:hover::after{display:none}.container.warning.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.warning.outline.active::after,.container.warning.outline:active::after{display:none}.container.warning.outline.active,.container.warning.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.warning:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.info{color:var(--theme-color-info--contrast)}.container.info:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.info.active::after,.container.info:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.info:not(.outline).active::after,.container.info:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.info.outline:hover::after{display:none}.container.info.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.info.outline.active::after,.container.info.outline:active::after{display:none}.container.info.outline.active,.container.info.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.info:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.neutral.active::after,.container.neutral:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.neutral:not(.outline).active::after,.container.neutral:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.neutral.outline:hover::after{display:none}.container.neutral.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.neutral.outline.active::after,.container.neutral.outline:active::after{display:none}.container.neutral.outline.active,.container.neutral.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.neutral:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.success{color:var(--theme-color-success--contrast)}.container.success:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.success.active::after,.container.success:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.success:not(.outline).active::after,.container.success:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}.container.success.outline:hover::after{display:none}.container.success.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.success.outline.active::after,.container.success.outline:active::after{display:none}.container.success.outline.active,.container.success.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.success:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}';const l=class{constructor(e){o(this,e);this.closeChip=t(this,"closeChip",7);this.variant="primary";this.active=true;this.closable=false;this.outline=false;this.tooltipText=false;this.containerElementRef=a()}getCloseButton(){return e("div",{class:"close-button-container"},e("ix-icon-button",{type:"button",variant:"secondary",icon:i,class:"close-button",oval:true,size:"16",style:this.variant==="custom"?{color:this.chipColor}:{},ghost:true,onClick:o=>{this.closeChip.emit(o);o.stopPropagation()}}))}getTooltip(){var o;if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text")){return null}const t=typeof this.tooltipText==="string"&&this.tooltipText.trim()?this.tooltipText:(o=this.hostElement.textContent)===null||o===void 0?void 0:o.trim();return e("ix-tooltip",{for:this.containerElementRef.waitForCurrent()},t)}render(){const o=this.active===false;let t={};if(this.variant==="custom"){t={color:this.chipColor,[this.outline?"borderColor":"backgroundColor"]:this.background}}return e(r,{key:"7bbabe583825abcde45af20f5fe5eed80ba4141b",tabIndex:"-1",class:{inactive:o},style:this.variant==="custom"?{"--ix-icon-button-color":this.chipColor}:{}},e("div",{key:"64464d3cad83f4d9c0c7efbdd8d7a406f08f1118",ref:this.containerElementRef,style:Object.assign({},t),class:{container:true,outline:this.outline,inactive:o,alarm:this.variant==="alarm",critical:this.variant==="critical",info:this.variant==="info",neutral:this.variant==="neutral",primary:this.variant==="primary",success:this.variant==="success",warning:this.variant==="warning",custom:this.variant==="custom",closable:this.closable,icon:!!this.icon}},e("ix-icon",{key:"b38f0215ea69d966ab7bf8a6af178aa69db8e712",class:{"with-icon":true,hidden:!this.icon},name:this.icon,size:"24"}),e("span",{key:"6229fc50ae6394772a580c69eaf087cb5300801a",class:"slot-container"},e("slot",{key:"c11dd7e4f666ad9f6e39efdc9085ba42792a4481"})),o===false&&this.closable?this.getCloseButton():null),this.getTooltip())}get hostElement(){return n(this)}};l.style=c;export{l as ix_chip};
-//# sourceMappingURL=p-734bcb23.entry.js.map
+import{r as o,c as t,h as e,H as r,g as n}from"./p-BNpBEtDH.js";import{l as i}from"./p-CrTP-icT.js";import{m as a}from"./p-bcj7UEIC.js";const c=':host{display:inline-block;position:relative;height:2rem;max-height:2rem;margin-left:0.25rem}: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(.inactive){pointer-events:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:pointer}.container .with-icon{margin-right:0.25rem}.container .hidden{display:none;width:0;margin-right:0}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary:hover{background-color:var(--theme-chip-primary--background--hover)}.container.primary:active{background-color:var(--theme-chip-primary--background--active)}.container.primary:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.primary.outline{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}.container.primary.outline:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.container.primary.outline:active{background-color:var(--theme-chip-primary-outline--background--active)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.alarm.active::after,.container.alarm:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.alarm:not(.outline).active::after,.container.alarm:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.alarm.outline:hover::after{display:none}.container.alarm.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.alarm.outline.active::after,.container.alarm.outline:active::after{display:none}.container.alarm.outline.active,.container.alarm.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.alarm:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.critical.active::after,.container.critical:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.critical:not(.outline).active::after,.container.critical:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.critical.outline:hover::after{display:none}.container.critical.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.critical.outline.active::after,.container.critical.outline:active::after{display:none}.container.critical.outline.active,.container.critical.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.critical:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.warning.active::after,.container.warning:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.warning:not(.outline).active::after,.container.warning:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.warning.outline:hover::after{display:none}.container.warning.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.warning.outline.active::after,.container.warning.outline:active::after{display:none}.container.warning.outline.active,.container.warning.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.warning:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.info{color:var(--theme-color-info--contrast)}.container.info:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.info.active::after,.container.info:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.info:not(.outline).active::after,.container.info:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.info.outline:hover::after{display:none}.container.info.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.info.outline.active::after,.container.info.outline:active::after{display:none}.container.info.outline.active,.container.info.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.info:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.neutral.active::after,.container.neutral:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.neutral:not(.outline).active::after,.container.neutral:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.neutral.outline:hover::after{display:none}.container.neutral.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.neutral.outline.active::after,.container.neutral.outline:active::after{display:none}.container.neutral.outline.active,.container.neutral.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.neutral:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.success{color:var(--theme-color-success--contrast)}.container.success:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.success.active::after,.container.success:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.success:not(.outline).active::after,.container.success:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}.container.success.outline:hover::after{display:none}.container.success.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.success.outline.active::after,.container.success.outline:active::after{display:none}.container.success.outline.active,.container.success.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.success:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}';const l=class{constructor(e){o(this,e);this.closeChip=t(this,"closeChip",7);this.variant="primary";this.active=true;this.closable=false;this.outline=false;this.tooltipText=false;this.containerElementRef=a()}getCloseButton(){return e("div",{class:"close-button-container"},e("ix-icon-button",{type:"button",variant:"secondary",icon:i,class:"close-button",oval:true,size:"16",style:this.variant==="custom"?{color:this.chipColor}:{},ghost:true,onClick:o=>{this.closeChip.emit(o);o.stopPropagation()}}))}getTooltip(){var o;if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text")){return null}const t=typeof this.tooltipText==="string"&&this.tooltipText.trim()?this.tooltipText:(o=this.hostElement.textContent)===null||o===void 0?void 0:o.trim();return e("ix-tooltip",{for:this.containerElementRef.waitForCurrent()},t)}render(){const o=this.active===false;let t={};if(this.variant==="custom"){t={color:this.chipColor,[this.outline?"borderColor":"backgroundColor"]:this.background}}return e(r,{key:"4d2b258d01d16b9345263141abe7d7d3388123c5",tabIndex:"-1",class:{inactive:o},style:this.variant==="custom"?{"--ix-icon-button-color":this.chipColor}:{}},e("div",{key:"9aa88bf1c31f0946a77eea368ed03b13e031cfa1",ref:this.containerElementRef,style:Object.assign({},t),class:{container:true,outline:this.outline,inactive:o,alarm:this.variant==="alarm",critical:this.variant==="critical",info:this.variant==="info",neutral:this.variant==="neutral",primary:this.variant==="primary",success:this.variant==="success",warning:this.variant==="warning",custom:this.variant==="custom",closable:this.closable,icon:!!this.icon}},e("ix-icon",{key:"904f4f03b99a5777696d4fb16e731660b965168d",class:{"with-icon":true,hidden:!this.icon},name:this.icon,size:"24"}),e("span",{key:"2163059e60b87e55ba0e961bc3c9a10ab4fe2f0e",class:"slot-container"},e("slot",{key:"905355f990900be5cb82ddab1ef8ddd68598d9f1"})),o===false&&this.closable?this.getCloseButton():null),this.getTooltip())}get hostElement(){return n(this)}};l.style=c;export{l as ix_chip};
+//# sourceMappingURL=p-9bac6252.entry.js.map