@m3e/web 2.1.3 → 2.2.1

package/dist/autocomplete.min.js

@@ -3,5 +3,5 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-import{__classPrivateFieldGet as t,__classPrivateFieldSet as e,__decorate as i}from"tslib";import{LitElement as s,html as a,css as n}from"lit";import{property as h}from"lit/decorators.js";import{HtmlFor as o,MutationController as l,setCustomState as r,deleteCustomState as c,prefersReducedMotion as d,scrollIntoViewIfNeeded as f,forcedColorsActive as u,addCustomState as m,customElement as p}from"@m3e/web/core";import{ListKeyManager as v,M3eLiveAnnouncer as g}from"@m3e/web/core/a11y";import{M3eOptGroupElement as b}from"@m3e/web/option";var y,w,L,M,E,k,A,C,S,_,K,W,I,D,q,x,N,P,T,B,U,O,$,H,R,j,F,V,X,z,G,J,Q,Y,Z,tt,et,it,st,at,nt,ht,ot,lt,rt,ct,dt,ft,ut,mt;let pt=mt=class extends(o(s)){constructor(){super(),y.add(this),w.set(this,`m3e-autocomplete-${mt.__nextId}`),L.set(this,`${t(this,w,"f")}-menu`),this._options=new Array,M.set(this,void 0),E.set(this,!1),k.set(this,void 0),A.set(this,!1),C.set(this,!1),S.set(this,!1),_.set(this,void 0),K.set(this,()=>t(this,y,"m",V).call(this)),W.set(this,()=>t(this,y,"m",X).call(this)),I.set(this,()=>t(this,y,"m",z).call(this)),D.set(this,()=>t(this,y,"m",G).call(this)),q.set(this,e=>t(this,y,"m",Y).call(this,e)),x.set(this,e=>t(this,y,"m",J).call(this,e)),N.set(this,()=>t(this,y,"m",Q).call(this)),P.set(this,e=>t(this,y,"m",tt).call(this,e)),T.set(this,e=>t(this,y,"m",Z).call(this,e)),this._listKeyManager=(new v).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withSkipPredicate(t=>t.disabled||t.hidden).onActiveItemChange(()=>{this._listKeyManager.activeItem&&t(this,y,"m",ht).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.required=!1,this.autoActivate=!1,this.caseSensitive=!1,this.filter="contains",this.loading=!1,this.hideNoData=!1,this.hideLoading=!1,this.loadingLabel="Loading...",this.noDataLabel="No options",this.resultsLabel=t=>`${t} options`,this.panelClass="",new l(this,{config:{childList:!0,subtree:!0},callback:()=>t(this,y,"m",F).call(this)})}get options(){return this._options??[]}attach(e){e instanceof HTMLInputElement&&(super.attach(e),e.autocomplete="off",e.role="combobox",e.ariaAutoComplete="list",e.ariaExpanded="false",e.addEventListener("click",t(this,K,"f")),e.addEventListener("focus",t(this,I,"f")),e.addEventListener("blur",t(this,D,"f")),e.addEventListener("keydown",t(this,q,"f")),e.addEventListener("input",t(this,x,"f")),e.addEventListener("change",t(this,N,"f")),t(this,y,"a",j)?.addEventListener("pointerdown",t(this,W,"f")))}detach(){this.control&&(t(this,y,"a",j)?.removeEventListener("pointerdown",t(this,W,"f")),this.control.role=null,this.control.ariaAutoComplete=null,this.control.ariaExpanded=null,this.control.removeEventListener("click",t(this,K,"f")),this.control.removeEventListener("focus",t(this,I,"f")),this.control.removeEventListener("blur",t(this,D,"f")),this.control.removeEventListener("keydown",t(this,q,"f")),this.control.removeEventListener("input",t(this,x,"f")),this.control.removeEventListener("change",t(this,N,"f"))),super.detach()}clear(e=!1){t(this,y,"a",U)&&(t(this,y,"a",U).value="",t(this,y,"m",ct).call(this),e?t(this,y,"a",U).focus():t(this,y,"m",nt).call(this))}connectedCallback(){super.connectedCallback(),t(this,y,"m",F).call(this)}update(e){super.update(e),e.has("hideNoData")&&this.hideNoData&&t(this,k,"f")&&r(t(this,k,"f"),"-no-data",!1),e.has("loading")&&(this.loading?t(this,S,"f")&&(this.loadingLabel&&g.announce(this.loadingLabel,"polite"),!t(this,k,"f")&&t(this,y,"a",H)&&t(this,y,"m",it).call(this)):t(this,k,"f")&&!t(this,y,"a",H)?t(this,y,"m",nt).call(this):t(this,k,"f")?c(t(this,k,"f"),"-loading"):t(this,S,"f")&&t(this,y,"m",it).call(this))}render(){return a`<div class="options" aria-hidden="true"><slot></slot></div>`}};w=new WeakMap,L=new WeakMap,M=new WeakMap,E=new WeakMap,k=new WeakMap,A=new WeakMap,C=new WeakMap,S=new WeakMap,_=new WeakMap,K=new WeakMap,W=new WeakMap,I=new WeakMap,D=new WeakMap,q=new WeakMap,x=new WeakMap,N=new WeakMap,P=new WeakMap,T=new WeakMap,y=new WeakSet,B=function(){return this._listKeyManager?.items??[]},U=function(){return this.control?this.control:null},O=function(){return null!==(t(this,M,"f")?.querySelector("[slot='no-data']")??null)},$=function(){return null!==(t(this,M,"f")?.querySelector("[slot='loading']")??null)},H=function(){return t(this,y,"a",B).some(t=>!t.hidden)||this.loading&&!this.hideLoading&&this.loadingLabel.length>0||!this.loading&&!this.hideNoData&&this.noDataLabel.length>0},R=function(){const e=t(this,y,"a",j);return`${e?e.menuAnchor.clientWidth:this.control?.clientWidth??0}px`},j=function(){return this.control?.closest("m3e-form-field")??null},F=async function(){t(this,_,"f")&&t(this,_,"f").abort();const i=new AbortController;e(this,_,i,"f");const s=[...this.querySelectorAll("m3e-option")];for(const t of s){if(i.signal.aborted)break;t.isUpdatePending&&await t.updateComplete}if(i.signal.aborted)return;this._options=s,e(this,M,this.cloneNode(!0),"f");const{added:a}=this._listKeyManager.setItems([...t(this,M,"f").querySelectorAll("m3e-option")]);if(a.forEach(e=>{e.id=e.id||`${t(this,w,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,r(e,"-hide-selection-indicator",this.hideSelectionIndicator)}),t(this,k,"f")){const e=t(this,y,"m",ct).call(this);t(this,y,"m",st).call(this),t(this,y,"a",H)?t(this,y,"m",at).call(this,t(this,k,"f"),e):t(this,y,"m",nt).call(this)}},V=function(){e(this,E,!0,"f"),t(this,y,"m",it).call(this)},X=function(){e(this,A,!0,"f")},z=function(){e(this,S,!0,"f"),e(this,E,!0,"f"),0!=this.options.length||this.control.readOnly||this.dispatchEvent(new CustomEvent("query",{detail:{term:t(this,y,"a",U)?.value??""},bubbles:!0,composed:!0})),t(this,y,"m",it).call(this)},G=function(){e(this,S,!1,"f"),t(this,A,"f")||t(this,y,"m",nt).call(this),e(this,A,!1,"f")},J=function(i){if(t(this,y,"a",U)&&!i.defaultPrevented){this.dispatchEvent(new CustomEvent("query",{detail:{term:t(this,y,"a",U).value},bubbles:!0,composed:!0})),e(this,C,!0,"f");try{t(this,k,"f")?(t(this,y,"m",ct).call(this),t(this,y,"a",H)||t(this,y,"m",nt).call(this)):t(this,y,"m",it).call(this)}finally{e(this,C,!1,"f"),t(this,y,"a",j)?.notifyControlStateChange(!0)}}},Q=function(){t(this,y,"a",U)&&this.required&&!t(this,y,"a",B).some(t=>t.selected&&!t.disabled)&&(t(this,y,"a",U).value="")},Y=function(i){if(!i.defaultPrevented)switch(e(this,E,!1,"f"),i.key){case"Backspace":case"Delete":t(this,y,"a",U)&&!t(this,y,"a",U).value&&t(this,y,"m",nt).call(this);break;case"Enter":t(this,k,"f")&&this._listKeyManager.activeItem?(i.preventDefault(),t(this,y,"m",lt).call(this,this._listKeyManager.activeItem),d()?t(this,y,"m",nt).call(this):setTimeout(()=>t(this,y,"m",nt).call(this),150)):t(this,k,"f")&&setTimeout(()=>{t(this,y,"a",U)&&!t(this,y,"a",U).value&&t(this,y,"m",nt).call(this)});break;case"Escape":case"Tab":t(this,y,"m",nt).call(this);break;case"Up":case"ArrowUp":i.altKey?t(this,y,"m",nt).call(this):this._listKeyManager.onKeyDown(i);break;case"Down":case"ArrowDown":t(this,k,"f")?this._listKeyManager.onKeyDown(i):(t(this,y,"m",it).call(this),i.preventDefault());break;default:this._listKeyManager.onKeyDown(i)}},Z=function(e){if(2===e.button)return;e.preventDefault(),e.stopImmediatePropagation();const i=e.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);i&&!i.disabled&&(this._listKeyManager.setActiveItem(i),t(this,y,"m",lt).call(this,i),d()?t(this,y,"m",nt).call(this):setTimeout(()=>t(this,y,"m",nt).call(this),150))},tt=function(e){if(t(this,k,"f"))if("closed"!==e.newState){const i=t(this,y,"a",B).find(t=>t.selected&&!t.disabled);i?(this._listKeyManager.setActiveItem(i),f(i,t(this,k,"f"))):t(this,y,"m",ft).call(this),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else d()?t(this,y,"m",et).call(this,e):setTimeout(()=>t(this,y,"m",et).call(this,e),100)},et=function(i){t(this,k,"f")&&(t(this,M,"f")?.replaceChildren(...t(this,k,"f").childNodes),t(this,k,"f").remove(),t(this,k,"f").removeEventListener("toggle",t(this,P,"f")),t(this,k,"f").removeEventListener("pointerdown",t(this,T,"f")),e(this,k,void 0,"f"),t(this,y,"a",U)&&(t(this,y,"a",U).ariaExpanded="false",t(this,y,"a",U).removeAttribute("aria-controls"),t(this,y,"a",U).removeAttribute("aria-owns")),this.requestUpdate(),t(this,y,"a",j)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:i.oldState,newState:i.newState})))},it=function(){if(t(this,k,"f")||!t(this,y,"a",U)||t(this,y,"a",U).readOnly||t(this,y,"a",U).disabled)return;const i=t(this,y,"m",ct).call(this);if(!t(this,y,"a",H))return;if(e(this,k,document.createElement("m3e-option-panel"),"f"),t(this,k,"f").id=t(this,L,"f"),this.panelClass)for(const e of this.panelClass.split(/\s+/).map(t=>t.trim()).filter(Boolean))t(this,k,"f").classList.add(e);t(this,k,"f").scrollStrategy="reposition",t(this,k,"f").style.overflowX="hidden",t(this,k,"f").style.minWidth=t(this,y,"a",R),t(this,k,"f").addEventListener("toggle",t(this,P,"f")),t(this,k,"f").addEventListener("pointerdown",t(this,T,"f")),t(this,y,"m",st).call(this),t(this,y,"m",at).call(this,t(this,k,"f"),i),(t(this,y,"a",j)??t(this,y,"a",U)).insertAdjacentElement("afterend",t(this,k,"f")),t(this,y,"a",U).setAttribute("aria-controls",t(this,L,"f")),t(this,y,"a",U).setAttribute("aria-owns",t(this,L,"f")),t(this,y,"a",j)?.notifyControlStateChange(),this._listKeyManager.activeItem&&this.autoActivate&&t(this,y,"m",ht).call(this,this._listKeyManager.activeItem,!0);const s=t(this,y,"a",U);setTimeout(()=>t(this,k,"f")?.show(s,t(this,y,"a",j)?.menuAnchor))},st=function(){if(!t(this,M,"f")||!t(this,k,"f"))return;const e=[...t(this,M,"f").childNodes];if(!t(this,y,"a",O)&&this.noDataLabel){const t=document.createElement("span");t.slot="no-data",t.textContent=this.noDataLabel,e.push(t)}if(!t(this,y,"a",$)&&this.loadingLabel){const t=document.createElement("span");t.slot="loading",t.textContent=this.loadingLabel,e.push(t)}t(this,k,"f").replaceChildren(...e)},at=function(t,e){r(t,"-loading",this.loading),r(t,"-no-data",0==e)},nt=function(){t(this,k,"f")?.hide(),t(this,y,"a",U)?.removeAttribute("aria-activedescendant")},ht=function(e,i=!1){if(t(this,y,"a",U)&&(t(this,y,"a",U).setAttribute("aria-activedescendant",e.id),t(this,k,"f"))){f(e,t(this,k,"f"),{block:"nearest",behavior:"instant"});const s=i||!t(this,E,"f")&&(t(this,y,"a",U).matches(":focus-visible")||u());t(this,y,"a",B).forEach(t=>{t===e&&s?(t.focusRing?.show(),t.stateLayer?.show("focused")):(t.focusRing?.hide(),t.stateLayer?.hide("focused"))})}},ot=async function(t){const e=this._options[this._listKeyManager.items.indexOf(t)];e&&(e.selected=t.selected,e.isUpdatePending&&await e.updateComplete)},lt=async function(e){e.selected||(e.selected=!0,await t(this,y,"m",ot).call(this,e),e.isUpdatePending&&await e.updateComplete,this.requestUpdate(),this.isUpdatePending&&await this.updateComplete,t(this,y,"a",U)&&(t(this,y,"a",U).value=e.value),t(this,y,"a",j)?.notifyControlStateChange(!0))},rt=function(t,e,i,s){const a=this.caseSensitive?e.value:e.value.toLowerCase();switch(this.filter){case"starts-with":return t.term=s,t.highlightMode=this.filter,a.startsWith(i);case"ends-with":return t.term=s,t.highlightMode=this.filter,a.endsWith(i);case"contains":return t.term=s,t.highlightMode=this.filter,a.includes(i);case"none":return t.disableHighlight=!0,!0;default:return t.disableHighlight=!0,this.filter(e,s)}},ct=function(){if(!t(this,y,"a",U))return 0;const i=t(this,y,"a",B).filter(t=>!t.hidden).length,s=!this.loading&&t(this,C,"f");e(this,C,!1,"f");const a=t(this,y,"a",U).value,n=this.caseSensitive?a:a.toLocaleLowerCase();let h,o=0,l=!1;for(let e=0;e<t(this,y,"a",B).length;e++){const i=t(this,y,"a",B)[e],s=this._options[e];i.hidden=!t(this,y,"m",rt).call(this,i,s,n,a),i.hidden?(t(this,y,"m",ut).call(this,i),c(i,"-first"),c(i,"-last")):(o++,l||i.parentElement instanceof b?(c(i,"-first"),h&&c(h,"-last"),m(i,"-last"),h=i):(m(i,"-first"),l=!0,m(i,"-last"),h=i)),i.selected&&s.value!==a&&(i.selected=!1,t(this,y,"m",ot).call(this,i))}t(this,k,"f")&&t(this,y,"m",at).call(this,t(this,k,"f"),o);const r=t(this,k,"f")?.querySelectorAll("m3e-optgroup")??t(this,M,"f")?.querySelectorAll("m3e-optgroup")??[];for(const t of r)t.hidden=[...t.querySelectorAll("m3e-option")].every(t=>t.hidden);return s&&t(this,y,"m",dt).call(this,i,o),t(this,y,"m",ft).call(this),o},dt=function(e,i){if(t(this,S,"f"))if(0==i)e>0&&this.noDataLabel&&g.announce(this.noDataLabel,"polite");else if(e!=i){const t=this.resultsLabel instanceof Function?this.resultsLabel(i):this.resultsLabel;t&&g.announce(t,"polite")}},ft=function(){if(this.autoActivate&&(!this._listKeyManager.activeItem||!this._listKeyManager.activeItem.selected)){const e=t(this,y,"a",B).find(t=>!t.disabled&&!t.hidden);e&&(this._listKeyManager.setActiveItem(e),t(this,k,"f")&&f(e,t(this,k,"f"),{block:"nearest",behavior:"instant"}))}},ut=function(e){e.focusRing?.hide(),e.stateLayer?.hide("focused"),e===this._listKeyManager.activeItem&&(this._listKeyManager.updateActiveItem(null),t(this,y,"a",U)?.removeAttribute("aria-activedescendant"))},pt.styles=n`:host { display: contents; } .options { display: none; }`,pt.__nextId=0,i([h({attribute:"hide-selection-indicator",type:Boolean})],pt.prototype,"hideSelectionIndicator",void 0),i([h({type:Boolean,reflect:!0})],pt.prototype,"required",void 0),i([h({attribute:"auto-activate",type:Boolean})],pt.prototype,"autoActivate",void 0),i([h({attribute:"case-sensitive",type:Boolean})],pt.prototype,"caseSensitive",void 0),i([h({converter:{fromAttribute:t=>null===t?"contains":"starts-with"===t||"ends-with"===t||"contains"===t||"none"===t?t:"contains"}})],pt.prototype,"filter",void 0),i([h({type:Boolean})],pt.prototype,"loading",void 0),i([h({attribute:"hide-no-data",type:Boolean})],pt.prototype,"hideNoData",void 0),i([h({attribute:"hide-loading",type:Boolean})],pt.prototype,"hideLoading",void 0),i([h({attribute:"loading-label"})],pt.prototype,"loadingLabel",void 0),i([h({attribute:"no-data-label"})],pt.prototype,"noDataLabel",void 0),i([h({attribute:"results-label"})],pt.prototype,"resultsLabel",void 0),i([h({attribute:"panel-class"})],pt.prototype,"panelClass",void 0),pt=mt=i([p("m3e-autocomplete")],pt);export{pt as M3eAutocompleteElement};
+import{__classPrivateFieldGet as t,__classPrivateFieldSet as e,__decorate as i}from"tslib";import{LitElement as s,html as a,css as n}from"lit";import{property as h}from"lit/decorators.js";import{EventAttribute as o,HtmlFor as l,MutationController as r,setCustomState as c,deleteCustomState as d,prefersReducedMotion as f,scrollIntoViewIfNeeded as u,forcedColorsActive as m,addCustomState as p,customElement as v}from"@m3e/web/core";import{ListKeyManager as g,M3eLiveAnnouncer as b}from"@m3e/web/core/a11y";import{M3eOptGroupElement as y}from"@m3e/web/option";var w,E,L,M,k,A,C,S,_,K,I,W,D,q,N,P,T,x,U,B,O,H,$,R,j,F,V,X,z,G,J,Q,Y,Z,tt,et,it,st,at,nt,ht,ot,lt,rt,ct,dt,ft,ut,mt,pt;let vt=pt=class extends(o(l(s),"query")){constructor(){super(),w.add(this),E.set(this,`m3e-autocomplete-${pt.__nextId}`),L.set(this,`${t(this,E,"f")}-menu`),this._options=new Array,M.set(this,void 0),k.set(this,!1),A.set(this,void 0),C.set(this,!1),S.set(this,!1),_.set(this,!1),K.set(this,void 0),I.set(this,()=>t(this,w,"m",V).call(this)),W.set(this,()=>t(this,w,"m",X).call(this)),D.set(this,()=>t(this,w,"m",z).call(this)),q.set(this,()=>t(this,w,"m",G).call(this)),N.set(this,e=>t(this,w,"m",Y).call(this,e)),P.set(this,e=>t(this,w,"m",J).call(this,e)),T.set(this,()=>t(this,w,"m",Q).call(this)),x.set(this,e=>t(this,w,"m",tt).call(this,e)),U.set(this,e=>t(this,w,"m",Z).call(this,e)),this._listKeyManager=(new g).withWrap().withHomeAndEnd().withPageUpAndDown().withVerticalOrientation().withSkipPredicate(t=>t.disabled||!0===t.hidden).onActiveItemChange(()=>{this._listKeyManager.activeItem&&t(this,w,"m",ht).call(this,this._listKeyManager.activeItem)}),this.hideSelectionIndicator=!1,this.required=!1,this.autoActivate=!1,this.caseSensitive=!1,this.filter="contains",this.loading=!1,this.hideNoData=!1,this.hideLoading=!1,this.loadingLabel="Loading...",this.noDataLabel="No options",this.resultsLabel=t=>`${t} options`,this.panelClass="",new r(this,{config:{childList:!0,subtree:!0},callback:()=>t(this,w,"m",F).call(this)})}get options(){return this._options??[]}get selected(){return this.options.find(t=>t.selected)??null}get value(){const t=this.selected;return t&&!t.disabled?t.value:null}attach(e){e instanceof HTMLInputElement&&(super.attach(e),e.autocomplete="off",e.role="combobox",e.ariaAutoComplete="list",e.ariaExpanded="false",e.addEventListener("click",t(this,I,"f")),e.addEventListener("focus",t(this,D,"f")),e.addEventListener("blur",t(this,q,"f")),e.addEventListener("keydown",t(this,N,"f")),e.addEventListener("input",t(this,P,"f")),e.addEventListener("change",t(this,T,"f")),t(this,w,"a",j)?.addEventListener("pointerdown",t(this,W,"f")))}detach(){this.control&&(t(this,w,"a",j)?.removeEventListener("pointerdown",t(this,W,"f")),this.control.role=null,this.control.ariaAutoComplete=null,this.control.ariaExpanded=null,this.control.removeEventListener("click",t(this,I,"f")),this.control.removeEventListener("focus",t(this,D,"f")),this.control.removeEventListener("blur",t(this,q,"f")),this.control.removeEventListener("keydown",t(this,N,"f")),this.control.removeEventListener("input",t(this,P,"f")),this.control.removeEventListener("change",t(this,T,"f"))),super.detach()}clear(e=!1){t(this,w,"a",O)&&(t(this,w,"a",O).value="",t(this,w,"m",dt).call(this)&&this.dispatchEvent(new Event("change",{bubbles:!0})),t(this,w,"m",ct).call(this),e?t(this,w,"a",O).focus():t(this,w,"m",nt).call(this))}connectedCallback(){super.connectedCallback(),t(this,w,"m",F).call(this)}update(e){super.update(e),e.has("hideNoData")&&this.hideNoData&&t(this,A,"f")&&c(t(this,A,"f"),"-no-data",!1),e.has("loading")&&(this.loading?t(this,_,"f")&&(this.loadingLabel&&b.announce(this.loadingLabel,"polite"),!t(this,A,"f")&&t(this,w,"a",R)&&t(this,w,"m",it).call(this)):t(this,A,"f")&&!t(this,w,"a",R)?t(this,w,"m",nt).call(this):t(this,A,"f")?d(t(this,A,"f"),"-loading"):t(this,_,"f")&&t(this,w,"m",it).call(this))}render(){return a`<div class="options" aria-hidden="true"><slot></slot></div>`}};E=new WeakMap,L=new WeakMap,M=new WeakMap,k=new WeakMap,A=new WeakMap,C=new WeakMap,S=new WeakMap,_=new WeakMap,K=new WeakMap,I=new WeakMap,W=new WeakMap,D=new WeakMap,q=new WeakMap,N=new WeakMap,P=new WeakMap,T=new WeakMap,x=new WeakMap,U=new WeakMap,w=new WeakSet,B=function(){return this._listKeyManager?.items??[]},O=function(){return this.control?this.control:null},H=function(){return null!==(t(this,M,"f")?.querySelector("[slot='no-data']")??null)},$=function(){return null!==(t(this,M,"f")?.querySelector("[slot='loading']")??null)},R=function(){return t(this,w,"a",B).some(t=>!1===t.hidden)||this.loading&&!this.hideLoading&&this.loadingLabel.length>0||!this.loading&&!this.hideNoData&&this.noDataLabel.length>0},j=function(){return this.control?.closest("m3e-form-field")??null},F=async function(){t(this,K,"f")&&t(this,K,"f").abort();const i=new AbortController;e(this,K,i,"f");const s=[...this.querySelectorAll("m3e-option")];for(const t of s){if(i.signal.aborted)break;t.isUpdatePending&&await t.updateComplete}if(i.signal.aborted)return;this._options=s,e(this,M,this.cloneNode(!0),"f");const{added:a}=this._listKeyManager.setItems([...t(this,M,"f").querySelectorAll("m3e-option")]);if(a.forEach(e=>{e.id=e.id||`${t(this,E,"f")}-option-${this._listKeyManager.items.indexOf(e)}`,c(e,"-hide-selection-indicator",this.hideSelectionIndicator)}),t(this,A,"f")){const e=t(this,w,"m",ct).call(this);t(this,w,"m",st).call(this),t(this,w,"a",R)?t(this,w,"m",at).call(this,t(this,A,"f"),e):t(this,w,"m",nt).call(this)}},V=function(){e(this,k,!0,"f"),t(this,w,"m",it).call(this)},X=function(){e(this,C,!0,"f")},z=function(){e(this,_,!0,"f"),e(this,k,!0,"f"),0!=this.options.length||this.control.readOnly||this.dispatchEvent(new CustomEvent("query",{detail:{term:t(this,w,"a",O)?.value??""},bubbles:!0,composed:!0})),t(this,w,"m",it).call(this)},G=function(){e(this,_,!1,"f"),t(this,C,"f")||t(this,w,"m",nt).call(this),e(this,C,!1,"f")},J=function(i){if(t(this,w,"a",O)&&!i.defaultPrevented){this.dispatchEvent(new CustomEvent("query",{detail:{term:t(this,w,"a",O).value},bubbles:!0,composed:!0})),""===t(this,w,"a",O).value&&t(this,w,"m",dt).call(this)&&this.dispatchEvent(new Event("change",{bubbles:!0})),e(this,S,!0,"f");try{t(this,A,"f")?(t(this,w,"m",ct).call(this),t(this,w,"a",R)||t(this,w,"m",nt).call(this)):t(this,w,"m",it).call(this)}finally{e(this,S,!1,"f"),t(this,w,"a",j)?.notifyControlStateChange(!0)}}},Q=function(){if(t(this,w,"a",O)){const e=this.selected;this.required?t(this,w,"a",O).value=e?.label??"":e&&e.label!==t(this,w,"a",O).value&&t(this,w,"m",dt).call(this)&&this.dispatchEvent(new Event("change",{bubbles:!0}))}},Y=function(i){if(!i.defaultPrevented)switch(e(this,k,!1,"f"),i.key){case"Backspace":case"Delete":t(this,w,"a",O)&&!t(this,w,"a",O).value&&t(this,w,"m",nt).call(this);break;case"Enter":t(this,A,"f")&&this._listKeyManager.activeItem?(i.preventDefault(),t(this,w,"m",lt).call(this,this._listKeyManager.activeItem),f()?t(this,w,"m",nt).call(this):setTimeout(()=>t(this,w,"m",nt).call(this),150)):t(this,A,"f")&&setTimeout(()=>{t(this,w,"a",O)&&!t(this,w,"a",O).value&&t(this,w,"m",nt).call(this)});break;case"Escape":case"Tab":t(this,w,"m",nt).call(this);break;case"Up":case"ArrowUp":i.altKey?t(this,w,"m",nt).call(this):this._listKeyManager.onKeyDown(i);break;case"Down":case"ArrowDown":t(this,A,"f")?this._listKeyManager.onKeyDown(i):(t(this,w,"m",it).call(this),i.preventDefault());break;default:this._listKeyManager.onKeyDown(i)}},Z=function(e){if(2===e.button)return;e.preventDefault(),e.stopImmediatePropagation();const i=e.composedPath().find(t=>t instanceof HTMLElement&&"M3E-OPTION"===t.tagName);i&&!i.disabled&&(this._listKeyManager.setActiveItem(i),t(this,w,"m",lt).call(this,i),f()?t(this,w,"m",nt).call(this):setTimeout(()=>t(this,w,"m",nt).call(this),150))},tt=function(e){if(t(this,A,"f"))if("closed"!==e.newState){const i=t(this,w,"a",B).find(t=>t.selected&&!t.disabled);i?(this._listKeyManager.setActiveItem(i),u(i,t(this,A,"f"))):t(this,w,"m",ut).call(this),this.dispatchEvent(new ToggleEvent("toggle",{oldState:e.oldState,newState:e.newState}))}else f()?t(this,w,"m",et).call(this,e):setTimeout(()=>t(this,w,"m",et).call(this,e),100)},et=function(i){t(this,A,"f")&&(t(this,M,"f")?.replaceChildren(...t(this,A,"f").childNodes),t(this,A,"f").remove(),t(this,A,"f").removeEventListener("toggle",t(this,x,"f")),t(this,A,"f").removeEventListener("pointerdown",t(this,U,"f")),e(this,A,void 0,"f"),t(this,w,"a",O)&&(t(this,w,"a",O).ariaExpanded="false",t(this,w,"a",O).removeAttribute("aria-controls"),t(this,w,"a",O).removeAttribute("aria-owns"),t(this,w,"a",O).removeAttribute("aria-activedescendant")),this.requestUpdate(),t(this,w,"a",j)?.notifyControlStateChange(),this.dispatchEvent(new ToggleEvent("toggle",{oldState:i.oldState,newState:i.newState})),"input"===t(this,w,"a",O)?.slot&&"M3E-INPUT-CHIP-SET"===t(this,w,"a",O).parentElement?.tagName&&t(this,w,"m",dt).call(this))},it=function(){if(t(this,A,"f")||!t(this,w,"a",O)||t(this,w,"a",O).readOnly||t(this,w,"a",O).disabled)return;const i=t(this,w,"m",ct).call(this);if(!t(this,w,"a",R))return;if(e(this,A,document.createElement("m3e-option-panel"),"f"),t(this,A,"f").id=t(this,L,"f"),this.panelClass)for(const e of this.panelClass.split(/\s+/).map(t=>t.trim()).filter(Boolean))t(this,A,"f").classList.add(e);t(this,A,"f").style.overflowX="hidden",t(this,A,"f").scrollStrategy="reposition",t(this,A,"f").fitAnchorWidth=!0,t(this,A,"f").addEventListener("toggle",t(this,x,"f")),t(this,A,"f").addEventListener("pointerdown",t(this,U,"f")),t(this,w,"m",st).call(this),t(this,w,"m",at).call(this,t(this,A,"f"),i),(t(this,w,"a",j)??t(this,w,"a",O)).insertAdjacentElement("afterend",t(this,A,"f")),t(this,w,"a",O).setAttribute("aria-controls",t(this,L,"f")),t(this,w,"a",O).setAttribute("aria-owns",t(this,L,"f")),t(this,w,"a",j)?.notifyControlStateChange(),this._listKeyManager.activeItem&&this.autoActivate&&t(this,w,"m",ht).call(this,this._listKeyManager.activeItem,!0);const s=t(this,w,"a",O);setTimeout(()=>t(this,A,"f")?.show(s,t(this,w,"a",j)?.menuAnchor))},st=function(){if(!t(this,M,"f")||!t(this,A,"f"))return;const e=[...t(this,M,"f").childNodes];if(!t(this,w,"a",H)&&this.noDataLabel){const t=document.createElement("span");t.slot="no-data",t.textContent=this.noDataLabel,e.push(t)}if(!t(this,w,"a",$)&&this.loadingLabel){const t=document.createElement("span");t.slot="loading",t.textContent=this.loadingLabel,e.push(t)}t(this,A,"f").replaceChildren(...e)},at=function(t,e){c(t,"-loading",this.loading),c(t,"-no-data",0==e)},nt=function(){t(this,A,"f")?.hide()},ht=function(e,i=!1){if(t(this,w,"a",O)&&(t(this,w,"a",O).setAttribute("aria-activedescendant",e.id),t(this,A,"f"))){u(e,t(this,A,"f"),{block:"nearest",behavior:"instant"});const s=i||!t(this,k,"f")&&(t(this,w,"a",O).matches(":focus-visible")||m());t(this,w,"a",B).forEach(t=>{t===e&&s?(t.focusRing?.show(),t.stateLayer?.show("focused")):(t.focusRing?.hide(),t.stateLayer?.hide("focused"))})}},ot=async function(t){const e=this._options[this._listKeyManager.items.indexOf(t)];e&&(e.selected=t.selected,e.isUpdatePending&&await e.updateComplete)},lt=async function(e){e.selected||(e.selected=!0,await t(this,w,"m",ot).call(this,e),e.isUpdatePending&&await e.updateComplete,this.requestUpdate(),this.isUpdatePending&&await this.updateComplete,t(this,w,"a",O)&&(t(this,w,"a",O).value=e.label),this.dispatchEvent(new Event("change",{bubbles:!0})),t(this,w,"a",j)?.notifyControlStateChange(!0))},rt=function(t,e,i,s){const a=this.caseSensitive?e.value:e.value.toLowerCase();switch(this.filter){case"starts-with":return t.term=s,t.highlightMode=this.filter,a.startsWith(i);case"ends-with":return t.term=s,t.highlightMode=this.filter,a.endsWith(i);case"contains":return t.term=s,t.highlightMode=this.filter,a.includes(i);case"none":return t.disableHighlight=!0,!0;default:return t.disableHighlight=!0,this.filter(e,s)}},ct=function(){if(!t(this,w,"a",O))return 0;const i=t(this,w,"a",B).filter(t=>!1===t.hidden).length,s=!this.loading&&t(this,S,"f");e(this,S,!1,"f");const a=t(this,w,"a",O).value,n=this.caseSensitive?a:a.toLocaleLowerCase();let h,o=0,l=!1;for(let e=0;e<t(this,w,"a",B).length;e++){const i=t(this,w,"a",B)[e],s=this._options[e];i.hidden=!t(this,w,"m",rt).call(this,i,s,n,a),!0===i.hidden?(t(this,w,"m",mt).call(this,i),d(i,"-first"),d(i,"-last")):(o++,l||i.parentElement instanceof y?(d(i,"-first"),h&&d(h,"-last"),p(i,"-last"),h=i):(p(i,"-first"),l=!0,p(i,"-last"),h=i))}t(this,A,"f")&&t(this,w,"m",at).call(this,t(this,A,"f"),o);const r=t(this,A,"f")?.querySelectorAll("m3e-optgroup")??t(this,M,"f")?.querySelectorAll("m3e-optgroup")??[];for(const t of r)t.hidden=[...t.querySelectorAll("m3e-option")].every(t=>!0===t.hidden);return s&&t(this,w,"m",ft).call(this,i,o),t(this,w,"m",ut).call(this),o},dt=function(){const e=this._listKeyManager.items.filter(t=>t.selected);return e.length>0&&(e.forEach(e=>{e.selected=!1,t(this,w,"m",ot).call(this,e)}),!0)},ft=function(e,i){if(t(this,_,"f"))if(0==i)e>0&&this.noDataLabel&&b.announce(this.noDataLabel,"polite");else if(e!=i){const t=this.resultsLabel instanceof Function?this.resultsLabel(i):this.resultsLabel;t&&b.announce(t,"polite")}},ut=function(){if(this.autoActivate&&(!this._listKeyManager.activeItem||!this._listKeyManager.activeItem.selected)){const e=t(this,w,"a",B).find(t=>!t.disabled&&!1===t.hidden);e&&(this._listKeyManager.setActiveItem(e),t(this,A,"f")&&u(e,t(this,A,"f"),{block:"nearest",behavior:"instant"}))}},mt=function(e){e.focusRing?.hide(),e.stateLayer?.hide("focused"),e===this._listKeyManager.activeItem&&(this._listKeyManager.updateActiveItem(null),t(this,w,"a",O)?.removeAttribute("aria-activedescendant"))},vt.styles=n`:host { display: contents; } .options { display: none; }`,vt.__nextId=0,i([h({attribute:"hide-selection-indicator",type:Boolean})],vt.prototype,"hideSelectionIndicator",void 0),i([h({type:Boolean,reflect:!0})],vt.prototype,"required",void 0),i([h({attribute:"auto-activate",type:Boolean})],vt.prototype,"autoActivate",void 0),i([h({attribute:"case-sensitive",type:Boolean})],vt.prototype,"caseSensitive",void 0),i([h({converter:{fromAttribute:t=>null===t?"contains":"starts-with"===t||"ends-with"===t||"contains"===t||"none"===t?t:"contains"}})],vt.prototype,"filter",void 0),i([h({type:Boolean})],vt.prototype,"loading",void 0),i([h({attribute:"hide-no-data",type:Boolean})],vt.prototype,"hideNoData",void 0),i([h({attribute:"hide-loading",type:Boolean})],vt.prototype,"hideLoading",void 0),i([h({attribute:"loading-label"})],vt.prototype,"loadingLabel",void 0),i([h({attribute:"no-data-label"})],vt.prototype,"noDataLabel",void 0),i([h({attribute:"results-label"})],vt.prototype,"resultsLabel",void 0),i([h({attribute:"panel-class"})],vt.prototype,"panelClass",void 0),vt=pt=i([v("m3e-autocomplete")],vt);export{vt as M3eAutocompleteElement};
 //# sourceMappingURL=autocomplete.min.js.map

package/dist/autocomplete.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.min.js","sources":["../../src/autocomplete/AutocompleteElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  HtmlFor,\r\n  prefersReducedMotion,\r\n  scrollIntoViewIfNeeded,\r\n  forcedColorsActive,\r\n  setCustomState,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  customElement,\r\n  MutationController,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager, M3eLiveAnnouncer } from \"@m3e/web/core/a11y\";\r\nimport { M3eOptGroupElement, M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\nimport type { M3eFormFieldElement } from \"@m3e/web/form-field\";\r\n\r\nimport { AutocompleteFilterMode } from \"./AutocompleteFilterMode\";\r\nimport { QueryEventDetail } from \"./QueryEventDetail\";\r\n\r\n/**\r\n * Enhances a text input with suggested options.\r\n *\r\n * @description\r\n * The `m3e-autocomplete` component augments a text input field with a dynamically positioned menu of filterable suggestions,\r\n * following Material Design 3 principles. It provides real-time filtering, keyboard navigation, automatic option activation,\r\n * and text highlighting to guide user selection. The component manages focus, selection state, and menu visibility while\r\n * integrating seamlessly with form field containers and supporting both required and optional selection modes.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-autocomplete` paired with a `m3e-form-field`.\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"fruit\">Choose your favorite fruit</label>\r\n *   <input id=\"fruit\" />\r\n * </m3e-form-field>\r\n * <m3e-autocomplete for=\"fruit\">\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-autocomplete>\r\n * ```\r\n *\r\n * @tag m3e-autocomplete\r\n *\r\n * @attr auto-activate - Whether the first option should be automatically activated.\r\n * @attr case-sensitive - Whether filtering is case sensitive.\r\n * @attr filter - Mode in which to filter options.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator.\r\n * @attr hide-loading - Whether to hide the menu when loading options.\r\n * @attr hide-no-data - Whether to hide the menu when there are no options to show.\r\n * @attr loading - Whether options are being loaded.\r\n * @attr loading-label - The text announced and presented when loading options.\r\n * @attr no-data-label - The text announced and presented when no options are available for the current term.\r\n * @attr panel-class - Class or list of classes to be applied to the autocomplete's overlay panel.\r\n * @attr required - Whether the user is required to make a selection when interacting with the autocomplete.\r\n * @attr results-label - The text announced when available options change for the current term.\r\n *\r\n * @slot - Renders the options of the autocomplete.\r\n * @slot loading - Renders content when loading options.\r\n * @slot no-data - Renders content when there are no options to show.\r\n *\r\n * @fires toggle - Emitted when the options menu opens or closes.\r\n * @fires query - Emitted when the input is focused or when the user modifies its value.\r\n */\r\n@customElement(\"m3e-autocomplete\")\r\nexport class M3eAutocompleteElement extends HtmlFor(LitElement) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: contents;\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ private static __nextId = 0;\r\n\r\n  /** @private */ readonly #id = `m3e-autocomplete-${M3eAutocompleteElement.__nextId}`;\r\n  /** @private */ readonly #menuId = `${this.#id}-menu`;\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreHideMenuOnBlur = false;\r\n  /** @private */ #inputChanged = false;\r\n  /** @private */ #hasFocus = false;\r\n  /** @private */ #mutationAbortController?: AbortController;\r\n\r\n  /** @private */ readonly #clickHandler = () => this.#handleClick();\r\n  /** @private */ readonly #formFieldPointerDownHandler = () => this.#handleFormFieldPointerDown();\r\n  /** @private */ readonly #focusHandler = () => this.#handleFocus();\r\n  /** @private */ readonly #blurHandler = () => this.#handleBlur();\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #inputHandler = (e: Event) => this.#handleInput(e);\r\n  /** @private */ readonly #changeHandler = () => this.#handleChange();\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: PointerEvent) => 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    .withSkipPredicate((item) => item.disabled || item.hidden)\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  constructor() {\r\n    super();\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.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether the user is required to make a selection when interacting with the autocomplete.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) required = false;\r\n\r\n  /**\r\n   * Whether the first option should be automatically activated.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"auto-activate\", type: Boolean }) autoActivate = false;\r\n\r\n  /**\r\n   * Whether filtering is case sensitive.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"case-sensitive\", type: Boolean }) caseSensitive = false;\r\n\r\n  /**\r\n   * Mode in which to filter options.\r\n   * @default \"contains\"\r\n   */\r\n  @property({\r\n    converter: {\r\n      fromAttribute(value: string | null): AutocompleteFilterMode {\r\n        if (value === null) return \"contains\";\r\n        if (value === \"starts-with\" || value === \"ends-with\" || value === \"contains\" || value === \"none\") {\r\n          return value;\r\n        }\r\n        return \"contains\";\r\n      },\r\n    },\r\n  })\r\n  filter: AutocompleteFilterMode | ((option: M3eOptionElement, term: string) => boolean) = \"contains\";\r\n\r\n  /**\r\n   * Whether options are being loaded.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) loading = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when there are no options to show.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-no-data\", type: Boolean }) hideNoData = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when loading options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-loading\", type: Boolean }) hideLoading = false;\r\n\r\n  /**\r\n   * The text announced and presented when loading options.\r\n   * @default \"Loading...\"\r\n   */\r\n  @property({ attribute: \"loading-label\" }) loadingLabel = \"Loading...\";\r\n\r\n  /**\r\n   * The text announced and presented when no options are available for the current term.\r\n   * @default \"No options\"\r\n   */\r\n  @property({ attribute: \"no-data-label\" }) noDataLabel = \"No options\";\r\n\r\n  /**\r\n   * The text announced when available options change for the current term.\r\n   * @default (count) => `${count} options`\r\n   */\r\n  @property({ attribute: \"results-label\" }) resultsLabel: string | ((count: number) => string) = (count) =>\r\n    `${count} options`;\r\n\r\n  /**\r\n   * Class or list of classes to be applied to the autocomplete's overlay panel.\r\n   * @default \"\"\r\n   */\r\n  @property({ attribute: \"panel-class\" }) panelClass = \"\";\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  /** @private */\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  /** @private */\r\n  get #input(): HTMLInputElement | null {\r\n    return this.control ? <HTMLInputElement>this.control : null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasNoDataSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='no-data']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasLoadingSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='loading']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #shouldShowMenu(): boolean {\r\n    return (\r\n      this.#options.some((x) => !x.hidden) ||\r\n      (this.loading && !this.hideLoading && this.loadingLabel.length > 0) ||\r\n      (!this.loading && !this.hideNoData && this.noDataLabel.length > 0)\r\n    );\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.control?.clientWidth ?? 0)}px`;\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.control?.closest(\"m3e-form-field\") ?? null;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override attach(control: HTMLElement): void {\r\n    if (!(control instanceof HTMLInputElement)) return;\r\n\r\n    super.attach(control);\r\n\r\n    control.autocomplete = \"off\";\r\n    control.role = \"combobox\";\r\n    control.ariaAutoComplete = \"list\";\r\n    control.ariaExpanded = \"false\";\r\n\r\n    control.addEventListener(\"click\", this.#clickHandler);\r\n    control.addEventListener(\"focus\", this.#focusHandler);\r\n    control.addEventListener(\"blur\", this.#blurHandler);\r\n    control.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    control.addEventListener(\"input\", this.#inputHandler);\r\n    control.addEventListener(\"change\", this.#changeHandler);\r\n\r\n    this.#formField?.addEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override detach(): void {\r\n    if (this.control) {\r\n      this.#formField?.removeEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n\r\n      this.control.role = null;\r\n      this.control.ariaAutoComplete = null;\r\n      this.control.ariaExpanded = null;\r\n\r\n      this.control.removeEventListener(\"click\", this.#clickHandler);\r\n      this.control.removeEventListener(\"focus\", this.#focusHandler);\r\n      this.control.removeEventListener(\"blur\", this.#blurHandler);\r\n      this.control.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n      this.control.removeEventListener(\"input\", this.#inputHandler);\r\n      this.control.removeEventListener(\"change\", this.#changeHandler);\r\n    }\r\n    super.detach();\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    if (!this.#input) return;\r\n\r\n    this.#input.value = \"\";\r\n    this.#filterOptions();\r\n\r\n    if (restoreFocus) {\r\n      this.#input.focus();\r\n    } else {\r\n      this.#hideMenu();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    this.#handleMutation();\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(\"hideNoData\") && this.hideNoData && this.#menu) {\r\n      setCustomState(this.#menu, \"-no-data\", false);\r\n    }\r\n\r\n    if (changedProperties.has(\"loading\")) {\r\n      if (this.loading) {\r\n        if (this.#hasFocus) {\r\n          if (this.loadingLabel) {\r\n            M3eLiveAnnouncer.announce(this.loadingLabel, \"polite\");\r\n          }\r\n          if (!this.#menu && this.#shouldShowMenu) {\r\n            this.#showMenu();\r\n          }\r\n        }\r\n      } else if (this.#menu && !this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else if (this.#menu) {\r\n        deleteCustomState(this.#menu, \"-loading\");\r\n      } else if (this.#hasFocus) {\r\n        this.#showMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"options\" aria-hidden=\"true\">\r\n      <slot></slot>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  async #handleMutation(): Promise<void> {\r\n    if (this.#mutationAbortController) {\r\n      this.#mutationAbortController.abort();\r\n    }\r\n    const mutationAbortController = new AbortController();\r\n    this.#mutationAbortController = mutationAbortController;\r\n\r\n    const options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    for (const option of options) {\r\n      if (mutationAbortController.signal.aborted) {\r\n        break;\r\n      }\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n\r\n    if (mutationAbortController.signal.aborted) {\r\n      return;\r\n    }\r\n\r\n    this._options = options;\r\n\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    if (this.#menu) {\r\n      const count = this.#filterOptions();\r\n      this.#projectClone();\r\n      if (!this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else {\r\n        this.#updateMenuState(this.#menu, count);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleFormFieldPointerDown(): void {\r\n    this.#ignoreHideMenuOnBlur = true;\r\n  }\r\n\r\n  /** @private */\r\n  #handleFocus(): void {\r\n    this.#hasFocus = true;\r\n    this.#ignoreFocusVisible = true;\r\n\r\n    if (this.options.length == 0 && !(<HTMLInputElement>this.control).readOnly) {\r\n      this.dispatchEvent(\r\n        new CustomEvent<QueryEventDetail>(\"query\", {\r\n          detail: { term: this.#input?.value ?? \"\" },\r\n          bubbles: true,\r\n          composed: true,\r\n        }),\r\n      );\r\n    }\r\n\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleBlur(): void {\r\n    this.#hasFocus = false;\r\n    if (!this.#ignoreHideMenuOnBlur) {\r\n      this.#hideMenu();\r\n    }\r\n    this.#ignoreHideMenuOnBlur = false;\r\n  }\r\n\r\n  /** @private */\r\n  #handleInput(e: Event): void {\r\n    if (!this.#input || e.defaultPrevented) return;\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent<QueryEventDetail>(\"query\", {\r\n        detail: { term: this.#input.value },\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n\r\n    this.#inputChanged = true;\r\n    try {\r\n      if (!this.#menu) {\r\n        this.#showMenu();\r\n      } else {\r\n        this.#filterOptions();\r\n        if (!this.#shouldShowMenu) {\r\n          this.#hideMenu();\r\n        }\r\n      }\r\n    } finally {\r\n      this.#inputChanged = false;\r\n      this.#formField?.notifyControlStateChange(true);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleChange(): void {\r\n    if (this.#input && this.required && !this.#options.some((x) => x.selected && !x.disabled)) {\r\n      this.#input.value = \"\";\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \"Backspace\":\r\n      case \"Delete\":\r\n        if (this.#input && !this.#input.value) {\r\n          this.#hideMenu();\r\n        }\r\n        break;\r\n\r\n      case \"Enter\":\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          e.preventDefault();\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n          if (!prefersReducedMotion()) {\r\n            setTimeout(() => this.#hideMenu(), 150);\r\n          } else {\r\n            this.#hideMenu();\r\n          }\r\n        } else if (this.#menu) {\r\n          setTimeout(() => {\r\n            if (this.#input && !this.#input.value) {\r\n              this.#hideMenu();\r\n            }\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 \"Up\":\r\n      case \"ArrowUp\":\r\n        if (e.altKey) {\r\n          this.#hideMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n        if (!this.#menu) {\r\n          this.#showMenu();\r\n          e.preventDefault();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: PointerEvent): 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._listKeyManager.setActiveItem(option);\r\n      this.#selectOption(option);\r\n      if (!prefersReducedMotion()) {\r\n        setTimeout(() => this.#hideMenu(), 150);\r\n      } else {\r\n        this.#hideMenu();\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.#options.find((x) => x.selected && !x.disabled);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        scrollIntoViewIfNeeded(option, this.#menu);\r\n      } else {\r\n        this.#autoActivate();\r\n      }\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\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    if (this.#input) {\r\n      this.#input.ariaExpanded = \"false\";\r\n      this.#input.removeAttribute(\"aria-controls\");\r\n      this.#input.removeAttribute(\"aria-owns\");\r\n    }\r\n    this.requestUpdate();\r\n\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  #showMenu(): void {\r\n    if (this.#menu || !this.#input || this.#input.readOnly || this.#input.disabled) return;\r\n\r\n    const count = this.#filterOptions();\r\n\r\n    if (!this.#shouldShowMenu) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    this.#menu.id = this.#menuId;\r\n\r\n    if (this.panelClass) {\r\n      for (const klass of this.panelClass\r\n        .split(/\\s+/)\r\n        .map((d) => d.trim())\r\n        .filter(Boolean)) {\r\n        this.#menu.classList.add(klass);\r\n      }\r\n    }\r\n\r\n    this.#menu.scrollStrategy = \"reposition\";\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    this.#projectClone();\r\n\r\n    this.#updateMenuState(this.#menu, count);\r\n\r\n    (this.#formField ?? this.#input).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.#input.setAttribute(\"aria-controls\", this.#menuId);\r\n    this.#input.setAttribute(\"aria-owns\", this.#menuId);\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    if (this._listKeyManager.activeItem && this.autoActivate) {\r\n      this.#activateOption(this._listKeyManager.activeItem, true);\r\n    }\r\n\r\n    const input = this.#input;\r\n    setTimeout(() => this.#menu?.show(input, this.#formField?.menuAnchor));\r\n  }\r\n\r\n  /** @private */\r\n  #projectClone(): void {\r\n    if (!this.#clone || !this.#menu) return;\r\n    const children = [...this.#clone.childNodes];\r\n    if (!this.#hasNoDataSlot && this.noDataLabel) {\r\n      const noDataSpan = document.createElement(\"span\");\r\n      noDataSpan.slot = \"no-data\";\r\n      noDataSpan.textContent = this.noDataLabel;\r\n      children.push(noDataSpan);\r\n    }\r\n    if (!this.#hasLoadingSlot && this.loadingLabel) {\r\n      const loadingSpan = document.createElement(\"span\");\r\n      loadingSpan.slot = \"loading\";\r\n      loadingSpan.textContent = this.loadingLabel;\r\n      children.push(loadingSpan);\r\n    }\r\n    this.#menu.replaceChildren(...children);\r\n  }\r\n\r\n  /** @private */\r\n  #updateMenuState(menu: M3eOptionPanelElement, count: number): void {\r\n    setCustomState(menu, \"-loading\", this.loading);\r\n    setCustomState(menu, \"-no-data\", count == 0);\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    this.#menu?.hide();\r\n    this.#input?.removeAttribute(\"aria-activedescendant\");\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement, forceFocusVisible = false): void {\r\n    if (!this.#input) return;\r\n\r\n    this.#input.setAttribute(\"aria-activedescendant\", option.id);\r\n\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible =\r\n        forceFocusVisible ||\r\n        (!this.#ignoreFocusVisible && (this.#input.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  async #updateSelectionState(clone: M3eOptionElement): Promise<void> {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #selectOption(option: M3eOptionElement): Promise<void> {\r\n    if (option.selected) return;\r\n\r\n    option.selected = true;\r\n    await this.#updateSelectionState(option);\r\n    if (option.isUpdatePending) {\r\n      await option.updateComplete;\r\n    }\r\n\r\n    this.requestUpdate();\r\n    if (this.isUpdatePending) {\r\n      await this.updateComplete;\r\n    }\r\n\r\n    if (this.#input) {\r\n      this.#input.value = option.value;\r\n    }\r\n\r\n    this.#formField?.notifyControlStateChange(true);\r\n  }\r\n\r\n  /** @private */\r\n  #filterOption(clone: M3eOptionElement, option: M3eOptionElement, term: string, exactTerm: string): boolean {\r\n    const value = this.caseSensitive ? option.value : option.value.toLowerCase();\r\n    switch (this.filter) {\r\n      case \"starts-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.startsWith(term);\r\n      case \"ends-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.endsWith(term);\r\n      case \"contains\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.includes(term);\r\n      case \"none\":\r\n        clone.disableHighlight = true;\r\n        return true;\r\n      default:\r\n        clone.disableHighlight = true;\r\n        return this.filter(option, exactTerm);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #filterOptions(): number {\r\n    if (!this.#input) return 0;\r\n\r\n    const oldCount = this.#options.filter((x) => !x.hidden).length;\r\n    const shouldAnnounce = !this.loading && this.#inputChanged;\r\n    this.#inputChanged = false;\r\n\r\n    const exactTerm = this.#input.value;\r\n    const term = this.caseSensitive ? exactTerm : exactTerm.toLocaleLowerCase();\r\n\r\n    let newCount = 0;\r\n    let first = false;\r\n    let last: M3eOptionElement | undefined;\r\n\r\n    for (let i = 0; i < this.#options.length; i++) {\r\n      const clone = this.#options[i];\r\n      const option = this._options[i];\r\n      clone.hidden = !this.#filterOption(clone, option, term, exactTerm);\r\n\r\n      if (clone.hidden) {\r\n        this.#deactivateOption(clone);\r\n        deleteCustomState(clone, \"-first\");\r\n        deleteCustomState(clone, \"-last\");\r\n      } else {\r\n        newCount++;\r\n        if (!first && !(clone.parentElement instanceof M3eOptGroupElement)) {\r\n          addCustomState(clone, \"-first\");\r\n          first = true;\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        } else {\r\n          deleteCustomState(clone, \"-first\");\r\n          if (last) {\r\n            deleteCustomState(last, \"-last\");\r\n          }\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        }\r\n      }\r\n\r\n      if (clone.selected && option.value !== exactTerm) {\r\n        clone.selected = false;\r\n        this.#updateSelectionState(clone);\r\n      }\r\n    }\r\n\r\n    if (this.#menu) {\r\n      this.#updateMenuState(this.#menu, newCount);\r\n    }\r\n\r\n    const groups = this.#menu?.querySelectorAll(\"m3e-optgroup\") ?? this.#clone?.querySelectorAll(\"m3e-optgroup\") ?? [];\r\n    for (const group of groups) {\r\n      group.hidden = [...group.querySelectorAll(\"m3e-option\")].every((x) => x.hidden);\r\n    }\r\n\r\n    if (shouldAnnounce) {\r\n      this.#announceResults(oldCount, newCount);\r\n    }\r\n\r\n    this.#autoActivate();\r\n    return newCount;\r\n  }\r\n\r\n  /** @private */\r\n  #announceResults(oldCount: number, newCount: number): void {\r\n    if (!this.#hasFocus) return;\r\n    if (newCount == 0) {\r\n      if (oldCount > 0 && this.noDataLabel) {\r\n        M3eLiveAnnouncer.announce(this.noDataLabel, \"polite\");\r\n      }\r\n    } else if (oldCount != newCount) {\r\n      const message = this.resultsLabel instanceof Function ? this.resultsLabel(newCount) : this.resultsLabel;\r\n      if (message) {\r\n        M3eLiveAnnouncer.announce(message, \"polite\");\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #autoActivate(): void {\r\n    if (this.autoActivate && (!this._listKeyManager.activeItem || !this._listKeyManager.activeItem.selected)) {\r\n      const option = this.#options.find((x) => !x.disabled && !x.hidden);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        if (this.#menu) {\r\n          scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #deactivateOption(option: M3eOptionElement): void {\r\n    option.focusRing?.hide();\r\n    option.stateLayer?.hide(\"focused\");\r\n    if (option === this._listKeyManager.activeItem) {\r\n      this._listKeyManager.updateActiveItem(null);\r\n      this.#input?.removeAttribute(\"aria-activedescendant\");\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eAutocompleteElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n  query: CustomEvent<QueryEventDetail>;\r\n}\r\n\r\nexport interface M3eAutocompleteElement {\r\n  addEventListener<K extends keyof M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[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 M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[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-autocomplete\": M3eAutocompleteElement;\r\n  }\r\n}\r\n"],"names":["M3eAutocompleteElement","HtmlFor","LitElement","constructor","super","_M3eAutocompleteElement_id","set","this","M3eAutocompleteElement_1","__nextId","_M3eAutocompleteElement_menuId","__classPrivateFieldGet","_options","Array","_M3eAutocompleteElement_clone","_M3eAutocompleteElement_ignoreFocusVisible","_M3eAutocompleteElement_menu","_M3eAutocompleteElement_ignoreHideMenuOnBlur","_M3eAutocompleteElement_inputChanged","_M3eAutocompleteElement_hasFocus","_M3eAutocompleteElement_mutationAbortController","_M3eAutocompleteElement_clickHandler","_M3eAutocompleteElement_instances","_M3eAutocompleteElement_handleClick","call","_M3eAutocompleteElement_formFieldPointerDownHandler","_M3eAutocompleteElement_handleFormFieldPointerDown","_M3eAutocompleteElement_focusHandler","_M3eAutocompleteElement_handleFocus","_M3eAutocompleteElement_blurHandler","_M3eAutocompleteElement_handleBlur","_M3eAutocompleteElement_keyDownHandler","e","_M3eAutocompleteElement_inputHandler","_M3eAutocompleteElement_changeHandler","_M3eAutocompleteElement_handleChange","_M3eAutocompleteElement_menuToggleHandler","_M3eAutocompleteElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withSkipPredicate","item","disabled","hidden","onActiveItemChange","activeItem","_M3eAutocompleteElement_activateOption","hideSelectionIndicator","required","autoActivate","caseSensitive","filter","loading","hideNoData","hideLoading","loadingLabel","noDataLabel","resultsLabel","count","panelClass","MutationController","config","childList","subtree","callback","_M3eAutocompleteElement_handleMutation","options","attach","control","HTMLInputElement","autocomplete","role","ariaAutoComplete","ariaExpanded","addEventListener","_M3eAutocompleteElement_formField_get","detach","removeEventListener","clear","restoreFocus","_M3eAutocompleteElement_input_get","value","_M3eAutocompleteElement_filterOptions","focus","_M3eAutocompleteElement_hideMenu","connectedCallback","update","changedProperties","has","setCustomState","M3eLiveAnnouncer","announce","_M3eAutocompleteElement_shouldShowMenu_get","_M3eAutocompleteElement_showMenu","deleteCustomState","render","html","items","querySelector","_M3eAutocompleteElement_options_get","some","x","length","formField","menuAnchor","clientWidth","closest","async","abort","mutationAbortController","AbortController","__classPrivateFieldSet","querySelectorAll","option","signal","aborted","isUpdatePending","updateComplete","cloneNode","added","setItems","forEach","id","indexOf","_M3eAutocompleteElement_projectClone","_M3eAutocompleteElement_updateMenuState","readOnly","dispatchEvent","CustomEvent","detail","term","bubbles","composed","defaultPrevented","notifyControlStateChange","selected","key","preventDefault","_M3eAutocompleteElement_selectOption","prefersReducedMotion","setTimeout","altKey","onKeyDown","button","stopImmediatePropagation","composedPath","find","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","_M3eAutocompleteElement_autoActivate","ToggleEvent","oldState","_M3eAutocompleteElement_destroyMenu","replaceChildren","childNodes","remove","undefined","removeAttribute","requestUpdate","document","createElement","klass","split","map","d","trim","Boolean","classList","add","scrollStrategy","style","overflowX","minWidth","_M3eAutocompleteElement_minMenuWidth_get","insertAdjacentElement","setAttribute","input","show","children","_M3eAutocompleteElement_hasNoDataSlot_get","noDataSpan","slot","textContent","push","_M3eAutocompleteElement_hasLoadingSlot_get","loadingSpan","menu","hide","forceFocusVisible","block","behavior","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","clone","_M3eAutocompleteElement_updateSelectionState","_M3eAutocompleteElement_filterOption","exactTerm","toLowerCase","highlightMode","startsWith","endsWith","includes","disableHighlight","oldCount","shouldAnnounce","toLocaleLowerCase","last","newCount","first","i","_M3eAutocompleteElement_deactivateOption","parentElement","M3eOptGroupElement","addCustomState","groups","group","every","_M3eAutocompleteElement_announceResults","message","Function","updateActiveItem","styles","css","__decorate","property","attribute","type","prototype","reflect","converter","fromAttribute","customElement"],"mappings":"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"}
+{"version":3,"file":"autocomplete.min.js","sources":["../../src/autocomplete/AutocompleteElement.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */\r\nimport { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  HtmlFor,\r\n  prefersReducedMotion,\r\n  scrollIntoViewIfNeeded,\r\n  forcedColorsActive,\r\n  setCustomState,\r\n  deleteCustomState,\r\n  addCustomState,\r\n  customElement,\r\n  MutationController,\r\n  EventAttribute,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { ListKeyManager, M3eLiveAnnouncer } from \"@m3e/web/core/a11y\";\r\nimport { M3eOptGroupElement, M3eOptionElement, M3eOptionPanelElement } from \"@m3e/web/option\";\r\nimport type { M3eFormFieldElement } from \"@m3e/web/form-field\";\r\n\r\nimport { AutocompleteFilterMode } from \"./AutocompleteFilterMode\";\r\nimport { AutocompleteQueryEventDetail } from \"./AutocompleteQueryEventDetail\";\r\n\r\n/**\r\n * Enhances a text input with suggested options.\r\n *\r\n * @description\r\n * The `m3e-autocomplete` component augments a text input field with a dynamically positioned menu of filterable suggestions,\r\n * following Material Design 3 principles. It provides real-time filtering, keyboard navigation, automatic option activation,\r\n * and text highlighting to guide user selection. The component manages focus, selection state, and menu visibility while\r\n * integrating seamlessly with form field containers and supporting both required and optional selection modes.\r\n *\r\n * @example\r\n * The following example illustrates use of the `m3e-autocomplete` paired with a `m3e-form-field`.\r\n * ```html\r\n * <m3e-form-field>\r\n *   <label slot=\"label\" for=\"fruit\">Choose your favorite fruit</label>\r\n *   <input id=\"fruit\" />\r\n * </m3e-form-field>\r\n * <m3e-autocomplete for=\"fruit\">\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-autocomplete>\r\n * ```\r\n *\r\n * @tag m3e-autocomplete\r\n *\r\n * @attr auto-activate - Whether the first option should be automatically activated.\r\n * @attr case-sensitive - Whether filtering is case sensitive.\r\n * @attr filter - Mode in which to filter options.\r\n * @attr hide-selection-indicator - Whether to hide the selection indicator.\r\n * @attr hide-loading - Whether to hide the menu when loading options.\r\n * @attr hide-no-data - Whether to hide the menu when there are no options to show.\r\n * @attr loading - Whether options are being loaded.\r\n * @attr loading-label - The text announced and presented when loading options.\r\n * @attr no-data-label - The text announced and presented when no options are available for the current term.\r\n * @attr panel-class - Class or list of classes to be applied to the autocomplete's overlay panel.\r\n * @attr required - Whether the user is required to make a selection when interacting with the autocomplete.\r\n * @attr results-label - The text announced when available options change for the current term.\r\n *\r\n * @slot - Renders the options of the autocomplete.\r\n * @slot loading - Renders content when loading options.\r\n * @slot no-data - Renders content when there are no options to show.\r\n *\r\n * @fires toggle - Emitted when the options menu opens or closes.\r\n * @fires query - Emitted when the input is focused or when the user modifies its value.\r\n * @fires change - Emitted when the committed value changes due to selecting an option or clearing the input.\r\n */\r\n@customElement(\"m3e-autocomplete\")\r\nexport class M3eAutocompleteElement extends EventAttribute(HtmlFor(LitElement), \"query\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: contents;\r\n    }\r\n    .options {\r\n      display: none;\r\n    }\r\n  `;\r\n\r\n  /** @private */ private static __nextId = 0;\r\n\r\n  /** @private */ readonly #id = `m3e-autocomplete-${M3eAutocompleteElement.__nextId}`;\r\n  /** @private */ readonly #menuId = `${this.#id}-menu`;\r\n  /** @private */ private _options = new Array<M3eOptionElement>();\r\n  /** @private */ #clone?: HTMLElement;\r\n  /** @private */ #ignoreFocusVisible = false;\r\n  /** @private */ #menu?: M3eOptionPanelElement;\r\n  /** @private */ #ignoreHideMenuOnBlur = false;\r\n  /** @private */ #inputChanged = false;\r\n  /** @private */ #hasFocus = false;\r\n  /** @private */ #mutationAbortController?: AbortController;\r\n\r\n  /** @private */ readonly #clickHandler = () => this.#handleClick();\r\n  /** @private */ readonly #formFieldPointerDownHandler = () => this.#handleFormFieldPointerDown();\r\n  /** @private */ readonly #focusHandler = () => this.#handleFocus();\r\n  /** @private */ readonly #blurHandler = () => this.#handleBlur();\r\n  /** @private */ readonly #keyDownHandler = (e: KeyboardEvent) => this.#handleKeyDown(e);\r\n  /** @private */ readonly #inputHandler = (e: Event) => this.#handleInput(e);\r\n  /** @private */ readonly #changeHandler = () => this.#handleChange();\r\n  /** @private */ readonly #menuToggleHandler = (e: ToggleEvent) => this.#handleMenuToggle(e);\r\n  /** @private */ readonly #menuPointerDownHandler = (e: PointerEvent) => 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    .withSkipPredicate((item) => item.disabled || item.hidden === true)\r\n    .onActiveItemChange(() => {\r\n      if (this._listKeyManager.activeItem) {\r\n        this.#activateOption(this._listKeyManager.activeItem);\r\n      }\r\n    });\r\n\r\n  constructor() {\r\n    super();\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.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-selection-indicator\", type: Boolean }) hideSelectionIndicator = false;\r\n\r\n  /**\r\n   * Whether the user is required to make a selection when interacting with the autocomplete.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) required = false;\r\n\r\n  /**\r\n   * Whether the first option should be automatically activated.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"auto-activate\", type: Boolean }) autoActivate = false;\r\n\r\n  /**\r\n   * Whether filtering is case sensitive.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"case-sensitive\", type: Boolean }) caseSensitive = false;\r\n\r\n  /**\r\n   * Mode in which to filter options.\r\n   * @default \"contains\"\r\n   */\r\n  @property({\r\n    converter: {\r\n      fromAttribute(value: string | null): AutocompleteFilterMode {\r\n        if (value === null) return \"contains\";\r\n        if (value === \"starts-with\" || value === \"ends-with\" || value === \"contains\" || value === \"none\") {\r\n          return value;\r\n        }\r\n        return \"contains\";\r\n      },\r\n    },\r\n  })\r\n  filter: AutocompleteFilterMode | ((option: M3eOptionElement, term: string) => boolean) = \"contains\";\r\n\r\n  /**\r\n   * Whether options are being loaded.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) loading = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when there are no options to show.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-no-data\", type: Boolean }) hideNoData = false;\r\n\r\n  /**\r\n   * Whether to hide the menu when loading options.\r\n   * @default false\r\n   */\r\n  @property({ attribute: \"hide-loading\", type: Boolean }) hideLoading = false;\r\n\r\n  /**\r\n   * The text announced and presented when loading options.\r\n   * @default \"Loading...\"\r\n   */\r\n  @property({ attribute: \"loading-label\" }) loadingLabel = \"Loading...\";\r\n\r\n  /**\r\n   * The text announced and presented when no options are available for the current term.\r\n   * @default \"No options\"\r\n   */\r\n  @property({ attribute: \"no-data-label\" }) noDataLabel = \"No options\";\r\n\r\n  /**\r\n   * The text announced when available options change for the current term.\r\n   * @default (count) => `${count} options`\r\n   */\r\n  @property({ attribute: \"results-label\" }) resultsLabel: string | ((count: number) => string) = (count) =>\r\n    `${count} options`;\r\n\r\n  /**\r\n   * Class or list of classes to be applied to the autocomplete's overlay panel.\r\n   * @default \"\"\r\n   */\r\n  @property({ attribute: \"panel-class\" }) panelClass = \"\";\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. */\r\n  get selected(): M3eOptionElement | null {\r\n    return this.options.find((x) => x.selected) ?? null;\r\n  }\r\n\r\n  /** The selected (enabled) value. */\r\n  get value(): string | null {\r\n    const selected = this.selected;\r\n    return selected && !selected.disabled ? selected.value : null;\r\n  }\r\n\r\n  /** @private */\r\n  get #options(): readonly M3eOptionElement[] {\r\n    return this._listKeyManager?.items ?? [];\r\n  }\r\n\r\n  /** @private */\r\n  get #input(): HTMLInputElement | null {\r\n    return this.control ? <HTMLInputElement>this.control : null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasNoDataSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='no-data']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #hasLoadingSlot(): boolean {\r\n    return (this.#clone?.querySelector(\"[slot='loading']\") ?? null) !== null;\r\n  }\r\n\r\n  /** @private */\r\n  get #shouldShowMenu(): boolean {\r\n    return (\r\n      this.#options.some((x) => x.hidden === false) ||\r\n      (this.loading && !this.hideLoading && this.loadingLabel.length > 0) ||\r\n      (!this.loading && !this.hideNoData && this.noDataLabel.length > 0)\r\n    );\r\n  }\r\n\r\n  /** @private */\r\n  get #formField(): M3eFormFieldElement | null {\r\n    return this.control?.closest(\"m3e-form-field\") ?? null;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override attach(control: HTMLElement): void {\r\n    if (!(control instanceof HTMLInputElement)) return;\r\n\r\n    super.attach(control);\r\n\r\n    control.autocomplete = \"off\";\r\n    control.role = \"combobox\";\r\n    control.ariaAutoComplete = \"list\";\r\n    control.ariaExpanded = \"false\";\r\n\r\n    control.addEventListener(\"click\", this.#clickHandler);\r\n    control.addEventListener(\"focus\", this.#focusHandler);\r\n    control.addEventListener(\"blur\", this.#blurHandler);\r\n    control.addEventListener(\"keydown\", this.#keyDownHandler);\r\n    control.addEventListener(\"input\", this.#inputHandler);\r\n    control.addEventListener(\"change\", this.#changeHandler);\r\n\r\n    this.#formField?.addEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override detach(): void {\r\n    if (this.control) {\r\n      this.#formField?.removeEventListener(\"pointerdown\", this.#formFieldPointerDownHandler);\r\n\r\n      this.control.role = null;\r\n      this.control.ariaAutoComplete = null;\r\n      this.control.ariaExpanded = null;\r\n\r\n      this.control.removeEventListener(\"click\", this.#clickHandler);\r\n      this.control.removeEventListener(\"focus\", this.#focusHandler);\r\n      this.control.removeEventListener(\"blur\", this.#blurHandler);\r\n      this.control.removeEventListener(\"keydown\", this.#keyDownHandler);\r\n      this.control.removeEventListener(\"input\", this.#inputHandler);\r\n      this.control.removeEventListener(\"change\", this.#changeHandler);\r\n    }\r\n    super.detach();\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    if (!this.#input) return;\r\n\r\n    this.#input.value = \"\";\r\n    if (this.#clearOptions()) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n    this.#filterOptions();\r\n\r\n    if (restoreFocus) {\r\n      this.#input.focus();\r\n    } else {\r\n      this.#hideMenu();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n    this.#handleMutation();\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(\"hideNoData\") && this.hideNoData && this.#menu) {\r\n      setCustomState(this.#menu, \"-no-data\", false);\r\n    }\r\n\r\n    if (changedProperties.has(\"loading\")) {\r\n      if (this.loading) {\r\n        if (this.#hasFocus) {\r\n          if (this.loadingLabel) {\r\n            M3eLiveAnnouncer.announce(this.loadingLabel, \"polite\");\r\n          }\r\n          if (!this.#menu && this.#shouldShowMenu) {\r\n            this.#showMenu();\r\n          }\r\n        }\r\n      } else if (this.#menu && !this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else if (this.#menu) {\r\n        deleteCustomState(this.#menu, \"-loading\");\r\n      } else if (this.#hasFocus) {\r\n        this.#showMenu();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"options\" aria-hidden=\"true\">\r\n      <slot></slot>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  async #handleMutation(): Promise<void> {\r\n    if (this.#mutationAbortController) {\r\n      this.#mutationAbortController.abort();\r\n    }\r\n    const mutationAbortController = new AbortController();\r\n    this.#mutationAbortController = mutationAbortController;\r\n\r\n    const options = [...this.querySelectorAll(\"m3e-option\")];\r\n\r\n    for (const option of options) {\r\n      if (mutationAbortController.signal.aborted) {\r\n        break;\r\n      }\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n\r\n    if (mutationAbortController.signal.aborted) {\r\n      return;\r\n    }\r\n\r\n    this._options = options;\r\n\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    if (this.#menu) {\r\n      const count = this.#filterOptions();\r\n      this.#projectClone();\r\n      if (!this.#shouldShowMenu) {\r\n        this.#hideMenu();\r\n      } else {\r\n        this.#updateMenuState(this.#menu, count);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(): void {\r\n    this.#ignoreFocusVisible = true;\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleFormFieldPointerDown(): void {\r\n    this.#ignoreHideMenuOnBlur = true;\r\n  }\r\n\r\n  /** @private */\r\n  #handleFocus(): void {\r\n    this.#hasFocus = true;\r\n    this.#ignoreFocusVisible = true;\r\n\r\n    if (this.options.length == 0 && !(<HTMLInputElement>this.control).readOnly) {\r\n      this.dispatchEvent(\r\n        new CustomEvent<AutocompleteQueryEventDetail>(\"query\", {\r\n          detail: { term: this.#input?.value ?? \"\" },\r\n          bubbles: true,\r\n          composed: true,\r\n        }),\r\n      );\r\n    }\r\n\r\n    this.#showMenu();\r\n  }\r\n\r\n  /** @private */\r\n  #handleBlur(): void {\r\n    this.#hasFocus = false;\r\n    if (!this.#ignoreHideMenuOnBlur) {\r\n      this.#hideMenu();\r\n    }\r\n    this.#ignoreHideMenuOnBlur = false;\r\n  }\r\n\r\n  /** @private */\r\n  #handleInput(e: Event): void {\r\n    if (!this.#input || e.defaultPrevented) return;\r\n\r\n    this.dispatchEvent(\r\n      new CustomEvent<AutocompleteQueryEventDetail>(\"query\", {\r\n        detail: { term: this.#input.value },\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n\r\n    if (this.#input.value === \"\" && this.#clearOptions()) {\r\n      this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n    }\r\n\r\n    this.#inputChanged = true;\r\n    try {\r\n      if (!this.#menu) {\r\n        this.#showMenu();\r\n      } else {\r\n        this.#filterOptions();\r\n        if (!this.#shouldShowMenu) {\r\n          this.#hideMenu();\r\n        }\r\n      }\r\n    } finally {\r\n      this.#inputChanged = false;\r\n      this.#formField?.notifyControlStateChange(true);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleChange(): void {\r\n    if (this.#input) {\r\n      const selected = this.selected;\r\n      if (this.required) {\r\n        this.#input.value = selected?.label ?? \"\";\r\n      } else if (selected && selected.label !== this.#input.value && this.#clearOptions()) {\r\n        this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    if (e.defaultPrevented) return;\r\n\r\n    this.#ignoreFocusVisible = false;\r\n\r\n    switch (e.key) {\r\n      case \"Backspace\":\r\n      case \"Delete\":\r\n        if (this.#input && !this.#input.value) {\r\n          this.#hideMenu();\r\n        }\r\n        break;\r\n\r\n      case \"Enter\":\r\n        if (this.#menu && this._listKeyManager.activeItem) {\r\n          e.preventDefault();\r\n          this.#selectOption(this._listKeyManager.activeItem);\r\n          if (!prefersReducedMotion()) {\r\n            setTimeout(() => this.#hideMenu(), 150);\r\n          } else {\r\n            this.#hideMenu();\r\n          }\r\n        } else if (this.#menu) {\r\n          setTimeout(() => {\r\n            if (this.#input && !this.#input.value) {\r\n              this.#hideMenu();\r\n            }\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 \"Up\":\r\n      case \"ArrowUp\":\r\n        if (e.altKey) {\r\n          this.#hideMenu();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n        if (!this.#menu) {\r\n          this.#showMenu();\r\n          e.preventDefault();\r\n        } else {\r\n          this._listKeyManager.onKeyDown(e);\r\n        }\r\n        break;\r\n\r\n      default:\r\n        this._listKeyManager.onKeyDown(e);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleMenuPointerDown(e: PointerEvent): 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._listKeyManager.setActiveItem(option);\r\n      this.#selectOption(option);\r\n      if (!prefersReducedMotion()) {\r\n        setTimeout(() => this.#hideMenu(), 150);\r\n      } else {\r\n        this.#hideMenu();\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.#options.find((x) => x.selected && !x.disabled);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        scrollIntoViewIfNeeded(option, this.#menu);\r\n      } else {\r\n        this.#autoActivate();\r\n      }\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\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    if (this.#input) {\r\n      this.#input.ariaExpanded = \"false\";\r\n      this.#input.removeAttribute(\"aria-controls\");\r\n      this.#input.removeAttribute(\"aria-owns\");\r\n      this.#input.removeAttribute(\"aria-activedescendant\");\r\n    }\r\n    this.requestUpdate();\r\n\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    if (this.#input?.slot === \"input\" && this.#input.parentElement?.tagName === \"M3E-INPUT-CHIP-SET\") {\r\n      this.#clearOptions();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #showMenu(): void {\r\n    if (this.#menu || !this.#input || this.#input.readOnly || this.#input.disabled) return;\r\n\r\n    const count = this.#filterOptions();\r\n\r\n    if (!this.#shouldShowMenu) return;\r\n\r\n    this.#menu = document.createElement(\"m3e-option-panel\");\r\n    this.#menu.id = this.#menuId;\r\n\r\n    if (this.panelClass) {\r\n      for (const klass of this.panelClass\r\n        .split(/\\s+/)\r\n        .map((d) => d.trim())\r\n        .filter(Boolean)) {\r\n        this.#menu.classList.add(klass);\r\n      }\r\n    }\r\n\r\n    this.#menu.style.overflowX = \"hidden\";\r\n    this.#menu.scrollStrategy = \"reposition\";\r\n    this.#menu.fitAnchorWidth = true;\r\n    this.#menu.addEventListener(\"toggle\", this.#menuToggleHandler);\r\n    this.#menu.addEventListener(\"pointerdown\", this.#menuPointerDownHandler);\r\n\r\n    this.#projectClone();\r\n\r\n    this.#updateMenuState(this.#menu, count);\r\n\r\n    (this.#formField ?? this.#input).insertAdjacentElement(\"afterend\", this.#menu);\r\n\r\n    this.#input.setAttribute(\"aria-controls\", this.#menuId);\r\n    this.#input.setAttribute(\"aria-owns\", this.#menuId);\r\n\r\n    this.#formField?.notifyControlStateChange();\r\n\r\n    if (this._listKeyManager.activeItem && this.autoActivate) {\r\n      this.#activateOption(this._listKeyManager.activeItem, true);\r\n    }\r\n\r\n    const input = this.#input;\r\n    setTimeout(() => this.#menu?.show(input, this.#formField?.menuAnchor));\r\n  }\r\n\r\n  /** @private */\r\n  #projectClone(): void {\r\n    if (!this.#clone || !this.#menu) return;\r\n    const children = [...this.#clone.childNodes];\r\n    if (!this.#hasNoDataSlot && this.noDataLabel) {\r\n      const noDataSpan = document.createElement(\"span\");\r\n      noDataSpan.slot = \"no-data\";\r\n      noDataSpan.textContent = this.noDataLabel;\r\n      children.push(noDataSpan);\r\n    }\r\n    if (!this.#hasLoadingSlot && this.loadingLabel) {\r\n      const loadingSpan = document.createElement(\"span\");\r\n      loadingSpan.slot = \"loading\";\r\n      loadingSpan.textContent = this.loadingLabel;\r\n      children.push(loadingSpan);\r\n    }\r\n    this.#menu.replaceChildren(...children);\r\n  }\r\n\r\n  /** @private */\r\n  #updateMenuState(menu: M3eOptionPanelElement, count: number): void {\r\n    setCustomState(menu, \"-loading\", this.loading);\r\n    setCustomState(menu, \"-no-data\", count == 0);\r\n  }\r\n\r\n  /** @private */\r\n  #hideMenu(): void {\r\n    this.#menu?.hide();\r\n  }\r\n\r\n  /** @private */\r\n  #activateOption(option: M3eOptionElement, forceFocusVisible = false): void {\r\n    if (!this.#input) return;\r\n\r\n    this.#input.setAttribute(\"aria-activedescendant\", option.id);\r\n\r\n    if (this.#menu) {\r\n      scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n\r\n      const focusVisible =\r\n        forceFocusVisible ||\r\n        (!this.#ignoreFocusVisible && (this.#input.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  async #updateSelectionState(clone: M3eOptionElement): Promise<void> {\r\n    const option = this._options[this._listKeyManager.items.indexOf(clone)];\r\n    if (option) {\r\n      option.selected = clone.selected;\r\n      if (option.isUpdatePending) {\r\n        await option.updateComplete;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #selectOption(option: M3eOptionElement): Promise<void> {\r\n    if (option.selected) return;\r\n\r\n    option.selected = true;\r\n    await this.#updateSelectionState(option);\r\n    if (option.isUpdatePending) {\r\n      await option.updateComplete;\r\n    }\r\n\r\n    this.requestUpdate();\r\n    if (this.isUpdatePending) {\r\n      await this.updateComplete;\r\n    }\r\n\r\n    if (this.#input) {\r\n      this.#input.value = option.label;\r\n    }\r\n\r\n    this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n\r\n    this.#formField?.notifyControlStateChange(true);\r\n  }\r\n\r\n  /** @private */\r\n  #filterOption(clone: M3eOptionElement, option: M3eOptionElement, term: string, exactTerm: string): boolean {\r\n    const value = this.caseSensitive ? option.value : option.value.toLowerCase();\r\n    switch (this.filter) {\r\n      case \"starts-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.startsWith(term);\r\n      case \"ends-with\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.endsWith(term);\r\n      case \"contains\":\r\n        clone.term = exactTerm;\r\n        clone.highlightMode = this.filter;\r\n        return value.includes(term);\r\n      case \"none\":\r\n        clone.disableHighlight = true;\r\n        return true;\r\n      default:\r\n        clone.disableHighlight = true;\r\n        return this.filter(option, exactTerm);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #filterOptions(): number {\r\n    if (!this.#input) return 0;\r\n\r\n    const oldCount = this.#options.filter((x) => x.hidden === false).length;\r\n    const shouldAnnounce = !this.loading && this.#inputChanged;\r\n    this.#inputChanged = false;\r\n\r\n    const exactTerm = this.#input.value;\r\n    const term = this.caseSensitive ? exactTerm : exactTerm.toLocaleLowerCase();\r\n\r\n    let newCount = 0;\r\n    let first = false;\r\n    let last: M3eOptionElement | undefined;\r\n\r\n    for (let i = 0; i < this.#options.length; i++) {\r\n      const clone = this.#options[i];\r\n      const option = this._options[i];\r\n      clone.hidden = !this.#filterOption(clone, option, term, exactTerm);\r\n\r\n      if (clone.hidden === true) {\r\n        this.#deactivateOption(clone);\r\n        deleteCustomState(clone, \"-first\");\r\n        deleteCustomState(clone, \"-last\");\r\n      } else {\r\n        newCount++;\r\n        if (!first && !(clone.parentElement instanceof M3eOptGroupElement)) {\r\n          addCustomState(clone, \"-first\");\r\n          first = true;\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        } else {\r\n          deleteCustomState(clone, \"-first\");\r\n          if (last) {\r\n            deleteCustomState(last, \"-last\");\r\n          }\r\n          addCustomState(clone, \"-last\");\r\n          last = clone;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (this.#menu) {\r\n      this.#updateMenuState(this.#menu, newCount);\r\n    }\r\n\r\n    const groups = this.#menu?.querySelectorAll(\"m3e-optgroup\") ?? this.#clone?.querySelectorAll(\"m3e-optgroup\") ?? [];\r\n    for (const group of groups) {\r\n      group.hidden = [...group.querySelectorAll(\"m3e-option\")].every((x) => x.hidden === true);\r\n    }\r\n\r\n    if (shouldAnnounce) {\r\n      this.#announceResults(oldCount, newCount);\r\n    }\r\n\r\n    this.#autoActivate();\r\n    return newCount;\r\n  }\r\n\r\n  /** @private */\r\n  #clearOptions(): boolean {\r\n    const selected = this._listKeyManager.items.filter((x) => x.selected);\r\n    if (selected.length > 0) {\r\n      selected.forEach((x) => {\r\n        x.selected = false;\r\n        this.#updateSelectionState(x);\r\n      });\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /** @private */\r\n  #announceResults(oldCount: number, newCount: number): void {\r\n    if (!this.#hasFocus) return;\r\n    if (newCount == 0) {\r\n      if (oldCount > 0 && this.noDataLabel) {\r\n        M3eLiveAnnouncer.announce(this.noDataLabel, \"polite\");\r\n      }\r\n    } else if (oldCount != newCount) {\r\n      const message = this.resultsLabel instanceof Function ? this.resultsLabel(newCount) : this.resultsLabel;\r\n      if (message) {\r\n        M3eLiveAnnouncer.announce(message, \"polite\");\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #autoActivate(): void {\r\n    if (this.autoActivate && (!this._listKeyManager.activeItem || !this._listKeyManager.activeItem.selected)) {\r\n      const option = this.#options.find((x) => !x.disabled && x.hidden === false);\r\n      if (option) {\r\n        this._listKeyManager.setActiveItem(option);\r\n        if (this.#menu) {\r\n          scrollIntoViewIfNeeded(option, this.#menu, { block: \"nearest\", behavior: \"instant\" });\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #deactivateOption(option: M3eOptionElement): void {\r\n    option.focusRing?.hide();\r\n    option.stateLayer?.hide(\"focused\");\r\n    if (option === this._listKeyManager.activeItem) {\r\n      this._listKeyManager.updateActiveItem(null);\r\n      this.#input?.removeAttribute(\"aria-activedescendant\");\r\n    }\r\n  }\r\n}\r\n\r\ninterface M3eAutocompleteElementEventMap extends HTMLElementEventMap {\r\n  toggle: ToggleEvent;\r\n  query: CustomEvent<AutocompleteQueryEventDetail>;\r\n}\r\n\r\nexport interface M3eAutocompleteElement {\r\n  addEventListener<K extends keyof M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[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 M3eAutocompleteElementEventMap>(\r\n    type: K,\r\n    listener: (this: M3eAutocompleteElement, ev: M3eAutocompleteElementEventMap[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-autocomplete\": M3eAutocompleteElement;\r\n  }\r\n}\r\n"],"names":["M3eAutocompleteElement","M3eAutocompleteElement_1","EventAttribute","HtmlFor","LitElement","constructor","super","_M3eAutocompleteElement_id","set","this","__nextId","_M3eAutocompleteElement_menuId","__classPrivateFieldGet","_options","Array","_M3eAutocompleteElement_clone","_M3eAutocompleteElement_ignoreFocusVisible","_M3eAutocompleteElement_menu","_M3eAutocompleteElement_ignoreHideMenuOnBlur","_M3eAutocompleteElement_inputChanged","_M3eAutocompleteElement_hasFocus","_M3eAutocompleteElement_mutationAbortController","_M3eAutocompleteElement_clickHandler","_M3eAutocompleteElement_instances","_M3eAutocompleteElement_handleClick","call","_M3eAutocompleteElement_formFieldPointerDownHandler","_M3eAutocompleteElement_handleFormFieldPointerDown","_M3eAutocompleteElement_focusHandler","_M3eAutocompleteElement_handleFocus","_M3eAutocompleteElement_blurHandler","_M3eAutocompleteElement_handleBlur","_M3eAutocompleteElement_keyDownHandler","e","_M3eAutocompleteElement_inputHandler","_M3eAutocompleteElement_changeHandler","_M3eAutocompleteElement_handleChange","_M3eAutocompleteElement_menuToggleHandler","_M3eAutocompleteElement_menuPointerDownHandler","_listKeyManager","ListKeyManager","withWrap","withHomeAndEnd","withPageUpAndDown","withVerticalOrientation","withSkipPredicate","item","disabled","hidden","onActiveItemChange","activeItem","_M3eAutocompleteElement_activateOption","hideSelectionIndicator","required","autoActivate","caseSensitive","filter","loading","hideNoData","hideLoading","loadingLabel","noDataLabel","resultsLabel","count","panelClass","MutationController","config","childList","subtree","callback","_M3eAutocompleteElement_handleMutation","options","selected","find","x","value","attach","control","HTMLInputElement","autocomplete","role","ariaAutoComplete","ariaExpanded","addEventListener","_M3eAutocompleteElement_formField_get","detach","removeEventListener","clear","restoreFocus","_M3eAutocompleteElement_input_get","_M3eAutocompleteElement_clearOptions","dispatchEvent","Event","bubbles","_M3eAutocompleteElement_filterOptions","focus","_M3eAutocompleteElement_hideMenu","connectedCallback","update","changedProperties","has","setCustomState","M3eLiveAnnouncer","announce","_M3eAutocompleteElement_shouldShowMenu_get","_M3eAutocompleteElement_showMenu","deleteCustomState","render","html","items","querySelector","_M3eAutocompleteElement_options_get","some","length","closest","async","abort","mutationAbortController","AbortController","__classPrivateFieldSet","querySelectorAll","option","signal","aborted","isUpdatePending","updateComplete","cloneNode","added","setItems","forEach","id","indexOf","_M3eAutocompleteElement_projectClone","_M3eAutocompleteElement_updateMenuState","readOnly","CustomEvent","detail","term","composed","defaultPrevented","notifyControlStateChange","label","key","preventDefault","_M3eAutocompleteElement_selectOption","prefersReducedMotion","setTimeout","altKey","onKeyDown","button","stopImmediatePropagation","composedPath","HTMLElement","tagName","setActiveItem","newState","scrollIntoViewIfNeeded","_M3eAutocompleteElement_autoActivate","ToggleEvent","oldState","_M3eAutocompleteElement_destroyMenu","replaceChildren","childNodes","remove","undefined","removeAttribute","requestUpdate","slot","parentElement","document","createElement","klass","split","map","d","trim","Boolean","classList","add","style","overflowX","scrollStrategy","fitAnchorWidth","insertAdjacentElement","setAttribute","input","show","menuAnchor","children","_M3eAutocompleteElement_hasNoDataSlot_get","noDataSpan","textContent","push","_M3eAutocompleteElement_hasLoadingSlot_get","loadingSpan","menu","hide","forceFocusVisible","block","behavior","focusVisible","matches","forcedColorsActive","focusRing","stateLayer","clone","_M3eAutocompleteElement_updateSelectionState","_M3eAutocompleteElement_filterOption","exactTerm","toLowerCase","highlightMode","startsWith","endsWith","includes","disableHighlight","oldCount","shouldAnnounce","toLocaleLowerCase","last","newCount","first","i","_M3eAutocompleteElement_deactivateOption","M3eOptGroupElement","addCustomState","groups","group","every","_M3eAutocompleteElement_announceResults","message","Function","updateActiveItem","styles","css","__decorate","property","attribute","type","prototype","reflect","converter","fromAttribute","customElement"],"mappings":"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"}

package/dist/bottom-sheet.js

@@ -4,7 +4,7 @@
  * See LICENSE file in the project root for full license text.
  */
 import { __decorate, __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
-import { customElement, ActionElementBase, EventAttribute, ReconnectedCallback, SuppressInitialAnimation, AttachInternals, VelocityTracker, ScrollLockController, ResizeController, focusWhenReady, setCustomState, hasAssignedNodes, hasCustomState, computeCssSize, prefersReducedMotion, DesignToken, spaceSeparatedStringConverter, HtmlFor } from '@m3e/web/core';
+import { customElement, ActionElementBase, EventAttribute, ReconnectedCallback, SuppressInitialAnimation, AttachInternals, VelocityTracker, ScrollLockController, InertController, ResizeController, focusWhenReady, setCustomState, hasAssignedNodes, hasCustomState, computeCssSize, prefersReducedMotion, registerStyleSheet, DesignToken, spaceSeparatedStringConverter, HtmlFor } from '@m3e/web/core';
 import { LitElement, nothing, html, css, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
 import { M3eInteractivityChecker, isModifierAllowed, addAriaReferencedId, removeAriaReferencedId } from '@m3e/web/core/a11y';
@@ -23,7 +23,7 @@ let M3eBottomSheetActionElement = class M3eBottomSheetActionElement extends Acti
 };
 M3eBottomSheetActionElement = __decorate([customElement("m3e-bottom-sheet-action")], M3eBottomSheetActionElement);
 
-var _M3eBottomSheetElement_instances, _M3eBottomSheetElement_documentClickHandler, _M3eBottomSheetElement_documentKeyDownHandler, _M3eBottomSheetElement_windowResizeHandler, _M3eBottomSheetElement_inerts, _M3eBottomSheetElement_velocityTracker, _M3eBottomSheetElement_scrollLockController, _M3eBottomSheetElement_resizeController, _M3eBottomSheetElement_trigger, _M3eBottomSheetElement_dragState, _M3eBottomSheetElement_dragged, _M3eBottomSheetElement_activeDetent, _M3eBottomSheetElement_requestDetent, _M3eBottomSheetElement_cachedContentHeight, _M3eBottomSheetElement_cachedHeaderHeight, _M3eBottomSheetElement_snapAnimation, _M3eBottomSheetElement_initialize, _M3eBottomSheetElement_handleHeaderSlotChange, _M3eBottomSheetElement_handleHeaderPointerDown, _M3eBottomSheetElement_handleHeaderPointerMove, _M3eBottomSheetElement_handleHeaderPointerUp, _M3eBottomSheetElement_handleDocumentClick, _M3eBottomSheetElement_handleDocumentKeyDown, _M3eBottomSheetElement_handleWindowResize, _M3eBottomSheetElement_handleDragHandleClick, _M3eBottomSheetElement_handleDragHandleKeyDown, _M3eBottomSheetElement_getNextHigherDetent, _M3eBottomSheetElement_getNextLowerDetent, _M3eBottomSheetElement_getClosestDetent, _M3eBottomSheetElement_computeDetentHeight, _M3eBottomSheetElement_computeMaxHeight, _M3eBottomSheetElement_computeMinHeight, _M3eBottomSheetElement_computePeekHeight, _M3eBottomSheetElement_computeFitHeight, _M3eBottomSheetElement_handleSectionResize, _M3eBottomSheetElement_snapToDetent, _M3eBottomSheetElement_snapToHeight, _M3eBottomSheetElement_updateHeight, _M3eBottomSheetElement_applyInert, _M3eBottomSheetElement_restoreInert;
+var _M3eBottomSheetElement_instances, _M3eBottomSheetElement_documentClickHandler, _M3eBottomSheetElement_documentKeyDownHandler, _M3eBottomSheetElement_windowResizeHandler, _M3eBottomSheetElement_velocityTracker, _M3eBottomSheetElement_scrollLockController, _M3eBottomSheetElement_inertController, _M3eBottomSheetElement_resizeController, _M3eBottomSheetElement_trigger, _M3eBottomSheetElement_dragState, _M3eBottomSheetElement_dragged, _M3eBottomSheetElement_activeDetent, _M3eBottomSheetElement_requestDetent, _M3eBottomSheetElement_cachedContentHeight, _M3eBottomSheetElement_cachedHeaderHeight, _M3eBottomSheetElement_snapAnimation, _M3eBottomSheetElement_initialize, _M3eBottomSheetElement_handleHeaderSlotChange, _M3eBottomSheetElement_handleHeaderPointerDown, _M3eBottomSheetElement_handleHeaderPointerMove, _M3eBottomSheetElement_handleHeaderPointerUp, _M3eBottomSheetElement_handleDocumentClick, _M3eBottomSheetElement_handleDocumentKeyDown, _M3eBottomSheetElement_handleWindowResize, _M3eBottomSheetElement_handleDragHandleClick, _M3eBottomSheetElement_handleDragHandleKeyDown, _M3eBottomSheetElement_getNextHigherDetent, _M3eBottomSheetElement_getNextLowerDetent, _M3eBottomSheetElement_getClosestDetent, _M3eBottomSheetElement_computeDetentHeight, _M3eBottomSheetElement_computeMaxHeight, _M3eBottomSheetElement_computeMinHeight, _M3eBottomSheetElement_computePeekHeight, _M3eBottomSheetElement_computeFitHeight, _M3eBottomSheetElement_handleSectionResize, _M3eBottomSheetElement_snapToDetent, _M3eBottomSheetElement_snapToHeight, _M3eBottomSheetElement_updateHeight;
 var M3eBottomSheetElement_1;
 /**
  * A sheet used to show secondary content anchored to the bottom of the screen.
@@ -133,12 +133,12 @@ let M3eBottomSheetElement = M3eBottomSheetElement_1 = class M3eBottomSheetElemen
     /** @private */
     _M3eBottomSheetElement_windowResizeHandler.set(this, () => __classPrivateFieldGet(this, _M3eBottomSheetElement_instances, "m", _M3eBottomSheetElement_handleWindowResize).call(this));
     /** @private */
-    _M3eBottomSheetElement_inerts.set(this, new Array());
-    /** @private */
     _M3eBottomSheetElement_velocityTracker.set(this, new VelocityTracker());
     /** @private */
     _M3eBottomSheetElement_scrollLockController.set(this, new ScrollLockController(this));
     /** @private */
+    _M3eBottomSheetElement_inertController.set(this, new InertController(this));
+    /** @private */
     _M3eBottomSheetElement_resizeController.set(this, new ResizeController(this, {
       target: null,
       skipInitial: true,
@@ -308,7 +308,7 @@ let M3eBottomSheetElement = M3eBottomSheetElement_1 = class M3eBottomSheetElemen
       if (this.modal) {
         if (this.open) {
           __classPrivateFieldSet(this, _M3eBottomSheetElement_trigger, document.activeElement, "f");
-          __classPrivateFieldGet(this, _M3eBottomSheetElement_instances, "m", _M3eBottomSheetElement_applyInert).call(this);
+          __classPrivateFieldGet(this, _M3eBottomSheetElement_inertController, "f").lock();
           __classPrivateFieldGet(this, _M3eBottomSheetElement_scrollLockController, "f").lock();
           this.showPopover();
           requestAnimationFrame(() => {
@@ -324,7 +324,7 @@ let M3eBottomSheetElement = M3eBottomSheetElement_1 = class M3eBottomSheetElemen
           }
         } else {
           __classPrivateFieldGet(this, _M3eBottomSheetElement_instances, "m", _M3eBottomSheetElement_snapToHeight).call(this, 0).then(() => {
-            __classPrivateFieldGet(this, _M3eBottomSheetElement_instances, "m", _M3eBottomSheetElement_restoreInert).call(this);
+            __classPrivateFieldGet(this, _M3eBottomSheetElement_inertController, "f").unlock();
             __classPrivateFieldGet(this, _M3eBottomSheetElement_scrollLockController, "f").unlock();
             document.removeEventListener("click", __classPrivateFieldGet(this, _M3eBottomSheetElement_documentClickHandler, "f"));
             document.removeEventListener("keydown", __classPrivateFieldGet(this, _M3eBottomSheetElement_documentKeyDownHandler, "f"));
@@ -347,9 +347,9 @@ let M3eBottomSheetElement = M3eBottomSheetElement_1 = class M3eBottomSheetElemen
 _M3eBottomSheetElement_documentClickHandler = new WeakMap();
 _M3eBottomSheetElement_documentKeyDownHandler = new WeakMap();
 _M3eBottomSheetElement_windowResizeHandler = new WeakMap();
-_M3eBottomSheetElement_inerts = new WeakMap();
 _M3eBottomSheetElement_velocityTracker = new WeakMap();
 _M3eBottomSheetElement_scrollLockController = new WeakMap();
+_M3eBottomSheetElement_inertController = new WeakMap();
 _M3eBottomSheetElement_resizeController = new WeakMap();
 _M3eBottomSheetElement_trigger = new WeakMap();
 _M3eBottomSheetElement_dragState = new WeakMap();
@@ -658,27 +658,8 @@ _M3eBottomSheetElement_updateHeight = function _M3eBottomSheetElement_updateHeig
     content.inert = height <= __classPrivateFieldGet(this, _M3eBottomSheetElement_instances, "m", _M3eBottomSheetElement_computePeekHeight).call(this);
   }
 };
-_M3eBottomSheetElement_applyInert = function _M3eBottomSheetElement_applyInert() {
-  __classPrivateFieldGet(this, _M3eBottomSheetElement_inerts, "f").length = 0;
-  for (let current = this; current.parentNode && current.parentNode !== document.documentElement; current = current.parentNode) {
-    for (const sibling of current.parentNode.children) {
-      if (sibling instanceof HTMLElement && sibling !== current && !sibling.inert) {
-        sibling.inert = true;
-        __classPrivateFieldGet(this, _M3eBottomSheetElement_inerts, "f").push(sibling);
-      }
-    }
-  }
-};
-_M3eBottomSheetElement_restoreInert = function _M3eBottomSheetElement_restoreInert() {
-  __classPrivateFieldGet(this, _M3eBottomSheetElement_inerts, "f").forEach(x => x.inert = false);
-  __classPrivateFieldGet(this, _M3eBottomSheetElement_inerts, "f").length = 0;
-};
 (() => {
-  if (typeof window !== "undefined") {
-    const lightDomStyle = new CSSStyleSheet();
-    lightDomStyle.replaceSync(css`@property --_bottom-sheet-height { syntax: "<length>"; inherits: false; initial-value: 50vh; } m3e-bottom-sheet > [slot="header"] { margin-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); margin-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); }</length>`.toString());
-    document.adoptedStyleSheets.push(lightDomStyle);
-  }
+  registerStyleSheet(css`@property --_bottom-sheet-height { syntax: "<length>"; inherits: false; initial-value: 50vh; } m3e-bottom-sheet > [slot="header"] { margin-block-end: var(--m3e-bottom-sheet-padding-block, 0.5rem); margin-inline: var(--m3e-bottom-sheet-padding-inline, 1rem); }</length>`);
 })();
 /** The styles of the element. */
 M3eBottomSheetElement.styles = css`:host { display: block; position: fixed; left: 50%; top: calc(100vh - var(--_bottom-sheet-height)); margin: 0; padding: 0; outline: none; overflow: hidden; border: none; box-sizing: border-box; width: var(--m3e-bottom-sheet-width, 100%); max-width: var(--m3e-bottom-sheet-max-width, 40rem); height: var(--_bottom-sheet-height); color: var(--m3e-bottom-sheet-color, ${DesignToken.color.onSurface}); background-color: var(--m3e-bottom-sheet-container-color, ${DesignToken.color.surfaceContainerLow}); } :host(:not(:state(-no-animate))) { transition: ${unsafeCSS(`transform ${DesignToken.motion.duration.medium2} ${DesignToken.motion.easing.standardDecelerate},