@m3e/web 2.0.5 → 2.1.1

package/dist/select.min.js

@@ -3,5 +3,5 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-import{LitElement as t,html as e,css as i}from"lit";import{query as s,property as a}from"lit/decorators.js";import{unsafeHTML as n}from"lit-html/directives/unsafe-html.js";import{Focusable as o,Labelled as r,RequiredConstraintValidation as h,Dirty as l,Touched as c,Required as d,ConstraintValidation as f,FormAssociated as m,Disabled as p,AttachInternals as u,Role as v,ResizeController as g,formValue as w,setCustomState as y,DesignToken as b,customElement as E,prefersReducedMotion as M,scrollIntoViewIfNeeded as k,deleteCustomState as _,addCustomState as S,forcedColorsActive as I}from"@m3e/web/core";import{ListKeyManager as x}from"@m3e/web/core/a11y";function K(t,e,i,s){var a,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(o=(n<3?a(o):n>3?a(e,i,o):a(e,i))||o);return n>3&&o&&Object.defineProperty(e,i,o),o}function A(t,e,i,s){if("a"===i&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?s:"a"===i?s.call(t):s?s.value:e.get(t)}function C(t,e,i,s,a){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?a.call(t,i):a?a.value=i:e.set(t,i),i}var L,T,W,$,P,D,j,R,O,H,U,q,z,N,B,F,V,X,Z,G,J,Q,Y,tt,et,it;"function"==typeof SuppressedError&&SuppressedError;let st=it=class extends(o(r(h(l(c(d(f(m(p(u(v(t,"combobox")))))))))))){constructor(){super(),L.add(this),T.set(this,void 0),W.set(this,!1),$.set(this,!1),P.set(this,"m3e-select-"+it.__nextId++),D.set(this,`${A(this,P,"f")}-list`),j.set(this,t=>A(this,L,"m",B).call(this,t)),R.set(this,t=>A(this,L,"m",F).call(this,t)),O.set(this,t=>A(this,L,"m",V).call(this,t)),H.set(this,t=>A(this,L,"m",Z).call(this,t)),U.set(this,t=>A(this,L,"m",X).call(this,t)),this._listKeyManager=(new x).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&A(this,L,"m",tt).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,new g(this,{callback:()=>{A(this,T,"f")&&(A(this,T,"f").style.minWidth=A(this,L,"a",q))}})}get selected(){return this.options.filter(t=>t.selected)}get options(){return this._listKeyManager?.items??[]}get value(){const t=this.selected.filter(t=>!t.disabled).map(t=>t.value);switch(t.length){case 0:return null;case 1:return t[0];default:return t}}get[(T=new WeakMap,W=new WeakMap,$=new WeakMap,P=new WeakMap,D=new WeakMap,j=new WeakMap,R=new WeakMap,O=new WeakMap,H=new WeakMap,U=new WeakMap,L=new WeakSet,w)](){const t=this.value;if(Array.isArray(t)){const e=new FormData;for(const i of t)e.append(this.name,i);return e}return t}get shouldLabelFloat(){return this.selected.filter(t=>!t.isEmpty).length>0}onContainerClick(){C(this,$,!0,"f"),A(this,L,"m",J).call(this),this.focus({preventScroll:!0})}clear(t=!1){const e=this.selected,i=e.length>0;i&&(e.forEach(t=>t.selected=!1),this.requestUpdate()),A(this,L,"m",Y).call(this),i&&this.dispatchEvent(new Event("change",{bubbles:!0})),t&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",A(this,j,"f")),this.addEventListener("keydown",A(this,R,"f")),this.addEventListener("keyup",A(this,O,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",A(this,j,"f")),this.removeEventListener("keydown",A(this,R,"f")),this.removeEventListener("keyup",A(this,O,"f"))}update(t){super.update(t),t.has("hideSelectionIndicator")&&this.options.forEach(t=>y(t,"-hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(t){super.firstUpdated(t),this._focusRing?.attach(this),A(this,L,"a",z)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return e`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="base"><m3e-text-overflow><slot name="value">${this.selected.filter(t=>!t.isEmpty).map((t,i)=>i>0?e`<span>, </span>${n(t.innerHTML)}`:n(t.innerHTML))}</slot></m3e-text-overflow><div class="arrow-wrapper" aria-hidden="true"><slot name="arrow"><svg class="arrow" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><div class="options" role="listbox" aria-multiselectable="${this.multi}"><slot @slotchange="${A(this,L,"m",N)}"></slot></div>`}};q=function(){const t=A(this,L,"a",z);return`${t?t.menuAnchor.clientWidth:this.clientWidth}px`},z=function(){return this.closest("m3e-form-field")},N=function(){if(A(this,T,"f"))return;const{added:t}=this._listKeyManager.setItems([...this.querySelectorAll("m3e-option")]);t.forEach(t=>{t.id=t.id||`${A(this,P,"f")}-option-${this._listKeyManager.items.indexOf(t)}`,y(t,"-hide-selection-indicator",this.hideSelectionIndicator)}),A(this,L,"a",z)?.notifyControlStateChange()},B=function(t){t.defaultPrevented||this.disabled||A(this,L,"m",J).call(this)},F=function(t){if(!t.defaultPrevented)switch(C(this,$,!1,"f"),t.key){case" ":case"Enter":t.preventDefault(),this.multi?A(this,T,"f")||(C(this,W,!0,"f"),A(this,L,"m",J).call(this)):(A(this,T,"f")&&this._listKeyManager.activeItem&&A(this,L,"m",et).call(this,this._listKeyManager.activeItem),A(this,T,"f")?.isOpen?M()?A(this,L,"m",Y).call(this):setTimeout(()=>A(this,L,"m",Y).call(this),150):A(this,L,"m",Q).call(this));break;case"Escape":case"Tab":A(this,L,"m",Y).call(this);break;case"Down":case"ArrowDown":this.multi&&!A(this,T,"f")?A(this,L,"m",J).call(this):(this._listKeyManager.onKeyDown(t),!A(this,T,"f")&&this._listKeyManager.activeItem&&A(this,L,"m",et).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(t),this.multi||A(this,T,"f")||!this._listKeyManager.activeItem||A(this,L,"m",et).call(this,this._listKeyManager.activeItem)}},V=function(t){if(!t.defaultPrevented)if(A(this,W,"f"))C(this,W,!1,"f");else switch(t.key){case" ":case"Enter":if(!this.multi)return;t.preventDefault(),A(this,T,"f")&&this._listKeyManager.activeItem&&A(this,L,"m",et).call(this,this._listKeyManager.activeItem)}},X=function(t){if(2===t.button)return;t.preventDefault(),t.stopImmediatePropagation();const e=t.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);e&&!e.disabled&&(A(this,L,"m",et).call(this,e),this._listKeyManager.setActiveItem(e),this.multi?this.requestUpdate():M()?A(this,L,"m",Y).call(this):setTimeout(()=>A(this,L,"m",Y).call(this),150))},Z=function(t){if(A(this,T,"f"))if("closed"!==t.newState){const e=this.selected.find(t=>!t.disabled)??this._listKeyManager.items.find(t=>!t.disabled);this._listKeyManager.setActiveItem(e),e&&k(e,A(this,T,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState}))}else M()?A(this,L,"m",G).call(this,t):setTimeout(()=>A(this,L,"m",G).call(this,t),100)},G=function(t){A(this,T,"f")&&([...A(this,T,"f").childNodes].forEach(t=>this.append(t)),A(this,T,"f").remove(),A(this,T,"f").removeEventListener("toggle",A(this,H,"f")),A(this,T,"f").removeEventListener("pointerdown",A(this,U,"f")),C(this,T,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.requestUpdate(),_(this,"-open"),A(this,L,"a",z)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState})))},J=function(){this.disabled||(A(this,T,"f")?A(this,L,"m",Y).call(this):A(this,L,"m",Q).call(this))},Q=function(){if(!A(this,T,"f")){C(this,T,document.createElement("m3e-option-panel"),"f"),this.multi&&(A(this,T,"f").ariaMultiSelectable="true"),A(this,T,"f").id=A(this,D,"f"),A(this,T,"f").style.overflowX="hidden",A(this,T,"f").style.minWidth=A(this,L,"a",q),A(this,T,"f").addEventListener("toggle",A(this,H,"f")),A(this,T,"f").addEventListener("pointerdown",A(this,U,"f"));for(const t of[...this.childNodes])A(this,T,"f").append(t);(A(this,L,"a",z)??this).insertAdjacentElement("afterend",A(this,T,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",A(this,D,"f")),this.setAttribute("aria-owns",A(this,D,"f")),A(this,L,"a",z)?.notifyControlStateChange(),setTimeout(()=>{A(this,T,"f")?.show(this,A(this,L,"a",z)?.menuAnchor),S(this,"-open")})}},Y=function(){A(this,T,"f")&&(A(this,T,"f").hide(),this.removeAttribute("aria-activedescendant"),_(this,"-open"))},tt=function(t){if(this.setAttribute("aria-activedescendant",t.id),A(this,T,"f")){k(t,A(this,T,"f"),{block:"nearest",behavior:"instant"});const e=!A(this,$,"f")&&(this.matches(":focus-visible")||I());this.options.forEach(i=>{i===t&&e?(i.focusRing?.show(),i.stateLayer?.show("focused")):(i.focusRing?.hide(),i.stateLayer?.hide("focused"))})}},et=function(t){const e=!this.multi||!t.selected;t.selected!==e&&(t.selected=e,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.multi||this.selected.filter(e=>e!==t).forEach(t=>t.selected=!1),this.requestUpdate(),A(this,L,"a",z)?.notifyControlStateChange(),this.dispatchEvent(new Event("change",{bubbles:!0}))):t.selected=!e)},st.styles=i`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${b.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${b.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${b.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${b.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${b.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${b.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${b.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%), transparent ); } .options { display: none; } .base { flex: 1 1 auto; display: inline-flex; align-items: center; overflow: hidden; } .arrow-wrapper { display: flex; align-items: center; justify-content: center; margin-top: var(--_select-arrow-margin-top); } ::slotted([slot="arrow"]), .arrow { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-select-icon-size, 1.5rem); } :host(:state(-open)) .focus-ring { display: none; }`,st.__nextId=0,K([s(".focus-ring")],st.prototype,"_focusRing",void 0),K([a({attribute:"hide-selection-indicator",type:Boolean})],st.prototype,"hideSelectionIndicator",void 0),K([a({type:Boolean})],st.prototype,"multi",void 0),st=it=K([E("m3e-select")],st);export{st as M3eSelectElement};
+import{LitElement as t,html as e,css as i}from"lit";import{query as s,property as a}from"lit/decorators.js";import{Focusable as n,Labelled as o,RequiredConstraintValidation as h,Dirty as r,Touched as l,Required as c,ConstraintValidation as d,FormAssociated as f,Disabled as m,AttachInternals as p,Role as u,ResizeController as v,MutationController as g,formValue as w,setCustomState as y,DesignToken as b,customElement as E,prefersReducedMotion as M,scrollIntoViewIfNeeded as _,deleteCustomState as k,addCustomState as S,forcedColorsActive as I}from"@m3e/web/core";import{ListKeyManager as K,typeaheadLabel as x}from"@m3e/web/core/a11y";function C(t,e,i,s){var a,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(a=t[h])&&(o=(n<3?a(o):n>3?a(e,i,o):a(e,i))||o);return n>3&&o&&Object.defineProperty(e,i,o),o}function A(t,e,i,s){if("a"===i&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?s:"a"===i?s.call(t):s?s.value:e.get(t)}function W(t,e,i,s,a){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?a.call(t,i):a?a.value=i:e.set(t,i),i}var L,T,P,$,D,O,R,j,U,q,N,z,H,B,F,V,X,Z,G,J,Q,Y,tt,et,it,st,at,nt,ot,ht;"function"==typeof SuppressedError&&SuppressedError;let rt=ht=class extends(n(o(h(r(l(c(d(f(m(p(u(t,"combobox")))))))))))){constructor(){super(),L.add(this),this._options=new Array,T.set(this,void 0),P.set(this,void 0),$.set(this,!1),D.set(this,!1),O.set(this,"m3e-select-"+ht.__nextId++),R.set(this,`${A(this,O,"f")}-list`),j.set(this,t=>A(this,L,"m",Z).call(this,t)),U.set(this,t=>A(this,L,"m",G).call(this,t)),q.set(this,t=>A(this,L,"m",J).call(this,t)),N.set(this,t=>A(this,L,"m",Y).call(this,t)),z.set(this,t=>A(this,L,"m",Q).call(this,t)),this._listKeyManager=(new K).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withTypeahead().onActiveItemChange(()=>{this._listKeyManager.activeItem&&A(this,L,"m",at).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.multi=!1,new v(this,{callback:()=>{A(this,P,"f")&&(A(this,P,"f").style.minWidth=A(this,L,"a",F))}}),new g(this,{config:{childList:!0,subtree:!0},callback:()=>A(this,L,"m",X).call(this)})}get options(){return this._options??[]}get selected(){return this.options.filter(t=>t.selected)}get value(){const t=this.selected.filter(t=>!t.disabled).map(t=>t.value);switch(t.length){case 0:return null;case 1:return t[0];default:return t}}get[(T=new WeakMap,P=new WeakMap,$=new WeakMap,D=new WeakMap,O=new WeakMap,R=new WeakMap,j=new WeakMap,U=new WeakMap,q=new WeakMap,N=new WeakMap,z=new WeakMap,L=new WeakSet,H=function(){return this._listKeyManager?.items??[]},B=function(){return A(this,L,"a",H).filter(t=>t.selected)},w)](){const t=this.value;if(Array.isArray(t)){const e=new FormData;for(const i of t)e.append(this.name,i);return e}return t}get shouldLabelFloat(){return this.selected.filter(t=>!t.isEmpty).length>0}onContainerClick(){W(this,D,!0,"f"),A(this,L,"m",et).call(this),this.focus({preventScroll:!0})}clear(t=!1){const e=A(this,L,"a",B),i=e.length>0;i&&(e.forEach(t=>{t.selected=!1,A(this,L,"m",nt).call(this,t)}),this.requestUpdate()),A(this,L,"m",st).call(this),i&&this.dispatchEvent(new Event("change",{bubbles:!0})),t&&this.focus()}connectedCallback(){super.connectedCallback(),this.ariaHasPopup="listbox",this.ariaExpanded="false",this.addEventListener("click",A(this,j,"f")),this.addEventListener("keydown",A(this,U,"f")),this.addEventListener("keyup",A(this,q,"f")),A(this,L,"m",X).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",A(this,j,"f")),this.removeEventListener("keydown",A(this,U,"f")),this.removeEventListener("keyup",A(this,q,"f"))}update(t){super.update(t),t.has("hideSelectionIndicator")&&A(this,L,"a",H).forEach(t=>y(t,"-hide-selection-indicator",this.hideSelectionIndicator))}firstUpdated(t){super.firstUpdated(t),this._focusRing?.attach(this),A(this,L,"a",V)&&this._focusRing&&(this._focusRing.style.display="none")}render(){return e`<m3e-focus-ring class="focus-ring"></m3e-focus-ring><div class="base"><m3e-text-overflow><slot name="value">${this.selected.filter(t=>!t.isEmpty).map((t,i)=>i>0?e`<span>, </span>${t[x]()}`:t[x]())}</slot></m3e-text-overflow><div class="arrow-wrapper" aria-hidden="true"><slot name="arrow"><svg class="arrow" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-360 280-560h400L480-360Z"/></svg></slot></div></div><div class="options" aria-hidden="true"><slot></slot></div>`}};F=function(){const t=A(this,L,"a",V);return`${t?t.menuAnchor.clientWidth:this.clientWidth}px`},V=function(){return this.closest("m3e-form-field")},X=function(){W(this,T,this.cloneNode(!0),"f");const{added:t}=this._listKeyManager.setItems([...A(this,T,"f").querySelectorAll("m3e-option")]);t.forEach(t=>{t.id=t.id||`${A(this,O,"f")}-option-${this._listKeyManager.items.indexOf(t)}`,y(t,"-hide-selection-indicator",this.hideSelectionIndicator)}),this._options=[...this.querySelectorAll("m3e-option")],A(this,L,"a",V)?.notifyControlStateChange(),A(this,P,"f")&&(A(this,P,"f").replaceChildren(...A(this,T,"f").childNodes),0==this._options.length&&A(this,L,"m",st).call(this))},Z=function(t){t.defaultPrevented||this.disabled||A(this,L,"m",et).call(this)},G=function(t){if(!t.defaultPrevented)switch(W(this,D,!1,"f"),t.key){case" ":case"Enter":t.preventDefault(),this.multi?A(this,P,"f")||(W(this,$,!0,"f"),A(this,L,"m",et).call(this)):(A(this,P,"f")&&this._listKeyManager.activeItem&&A(this,L,"m",ot).call(this,this._listKeyManager.activeItem),A(this,P,"f")?.isOpen?M()?A(this,L,"m",st).call(this):setTimeout(()=>A(this,L,"m",st).call(this),150):A(this,L,"m",it).call(this));break;case"Escape":case"Tab":A(this,L,"m",st).call(this);break;case"Down":case"ArrowDown":this.multi&&!A(this,P,"f")?A(this,L,"m",et).call(this):(this._listKeyManager.onKeyDown(t),!A(this,P,"f")&&this._listKeyManager.activeItem&&A(this,L,"m",ot).call(this,this._listKeyManager.activeItem));break;default:this._listKeyManager.onKeyDown(t),this.multi||A(this,P,"f")||!this._listKeyManager.activeItem||A(this,L,"m",ot).call(this,this._listKeyManager.activeItem)}},J=function(t){if(!t.defaultPrevented)if(A(this,$,"f"))W(this,$,!1,"f");else switch(t.key){case" ":case"Enter":if(!this.multi)return;t.preventDefault(),A(this,P,"f")&&this._listKeyManager.activeItem&&A(this,L,"m",ot).call(this,this._listKeyManager.activeItem)}},Q=function(t){if(2===t.button)return;t.preventDefault(),t.stopImmediatePropagation();const e=t.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);e&&!e.disabled&&(A(this,L,"m",ot).call(this,e),this._listKeyManager.setActiveItem(e),this.multi?this.requestUpdate():M()?A(this,L,"m",st).call(this):setTimeout(()=>A(this,L,"m",st).call(this),150))},Y=function(t){if(A(this,P,"f"))if("closed"!==t.newState){const e=A(this,L,"a",B).find(t=>!t.disabled)??this._listKeyManager.items.find(t=>!t.disabled);this._listKeyManager.setActiveItem(e),e&&_(e,A(this,P,"f"),{block:"nearest",behavior:"instant"}),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState}))}else M()?A(this,L,"m",tt).call(this,t):setTimeout(()=>A(this,L,"m",tt).call(this,t),100)},tt=function(t){A(this,P,"f")&&(A(this,T,"f")?.replaceChildren(...A(this,P,"f").childNodes),A(this,P,"f").remove(),A(this,P,"f").removeEventListener("toggle",A(this,N,"f")),A(this,P,"f").removeEventListener("pointerdown",A(this,z,"f")),W(this,P,void 0,"f"),this.ariaExpanded="false",this.removeAttribute("aria-controls"),this.removeAttribute("aria-owns"),this.requestUpdate(),k(this,"-open"),A(this,L,"a",V)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:t.oldState,newState:t.newState})))},et=function(){this.disabled||(A(this,P,"f")?A(this,L,"m",st).call(this):A(this,L,"m",it).call(this))},it=function(){A(this,P,"f")||0==this._options.length||(W(this,P,document.createElement("m3e-option-panel"),"f"),this.multi&&(A(this,P,"f").ariaMultiSelectable="true"),A(this,P,"f").id=A(this,R,"f"),A(this,P,"f").style.overflowX="hidden",A(this,P,"f").style.minWidth=A(this,L,"a",F),A(this,P,"f").addEventListener("toggle",A(this,N,"f")),A(this,P,"f").addEventListener("pointerdown",A(this,z,"f")),A(this,T,"f")&&A(this,P,"f").replaceChildren(...A(this,T,"f").childNodes),(A(this,L,"a",V)??this).insertAdjacentElement("afterend",A(this,P,"f")),this.ariaExpanded="true",this.setAttribute("aria-controls",A(this,R,"f")),this.setAttribute("aria-owns",A(this,R,"f")),A(this,L,"a",V)?.notifyControlStateChange(),setTimeout(()=>{A(this,P,"f")?.show(this,A(this,L,"a",V)?.menuAnchor),S(this,"-open")}))},st=function(){A(this,P,"f")&&(A(this,P,"f").hide(),this.removeAttribute("aria-activedescendant"),k(this,"-open"))},at=function(t){if(this.setAttribute("aria-activedescendant",t.id),A(this,P,"f")){_(t,A(this,P,"f"),{block:"nearest",behavior:"instant"});const e=!A(this,D,"f")&&(this.matches(":focus-visible")||I());A(this,L,"a",H).forEach(i=>{i===t&&e?(i.focusRing?.show(),i.stateLayer?.show("focused")):(i.focusRing?.hide(),i.stateLayer?.hide("focused"))})}},nt=function(t){const e=this._options[this._listKeyManager.items.indexOf(t)];e&&(e.selected=t.selected)},ot=function(t){const e=!this.multi||!t.selected;t.selected!==e&&(t.selected=e,A(this,L,"m",nt).call(this,t),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?(this.multi||A(this,L,"a",B).filter(e=>e!==t).forEach(t=>{t.selected=!1,A(this,L,"m",nt).call(this,t)}),this.requestUpdate(),A(this,L,"a",V)?.notifyControlStateChange(),this.dispatchEvent(new Event("change",{bubbles:!0}))):(t.selected=!e,A(this,L,"m",nt).call(this,t)))},rt.styles=i`:host { display: inline-flex; vertical-align: middle; outline: none; position: relative; font-size: var(--m3e-form-field-font-size, ${b.typescale.standard.body.large.fontSize}); font-weight: var(--m3e-form-field-font-weight, ${b.typescale.standard.body.large.fontWeight}); line-height: var(--m3e-form-field-line-height, ${b.typescale.standard.body.large.lineHeight}); letter-spacing: var(--m3e-form-field-tracking, ${b.typescale.standard.body.large.tracking}); min-height: var(--m3e-form-field-line-height, ${b.typescale.standard.body.large.lineHeight}); border-radius: var(--m3e-select-container-shape, ${b.shape.corner.extraSmall}); } :host(:not(:disabled)) { cursor: pointer; } :host(:disabled) { color: color-mix( in srgb, var(--m3e-select-disabled-color, ${b.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%), transparent ); } .options { display: none; } .base { flex: 1 1 auto; display: inline-flex; align-items: center; overflow: hidden; } .arrow-wrapper { display: flex; align-items: center; justify-content: center; margin-top: var(--_select-arrow-margin-top); } ::slotted([slot="arrow"]), .arrow { vertical-align: middle; width: 1em; height: 1em; font-size: var(--m3e-select-icon-size, 1.5rem); } :host(:state(-open)) .focus-ring { display: none; }`,rt.__nextId=0,C([s(".focus-ring")],rt.prototype,"_focusRing",void 0),C([a({attribute:"hide-selection-indicator",type:Boolean})],rt.prototype,"hideSelectionIndicator",void 0),C([a({type:Boolean})],rt.prototype,"multi",void 0),rt=ht=C([E("m3e-select")],rt);export{rt as M3eSelectElement};
 //# sourceMappingURL=select.min.js.map

package/dist/select.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.min.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../src/select/SelectElement.ts"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\nimport { unsafeHTML } from \"lit-html/directives/unsafe-html.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  Labelled,\r\n  ConstraintValidation,\r\n  Dirty,\r\n  Disabled,\r\n  FormAssociated,\r\n  Required,\r\n  RequiredConstraintValidation,\r\n  ResizeController,\r\n  Touched,\r\n  DesignToken,\r\n  formValue,\r\n  M3eFocusRingElement,\r\n  scrollIntoViewIfNeeded,\r\n  Role,\r\n  Focusable,\r\n  prefersReducedMotion,\r\n  forcedColorsActive,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  setCustomState,\r\n  customElement,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager } from \"@m3e/web/core/a11y\";\r\n\r\nimport type { M3eFormFieldElement, FormFieldControl } from \"@m3e/web/form-field\";\r\nimport { M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * A form control that allows users to select a value from a set of predefined options.\r\n *\r\n * @description\r\n * The `m3e-select` component follows Material Design 3 principles and provides a comprehensive\r\n * selection interface for capturing user input. It supports both single and multiple selection modes,\r\n * customizable validation states, and accessible keyboard navigation. The component integrates seamlessly\r\n * with form field containers and dynamically positions its option list menu to ensure optimal viewport\r\n * visibility. Selection changes are communicated through standard form events, enabling predictable integration\r\n * with form submission and reactive state management systems.\r\n *\r\n * @example\r\n * The following demonstrates a `m3e-select` component wrapped in a `m3e-form-field` with a slotted label.\r\n * The label is associated with the select via the `for` and `id` attributes, ensuring accessible form semantics.\r\n * Each `m3e-option` defines an option within the dropdown.\r\n *\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"select\">Choose your favorite fruit</label>\r\n *   <m3e-select id=\"select\">\r\n *     <m3e-option>Apples</m3e-option>\r\n *     <m3e-option>Oranges</m3e-option>\r\n *     <m3e-option>Bananas</m3e-option>\r\n *     <m3e-option>Grapes</m3e-option>\r\n *   </m3e-select>\r\n * </m3e-form-field>\r\n * ```\r\n *\r\n * @tag m3e-select\r\n *\r\n * @slot - Renders the options of the select.\r\n * @slot arrow - Renders the dropdown arrow.\r\n * @slot value - Renders the selected value(s).\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator for single select options.\r\n * @attr multi - Whether multiple options can be selected.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr required - Whether the element is required.\r\n *\r\n * @fires input - Emitted when the selected state changes.\r\n * @fires change - Emitted when the selected state changes.\r\n *\r\n * @cssprop --m3e-form-field-font-size - The font size of the select control.\r\n * @cssprop --m3e-form-field-font-weight - The font weight of the select control.\r\n * @cssprop --m3e-form-field-line-height - The line height of the select control.\r\n * @cssprop --m3e-form-field-tracking - The letter spacing of the select control.\r\n * @cssprop --m3e-select-container-shape - The corner radius of the select container.\r\n * @cssprop --m3e-select-disabled-color - The text color when the select is disabled.\r\n * @cssprop --m3e-select-disabled-color-opacity - The opacity level applied to the disabled text color.\r\n * @cssprop --m3e-select-icon-size - The size of the dropdown arrow icon.\r\n */\r\n@customElement(\"m3e-select\")\r\nexport class M3eSelectElement\r\n  extends Focusable(\r\n    Labelled(\r\n      RequiredConstraintValidation(\r\n        Dirty(\r\n          Touched(\r\n            Required(ConstraintValidation(FormAssociated(Disabled(AttachInternals(Role(LitElement, \"combobox\")))))),\r\n          ),\r\n        ),\r\n      ),\r\n    ),\r\n  )\r\n  implements FormFieldControl\r\n{\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-flex;\r\n      vertical-align: middle;\r\n      outline: none;\r\n      position: relative;\r\n      font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize});\r\n      font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight});\r\n      line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking});\r\n      min-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      border-radius: var(--m3e-select-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n    }\r\n    :host(:not(:disabled)) {\r\n      cursor: pointer;\r\n    }\r\n    :host(:disabled) {\r\n      color: color-mix(\r\n        in srgb,\r\n        var(--m3e-select-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n    .base {\r\n      flex: 1 1 auto;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      overflow: hidden;\r\n    }\r\n    .arrow-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-top: var(--_select-arrow-margin-top);\r\n    }\r\n    ::slotted([slot=\"arrow\"]),\r\n    .arrow {\r\n      vertical-align: middle;\r\n      width: 1em;\r\n      height: 1em;\r\n      font-size: var(--m3e-select-icon-size, 1.5rem);\r\n    }\r\n    :host(:state(-open)) .focus-ring {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ static __nextId = 0;\r\n\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreKeyUp = false;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n\r\n  /** @private */ readonly #id = `m3e-select-${M3eSelectElement.__nextId++}`;\r\n  /** @private */ readonly #listId = `${this.#id}-list`;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #keyUpHandler = (e: KeyboardEvent) => this.#handleKeyUp(e);\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: MouseEvent) => this.#handleMenuPointerDown(e);\r\n\r\n  /** @private */ private readonly _listKeyManager = new ListKeyManager<M3eOptionElement>()\r\n    .withWrap()\r\n    .withHomeAndEnd()\r\n    .withPageUpAndDown()\r\n    .withVerticalOrientation()\r\n    .withTypeahead()\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n\r\n  constructor() {\r\n    super();\r\n    new ResizeController(this, {\r\n      callback: () => {\r\n        if (this.#menu) {\r\n          this.#menu.style.minWidth = this.#minMenuWidth;\r\n        }\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Whether to hide the selection indicator for single select options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether multiple options can be selected.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) multi = false;\r\n\r\n  /** The selected option(s). */\r\n  get selected(): readonly M3eOptionElement[] {\r\n    return this.options.filter((x) => x.selected);\r\n  }\r\n\r\n  /** The options that can be selected. */\r\n  get options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  /** The selected (enabled) value(s). */\r\n  get value(): string | readonly string[] | null {\r\n    const values = this.selected.filter((x) => !x.disabled).map((x) => x.value);\r\n    switch (values.length) {\r\n      case 0:\r\n        return null;\r\n      case 1:\r\n        return values[0];\r\n      default:\r\n        return values;\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc @internal */\r\n  override get [formValue]() {\r\n    const values = this.value;\r\n    if (Array.isArray(values)) {\r\n      const data = new FormData();\r\n      for (const value of values) {\r\n        data.append(this.name, value);\r\n      }\r\n      return data;\r\n    }\r\n    return <string | null>values;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  get shouldLabelFloat(): boolean {\r\n    return this.selected.filter((x) => !x.isEmpty).length > 0;\r\n  }\r\n\r\n  /** @private */\r\n  get #minMenuWidth(): string {\r\n    const formField = this.#formField;\r\n    return `${formField ? formField.menuAnchor.clientWidth : this.clientWidth}px`;\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.closest(\"m3e-form-field\");\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  onContainerClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#toggleMenu();\r\n    this.focus({ preventScroll: true });\r\n  }\r\n\r\n  /**\r\n   * Clears the value of the element.\r\n   * @param [restoreFocus=false] Whether to restore input focus.\r\n   */\r\n  clear(restoreFocus = false): void {\r\n    const selected = this.selected;\r\n    const willChange = selected.length > 0;\r\n\r\n    if (willChange) {\r\n      selected.forEach((x) => (x.selected = false));\r\n      this.requestUpdate();\r\n    }\r\n\r\n    this.#hideMenu();\r\n\r\n    if (willChange) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    if (restoreFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.ariaHasPopup = \"listbox\";\r\n    this.ariaExpanded = \"false\";\r\n\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n    this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.addEventListener(\"keyup\", this.#keyUpHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n    this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.removeEventListener(\"keyup\", this.#keyUpHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"hideSelectionIndicator\")) {\r\n      this.options.forEach((x) => setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n\r\n    this._focusRing?.attach(this);\r\n\r\n    if (this.#formField && this._focusRing) {\r\n      this._focusRing.style.display = \"none\";\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html` <m3e-focus-ring class=\"focus-ring\"></m3e-focus-ring>\r\n      <div class=\"base\">\r\n        <m3e-text-overflow>\r\n          <slot name=\"value\">\r\n            ${this.selected\r\n              .filter((x) => !x.isEmpty)\r\n              .map((x, i) => (i > 0 ? html`<span>, </span>${unsafeHTML(x.innerHTML)}` : unsafeHTML(x.innerHTML)))}\r\n          </slot>\r\n        </m3e-text-overflow>\r\n        <div class=\"arrow-wrapper\" aria-hidden=\"true\">\r\n          <slot name=\"arrow\">\r\n            <svg class=\"arrow\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n              <path d=\"M480-360 280-560h400L480-360Z\" />\r\n            </svg>\r\n          </slot>\r\n        </div>\r\n      </div>\r\n      <div class=\"options\" role=\"listbox\" aria-multiselectable=\"${this.multi}\">\r\n        <slot @slotchange=\"${this.#handleSlotChange}\"></slot>\r\n      </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleSlotChange(): void {\r\n    if (this.#menu) return;\r\n    const { added } = this._listKeyManager.setItems([...this.querySelectorAll(\"m3e-option\")]);\r\n    added.forEach((x) => {\r\n      x.id = x.id || `${this.#id}-option-${this._listKeyManager.items.indexOf(x)}`;\r\n      setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator);\r\n    });\r\n    this.#formField?.notifyControlStateChange();\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (e.defaultPrevented || this.disabled) return;\r\n    this.#toggleMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        e.preventDefault();\r\n        if (!this.multi) {\r\n          if (this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n          if (this.#menu?.isOpen) {\r\n            if (!prefersReducedMotion()) {\r\n              setTimeout(() => this.#hideMenu(), 150);\r\n            } else {\r\n              this.#hideMenu();\r\n            }\r\n          } else {\r\n            this.#showMenu();\r\n          }\r\n        } else if (!this.#menu) {\r\n          this.#ignoreKeyUp = true;\r\n          this.#toggleMenu();\r\n        }\r\n\r\n        break;\r\n\r\n      case \"Escape\":\r\n      case \"Tab\":\r\n        this.#hideMenu();\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n        if (this.multi && !this.#menu) {\r\n          this.#toggleMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n          if (!this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        if (!this.multi && !this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyUp(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    if (this.#ignoreKeyUp) {\r\n      this.#ignoreKeyUp = false;\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        if (!this.multi) return;\r\n        e.preventDefault();\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: MouseEvent): void {\r\n    if (e.button === 2) return;\r\n    e.preventDefault();\r\n    e.stopImmediatePropagation();\r\n\r\n    const option = <M3eOptionElement | undefined>(\r\n      e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n    );\r\n\r\n    if (option && !option.disabled) {\r\n      this.#selectOption(option);\r\n      this._listKeyManager.setActiveItem(option);\r\n\r\n      if (!this.multi) {\r\n        if (!prefersReducedMotion()) {\r\n          setTimeout(() => this.#hideMenu(), 150);\r\n        } else {\r\n          this.#hideMenu();\r\n        }\r\n      } else {\r\n        this.requestUpdate();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuToggle(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    if (e.newState !== \"closed\") {\r\n      const option = this.selected.find((x) => !x.disabled) ?? this._listKeyManager.items.find((x) => !x.disabled);\r\n      this._listKeyManager.setActiveItem(option);\r\n      if (option) {\r\n        scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n      }\r\n      this.dispatchEvent(\r\n        new ToggleEvent(\"toggle\", {\r\n          oldState: e.oldState,\r\n          newState: e.newState,\r\n        }),\r\n      );\r\n    } else {\r\n      if (prefersReducedMotion()) {\r\n        this.#destroyMenu(e);\r\n      } else {\r\n        // NOTE: use transitionend is preferred but doesn't fire when used here.\r\n        // This is a workaround until that is fixed.\r\n        setTimeout(() => this.#destroyMenu(e), 100);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #destroyMenu(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    [...this.#menu.childNodes].forEach((x) => this.append(x));\r\n\r\n    this.#menu.remove();\r\n    this.#menu.removeEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.removeEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n    this.#menu = undefined;\r\n\r\n    this.ariaExpanded = \"false\";\r\n    this.removeAttribute(\"aria-controls\");\r\n    this.removeAttribute(\"aria-owns\");\r\n    this.requestUpdate();\r\n\r\n    deleteCustomState(this, \"-open\");\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    this.dispatchEvent(\r\n      new ToggleEvent(\"toggle\", {\r\n        oldState: e.oldState,\r\n        newState: e.newState,\r\n      }),\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  #toggleMenu(): void {\r\n    if (this.disabled) return;\r\n    if (this.#menu) {\r\n      this.#hideMenu();\r\n    } else {\r\n      this.#showMenu();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    if (this.multi) {\r\n      this.#menu.ariaMultiSelectable = \"true\";\r\n    }\r\n\r\n    this.#menu.id = this.#listId;\r\n    this.#menu.style.overflowX = \"hidden\";\r\n    this.#menu.style.minWidth = this.#minMenuWidth;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n\r\n    for (const node of [...this.childNodes]) {\r\n      this.#menu.append(node);\r\n    }\r\n\r\n    (this.#formField ?? this).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.ariaExpanded = \"true\";\r\n    this.setAttribute(\"aria-controls\", this.#listId);\r\n    this.setAttribute(\"aria-owns\", this.#listId);\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    setTimeout(() => {\r\n      this.#menu?.show(this, this.#formField?.menuAnchor);\r\n      addCustomState(this, \"-open\");\r\n    });\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#menu.hide();\r\n    this.removeAttribute(\"aria-activedescendant\");\r\n    deleteCustomState(this, \"-open\");\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement): void {\r\n    this.setAttribute(\"aria-activedescendant\", option.id);\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible = !this.#ignoreFocusVisible && (this.matches(\":focus-visible\") || forcedColorsActive());\r\n\r\n      this.options.forEach((x) => {\r\n        const active = x === option && focusVisible;\r\n        if (active) {\r\n          x.focusRing?.show();\r\n          x.stateLayer?.show(\"focused\");\r\n        } else {\r\n          x.focusRing?.hide();\r\n          x.stateLayer?.hide(\"focused\");\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #selectOption(option: M3eOptionElement): void {\r\n    const selected = this.multi ? !option.selected : true;\r\n    if (option.selected === selected) return;\r\n\r\n    option.selected = selected;\r\n\r\n    if (this.dispatchEvent(new Event(\"input\", { bubbles: true, composed: true, cancelable: true }))) {\r\n      if (!this.multi) {\r\n        this.selected.filter((x) => x !== option).forEach((x) => (x.selected = false));\r\n      }\r\n\r\n      this.requestUpdate();\r\n      this.#formField?.notifyControlStateChange();\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    } else {\r\n      option.selected = !selected;\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eSelectElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eSelectElement {\r\n  addEventListener<K extends keyof M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  addEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener<K extends keyof M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-select\": M3eSelectElement;\r\n  }\r\n}\r\n"],"names":["__decorate","decorators","target","key","desc","d","c","arguments","length","r","Object","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","__classPrivateFieldSet","set","SuppressedError","M3eSelectElement","M3eSelectElement_1","Focusable","Labelled","RequiredConstraintValidation","Dirty","Touched","Required","ConstraintValidation","FormAssociated","Disabled","AttachInternals","Role","LitElement","constructor","super","_M3eSelectElement_menu","this","_M3eSelectElement_ignoreKeyUp","_M3eSelectElement_ignoreFocusVisible","_M3eSelectElement_id","__nextId","_M3eSelectElement_listId","_M3eSelectElement_clickHandler","e","_M3eSelectElement_keyDownHandler","_M3eSelectElement_keyUpHandler","_M3eSelectElement_menuToggleHandler","_M3eSelectElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withTypeahead","onActiveItemChange","activeItem","_M3eSelectElement_instances","_M3eSelectElement_activateOption","hideSelectionIndicator","multi","ResizeController","callback","style","minWidth","_M3eSelectElement_minMenuWidth_get","selected","options","filter","x","items","values","disabled","map","WeakMap","WeakSet","formValue","Array","isArray","data","FormData","append","name","shouldLabelFloat","isEmpty","onContainerClick","_M3eSelectElement_toggleMenu","focus","preventScroll","clear","restoreFocus","willChange","forEach","requestUpdate","_M3eSelectElement_hideMenu","dispatchEvent","Event","bubbles","connectedCallback","ariaHasPopup","ariaExpanded","addEventListener","disconnectedCallback","removeEventListener","update","changedProperties","setCustomState","firstUpdated","_changedProperties","_focusRing","attach","_M3eSelectElement_formField_get","display","render","html","unsafeHTML","innerHTML","_M3eSelectElement_handleSlotChange","formField","menuAnchor","clientWidth","closest","added","setItems","querySelectorAll","id","indexOf","notifyControlStateChange","defaultPrevented","preventDefault","_M3eSelectElement_selectOption","isOpen","prefersReducedMotion","setTimeout","_M3eSelectElement_showMenu","onKeyDown","button","stopImmediatePropagation","option","composedPath","find","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","block","behavior","ToggleEvent","oldState","_M3eSelectElement_destroyMenu","childNodes","remove","undefined","removeAttribute","deleteCustomState","document","createElement","ariaMultiSelectable","overflowX","node","insertAdjacentElement","setAttribute","show","addCustomState","hide","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","composed","cancelable","styles","css","DesignToken","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","extraSmall","color","onSurface","query","prototype","property","attribute","type","Boolean","customElement"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"select.min.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../src/select/SelectElement.ts"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  Labelled,\r\n  ConstraintValidation,\r\n  Dirty,\r\n  Disabled,\r\n  FormAssociated,\r\n  Required,\r\n  RequiredConstraintValidation,\r\n  ResizeController,\r\n  Touched,\r\n  DesignToken,\r\n  formValue,\r\n  M3eFocusRingElement,\r\n  scrollIntoViewIfNeeded,\r\n  Role,\r\n  Focusable,\r\n  prefersReducedMotion,\r\n  forcedColorsActive,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  setCustomState,\r\n  customElement,\r\n  MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager, typeaheadLabel } from \"@m3e/web/core/a11y\";\r\n\r\nimport type { M3eFormFieldElement, FormFieldControl } from \"@m3e/web/form-field\";\r\nimport { M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * A form control that allows users to select a value from a set of predefined options.\r\n *\r\n * @description\r\n * The `m3e-select` component follows Material Design 3 principles and provides a comprehensive\r\n * selection interface for capturing user input. It supports both single and multiple selection modes,\r\n * customizable validation states, and accessible keyboard navigation. The component integrates seamlessly\r\n * with form field containers and dynamically positions its option list menu to ensure optimal viewport\r\n * visibility. Selection changes are communicated through standard form events, enabling predictable integration\r\n * with form submission and reactive state management systems.\r\n *\r\n * @example\r\n * The following demonstrates a `m3e-select` component wrapped in a `m3e-form-field` with a slotted label.\r\n * The label is associated with the select via the `for` and `id` attributes, ensuring accessible form semantics.\r\n * Each `m3e-option` defines an option within the dropdown.\r\n *\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"select\">Choose your favorite fruit</label>\r\n *   <m3e-select id=\"select\">\r\n *     <m3e-option>Apples</m3e-option>\r\n *     <m3e-option>Oranges</m3e-option>\r\n *     <m3e-option>Bananas</m3e-option>\r\n *     <m3e-option>Grapes</m3e-option>\r\n *   </m3e-select>\r\n * </m3e-form-field>\r\n * ```\r\n *\r\n * @tag m3e-select\r\n *\r\n * @slot - Renders the options of the select.\r\n * @slot arrow - Renders the dropdown arrow.\r\n * @slot value - Renders the selected value(s).\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator for single select options.\r\n * @attr multi - Whether multiple options can be selected.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr required - Whether the element is required.\r\n *\r\n * @fires input - Emitted when the selected state changes.\r\n * @fires change - Emitted when the selected state changes.\r\n *\r\n * @cssprop --m3e-form-field-font-size - The font size of the select control.\r\n * @cssprop --m3e-form-field-font-weight - The font weight of the select control.\r\n * @cssprop --m3e-form-field-line-height - The line height of the select control.\r\n * @cssprop --m3e-form-field-tracking - The letter spacing of the select control.\r\n * @cssprop --m3e-select-container-shape - The corner radius of the select container.\r\n * @cssprop --m3e-select-disabled-color - The text color when the select is disabled.\r\n * @cssprop --m3e-select-disabled-color-opacity - The opacity level applied to the disabled text color.\r\n * @cssprop --m3e-select-icon-size - The size of the dropdown arrow icon.\r\n */\r\n@customElement(\"m3e-select\")\r\nexport class M3eSelectElement\r\n  extends Focusable(\r\n    Labelled(\r\n      RequiredConstraintValidation(\r\n        Dirty(\r\n          Touched(\r\n            Required(ConstraintValidation(FormAssociated(Disabled(AttachInternals(Role(LitElement, \"combobox\")))))),\r\n          ),\r\n        ),\r\n      ),\r\n    ),\r\n  )\r\n  implements FormFieldControl\r\n{\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-flex;\r\n      vertical-align: middle;\r\n      outline: none;\r\n      position: relative;\r\n      font-size: var(--m3e-form-field-font-size, ${DesignToken.typescale.standard.body.large.fontSize});\r\n      font-weight: var(--m3e-form-field-font-weight, ${DesignToken.typescale.standard.body.large.fontWeight});\r\n      line-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      letter-spacing: var(--m3e-form-field-tracking, ${DesignToken.typescale.standard.body.large.tracking});\r\n      min-height: var(--m3e-form-field-line-height, ${DesignToken.typescale.standard.body.large.lineHeight});\r\n      border-radius: var(--m3e-select-container-shape, ${DesignToken.shape.corner.extraSmall});\r\n    }\r\n    :host(:not(:disabled)) {\r\n      cursor: pointer;\r\n    }\r\n    :host(:disabled) {\r\n      color: color-mix(\r\n        in srgb,\r\n        var(--m3e-select-disabled-color, ${DesignToken.color.onSurface}) var(--m3e-select-disabled-color-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n    .base {\r\n      flex: 1 1 auto;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      overflow: hidden;\r\n    }\r\n    .arrow-wrapper {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-top: var(--_select-arrow-margin-top);\r\n    }\r\n    ::slotted([slot=\"arrow\"]),\r\n    .arrow {\r\n      vertical-align: middle;\r\n      width: 1em;\r\n      height: 1em;\r\n      font-size: var(--m3e-select-icon-size, 1.5rem);\r\n    }\r\n    :host(:state(-open)) .focus-ring {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ static __nextId = 0;\r\n\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreKeyUp = false;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n\r\n  /** @private */ readonly #id = `m3e-select-${M3eSelectElement.__nextId++}`;\r\n  /** @private */ readonly #listId = `${this.#id}-list`;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #keyUpHandler = (e: KeyboardEvent) => this.#handleKeyUp(e);\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: MouseEvent) => this.#handleMenuPointerDown(e);\r\n\r\n  /** @private */ private readonly _listKeyManager = new ListKeyManager<M3eOptionElement>()\r\n    .withWrap()\r\n    .withHomeAndEnd()\r\n    .withPageUpAndDown()\r\n    .withVerticalOrientation()\r\n    .withTypeahead()\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n\r\n  constructor() {\r\n    super();\r\n    new ResizeController(this, {\r\n      callback: () => {\r\n        if (this.#menu) {\r\n          this.#menu.style.minWidth = this.#minMenuWidth;\r\n        }\r\n      },\r\n    });\r\n\r\n    new MutationController(this, {\r\n      config: {\r\n        childList: true,\r\n        subtree: true,\r\n      },\r\n      callback: () => this.#handleMutation(),\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Whether to hide the selection indicator for single select options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether multiple options can be selected.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) multi = false;\r\n\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  get #selected(): readonly M3eOptionElement[] {\r\n    return this.#options.filter((x) => x.selected);\r\n  }\r\n\r\n  /** The options that can be selected. */\r\n  get options(): readonly M3eOptionElement[] {\r\n    return this._options ?? [];\r\n  }\r\n\r\n  /** The selected option(s). */\r\n  get selected(): readonly M3eOptionElement[] {\r\n    return this.options.filter((x) => x.selected);\r\n  }\r\n\r\n  /** The selected (enabled) value(s). */\r\n  get value(): string | readonly string[] | null {\r\n    const values = this.selected.filter((x) => !x.disabled).map((x) => x.value);\r\n    switch (values.length) {\r\n      case 0:\r\n        return null;\r\n      case 1:\r\n        return values[0];\r\n      default:\r\n        return values;\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc @internal */\r\n  override get [formValue]() {\r\n    const values = this.value;\r\n    if (Array.isArray(values)) {\r\n      const data = new FormData();\r\n      for (const value of values) {\r\n        data.append(this.name, value);\r\n      }\r\n      return data;\r\n    }\r\n    return <string | null>values;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  get shouldLabelFloat(): boolean {\r\n    return this.selected.filter((x) => !x.isEmpty).length > 0;\r\n  }\r\n\r\n  /** @private */\r\n  get #minMenuWidth(): string {\r\n    const formField = this.#formField;\r\n    return `${formField ? formField.menuAnchor.clientWidth : this.clientWidth}px`;\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.closest(\"m3e-form-field\");\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  onContainerClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#toggleMenu();\r\n    this.focus({ preventScroll: true });\r\n  }\r\n\r\n  /**\r\n   * Clears the value of the element.\r\n   * @param [restoreFocus=false] Whether to restore input focus.\r\n   */\r\n  clear(restoreFocus = false): void {\r\n    const selected = this.#selected;\r\n    const willChange = selected.length > 0;\r\n\r\n    if (willChange) {\r\n      selected.forEach((x) => {\r\n        x.selected = false;\r\n        this.#updateSelectionState(x);\r\n      });\r\n      this.requestUpdate();\r\n    }\r\n\r\n    this.#hideMenu();\r\n\r\n    if (willChange) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    if (restoreFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.ariaHasPopup = \"listbox\";\r\n    this.ariaExpanded = \"false\";\r\n\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n    this.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.addEventListener(\"keyup\", this.#keyUpHandler);\r\n\r\n    this.#handleMutation();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n    this.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n    this.removeEventListener(\"keyup\", this.#keyUpHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"hideSelectionIndicator\")) {\r\n      this.#options.forEach((x) => setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n\r\n    this._focusRing?.attach(this);\r\n\r\n    if (this.#formField && this._focusRing) {\r\n      this._focusRing.style.display = \"none\";\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html` <m3e-focus-ring class=\"focus-ring\"></m3e-focus-ring>\r\n      <div class=\"base\">\r\n        <m3e-text-overflow>\r\n          <slot name=\"value\">\r\n            ${this.selected\r\n              .filter((x) => !x.isEmpty)\r\n              .map((x, i) => (i > 0 ? html`<span>, </span>${x[typeaheadLabel]()}` : x[typeaheadLabel]()))}\r\n          </slot>\r\n        </m3e-text-overflow>\r\n        <div class=\"arrow-wrapper\" aria-hidden=\"true\">\r\n          <slot name=\"arrow\">\r\n            <svg class=\"arrow\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n              <path d=\"M480-360 280-560h400L480-360Z\" />\r\n            </svg>\r\n          </slot>\r\n        </div>\r\n      </div>\r\n      <div class=\"options\" aria-hidden=\"true\">\r\n        <slot></slot>\r\n      </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleMutation(): void {\r\n    this.#clone = <HTMLElement>this.cloneNode(true);\r\n\r\n    const { added } = this._listKeyManager.setItems([...this.#clone.querySelectorAll(\"m3e-option\")]);\r\n    added.forEach((x) => {\r\n      x.id = x.id || `${this.#id}-option-${this._listKeyManager.items.indexOf(x)}`;\r\n      setCustomState(x, \"-hide-selection-indicator\", this.hideSelectionIndicator);\r\n    });\r\n\r\n    this._options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n    if (this.#menu) {\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n      if (this._options.length == 0) {\r\n        this.#hideMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (e.defaultPrevented || this.disabled) return;\r\n    this.#toggleMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        e.preventDefault();\r\n        if (!this.multi) {\r\n          if (this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n          if (this.#menu?.isOpen) {\r\n            if (!prefersReducedMotion()) {\r\n              setTimeout(() => this.#hideMenu(), 150);\r\n            } else {\r\n              this.#hideMenu();\r\n            }\r\n          } else {\r\n            this.#showMenu();\r\n          }\r\n        } else if (!this.#menu) {\r\n          this.#ignoreKeyUp = true;\r\n          this.#toggleMenu();\r\n        }\r\n\r\n        break;\r\n\r\n      case \"Escape\":\r\n      case \"Tab\":\r\n        this.#hideMenu();\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n        if (this.multi && !this.#menu) {\r\n          this.#toggleMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n          if (!this.#menu && this._listKeyManager.activeItem) {\r\n            this.#selectOption(this._listKeyManager.activeItem);\r\n          }\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        if (!this.multi && !this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyUp(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    if (this.#ignoreKeyUp) {\r\n      this.#ignoreKeyUp = false;\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \" \":\r\n      case \"Enter\":\r\n        if (!this.multi) return;\r\n        e.preventDefault();\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: MouseEvent): void {\r\n    if (e.button === 2) return;\r\n    e.preventDefault();\r\n    e.stopImmediatePropagation();\r\n\r\n    const option = <M3eOptionElement | undefined>(\r\n      e.composedPath().find((x) => x instanceof HTMLElement && x.tagName === \"M3E-OPTION\")\r\n    );\r\n\r\n    if (option && !option.disabled) {\r\n      this.#selectOption(option);\r\n      this._listKeyManager.setActiveItem(option);\r\n\r\n      if (!this.multi) {\r\n        if (!prefersReducedMotion()) {\r\n          setTimeout(() => this.#hideMenu(), 150);\r\n        } else {\r\n          this.#hideMenu();\r\n        }\r\n      } else {\r\n        this.requestUpdate();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuToggle(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    if (e.newState !== \"closed\") {\r\n      const option = this.#selected.find((x) => !x.disabled) ?? this._listKeyManager.items.find((x) => !x.disabled);\r\n      this._listKeyManager.setActiveItem(option);\r\n      if (option) {\r\n        scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n      }\r\n      this.dispatchEvent(\r\n        new ToggleEvent(\"toggle\", {\r\n          oldState: e.oldState,\r\n          newState: e.newState,\r\n        }),\r\n      );\r\n    } else {\r\n      if (prefersReducedMotion()) {\r\n        this.#destroyMenu(e);\r\n      } else {\r\n        // NOTE: use transitionend is preferred but doesn't fire when used here.\r\n        // This is a workaround until that is fixed.\r\n        setTimeout(() => this.#destroyMenu(e), 100);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #destroyMenu(e: ToggleEvent): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#clone?.replaceChildren(...this.#menu.childNodes);\r\n    this.#menu.remove();\r\n    this.#menu.removeEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.removeEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n    this.#menu = undefined;\r\n\r\n    this.ariaExpanded = \"false\";\r\n    this.removeAttribute(\"aria-controls\");\r\n    this.removeAttribute(\"aria-owns\");\r\n    this.requestUpdate();\r\n\r\n    deleteCustomState(this, \"-open\");\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    this.dispatchEvent(\r\n      new ToggleEvent(\"toggle\", {\r\n        oldState: e.oldState,\r\n        newState: e.newState,\r\n      }),\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  #toggleMenu(): void {\r\n    if (this.disabled) return;\r\n    if (this.#menu) {\r\n      this.#hideMenu();\r\n    } else {\r\n      this.#showMenu();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu || this._options.length == 0) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    if (this.multi) {\r\n      this.#menu.ariaMultiSelectable = \"true\";\r\n    }\r\n\r\n    this.#menu.id = this.#listId;\r\n    this.#menu.style.overflowX = \"hidden\";\r\n    this.#menu.style.minWidth = this.#minMenuWidth;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n\r\n    if (this.#clone) {\r\n      this.#menu.replaceChildren(...this.#clone.childNodes);\r\n    }\r\n\r\n    (this.#formField ?? this).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.ariaExpanded = \"true\";\r\n    this.setAttribute(\"aria-controls\", this.#listId);\r\n    this.setAttribute(\"aria-owns\", this.#listId);\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    setTimeout(() => {\r\n      this.#menu?.show(this, this.#formField?.menuAnchor);\r\n      addCustomState(this, \"-open\");\r\n    });\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    if (!this.#menu) return;\r\n\r\n    this.#menu.hide();\r\n    this.removeAttribute(\"aria-activedescendant\");\r\n    deleteCustomState(this, \"-open\");\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement): void {\r\n    this.setAttribute(\"aria-activedescendant\", option.id);\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible = !this.#ignoreFocusVisible && (this.matches(\":focus-visible\") || forcedColorsActive());\r\n\r\n      this.#options.forEach((x) => {\r\n        const active = x === option && focusVisible;\r\n        if (active) {\r\n          x.focusRing?.show();\r\n          x.stateLayer?.show(\"focused\");\r\n        } else {\r\n          x.focusRing?.hide();\r\n          x.stateLayer?.hide(\"focused\");\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateSelectionState(clone: M3eOptionElement): void {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #selectOption(option: M3eOptionElement): void {\r\n    const selected = this.multi ? !option.selected : true;\r\n    if (option.selected === selected) return;\r\n\r\n    option.selected = selected;\r\n    this.#updateSelectionState(option);\r\n\r\n    if (this.dispatchEvent(new Event(\"input\", { bubbles: true, composed: true, cancelable: true }))) {\r\n      if (!this.multi) {\r\n        this.#selected\r\n          .filter((x) => x !== option)\r\n          .forEach((x) => {\r\n            x.selected = false;\r\n            this.#updateSelectionState(x);\r\n          });\r\n      }\r\n\r\n      this.requestUpdate();\r\n      this.#formField?.notifyControlStateChange();\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    } else {\r\n      option.selected = !selected;\r\n      this.#updateSelectionState(option);\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eSelectElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n}\r\n\r\nexport interface M3eSelectElement {\r\n  addEventListener<K extends keyof M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  addEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | AddEventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener<K extends keyof M3eSelectElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eSelectElement, ev: M3eSelectElementEventMap[K]) => void,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n\r\n  removeEventListener(\r\n    type: string,\r\n    listener: EventListenerOrEventListenerObject,\r\n    options?: boolean | EventListenerOptions,\r\n  ): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-select\": M3eSelectElement;\r\n  }\r\n}\r\n"],"names":["__decorate","decorators","target","key","desc","d","c","arguments","length","r","Object","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","__classPrivateFieldSet","set","SuppressedError","M3eSelectElement","M3eSelectElement_1","Focusable","Labelled","RequiredConstraintValidation","Dirty","Touched","Required","ConstraintValidation","FormAssociated","Disabled","AttachInternals","Role","LitElement","constructor","super","this","_options","Array","_M3eSelectElement_clone","_M3eSelectElement_menu","_M3eSelectElement_ignoreKeyUp","_M3eSelectElement_ignoreFocusVisible","_M3eSelectElement_id","__nextId","_M3eSelectElement_listId","_M3eSelectElement_clickHandler","e","_M3eSelectElement_keyDownHandler","_M3eSelectElement_keyUpHandler","_M3eSelectElement_menuToggleHandler","_M3eSelectElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withTypeahead","onActiveItemChange","activeItem","_M3eSelectElement_instances","_M3eSelectElement_activateOption","hideSelectionIndicator","multi","ResizeController","callback","style","minWidth","_M3eSelectElement_minMenuWidth_get","MutationController","config","childList","subtree","_M3eSelectElement_handleMutation","options","selected","filter","x","values","disabled","map","WeakMap","WeakSet","_M3eSelectElement_options_get","items","_M3eSelectElement_selected_get","formValue","isArray","data","FormData","append","name","shouldLabelFloat","isEmpty","onContainerClick","_M3eSelectElement_toggleMenu","focus","preventScroll","clear","restoreFocus","willChange","forEach","_M3eSelectElement_updateSelectionState","requestUpdate","_M3eSelectElement_hideMenu","dispatchEvent","Event","bubbles","connectedCallback","ariaHasPopup","ariaExpanded","addEventListener","disconnectedCallback","removeEventListener","update","changedProperties","setCustomState","firstUpdated","_changedProperties","_focusRing","attach","_M3eSelectElement_formField_get","display","render","html","typeaheadLabel","formField","menuAnchor","clientWidth","closest","cloneNode","added","setItems","querySelectorAll","id","indexOf","notifyControlStateChange","replaceChildren","childNodes","defaultPrevented","preventDefault","_M3eSelectElement_selectOption","isOpen","prefersReducedMotion","setTimeout","_M3eSelectElement_showMenu","onKeyDown","button","stopImmediatePropagation","option","composedPath","find","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","block","behavior","ToggleEvent","oldState","_M3eSelectElement_destroyMenu","remove","undefined","removeAttribute","deleteCustomState","document","createElement","ariaMultiSelectable","overflowX","insertAdjacentElement","setAttribute","show","addCustomState","hide","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","clone","composed","cancelable","styles","css","DesignToken","typescale","standard","body","large","fontSize","fontWeight","lineHeight","tracking","shape","corner","extraSmall","color","onSurface","query","prototype","property","attribute","type","Boolean","customElement"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/src/autocomplete/AutocompleteElement.d.ts

@@ -1,5 +1,7 @@
-import { CSSResultGroup, LitElement } from "lit";
-import type { M3eOptionElement } from "@m3e/web/option";
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { M3eOptionElement } from "@m3e/web/option";
+import { AutocompleteFilterMode } from "./AutocompleteFilterMode";
+import { QueryEventDetail } from "./QueryEventDetail";
 declare const M3eAutocompleteElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").HtmlForMixin> & typeof LitElement;
 /**
  * Enhances a text input with suggested options.
@@ -28,19 +30,32 @@ declare const M3eAutocompleteElement_base: import("../core/shared/mixins/Constru
  * @tag m3e-autocomplete
  *
  * @attr auto-activate - Whether the first option should be automatically activated.
+ * @attr case-sensitive - Whether filtering is case sensitive.
+ * @attr filter - Mode in which to filter options.
  * @attr hide-selection-indicator - Whether to hide the selection indicator.
+ * @attr hide-loading - Whether to hide the menu when loading options.
+ * @attr hide-no-data - Whether to hide the menu when there are no options to show.
+ * @attr loading - Whether options are being loaded.
+ * @attr loading-label - The text announced and presented when loading options.
+ * @attr no-data-label - The text announced and presented when no options are available for the current term.
  * @attr required - Whether the user is required to make a selection when interacting with the autocomplete.
+ * @attr results-label - The text announced when available options change for the current term.
  *
  * @slot - Renders the options of the autocomplete.
+ * @slot loading - Renders content when loading options.
+ * @slot no-data - Renders content when there are no options to show.
  *
  * @fires toggle - Emitted when the options menu opens or closes.
+ * @fires query - Emitted when the input is focused or when the user modifies its value.
  */
 export declare class M3eAutocompleteElement extends M3eAutocompleteElement_base {
     #private;
     /** The styles of the element. */
     static styles: CSSResultGroup;
     /** @private */ private static __nextId;
+    /** @private */ private _options;
     /** @private */ private readonly _listKeyManager;
+    constructor();
     /**
      * Whether to hide the selection indicator.
      * @default false
@@ -56,6 +71,46 @@ export declare class M3eAutocompleteElement extends M3eAutocompleteElement_base
      * @default false
      */
     autoActivate: boolean;
+    /**
+     * Whether filtering is case sensitive.
+     * @default false
+     */
+    caseSensitive: boolean;
+    /**
+     * Mode in which to filter options.
+     * @default "contains"
+     */
+    filter: AutocompleteFilterMode | ((option: M3eOptionElement, term: string) => boolean);
+    /**
+     * Whether options are being loaded.
+     * @default false
+     */
+    loading: boolean;
+    /**
+     * Whether to hide the menu when there are no options to show.
+     * @default false
+     */
+    hideNoData: boolean;
+    /**
+     * Whether to hide the menu when loading options.
+     * @default false
+     */
+    hideLoading: boolean;
+    /**
+     * The text announced and presented when loading options.
+     * @default "Loading..."
+     */
+    loadingLabel: string;
+    /**
+     * The text announced and presented when no options are available for the current term.
+     * @default "No options"
+     */
+    noDataLabel: string;
+    /**
+     * The text announced when available options change for the current term.
+     * @default (count) => `${count} options`
+     */
+    resultsLabel: string | ((count: number) => string);
     /** The options that can be selected. */
     get options(): readonly M3eOptionElement[];
     /** @inheritdoc */
@@ -68,8 +123,22 @@ export declare class M3eAutocompleteElement extends M3eAutocompleteElement_base
      */
     clear(restoreFocus?: boolean): void;
     /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
     protected render(): unknown;
 }
+interface M3eAutocompleteElementEventMap extends HTMLElementEventMap {
+    toggle: ToggleEvent;
+    query: CustomEvent<QueryEventDetail>;
+}
+export interface M3eAutocompleteElement {
+    addEventListener<K extends keyof M3eAutocompleteElementEventMap>(type: K, listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof M3eAutocompleteElementEventMap>(type: K, listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
 declare global {
     interface HTMLElementTagNameMap {
         "m3e-autocomplete": M3eAutocompleteElement;

package/dist/src/autocomplete/AutocompleteElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteElement.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/AutocompleteElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAkB5D,OAAO,KAAK,EAAE,gBAAgB,EAAyB,MAAM,iBAAiB,CAAC;;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBACa,sBAAuB,SAAQ,2BAAmB;;IAC7D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAOpC;IAEF,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAK;IAmB5C,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAU3C;IAEL;;;OAGG;IACiE,sBAAsB,UAAS;IAEnG;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACsD,YAAY,UAAS;IAE9E,wCAAwC;IACxC,IAAI,OAAO,IAAI,SAAS,gBAAgB,EAAE,CAEzC;IAOD,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAoB3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAiCvB;;;OAGG;IACH,KAAK,CAAC,YAAY,UAAQ,GAAG,IAAI;IAiBjC,kBAAkB;cACC,MAAM,IAAI,OAAO;CAyWrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}
+{"version":3,"file":"AutocompleteElement.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/AutocompleteElement.ts"],"names":[],"mappings":"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"}

package/dist/src/autocomplete/AutocompleteFilterMode.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the modes in which to filter options. */
+export type AutocompleteFilterMode = "contains" | "starts-with" | "ends-with" | "none";
+//# sourceMappingURL=AutocompleteFilterMode.d.ts.map

package/dist/src/autocomplete/AutocompleteFilterMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteFilterMode.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/AutocompleteFilterMode.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,CAAC"}

package/dist/src/autocomplete/QueryEventDetail.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Emitted when the autocomplete needs option data for the current term.
+ *
+ * This event fires in two situations:
+ * - When the input receives focus and no options are available yet
+ * - When the user changes the input value (the term)
+ */
+export interface QueryEventDetail {
+    /** The term for which the component is requesting option data. */
+    term: string;
+}
+//# sourceMappingURL=QueryEventDetail.d.ts.map

package/dist/src/autocomplete/QueryEventDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryEventDetail.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/QueryEventDetail.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;CACd"}

package/dist/src/autocomplete/index.d.ts

@@ -1,2 +1,4 @@
 export * from "./AutocompleteElement";
+export * from "./AutocompleteFilterMode";
+export * from "./QueryEventDetail";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/dist/src/chips/ChipElement.d.ts

@@ -65,6 +65,8 @@ export declare class M3eChipElement extends M3eChipElement_base {
     /** A string representing the value of the chip. */
     get value(): string;
     set value(value: string);
+    /** The textual label of the chip. */
+    get label(): string;
     /** @inheritdoc */
     protected firstUpdated(_changedProperties: PropertyValues): void;
     /** @inheritdoc */

package/dist/src/chips/ChipElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipElement.d.ts","sourceRoot":"","sources":["../../../src/chips/ChipElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAa,MAAM,KAAK,CAAC;AAoBhG,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,cAAe,SAAQ,mBAA2B;;IAC7D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA6KpC;IAEF,eAAe,CAAsB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACvF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;IAK9E;;;OAGG;IAC0B,OAAO,EAAE,WAAW,CAAc;IAE/D,mDAAmD;IACnD,IAAgB,KAAK,IAGJ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAczE,kBAAkB;cACC,MAAM,IAAI,OAAO;IAsBpC,gBAAgB;IAChB,SAAS,CAAC,WAAW,IAAI,OAAO;IAIhC,gBAAgB;IAChB,SAAS,CAAC,mBAAmB,IAAI,OAAO;IAQxC,gBAAgB;IAChB,SAAS,CAAC,WAAW,IAAI,OAAO;CAkBjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
+{"version":3,"file":"ChipElement.d.ts","sourceRoot":"","sources":["../../../src/chips/ChipElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAa,MAAM,KAAK,CAAC;AAoBhG,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,cAAe,SAAQ,mBAA2B;;IAC7D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA6KpC;IAEF,eAAe,CAAsB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACvF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;IAK9E;;;OAGG;IAC0B,OAAO,EAAE,WAAW,CAAc;IAE/D,mDAAmD;IACnD,IAAgB,KAAK,IAGJ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,qCAAqC;IACrC,IAAI,KAAK,WAER;IAED,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAczE,kBAAkB;cACC,MAAM,IAAI,OAAO;IAsBpC,gBAAgB;IAChB,SAAS,CAAC,WAAW,IAAI,OAAO;IAIhC,gBAAgB;IAChB,SAAS,CAAC,mBAAmB,IAAI,OAAO;IAQxC,gBAAgB;IAChB,SAAS,CAAC,WAAW,IAAI,OAAO;CAkBjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/dist/src/chips/InputChipSetChangeEventDetail.d.ts

@@ -0,0 +1,13 @@
+import { M3eInputChipElement } from "./InputChipElement";
+/** Specifies the type of change made to a set of input chips */
+export type InputChipSetChangeType = "add" | "remove";
+/** Encapsulates information about changes to a set of input chips. */
+export interface InputChipSetChangeEventDetail {
+    /** The type of change that occurred. */
+    type: InputChipSetChangeType;
+    /** The value of the input chip. */
+    value: string;
+    /** A reference to the input chip. */
+    chip: M3eInputChipElement;
+}
+//# sourceMappingURL=InputChipSetChangeEventDetail.d.ts.map

package/dist/src/chips/InputChipSetChangeEventDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputChipSetChangeEventDetail.d.ts","sourceRoot":"","sources":["../../../src/chips/InputChipSetChangeEventDetail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,gEAAgE;AAChE,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEtD,sEAAsE;AACtE,MAAM,WAAW,6BAA6B;IAC5C,wCAAwC;IACxC,IAAI,EAAE,sBAAsB,CAAC;IAE7B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IAEd,qCAAqC;IACrC,IAAI,EAAE,mBAAmB,CAAC;CAC3B"}

package/dist/src/chips/InputChipSetElement.d.ts

@@ -3,6 +3,7 @@ import { formValue } from "@m3e/web/core";
 import { FormFieldControl } from "@m3e/web/form-field";
 import { M3eChipSetElement } from "./ChipSetElement";
 import { M3eInputChipElement } from "./InputChipElement";
+import { InputChipSetChangeEventDetail } from "./InputChipSetChangeEventDetail";
 declare const M3eInputChipSetElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").RequiredConstraintValidationMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").RequiredMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").ConstraintValidationMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DirtyMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").TouchedMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").FormAssociatedMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DisabledMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & import("../core/shared/mixins/Constructor").Constructor & typeof M3eChipSetElement;
 /**
  * A container that transforms user input into a cohesive set of interactive chips, supporting entry, editing, and removal of discrete values.
@@ -65,6 +66,15 @@ export declare class M3eInputChipSetElement extends M3eInputChipSetElement_base
     /** @inheritdoc */
     protected render(): unknown;
 }
+interface M3eInputChipSetElementEventMap extends HTMLElementEventMap {
+    change: CustomEvent<InputChipSetChangeEventDetail>;
+}
+export interface M3eInputChipSetElement {
+    addEventListener<K extends keyof M3eInputChipSetElementEventMap>(type: K, listener: (this: M3eInputChipSetElement, ev: M3eInputChipSetElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof M3eInputChipSetElementEventMap>(type: K, listener: (this: M3eInputChipSetElement, ev: M3eInputChipSetElementEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
 declare global {
     interface HTMLElementTagNameMap {
         "m3e-input-chip-set": M3eInputChipSetElement;

package/dist/src/chips/InputChipSetElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputChipSetElement.d.ts","sourceRoot":"","sources":["../../../src/chips/InputChipSetElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,EAQL,SAAS,EAKV,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBACa,sBACX,SAAQ,2BAKR,YAAW,gBAAgB;;IA+B3B,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAyBpC;IAsBF,4BAA4B;IAC5B,IAAI,KAAK,IAAI,SAAS,mBAAmB,EAAE,CAI1C;IAED,6BAA6B;IAC7B,IAAI,KAAK,IAAI,SAAS,MAAM,EAAE,GAAG,IAAI,CAGpC;IAED,4BAA4B;IAC5B,IAAa,CAAC,SAAS,CAAC,oBAQvB;IAED,kBAAkB;IAClB,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED,kBAAkB;IAClB,gBAAgB,IAAI,IAAI;IAIxB,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAqBlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAUrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQzE,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAcxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CA4IrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,sBAAsB,CAAC;KAC9C;CACF"}
+{"version":3,"file":"InputChipSetElement.d.ts","sourceRoot":"","sources":["../../../src/chips/InputChipSetElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,EAQL,SAAS,EAKV,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBACa,sBACX,SAAQ,2BAKR,YAAW,gBAAgB;;IA+B3B,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAyBpC;IAsBF,4BAA4B;IAC5B,IAAI,KAAK,IAAI,SAAS,mBAAmB,EAAE,CAI1C;IAED,6BAA6B;IAC7B,IAAI,KAAK,IAAI,SAAS,MAAM,EAAE,GAAG,IAAI,CAGpC;IAED,4BAA4B;IAC5B,IAAa,CAAC,SAAS,CAAC,oBAQvB;IAED,kBAAkB;IAClB,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED,kBAAkB;IAClB,gBAAgB,IAAI,IAAI;IAIxB,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAqBlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAUrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQzE,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAcxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAsJrC;AAED,UAAU,8BAA+B,SAAQ,mBAAmB;IAClE,MAAM,EAAE,WAAW,CAAC,6BAA6B,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,CAAC,CAAC,SAAS,MAAM,8BAA8B,EAC7D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,8BAA8B,CAAC,CAAC,CAAC,KAAK,IAAI,EACvF,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,mBAAmB,CAAC,CAAC,SAAS,MAAM,8BAA8B,EAChE,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,sBAAsB,EAAE,EAAE,EAAE,8BAA8B,CAAC,CAAC,CAAC,KAAK,IAAI,EACvF,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;IAER,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;CACT;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,sBAAsB,CAAC;KAC9C;CACF"}

package/dist/src/chips/index.d.ts

@@ -5,6 +5,7 @@ export * from "./ChipVariant";
 export * from "./FilterChipElement";
 export * from "./FilterChipSetElement";
 export * from "./InputChipElement";
+export * from "./InputChipSetChangeEventDetail";
 export * from "./InputChipSetElement";
 export * from "./SuggestionChipElement";
 //# sourceMappingURL=index.d.ts.map