snice 4.24.0 → 4.25.0

package/dist/cdn/table/snice-table.min.js

@@ -1,6 +1,6 @@
 /*!
- * snice v4.23.0
- * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
+ * snice v4.25.0
+ * A decorator-driven web component library with differential rendering, routing, controllers, and 130+ ready-made UI components. Use as much or as little as you want. Zero dependencies, works anywhere.
  * (c) 2024
  * Released under the MIT License.
  */
@@ -101,7 +101,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </default>
         </case>
       </div>
-    `}styles(){return e.css`${":host{display:inline-block;width:100%;max-width:100%;box-sizing:border-box;font-family:var(--snice-font-family);color-scheme:light dark}.input-wrapper{position:relative;width:100%;max-width:100%;height:100%;box-sizing:border-box}:host([align]) .input-wrapper{display:flex;flex-direction:column}:host([align=top]) .input-wrapper{justify-content:flex-start}:host([align=center]) .input-wrapper{justify-content:center}:host([align=bottom]) .input-wrapper{justify-content:flex-end}.input-container{position:relative;display:flex;align-items:center;width:100%;max-width:100%;box-sizing:border-box;transition:all var(--snice-transition-fast) ease}:host([stretch]) .input-wrapper{display:flex;flex-direction:column}:host([stretch]) .input-container{flex:1}:host([stretch]) .input{height:100%}.input{flex:1;min-width:0;box-sizing:border-box;font-family:inherit;font-size:var(--snice-font-size-md);background:var(--snice-color-background-input,rgb(248 247 245));color:var(--snice-color-text);border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-md);box-shadow:var(--snice-shadow-inset-sm);transition:all var(--snice-transition-fast) ease;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{border-color:var(--snice-color-primary);box-shadow:0 0 0 var(--snice-focus-ring-width) var(--snice-focus-ring-color),var(--snice-shadow-sm)}.input:disabled{background:var(--snice-color-background-secondary);color:var(--snice-color-text-secondary);cursor:not-allowed;opacity:.6}.input::placeholder{color:var(--snice-color-text-secondary);opacity:.7}.input--small{padding:.375rem .625rem;font-size:var(--snice-font-size-sm);min-height:2rem}.input--medium{padding:.5rem .75rem;font-size:var(--snice-font-size-md);min-height:2.5rem}.input--large{padding:.625rem .875rem;font-size:var(--snice-font-size-lg);min-height:3rem}.input--outlined{background:var(--snice-color-background-input,rgb(248 247 245));border:1px solid var(--snice-color-border)}.input--filled{background:var(--snice-color-background-secondary);border:1px solid transparent;border-bottom-color:var(--snice-color-border);border-radius:var(--snice-border-radius-md) var(--snice-border-radius-md) 0 0}.input--filled:focus{background:var(--snice-color-background-hover);border-bottom-color:var(--snice-color-primary)}.input--underlined{background:0 0;border:none;border-bottom:1px solid var(--snice-color-border);border-radius:0;padding-left:0;padding-right:0}.input--underlined:focus{border-bottom-color:var(--snice-color-primary);box-shadow:none}.input--invalid{border-color:var(--snice-color-danger)}.input--invalid:focus{border-color:var(--snice-color-danger);box-shadow:0 0 0 var(--snice-focus-ring-width) var(--snice-color-danger-alpha,hsl(var(--snice-color-red-500) / .4)),var(--snice-shadow-sm)}.input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.input::-webkit-calendar-picker-indicator:hover{opacity:1}.input--with-prefix-icon{padding-left:2.25rem}.input--clearable,.input--with-suffix-icon{padding-right:2.25rem}.input--with-suffix-icon.input--clearable{padding-right:3.75rem}.label{display:block;margin-bottom:.25rem;font-size:var(--snice-font-size-sm);font-weight:500;line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text);text-align:left}:host([label-align=center]) .label{text-align:center}:host([label-align=right]) .label{text-align:right}.label--required::after{content:' *';color:var(--snice-color-danger)}.error-text,.helper-text{display:block;margin-top:.25rem;font-size:var(--snice-font-size-xs)}.helper-text{color:var(--snice-color-text-secondary)}.error-text{color:var(--snice-color-danger)}.icon-slot{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--snice-color-text-secondary);pointer-events:none;opacity:.7}.icon-slot:empty{display:none}.icon-slot--prefix{left:.625rem}.icon-slot--suffix{right:.625rem}.icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--snice-color-text-secondary);pointer-events:none}.icon-slot ::slotted(*){display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1.25rem;line-height:1}.icon-slot ::slotted(svg){width:1.25rem;height:1.25rem}.icon-slot ::slotted(img){width:1.25rem;height:1.25rem;object-fit:contain}.clear-button{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:.25rem;background:0 0;border:none;border-radius:var(--snice-border-radius-sm);color:var(--snice-color-text-secondary);cursor:pointer;transition:all var(--snice-transition-fast) ease;opacity:0;visibility:hidden}.clear-button:hover{background:var(--snice-color-background-hover);color:var(--snice-color-text)}.input-container:hover .clear-button--visible,.input:focus~.clear-button--visible{opacity:1;visibility:visible}.clear-button--with-suffix{right:2rem}.password-toggle{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:.25rem;background:0 0;border:none;border-radius:var(--snice-border-radius-sm);color:var(--snice-color-text-secondary);cursor:pointer;transition:all var(--snice-transition-fast) ease}.password-toggle:hover{background:var(--snice-color-background-hover);color:var(--snice-color-text)}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.input[type=search]::-webkit-search-cancel-button,.input[type=search]::-webkit-search-decoration,.input[type=search]::-webkit-search-results-button,.input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.input-container:focus-within{z-index:1}.input--loading{cursor:wait}.spinner{position:absolute;right:.75rem;width:1em;height:1em;pointer-events:none}.input--with-suffix-icon .spinner{right:2.5rem}.spinner::after{content:'';display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}"}`}init(){if(this.internals&&this.internals.setFormValue(this.value),this.clearButton&&this.clearable){const t=this.value&&!this.disabled&&!this.readonly&&!this.loading;this.clearButton.style.display=t?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!t)}this.input&&this.invalid&&(this.input.setAttribute("aria-invalid","true"),this.input.classList.add("input--invalid")),this.input&&("number"===this.type&&(this.min&&(this.input.min=this.min),this.max&&(this.input.max=this.max),this.step&&(this.input.step=this.step)),this.maxlength>0&&(this.input.maxLength=this.maxlength),this.minlength>0&&(this.input.minLength=this.minlength),this.pattern&&(this.input.pattern=this.pattern),this.placeholder&&(this.input.placeholder=this.placeholder),this.value&&(this.input.value=this.value),this.input.disabled=this.disabled,this.input.readOnly=this.readonly,this.input.required=this.required)}handleInput(t){const e=t.target;this.value=e.value,this.dispatchInputEvent()}handleChange(t){const e=t.target;this.value=e.value,this.dispatchChangeEvent()}handleFocus(t){this.dispatchFocusEvent()}handleBlur(t){this.dispatchBlurEvent()}handleClear(t){this.clear()}handlePasswordToggle(t){if(this.showPassword=!this.showPassword,this.input&&(this.input.type=this.showPassword?"text":"password"),this.passwordToggle){const t=this.passwordToggle.querySelector(".password-icon--hidden"),e=this.passwordToggle.querySelector(".password-icon--visible");t&&e&&(t.style.display=this.showPassword?"none":"",e.style.display=this.showPassword?"":"none",this.passwordToggle.setAttribute("aria-label",this.showPassword?"Hide password":"Show password"))}}handleValueChange(){if(this.input&&this.input.value!==this.value&&(this.input.value=this.value),this.internals&&this.internals.setFormValue(this.value),this.clearButton&&this.clearable){const t=this.value&&!this.disabled&&!this.readonly&&!this.loading;this.clearButton.style.display=t?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!t)}}handleInvalidChange(){this.input&&(this.input.setAttribute("aria-invalid",String(this.invalid)),this.invalid?this.input.classList.add("input--invalid"):this.input.classList.remove("input--invalid"))}handleDisabledChange(){if(this.input&&(this.input.disabled=this.disabled||this.loading),this.clearButton&&this.clearable){const t=this.value&&!this.disabled&&!this.readonly&&!this.loading;this.clearButton.style.display=t?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!t)}}handleLoadingChange(){if(this.input&&(this.input.disabled=this.disabled||this.loading),this.clearButton&&this.clearable){const t=this.value&&!this.disabled&&!this.readonly&&!this.loading;this.clearButton.style.display=t?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!t)}}handleReadonlyChange(){if(this.input&&(this.input.readOnly=this.readonly),this.clearButton&&this.clearable){const t=this.value&&!this.disabled&&!this.readonly&&!this.loading;this.clearButton.style.display=t?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!t)}}handlePlaceholderChange(){this.input&&(this.input.placeholder=this.placeholder)}handleMinChange(){this.input&&"number"===this.type&&(this.input.min=this.min)}handleMaxChange(){this.input&&"number"===this.type&&(this.input.max=this.max)}handleStepChange(){this.input&&"number"===this.type&&(this.input.step=this.step)}handleMaxLengthChange(){this.input&&this.maxlength>0&&(this.input.maxLength=this.maxlength)}handleMinLengthChange(){this.input&&this.minlength>0&&(this.input.minLength=this.minlength)}handlePatternChange(){this.input&&(this.input.pattern=this.pattern)}handleTypeChange(){this.input&&"password"!==this.type&&(this.input.type=this.type)}handleLabelChange(){const t=this.shadowRoot?.querySelector(".label");if(t){t.textContent=this.label;const e=t.parentElement;e&&(e.style.display=this.label?"":"none")}}dispatchInputEvent(){return{value:this.value,input:this}}dispatchChangeEvent(){return{value:this.value,input:this}}dispatchFocusEvent(){return{input:this}}dispatchBlurEvent(){return{input:this}}dispatchClearEvent(){return{input:this}}focus(){this.input?.focus()}blur(){this.input?.blur()}select(){this.input?.select()}clear(){this.value="",this.input&&(this.input.value=""),this.dispatchClearEvent(),this.dispatchInputEvent(),this.dispatchChangeEvent(),this.focus()}checkValidity(){return this.input?.checkValidity()??!0}reportValidity(){return this.input?.reportValidity()??!0}setCustomValidity(t){this.input?.setCustomValidity(t)}})})(),(()=>{let t,s,n,l,r,o,c,h,d,u,p=[e.element("snice-option")],m=[],g=HTMLElement,y=[],b=[],v=[],f=[],w=[],k=[],x=[],S=[],C=[],$=[],D=[];(class extends g{static{s=this}static{const E="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;n=[e.property({})],l=[e.property({})],r=[e.property({type:Boolean})],o=[e.property({type:Boolean})],c=[e.property({})],h=[e.render()],d=[e.styles()],u=[e.ready()],a(this,null,h,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:E},null,y),a(this,null,d,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:E},null,y),a(this,null,u,{kind:"method",name:"init",static:!1,private:!1,access:{has:t=>"init"in t,get:t=>t.init},metadata:E},null,y),a(null,null,n,{kind:"field",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:E},b,v),a(null,null,l,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:E},f,w),a(null,null,r,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:E},k,x),a(null,null,o,{kind:"field",name:"selected",static:!1,private:!1,access:{has:t=>"selected"in t,get:t=>t.selected,set:(t,e)=>{t.selected=e}},metadata:E},S,C),a(null,null,c,{kind:"field",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:E},$,D),a(null,t={value:s},p,{kind:"class",name:s.name,metadata:E},null,m),s=t.value,E&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:E}),i(s,m)}render(){return e.html``}styles(){return e.css`:host { display: none; }`}init(){!this.label&&this.textContent&&(this.label=this.textContent.trim()),!this.value&&this.label&&(this.value=this.label)}get optionData(){return{value:this.value,label:this.label||this.textContent?.trim()||this.value,disabled:this.disabled,selected:this.selected,icon:this.icon}}constructor(){super(...arguments),this.value=(i(this,y),i(this,b,"")),this.label=(i(this,v),i(this,f,"")),this.disabled=(i(this,w),i(this,k,!1)),this.selected=(i(this,x),i(this,S,!1)),this.icon=(i(this,C),i(this,$,"")),i(this,D)}})})();(()=>{let t,s,n,l,r,o,c,h,d,u,p,m,g,y,b,v,f,w,k,x,S,C,$,D,E,T,A,j,O,F,L,z,B,I,V,M,P,N,H,R,q,W,Y,U=[e.element("snice-select",{formAssociated:!0})],_=[],J=HTMLElement,K=[],G=[],X=[],Z=[],Q=[],tt=[],et=[],at=[],it=[],st=[],nt=[],lt=[],rt=[],ot=[],ct=[],ht=[],dt=[],ut=[],pt=[],mt=[],gt=[],yt=[],bt=[],vt=[],ft=[],wt=[],kt=[],xt=[],St=[],Ct=[],$t=[],Dt=[],Et=[],Tt=[],At=[],jt=[],Ot=[],Ft=[],Lt=[],zt=[],Bt=[],It=[],Vt=[],Mt=[],Pt=[],Nt=[],Ht=[],Rt=[],qt=[],Wt=[],Yt=[],Ut=[],_t=[],Jt=[],Kt=[],Gt=[],Xt=[],Zt=[],Qt=[];(class extends J{static{s=this}static{const te="function"==typeof Symbol&&Symbol.metadata?Object.create(J[Symbol.metadata]??null):void 0;n=[e.property({type:Boolean})],l=[e.property({type:Boolean})],r=[e.property({type:Boolean})],o=[e.property({type:Boolean})],c=[e.property({type:Boolean})],h=[e.property({type:Boolean})],d=[e.property({type:Boolean})],u=[e.property({type:Boolean})],p=[e.property({type:Boolean,attribute:"allow-free-text"})],m=[e.property({type:Boolean})],g=[e.property({type:Boolean})],y=[e.property({})],b=[e.property({})],v=[e.property({})],f=[e.property({})],w=[e.property({})],k=[e.property({attribute:"max-height"})],x=[e.property({type:Array,attribute:!1})],S=[e.query(".select-trigger")],C=[e.query(".select-dropdown")],$=[e.query(".select-value")],D=[e.query(".select-label")],E=[e.query(".select-search-input")],T=[e.query(".select-options")],A=[e.query(".select-clear")],j=[e.query(".select-arrow")],O=[e.query(".select-search")],F=[e.query(".select-editable-input")],L=[e.queryAll(".select-option")],z=[e.render()],B=[e.styles()],I=[e.ready()],V=[e.dispose()],M=[e.watch("value")],P=[e.watch("options")],N=[e.watch("disabled")],H=[e.watch("loading")],R=[e.watch("open")],q=[e.dispatch("select-change",{bubbles:!0,composed:!0})],W=[e.dispatch("select-open",{bubbles:!0,composed:!0})],Y=[e.dispatch("select-close",{bubbles:!0,composed:!0})],a(this,null,z,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:te},null,K),a(this,null,B,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:te},null,K),a(this,null,I,{kind:"method",name:"init",static:!1,private:!1,access:{has:t=>"init"in t,get:t=>t.init},metadata:te},null,K),a(this,null,V,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:t=>"cleanup"in t,get:t=>t.cleanup},metadata:te},null,K),a(this,null,M,{kind:"method",name:"handleValueChange",static:!1,private:!1,access:{has:t=>"handleValueChange"in t,get:t=>t.handleValueChange},metadata:te},null,K),a(this,null,P,{kind:"method",name:"handleOptionsPropertyChange",static:!1,private:!1,access:{has:t=>"handleOptionsPropertyChange"in t,get:t=>t.handleOptionsPropertyChange},metadata:te},null,K),a(this,null,N,{kind:"method",name:"handleDisabledChange",static:!1,private:!1,access:{has:t=>"handleDisabledChange"in t,get:t=>t.handleDisabledChange},metadata:te},null,K),a(this,null,H,{kind:"method",name:"handleLoadingChange",static:!1,private:!1,access:{has:t=>"handleLoadingChange"in t,get:t=>t.handleLoadingChange},metadata:te},null,K),a(this,null,R,{kind:"method",name:"handleOpenChange",static:!1,private:!1,access:{has:t=>"handleOpenChange"in t,get:t=>t.handleOpenChange},metadata:te},null,K),a(this,null,q,{kind:"method",name:"dispatchChangeEvent",static:!1,private:!1,access:{has:t=>"dispatchChangeEvent"in t,get:t=>t.dispatchChangeEvent},metadata:te},null,K),a(this,null,W,{kind:"method",name:"dispatchOpenEvent",static:!1,private:!1,access:{has:t=>"dispatchOpenEvent"in t,get:t=>t.dispatchOpenEvent},metadata:te},null,K),a(this,null,Y,{kind:"method",name:"dispatchCloseEvent",static:!1,private:!1,access:{has:t=>"dispatchCloseEvent"in t,get:t=>t.dispatchCloseEvent},metadata:te},null,K),a(null,null,n,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:te},G,X),a(null,null,l,{kind:"field",name:"required",static:!1,private:!1,access:{has:t=>"required"in t,get:t=>t.required,set:(t,e)=>{t.required=e}},metadata:te},Z,Q),a(null,null,r,{kind:"field",name:"invalid",static:!1,private:!1,access:{has:t=>"invalid"in t,get:t=>t.invalid,set:(t,e)=>{t.invalid=e}},metadata:te},tt,et),a(null,null,o,{kind:"field",name:"readonly",static:!1,private:!1,access:{has:t=>"readonly"in t,get:t=>t.readonly,set:(t,e)=>{t.readonly=e}},metadata:te},at,it),a(null,null,c,{kind:"field",name:"loading",static:!1,private:!1,access:{has:t=>"loading"in t,get:t=>t.loading,set:(t,e)=>{t.loading=e}},metadata:te},st,nt),a(null,null,h,{kind:"field",name:"multiple",static:!1,private:!1,access:{has:t=>"multiple"in t,get:t=>t.multiple,set:(t,e)=>{t.multiple=e}},metadata:te},lt,rt),a(null,null,d,{kind:"field",name:"searchable",static:!1,private:!1,access:{has:t=>"searchable"in t,get:t=>t.searchable,set:(t,e)=>{t.searchable=e}},metadata:te},ot,ct),a(null,null,u,{kind:"field",name:"clearable",static:!1,private:!1,access:{has:t=>"clearable"in t,get:t=>t.clearable,set:(t,e)=>{t.clearable=e}},metadata:te},ht,dt),a(null,null,p,{kind:"field",name:"allowFreeText",static:!1,private:!1,access:{has:t=>"allowFreeText"in t,get:t=>t.allowFreeText,set:(t,e)=>{t.allowFreeText=e}},metadata:te},ut,pt),a(null,null,m,{kind:"field",name:"editable",static:!1,private:!1,access:{has:t=>"editable"in t,get:t=>t.editable,set:(t,e)=>{t.editable=e}},metadata:te},mt,gt),a(null,null,g,{kind:"field",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:te},yt,bt),a(null,null,y,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:te},vt,ft),a(null,null,b,{kind:"field",name:"name",static:!1,private:!1,access:{has:t=>"name"in t,get:t=>t.name,set:(t,e)=>{t.name=e}},metadata:te},wt,kt),a(null,null,v,{kind:"field",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:te},xt,St),a(null,null,f,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:te},Ct,$t),a(null,null,w,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:t=>"placeholder"in t,get:t=>t.placeholder,set:(t,e)=>{t.placeholder=e}},metadata:te},Dt,Et),a(null,null,k,{kind:"field",name:"maxHeight",static:!1,private:!1,access:{has:t=>"maxHeight"in t,get:t=>t.maxHeight,set:(t,e)=>{t.maxHeight=e}},metadata:te},Tt,At),a(null,null,x,{kind:"field",name:"options",static:!1,private:!1,access:{has:t=>"options"in t,get:t=>t.options,set:(t,e)=>{t.options=e}},metadata:te},jt,Ot),a(null,null,S,{kind:"field",name:"trigger",static:!1,private:!1,access:{has:t=>"trigger"in t,get:t=>t.trigger,set:(t,e)=>{t.trigger=e}},metadata:te},Ft,Lt),a(null,null,C,{kind:"field",name:"dropdown",static:!1,private:!1,access:{has:t=>"dropdown"in t,get:t=>t.dropdown,set:(t,e)=>{t.dropdown=e}},metadata:te},zt,Bt),a(null,null,$,{kind:"field",name:"valueDisplay",static:!1,private:!1,access:{has:t=>"valueDisplay"in t,get:t=>t.valueDisplay,set:(t,e)=>{t.valueDisplay=e}},metadata:te},It,Vt),a(null,null,D,{kind:"field",name:"labelElement",static:!1,private:!1,access:{has:t=>"labelElement"in t,get:t=>t.labelElement,set:(t,e)=>{t.labelElement=e}},metadata:te},Mt,Pt),a(null,null,E,{kind:"field",name:"searchInput",static:!1,private:!1,access:{has:t=>"searchInput"in t,get:t=>t.searchInput,set:(t,e)=>{t.searchInput=e}},metadata:te},Nt,Ht),a(null,null,T,{kind:"field",name:"optionsList",static:!1,private:!1,access:{has:t=>"optionsList"in t,get:t=>t.optionsList,set:(t,e)=>{t.optionsList=e}},metadata:te},Rt,qt),a(null,null,A,{kind:"field",name:"clearButton",static:!1,private:!1,access:{has:t=>"clearButton"in t,get:t=>t.clearButton,set:(t,e)=>{t.clearButton=e}},metadata:te},Wt,Yt),a(null,null,j,{kind:"field",name:"arrow",static:!1,private:!1,access:{has:t=>"arrow"in t,get:t=>t.arrow,set:(t,e)=>{t.arrow=e}},metadata:te},Ut,_t),a(null,null,O,{kind:"field",name:"searchContainer",static:!1,private:!1,access:{has:t=>"searchContainer"in t,get:t=>t.searchContainer,set:(t,e)=>{t.searchContainer=e}},metadata:te},Jt,Kt),a(null,null,F,{kind:"field",name:"editableInput",static:!1,private:!1,access:{has:t=>"editableInput"in t,get:t=>t.editableInput,set:(t,e)=>{t.editableInput=e}},metadata:te},Gt,Xt),a(null,null,L,{kind:"field",name:"optionElements",static:!1,private:!1,access:{has:t=>"optionElements"in t,get:t=>t.optionElements,set:(t,e)=>{t.optionElements=e}},metadata:te},Zt,Qt),a(null,t={value:s},U,{kind:"class",name:s.name,metadata:te},null,_),s=t.value,te&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:te}),i(s,_)}constructor(){super(),this.internals=i(this,K),this.disabled=i(this,G,!1),this.required=(i(this,X),i(this,Z,!1)),this.invalid=(i(this,Q),i(this,tt,!1)),this.readonly=(i(this,et),i(this,at,!1)),this.loading=(i(this,it),i(this,st,!1)),this.multiple=(i(this,nt),i(this,lt,!1)),this.searchable=(i(this,rt),i(this,ot,!1)),this.clearable=(i(this,ct),i(this,ht,!1)),this.allowFreeText=(i(this,dt),i(this,ut,!1)),this.editable=(i(this,pt),i(this,mt,!1)),this.open=(i(this,gt),i(this,yt,!1)),this.size=(i(this,bt),i(this,vt,"medium")),this.name=(i(this,ft),i(this,wt,"")),this.value=(i(this,kt),i(this,xt,"")),this.label=(i(this,St),i(this,Ct,"")),this.placeholder=(i(this,$t),i(this,Dt,"Select an option")),this.maxHeight=(i(this,Et),i(this,Tt,"200px")),this.options=(i(this,At),i(this,jt,[])),this.childOptions=(i(this,Ot),[]),this.trigger=i(this,Ft,void 0),this.dropdown=(i(this,Lt),i(this,zt,void 0)),this.valueDisplay=(i(this,Bt),i(this,It,void 0)),this.labelElement=(i(this,Vt),i(this,Mt,void 0)),this.searchInput=(i(this,Pt),i(this,Nt,void 0)),this.optionsList=(i(this,Ht),i(this,Rt,void 0)),this.clearButton=(i(this,qt),i(this,Wt,void 0)),this.arrow=(i(this,Yt),i(this,Ut,void 0)),this.searchContainer=(i(this,_t),i(this,Jt,void 0)),this.editableInput=(i(this,Kt),i(this,Gt,void 0)),this.optionElements=(i(this,Xt),i(this,Zt,void 0)),this.filteredOptions=(i(this,Qt),[]),this.selectedValues=new Set,this.focusedIndex=-1,this.editableInputValue="","function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}get mergedOptions(){if(this.childOptions.length>0&&this.options.length>0){const t=new Set(this.childOptions.map(t=>t.value));return[...this.childOptions,...this.options.filter(e=>!t.has(e.value))]}return this.childOptions.length>0?this.childOptions:this.options}render(){const t=`select-label select-label--${this.size} ${this.required?"select-label--required":""}`,a=`select-trigger select-trigger--${this.size} ${this.loading?"select-trigger--loading":""} ${this.editable?"select-trigger--editable":""}`,i=!this.searchable||this.editable;return e.html`
+    `}styles(){return e.css`${":host{display:inline-block;width:100%;max-width:100%;box-sizing:border-box;font-family:var(--snice-font-family);color-scheme:light dark}.input-wrapper{position:relative;width:100%;max-width:100%;height:100%;box-sizing:border-box}:host([align]) .input-wrapper{display:flex;flex-direction:column}:host([align=top]) .input-wrapper{justify-content:flex-start}:host([align=center]) .input-wrapper{justify-content:center}:host([align=bottom]) .input-wrapper{justify-content:flex-end}.input-container{position:relative;display:flex;align-items:center;width:100%;max-width:100%;box-sizing:border-box;transition:all var(--snice-transition-fast) ease}:host([stretch]) .input-wrapper{display:flex;flex-direction:column}:host([stretch]) .input-container{flex:1}:host([stretch]) .input{height:100%}.input{flex:1;min-width:0;box-sizing:border-box;font-family:inherit;font-size:var(--snice-font-size-md);background:var(--snice-color-background-input,rgb(248 247 245));color:var(--snice-color-text);border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-md);box-shadow:var(--snice-shadow-inset-sm);transition:all var(--snice-transition-fast) ease;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{border-color:var(--snice-color-primary);box-shadow:0 0 0 var(--snice-focus-ring-width) var(--snice-focus-ring-color),var(--snice-shadow-sm)}.input:disabled{background:var(--snice-color-background-secondary);color:var(--snice-color-text-secondary);cursor:not-allowed;opacity:.6}.input::placeholder{color:var(--snice-color-text-secondary);opacity:.7}.input--small{padding:.375rem .625rem;font-size:var(--snice-font-size-sm);min-height:2rem}.input--medium{padding:.5rem .75rem;font-size:var(--snice-font-size-md);min-height:2.5rem}.input--large{padding:.625rem .875rem;font-size:var(--snice-font-size-lg);min-height:3rem}.input--outlined{background:var(--snice-color-background-input,rgb(248 247 245));border:1px solid var(--snice-color-border)}.input--filled{background:var(--snice-color-background-secondary);border:1px solid transparent;border-bottom-color:var(--snice-color-border);border-radius:var(--snice-border-radius-md) var(--snice-border-radius-md) 0 0}.input--filled:focus{background:var(--snice-color-background-hover);border-bottom-color:var(--snice-color-primary)}.input--underlined{background:0 0;border:none;border-bottom:1px solid var(--snice-color-border);border-radius:0;padding-left:0;padding-right:0}.input--underlined:focus{border-bottom-color:var(--snice-color-primary);box-shadow:none}.input--invalid{border-color:var(--snice-color-danger)}.input--invalid:focus{border-color:var(--snice-color-danger);box-shadow:0 0 0 var(--snice-focus-ring-width) var(--snice-color-danger-alpha,hsl(var(--snice-color-red-500) / .4)),var(--snice-shadow-sm)}.input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.input::-webkit-calendar-picker-indicator:hover{opacity:1}.input--with-prefix-icon{padding-left:2.5rem}.input--clearable,.input--with-suffix-icon{padding-right:2.5rem}.input--with-suffix-icon.input--clearable{padding-right:4rem}.label{display:block;margin-bottom:.25rem;font-size:var(--snice-font-size-sm);font-weight:500;line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text);text-align:left}:host([label-align=center]) .label{text-align:center}:host([label-align=right]) .label{text-align:right}.label--required::after{content:' *';color:var(--snice-color-danger)}.error-text,.helper-text{display:block;margin-top:.25rem;font-size:var(--snice-font-size-xs)}.helper-text{color:var(--snice-color-text-secondary)}.error-text{color:var(--snice-color-danger)}.icon-slot{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--snice-color-text-secondary);pointer-events:none;opacity:.7}.icon-slot:empty{display:none}.icon-slot--prefix{left:.625rem}.icon-slot--suffix{right:.625rem}.icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.25rem;line-height:1;color:var(--snice-color-text-secondary);pointer-events:none}.icon-slot ::slotted(*){display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.25rem;line-height:1}.icon-slot ::slotted(svg){width:1.5rem;height:1.5rem}.icon-slot ::slotted(img){width:1.5rem;height:1.5rem;object-fit:contain}.clear-button{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:.25rem;background:0 0;border:none;border-radius:var(--snice-border-radius-sm);color:var(--snice-color-text-secondary);cursor:pointer;transition:all var(--snice-transition-fast) ease;opacity:0;visibility:hidden}.clear-button:hover{background:var(--snice-color-background-hover);color:var(--snice-color-text)}.input-container:hover .clear-button--visible,.input:focus~.clear-button--visible{opacity:1;visibility:visible}.clear-button--with-suffix{right:2rem}.password-toggle{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:.25rem;background:0 0;border:none;border-radius:var(--snice-border-radius-sm);color:var(--snice-color-text-secondary);cursor:pointer;transition:all var(--snice-transition-fast) ease}.password-toggle:hover{background:var(--snice-color-background-hover);color:var(--snice-color-text)}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.input[type=search]::-webkit-search-cancel-button,.input[type=search]::-webkit-search-decoration,.input[type=search]::-webkit-search-results-button,.input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.input-container:focus-within{z-index:1}.input--loading{cursor:wait}.spinner{position:absolute;right:.75rem;width:1em;height:1em;pointer-events:none}.input--with-suffix-icon .spinner{right:2.5rem}.spinner::after{content:'';display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}"}`}init(){if(this.internals&&this.internals.setFormValue(this.value),this.clearButton&&this.clearable){const t=this.value&&!this.disabled&&!this.readonly&&!this.loading;this.clearButton.style.display=t?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!t)}this.input&&this.invalid&&(this.input.setAttribute("aria-invalid","true"),this.input.classList.add("input--invalid")),this.input&&("number"===this.type&&(this.min&&(this.input.min=this.min),this.max&&(this.input.max=this.max),this.step&&(this.input.step=this.step)),this.maxlength>0&&(this.input.maxLength=this.maxlength),this.minlength>0&&(this.input.minLength=this.minlength),this.pattern&&(this.input.pattern=this.pattern),this.placeholder&&(this.input.placeholder=this.placeholder),this.value&&(this.input.value=this.value),this.input.disabled=this.disabled,this.input.readOnly=this.readonly,this.input.required=this.required)}handleInput(t){const e=t.target;this.value=e.value,this.dispatchInputEvent()}handleChange(t){const e=t.target;this.value=e.value,this.dispatchChangeEvent()}handleFocus(t){this.dispatchFocusEvent()}handleBlur(t){this.dispatchBlurEvent()}handleClear(t){this.clear()}handlePasswordToggle(t){if(this.showPassword=!this.showPassword,this.input&&(this.input.type=this.showPassword?"text":"password"),this.passwordToggle){const t=this.passwordToggle.querySelector(".password-icon--hidden"),e=this.passwordToggle.querySelector(".password-icon--visible");t&&e&&(t.style.display=this.showPassword?"none":"",e.style.display=this.showPassword?"":"none",this.passwordToggle.setAttribute("aria-label",this.showPassword?"Hide password":"Show password"))}}handleValueChange(){if(this.input&&this.input.value!==this.value&&(this.input.value=this.value),this.internals&&this.internals.setFormValue(this.value),this.clearButton&&this.clearable){const t=this.value&&!this.disabled&&!this.readonly&&!this.loading;this.clearButton.style.display=t?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!t)}}handleInvalidChange(){this.input&&(this.input.setAttribute("aria-invalid",String(this.invalid)),this.invalid?this.input.classList.add("input--invalid"):this.input.classList.remove("input--invalid"))}handleDisabledChange(){if(this.input&&(this.input.disabled=this.disabled||this.loading),this.clearButton&&this.clearable){const t=this.value&&!this.disabled&&!this.readonly&&!this.loading;this.clearButton.style.display=t?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!t)}}handleLoadingChange(){if(this.input&&(this.input.disabled=this.disabled||this.loading),this.clearButton&&this.clearable){const t=this.value&&!this.disabled&&!this.readonly&&!this.loading;this.clearButton.style.display=t?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!t)}}handleReadonlyChange(){if(this.input&&(this.input.readOnly=this.readonly),this.clearButton&&this.clearable){const t=this.value&&!this.disabled&&!this.readonly&&!this.loading;this.clearButton.style.display=t?"":"none",this.clearButton.classList.toggle("clear-button--visible",!!t)}}handlePlaceholderChange(){this.input&&(this.input.placeholder=this.placeholder)}handleMinChange(){this.input&&"number"===this.type&&(this.input.min=this.min)}handleMaxChange(){this.input&&"number"===this.type&&(this.input.max=this.max)}handleStepChange(){this.input&&"number"===this.type&&(this.input.step=this.step)}handleMaxLengthChange(){this.input&&this.maxlength>0&&(this.input.maxLength=this.maxlength)}handleMinLengthChange(){this.input&&this.minlength>0&&(this.input.minLength=this.minlength)}handlePatternChange(){this.input&&(this.input.pattern=this.pattern)}handleTypeChange(){this.input&&"password"!==this.type&&(this.input.type=this.type)}handleLabelChange(){const t=this.shadowRoot?.querySelector(".label");if(t){t.textContent=this.label;const e=t.parentElement;e&&(e.style.display=this.label?"":"none")}}dispatchInputEvent(){return{value:this.value,input:this}}dispatchChangeEvent(){return{value:this.value,input:this}}dispatchFocusEvent(){return{input:this}}dispatchBlurEvent(){return{input:this}}dispatchClearEvent(){return{input:this}}focus(){this.input?.focus()}blur(){this.input?.blur()}select(){this.input?.select()}clear(){this.value="",this.input&&(this.input.value=""),this.dispatchClearEvent(),this.dispatchInputEvent(),this.dispatchChangeEvent(),this.focus()}checkValidity(){return this.input?.checkValidity()??!0}reportValidity(){return this.input?.reportValidity()??!0}setCustomValidity(t){this.input?.setCustomValidity(t)}})})(),(()=>{let t,s,n,l,r,o,c,h,d,u,p=[e.element("snice-option")],m=[],g=HTMLElement,y=[],b=[],v=[],f=[],w=[],k=[],x=[],S=[],C=[],$=[],D=[];(class extends g{static{s=this}static{const E="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;n=[e.property({})],l=[e.property({})],r=[e.property({type:Boolean})],o=[e.property({type:Boolean})],c=[e.property({})],h=[e.render()],d=[e.styles()],u=[e.ready()],a(this,null,h,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:E},null,y),a(this,null,d,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:E},null,y),a(this,null,u,{kind:"method",name:"init",static:!1,private:!1,access:{has:t=>"init"in t,get:t=>t.init},metadata:E},null,y),a(null,null,n,{kind:"field",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:E},b,v),a(null,null,l,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:E},f,w),a(null,null,r,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:E},k,x),a(null,null,o,{kind:"field",name:"selected",static:!1,private:!1,access:{has:t=>"selected"in t,get:t=>t.selected,set:(t,e)=>{t.selected=e}},metadata:E},S,C),a(null,null,c,{kind:"field",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:E},$,D),a(null,t={value:s},p,{kind:"class",name:s.name,metadata:E},null,m),s=t.value,E&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:E}),i(s,m)}render(){return e.html``}styles(){return e.css`:host { display: none; }`}init(){!this.label&&this.textContent&&(this.label=this.textContent.trim()),!this.value&&this.label&&(this.value=this.label)}get optionData(){return{value:this.value,label:this.label||this.textContent?.trim()||this.value,disabled:this.disabled,selected:this.selected,icon:this.icon}}constructor(){super(...arguments),this.value=(i(this,y),i(this,b,"")),this.label=(i(this,v),i(this,f,"")),this.disabled=(i(this,w),i(this,k,!1)),this.selected=(i(this,x),i(this,S,!1)),this.icon=(i(this,C),i(this,$,"")),i(this,D)}})})();(()=>{let t,s,n,l,r,o,c,h,d,u,p,m,g,y,b,v,f,w,k,x,S,C,$,D,E,T,A,j,O,F,L,z,B,I,V,M,P,N,H,R,q,W,Y,U=[e.element("snice-select",{formAssociated:!0})],_=[],J=HTMLElement,K=[],G=[],X=[],Z=[],Q=[],tt=[],et=[],at=[],it=[],st=[],nt=[],lt=[],rt=[],ot=[],ct=[],ht=[],dt=[],ut=[],pt=[],mt=[],gt=[],yt=[],bt=[],vt=[],ft=[],wt=[],kt=[],xt=[],St=[],Ct=[],$t=[],Dt=[],Et=[],Tt=[],At=[],jt=[],Ot=[],Ft=[],Lt=[],zt=[],Bt=[],It=[],Vt=[],Mt=[],Pt=[],Nt=[],Ht=[],Rt=[],qt=[],Wt=[],Yt=[],Ut=[],_t=[],Jt=[],Kt=[],Gt=[],Xt=[],Zt=[],Qt=[];(class extends J{static{s=this}static{const te="function"==typeof Symbol&&Symbol.metadata?Object.create(J[Symbol.metadata]??null):void 0;n=[e.property({type:Boolean})],l=[e.property({type:Boolean})],r=[e.property({type:Boolean})],o=[e.property({type:Boolean})],c=[e.property({type:Boolean})],h=[e.property({type:Boolean})],d=[e.property({type:Boolean})],u=[e.property({type:Boolean})],p=[e.property({type:Boolean,attribute:"allow-free-text"})],m=[e.property({type:Boolean})],g=[e.property({type:Boolean})],y=[e.property({})],b=[e.property({})],v=[e.property({})],f=[e.property({})],w=[e.property({})],k=[e.property({attribute:"max-height"})],x=[e.property({type:Array,attribute:!1})],S=[e.query(".select-trigger")],C=[e.query(".select-dropdown")],$=[e.query(".select-value")],D=[e.query(".select-label")],E=[e.query(".select-search-input")],T=[e.query(".select-options")],A=[e.query(".select-clear")],j=[e.query(".select-arrow")],O=[e.query(".select-search")],F=[e.query(".select-editable-input")],L=[e.queryAll(".select-option")],z=[e.render()],B=[e.styles()],I=[e.ready()],V=[e.dispose()],M=[e.watch("value")],P=[e.watch("options")],N=[e.watch("disabled")],H=[e.watch("loading")],R=[e.watch("open")],q=[e.dispatch("select-change",{bubbles:!0,composed:!0})],W=[e.dispatch("select-open",{bubbles:!0,composed:!0})],Y=[e.dispatch("select-close",{bubbles:!0,composed:!0})],a(this,null,z,{kind:"method",name:"render",static:!1,private:!1,access:{has:t=>"render"in t,get:t=>t.render},metadata:te},null,K),a(this,null,B,{kind:"method",name:"styles",static:!1,private:!1,access:{has:t=>"styles"in t,get:t=>t.styles},metadata:te},null,K),a(this,null,I,{kind:"method",name:"init",static:!1,private:!1,access:{has:t=>"init"in t,get:t=>t.init},metadata:te},null,K),a(this,null,V,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:t=>"cleanup"in t,get:t=>t.cleanup},metadata:te},null,K),a(this,null,M,{kind:"method",name:"handleValueChange",static:!1,private:!1,access:{has:t=>"handleValueChange"in t,get:t=>t.handleValueChange},metadata:te},null,K),a(this,null,P,{kind:"method",name:"handleOptionsPropertyChange",static:!1,private:!1,access:{has:t=>"handleOptionsPropertyChange"in t,get:t=>t.handleOptionsPropertyChange},metadata:te},null,K),a(this,null,N,{kind:"method",name:"handleDisabledChange",static:!1,private:!1,access:{has:t=>"handleDisabledChange"in t,get:t=>t.handleDisabledChange},metadata:te},null,K),a(this,null,H,{kind:"method",name:"handleLoadingChange",static:!1,private:!1,access:{has:t=>"handleLoadingChange"in t,get:t=>t.handleLoadingChange},metadata:te},null,K),a(this,null,R,{kind:"method",name:"handleOpenChange",static:!1,private:!1,access:{has:t=>"handleOpenChange"in t,get:t=>t.handleOpenChange},metadata:te},null,K),a(this,null,q,{kind:"method",name:"dispatchChangeEvent",static:!1,private:!1,access:{has:t=>"dispatchChangeEvent"in t,get:t=>t.dispatchChangeEvent},metadata:te},null,K),a(this,null,W,{kind:"method",name:"dispatchOpenEvent",static:!1,private:!1,access:{has:t=>"dispatchOpenEvent"in t,get:t=>t.dispatchOpenEvent},metadata:te},null,K),a(this,null,Y,{kind:"method",name:"dispatchCloseEvent",static:!1,private:!1,access:{has:t=>"dispatchCloseEvent"in t,get:t=>t.dispatchCloseEvent},metadata:te},null,K),a(null,null,n,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:te},G,X),a(null,null,l,{kind:"field",name:"required",static:!1,private:!1,access:{has:t=>"required"in t,get:t=>t.required,set:(t,e)=>{t.required=e}},metadata:te},Z,Q),a(null,null,r,{kind:"field",name:"invalid",static:!1,private:!1,access:{has:t=>"invalid"in t,get:t=>t.invalid,set:(t,e)=>{t.invalid=e}},metadata:te},tt,et),a(null,null,o,{kind:"field",name:"readonly",static:!1,private:!1,access:{has:t=>"readonly"in t,get:t=>t.readonly,set:(t,e)=>{t.readonly=e}},metadata:te},at,it),a(null,null,c,{kind:"field",name:"loading",static:!1,private:!1,access:{has:t=>"loading"in t,get:t=>t.loading,set:(t,e)=>{t.loading=e}},metadata:te},st,nt),a(null,null,h,{kind:"field",name:"multiple",static:!1,private:!1,access:{has:t=>"multiple"in t,get:t=>t.multiple,set:(t,e)=>{t.multiple=e}},metadata:te},lt,rt),a(null,null,d,{kind:"field",name:"searchable",static:!1,private:!1,access:{has:t=>"searchable"in t,get:t=>t.searchable,set:(t,e)=>{t.searchable=e}},metadata:te},ot,ct),a(null,null,u,{kind:"field",name:"clearable",static:!1,private:!1,access:{has:t=>"clearable"in t,get:t=>t.clearable,set:(t,e)=>{t.clearable=e}},metadata:te},ht,dt),a(null,null,p,{kind:"field",name:"allowFreeText",static:!1,private:!1,access:{has:t=>"allowFreeText"in t,get:t=>t.allowFreeText,set:(t,e)=>{t.allowFreeText=e}},metadata:te},ut,pt),a(null,null,m,{kind:"field",name:"editable",static:!1,private:!1,access:{has:t=>"editable"in t,get:t=>t.editable,set:(t,e)=>{t.editable=e}},metadata:te},mt,gt),a(null,null,g,{kind:"field",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:te},yt,bt),a(null,null,y,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:te},vt,ft),a(null,null,b,{kind:"field",name:"name",static:!1,private:!1,access:{has:t=>"name"in t,get:t=>t.name,set:(t,e)=>{t.name=e}},metadata:te},wt,kt),a(null,null,v,{kind:"field",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:te},xt,St),a(null,null,f,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:te},Ct,$t),a(null,null,w,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:t=>"placeholder"in t,get:t=>t.placeholder,set:(t,e)=>{t.placeholder=e}},metadata:te},Dt,Et),a(null,null,k,{kind:"field",name:"maxHeight",static:!1,private:!1,access:{has:t=>"maxHeight"in t,get:t=>t.maxHeight,set:(t,e)=>{t.maxHeight=e}},metadata:te},Tt,At),a(null,null,x,{kind:"field",name:"options",static:!1,private:!1,access:{has:t=>"options"in t,get:t=>t.options,set:(t,e)=>{t.options=e}},metadata:te},jt,Ot),a(null,null,S,{kind:"field",name:"trigger",static:!1,private:!1,access:{has:t=>"trigger"in t,get:t=>t.trigger,set:(t,e)=>{t.trigger=e}},metadata:te},Ft,Lt),a(null,null,C,{kind:"field",name:"dropdown",static:!1,private:!1,access:{has:t=>"dropdown"in t,get:t=>t.dropdown,set:(t,e)=>{t.dropdown=e}},metadata:te},zt,Bt),a(null,null,$,{kind:"field",name:"valueDisplay",static:!1,private:!1,access:{has:t=>"valueDisplay"in t,get:t=>t.valueDisplay,set:(t,e)=>{t.valueDisplay=e}},metadata:te},It,Vt),a(null,null,D,{kind:"field",name:"labelElement",static:!1,private:!1,access:{has:t=>"labelElement"in t,get:t=>t.labelElement,set:(t,e)=>{t.labelElement=e}},metadata:te},Mt,Pt),a(null,null,E,{kind:"field",name:"searchInput",static:!1,private:!1,access:{has:t=>"searchInput"in t,get:t=>t.searchInput,set:(t,e)=>{t.searchInput=e}},metadata:te},Nt,Ht),a(null,null,T,{kind:"field",name:"optionsList",static:!1,private:!1,access:{has:t=>"optionsList"in t,get:t=>t.optionsList,set:(t,e)=>{t.optionsList=e}},metadata:te},Rt,qt),a(null,null,A,{kind:"field",name:"clearButton",static:!1,private:!1,access:{has:t=>"clearButton"in t,get:t=>t.clearButton,set:(t,e)=>{t.clearButton=e}},metadata:te},Wt,Yt),a(null,null,j,{kind:"field",name:"arrow",static:!1,private:!1,access:{has:t=>"arrow"in t,get:t=>t.arrow,set:(t,e)=>{t.arrow=e}},metadata:te},Ut,_t),a(null,null,O,{kind:"field",name:"searchContainer",static:!1,private:!1,access:{has:t=>"searchContainer"in t,get:t=>t.searchContainer,set:(t,e)=>{t.searchContainer=e}},metadata:te},Jt,Kt),a(null,null,F,{kind:"field",name:"editableInput",static:!1,private:!1,access:{has:t=>"editableInput"in t,get:t=>t.editableInput,set:(t,e)=>{t.editableInput=e}},metadata:te},Gt,Xt),a(null,null,L,{kind:"field",name:"optionElements",static:!1,private:!1,access:{has:t=>"optionElements"in t,get:t=>t.optionElements,set:(t,e)=>{t.optionElements=e}},metadata:te},Zt,Qt),a(null,t={value:s},U,{kind:"class",name:s.name,metadata:te},null,_),s=t.value,te&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:te}),i(s,_)}constructor(){super(),this.internals=i(this,K),this.disabled=i(this,G,!1),this.required=(i(this,X),i(this,Z,!1)),this.invalid=(i(this,Q),i(this,tt,!1)),this.readonly=(i(this,et),i(this,at,!1)),this.loading=(i(this,it),i(this,st,!1)),this.multiple=(i(this,nt),i(this,lt,!1)),this.searchable=(i(this,rt),i(this,ot,!1)),this.clearable=(i(this,ct),i(this,ht,!1)),this.allowFreeText=(i(this,dt),i(this,ut,!1)),this.editable=(i(this,pt),i(this,mt,!1)),this.open=(i(this,gt),i(this,yt,!1)),this.size=(i(this,bt),i(this,vt,"medium")),this.name=(i(this,ft),i(this,wt,"")),this.value=(i(this,kt),i(this,xt,"")),this.label=(i(this,St),i(this,Ct,"")),this.placeholder=(i(this,$t),i(this,Dt,"Select an option")),this.maxHeight=(i(this,Et),i(this,Tt,"200px")),this.options=(i(this,At),i(this,jt,[])),this.childOptions=(i(this,Ot),[]),this.trigger=i(this,Ft,void 0),this.dropdown=(i(this,Lt),i(this,zt,void 0)),this.valueDisplay=(i(this,Bt),i(this,It,void 0)),this.labelElement=(i(this,Vt),i(this,Mt,void 0)),this.searchInput=(i(this,Pt),i(this,Nt,void 0)),this.optionsList=(i(this,Ht),i(this,Rt,void 0)),this.clearButton=(i(this,qt),i(this,Wt,void 0)),this.arrow=(i(this,Yt),i(this,Ut,void 0)),this.searchContainer=(i(this,_t),i(this,Jt,void 0)),this.editableInput=(i(this,Kt),i(this,Gt,void 0)),this.optionElements=(i(this,Xt),i(this,Zt,void 0)),this.filteredOptions=(i(this,Qt),[]),this.selectedValues=new Set,this.focusedIndex=-1,this.editableInputValue="","function"==typeof this.attachInternals&&(this.internals=this.attachInternals())}get mergedOptions(){if(this.childOptions.length>0&&this.options.length>0){const t=new Set(this.childOptions.map(t=>t.value));return[...this.childOptions,...this.options.filter(e=>!t.has(e.value))]}return this.childOptions.length>0?this.childOptions:this.options}render(){const t=`select-label select-label--${this.size} ${this.required?"select-label--required":""}`,a=`select-trigger select-trigger--${this.size} ${this.loading?"select-trigger--loading":""} ${this.editable?"select-trigger--editable":""}`,i=!this.searchable||this.editable;return e.html`
       <div class="select-wrapper">
         <label class="${t}" part="label" ?hidden="${!this.label}">
           ${this.label}