@greypan/web-ui 3.0.0 → 4.0.0

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

@@ -12,8 +12,6 @@ type FilterMode = (typeof FILTER_MODES)[number];
 export declare class WebUiAutocomplete extends LitElement {
     static styles: import('lit').CSSResult[];
     static formAssociated: boolean;
-    private _internals?;
-    private _formDisabled;
     placeholder: string;
     disabled: boolean;
     readonly: boolean;
@@ -33,21 +31,21 @@ export declare class WebUiAutocomplete extends LitElement {
     private _selectedValue;
     get selectedValue(): string;
     private _setSelectedValue;
+    private readonly _formAssociation;
+    private readonly _formAssociationController;
     private get _isDisabled();
     private _isOpen;
     private _activeIndex;
     private _focused;
     private static _nextInstanceId;
     private readonly _idPrefix;
-    private readonly _optionIds;
     private readonly _a11yOptionIds;
-    private _nextOptionId;
     private _nextA11yOptionId;
     private _options;
     private _portal?;
     private _portalContent?;
-    private readonly _pendingUnregisteredOptions;
     private readonly _scrollLock;
+    private readonly _optionPortal;
     private readonly _panel;
     get isOpen(): boolean;
     get open(): boolean;
@@ -58,7 +56,6 @@ export declare class WebUiAutocomplete extends LitElement {
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     disconnectedCallback(): void;
     firstUpdated(): void;
-    private _queryOptions;
     willUpdate(): void;
     updated(changed: PropertyValues): void;
     formResetCallback(): void;
@@ -68,22 +65,17 @@ export declare class WebUiAutocomplete extends LitElement {
     private _syncOpenAttribute;
     private _syncSelectedValue;
     private _syncOptionA11y;
-    private _ensureOptionIds;
     private _getA11yOptionId;
     private _applyFilter;
     private _syncEmptyState;
     private _bindOption;
     private _unbindOption;
     private _refreshOptions;
-    private _syncPortalContent;
-    private _scheduleOptionsRefresh;
-    private _onOptionRegister;
-    private _onOptionUnregister;
-    private _onSlotChange;
     private _handleOptionClick;
     private _onOptionUpdate;
     private _handleOptionPointerOver;
     private _handleOptionPointerDown;
+    private _onSlotChange;
     private _onKeydown;
     private _navigateActive;
     private _setInitialActiveOption;

package/dist/components/autocomplete/index.js

@@ -1,26 +1,55 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import e from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import "../option/index.js";
 import t from "../../assets/glass.js";
 import n from "../../assets/overlay-motion.js";
-import { normalizeLiteral as r } from "../../shared/normalize/index.js";
-import { defineAnchoredPanel as i } from "../../shared/overlay/anchored-panel.js";
-import { defineOverlayPortal as a } from "../../shared/overlay/portal.js";
-import { defineScrollLockLease as o } from "../../shared/scroll-lock/scroll-lock.js";
-import s from "./style.js";
-import { LitElement as c, html as l, nothing as u, unsafeCSS as d } from "lit";
-import { customElement as f, property as p, state as m } from "lit/decorators.js";
-import { ifDefined as h } from "lit/directives/if-defined.js";
+import { FormAssociationController as r, defineFormAssociation as i } from "../../shared/form-association/index.js";
+import { normalizeLiteral as a } from "../../shared/normalize/index.js";
+import { defineOptionPortal as o } from "../../shared/option-portal/index.js";
+import { defineAnchoredPanel as s } from "../../shared/overlay/anchored-panel.js";
+import { defineOverlayPortal as c } from "../../shared/overlay/portal.js";
+import { defineScrollLockLease as l } from "../../shared/scroll-lock/scroll-lock.js";
+import u from "./style.js";
+import { LitElement as d, html as f, nothing as p, unsafeCSS as m } from "lit";
+import { customElement as h, property as g, state as _ } from "lit/decorators.js";
+import { ifDefined as v } from "lit/directives/if-defined.js";
 //#region src/components/autocomplete/index.ts
-var g, _ = [
+var y, b = [
 	"none",
 	"prefix",
 	"contains"
-], v = class extends c {
+], x = class extends d {
 	static {
-		g = this;
+		y = this;
 	}
 	constructor(...e) {
-		super(...e), this._formDisabled = !1, this.placeholder = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.portal = !1, this.noScrollLock = !1, this.name = "", this.ariaLabel = null, this._filter = "contains", this._value = "", this._selectedValue = "", this._isOpen = !1, this._activeIndex = -1, this._focused = !1, this._idPrefix = `web-ui-autocomplete-${++g._nextInstanceId}`, this._optionIds = /* @__PURE__ */ new WeakMap(), this._a11yOptionIds = /* @__PURE__ */ new WeakMap(), this._nextOptionId = 0, this._nextA11yOptionId = 0, this._options = [], this._pendingUnregisteredOptions = /* @__PURE__ */ new Set(), this._scrollLock = o().make(), this._panel = i().make({
+		super(...e), this.placeholder = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.portal = !1, this.noScrollLock = !1, this.name = "", this.ariaLabel = null, this._filter = "contains", this._value = "", this._selectedValue = "", this._formAssociation = i({
+			host: this,
+			initialize: () => {
+				let e = this.getAttribute("value");
+				e !== null && (this._value = e);
+			},
+			getState: () => this._value,
+			setState: (e) => {
+				this.value = e;
+			},
+			getFormValue: () => this._value,
+			getFormState: () => this._value,
+			restoreState: (e) => {
+				typeof e == "string" && (this.value = e);
+			},
+			syncValidity: () => this._syncValidity()
+		}).make(), this._formAssociationController = new r(this, this._formAssociation), this._isOpen = !1, this._activeIndex = -1, this._focused = !1, this._idPrefix = `web-ui-autocomplete-${++y._nextInstanceId}`, this._a11yOptionIds = /* @__PURE__ */ new WeakMap(), this._nextA11yOptionId = 0, this._options = [], this._scrollLock = l().make(), this._optionPortal = o().make({
+			element: this,
+			idPrefix: `${this._idPrefix}-option`,
+			getPortal: () => this._portal,
+			getPortalContent: () => this._portalContent,
+			isOpen: () => this.portal && this._isOpen,
+			getMigratableNodes: () => Array.from(this.childNodes),
+			hasUpdated: () => this.hasUpdated,
+			requestUpdate: () => this.requestUpdate(),
+			bindOption: (e) => this._bindOption(e),
+			unbindOption: (e) => this._unbindOption(e)
+		}), this._panel = s().make({
 			getAnchor: () => this.shadowRoot?.querySelector(".input-wrapper") ?? null,
 			getLocalPanel: () => this.shadowRoot?.querySelector(".autocomplete-overlay") ?? null,
 			getPositioning: () => ({
@@ -42,25 +71,21 @@ var g, _ = [
 		}, this._handlePanelPointerDown = (e) => {
 			e.preventDefault();
 		}, this._bindOption = (e) => {
-			e.addEventListener("click", this._handleOptionClick), e.addEventListener("pointerover", this._handleOptionPointerOver), e.addEventListener("pointerdown", this._handleOptionPointerDown), e.addEventListener("option-update", this._onOptionUpdate), e.addEventListener("option-unregister", this._onOptionUnregister);
+			e.addEventListener("click", this._handleOptionClick), e.addEventListener("pointerover", this._handleOptionPointerOver), e.addEventListener("pointerdown", this._handleOptionPointerDown), e.addEventListener("option-update", this._onOptionUpdate);
 		}, this._unbindOption = (e) => {
-			e.removeEventListener("click", this._handleOptionClick), e.removeEventListener("pointerover", this._handleOptionPointerOver), e.removeEventListener("pointerdown", this._handleOptionPointerDown), e.removeEventListener("option-update", this._onOptionUpdate), e.removeEventListener("option-unregister", this._onOptionUnregister);
-		}, this._onOptionRegister = () => {
-			this._scheduleOptionsRefresh();
-		}, this._onOptionUnregister = (e) => {
-			e.target instanceof HTMLElement && e.target.localName === "web-ui-option" && this._pendingUnregisteredOptions.add(e.target), this._scheduleOptionsRefresh();
-		}, this._onSlotChange = () => {
-			this._scheduleOptionsRefresh();
+			e.removeEventListener("click", this._handleOptionClick), e.removeEventListener("pointerover", this._handleOptionPointerOver), e.removeEventListener("pointerdown", this._handleOptionPointerDown), e.removeEventListener("option-update", this._onOptionUpdate);
 		}, this._handleOptionClick = (e) => {
 			if (!(e.currentTarget instanceof HTMLElement)) return;
 			let t = e.currentTarget;
 			t.disabled || this._selectOption(t);
 		}, this._onOptionUpdate = () => {
-			this._scheduleOptionsRefresh();
+			this._optionPortal.scheduleRefresh();
 		}, this._handleOptionPointerOver = (e) => {
 			e.pointerType !== "touch" && (!this._isOpen || !(e.currentTarget instanceof HTMLElement) || (this._activeIndex = -1, this._syncActiveOption()));
 		}, this._handleOptionPointerDown = (e) => {
 			e.preventDefault();
+		}, this._onSlotChange = () => {
+			this._optionPortal.scheduleRefresh();
 		}, this._onKeydown = (e) => {
 			if (!(this._isDisabled || this.readonly)) switch (e.key) {
 				case "Escape":
@@ -72,13 +97,11 @@ var g, _ = [
 				case "ArrowUp":
 					e.preventDefault(), this._isOpen ? this._navigateActive(-1) : this._open(!0);
 					break;
-				case "Enter":
-					if (this._isOpen) {
-						e.preventDefault();
-						let t = this._options[this._activeIndex];
-						t && !t.disabled && !t.hasAttribute("data-filtered") && this._selectOption(t);
-					}
-					break;
+				case "Enter": if (this._isOpen) {
+					e.preventDefault();
+					let t = this._options[this._activeIndex];
+					t && !t.disabled && !t.hasAttribute("data-filtered") && this._selectOption(t);
+				}
 			}
 		}, this._onInput = (e) => {
 			if (this._isDisabled || this.readonly) return;
@@ -94,9 +117,9 @@ var g, _ = [
 	}
 	static {
 		this.styles = [
-			d(t),
-			d(n),
-			d(s)
+			m(t),
+			m(n),
+			m(u)
 		];
 	}
 	static {
@@ -107,14 +130,14 @@ var g, _ = [
 	}
 	set filter(e) {
 		let t = this._filter;
-		this._filter = r(e, _, "contains"), this.requestUpdate("filter", t);
+		this._filter = a(e, b, "contains"), this.requestUpdate("filter", t);
 	}
 	get value() {
 		return this._value;
 	}
 	set value(e) {
 		let t = this._value;
-		this._value = e, this._internals?.setFormValue?.(e), this.requestUpdate("value", t);
+		this._value = e, this._formAssociation.sync(), this.requestUpdate("value", t);
 	}
 	get selectedValue() {
 		return this._selectedValue;
@@ -124,7 +147,7 @@ var g, _ = [
 		(t !== e || this.getAttribute("selected-value") !== e) && (this._selectedValue = e, this.setAttribute("selected-value", e), t !== e && this.requestUpdate("selectedValue", t));
 	}
 	get _isDisabled() {
-		return this.disabled || this._formDisabled;
+		return this.disabled || this._formAssociation.isFormDisabled();
 	}
 	static {
 		this._nextInstanceId = 0;
@@ -136,9 +159,7 @@ var g, _ = [
 		return this._isOpen;
 	}
 	connectedCallback() {
-		super.connectedCallback(), this._internals ||= this.attachInternals();
-		let e = this.getAttribute("value");
-		e !== null && (this._value = e, this._internals?.setFormValue?.(e)), this.addEventListener("option-register", this._onOptionRegister), this.addEventListener("option-unregister", this._onOptionUnregister), this.addEventListener("keydown", this._onKeydown), this.addEventListener("focusout", this._onFocusOut), document.addEventListener("click", this._onClickOutside);
+		super.connectedCallback(), this._optionPortal.bindHost(), this.addEventListener("keydown", this._onKeydown), this.addEventListener("focusout", this._onFocusOut), document.addEventListener("click", this._onClickOutside);
 	}
 	attributeChangedCallback(e, t, n) {
 		super.attributeChangedCallback(e, t, n), e === "selected-value" && this.isConnected && n !== this._selectedValue && queueMicrotask(() => {
@@ -146,35 +167,32 @@ var g, _ = [
 		});
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("option-register", this._onOptionRegister), this.removeEventListener("option-unregister", this._onOptionUnregister), this.removeEventListener("keydown", this._onKeydown), this.removeEventListener("focusout", this._onFocusOut), document.removeEventListener("click", this._onClickOutside), this._options.forEach(this._unbindOption), this._pendingUnregisteredOptions.clear(), this._close(), this._portal = void 0, this._portalContent = void 0, this._panel.dispose(), this._scrollLock.release();
+		super.disconnectedCallback(), this._optionPortal.dispose(), this.removeEventListener("keydown", this._onKeydown), this.removeEventListener("focusout", this._onFocusOut), document.removeEventListener("click", this._onClickOutside), this._options.forEach(this._unbindOption), this._close(), this._portal = void 0, this._portalContent = void 0, this._panel.dispose(), this._scrollLock.release();
 	}
 	firstUpdated() {
 		requestAnimationFrame(() => {
-			this.isConnected && this._onSlotChange();
+			this.isConnected && this._optionPortal.scheduleRefresh();
 		});
 	}
-	_queryOptions() {
-		let e = this.portal ? this._panel.getPanel() : null, t = e ? [...e.querySelectorAll("web-ui-option")] : [];
-		return t.length > 0 ? t : [...this.querySelectorAll("web-ui-option")];
-	}
 	willUpdate() {
-		this._refreshOptions(), this._ensureOptionIds(), this._syncSelectedValue(), this._applyFilter(), this._syncOptionA11y(), this._syncActiveOption();
+		this._refreshOptions(), this._optionPortal.ensureOptionIds(this._options), this._syncSelectedValue(), this._applyFilter(), this._syncOptionA11y(), this._syncActiveOption();
 	}
 	updated(e) {
 		let t = this.shadowRoot?.querySelector(".autocomplete-input");
 		t && t.value !== this._value && (t.value = this._value), (e.has("portal") || e.has("overlayContainer")) && requestAnimationFrame(() => this._reconfigureOverlay()), e.has("noScrollLock") && this._syncScrollLock(), this.toggleAttribute("focused", this._focused), this._syncOpenAttribute(), this._syncValidity(), this._syncEmptyState();
 	}
 	formResetCallback() {
-		this.value = this.getAttribute("value") || "";
+		this._formAssociation.reset();
 	}
 	formDisabledCallback(e) {
-		this._formDisabled = e, e && this._isOpen && this._close();
+		this._formAssociation.setDisabled(e), e && this._isOpen && this._close();
 	}
 	formStateRestoreCallback(e) {
-		typeof e == "string" && (this.value = e);
+		this._formAssociation.restore(e);
 	}
 	_syncValidity() {
-		!this._internals || typeof this._internals.setValidity != "function" || (this._isDisabled || this.readonly || !this.required || this._value ? this._internals.setValidity({}) : this._internals.setValidity({ valueMissing: !0 }, "请输入内容"));
+		let e = this._formAssociation.getInternals();
+		!e || typeof e.setValidity != "function" || (this._isDisabled || this.readonly || !this.required || this._value ? e.setValidity({}) : e.setValidity({ valueMissing: !0 }, "请输入内容"));
 	}
 	_syncOpenAttribute() {
 		this.toggleAttribute("open", this._isOpen);
@@ -188,20 +206,6 @@ var g, _ = [
 			e.setAttribute("role", "option"), e.setAttribute("aria-selected", e.value === this._selectedValue ? "true" : "false"), e.setAttribute("aria-hidden", "true");
 		});
 	}
-	_ensureOptionIds() {
-		let e = new Set(this._options.map((e) => e.id).filter(Boolean));
-		this._options.forEach((t) => {
-			if (t.id) return;
-			let n = this._optionIds.get(t);
-			if (!n || e.has(n)) {
-				do
-					n = `${this._idPrefix}-option-${++this._nextOptionId}`;
-				while (e.has(n));
-				this._optionIds.set(t, n);
-			}
-			t.id = n, e.add(n);
-		});
-	}
 	_getA11yOptionId(e) {
 		let t = this._a11yOptionIds.get(e);
 		return t || (t = `${this._idPrefix}-a11y-option-${++this._nextA11yOptionId}`, this._a11yOptionIds.set(e, t)), t;
@@ -224,20 +228,8 @@ var g, _ = [
 		t.hidden = !(this._options.length > 0 && n.length === 0);
 	}
 	_refreshOptions() {
-		let e = this._options[this._activeIndex], t = this._queryOptions();
-		this._options.filter((e) => !t.includes(e)).forEach(this._unbindOption), t.forEach(this._bindOption), this._options = t, this._activeIndex = e && t.includes(e) ? t.indexOf(e) : -1;
-	}
-	_syncPortalContent() {
-		if (!this._portal || !this._portalContent) return;
-		for (let e of this._pendingUnregisteredOptions) !this._portalContent.contains(e) && !this.contains(e) && this._portal.removeContent([e]);
-		if (this._pendingUnregisteredOptions.clear(), !this._isOpen) return;
-		let e = Array.from(this.childNodes);
-		e.length && this._portal.appendContent(e, this._portalContent);
-	}
-	_scheduleOptionsRefresh() {
-		queueMicrotask(() => {
-			this.isConnected && (this._syncPortalContent(), this.requestUpdate());
-		});
+		let e = this._options[this._activeIndex], t = this._optionPortal.refresh(this._options, e);
+		this._options = t.options, this._activeIndex = t.activeIndex;
 	}
 	_navigateActive(e) {
 		let t = this._options.filter((e) => !e.disabled && !e.hasAttribute("data-filtered"));
@@ -267,7 +259,7 @@ var g, _ = [
 		}) : this._openOverlay(e));
 	}
 	_close() {
-		this._isOpen && (this._syncPortalContent(), this._isOpen = !1, this._dispatchOpenChange(), this._activeIndex = -1, this._options.forEach((e) => e.removeAttribute("active")), this._syncScrollLock(!1), this._closeOverlay());
+		this._isOpen && (this._optionPortal.syncPortalContent(), this._isOpen = !1, this._dispatchOpenChange(), this._activeIndex = -1, this._options.forEach((e) => e.removeAttribute("active")), this._syncScrollLock(!1), this._closeOverlay());
 	}
 	_dispatchOpenChange() {
 		this.dispatchEvent(new CustomEvent("open-change", {
@@ -289,19 +281,20 @@ var g, _ = [
 		this._scrollLock.sync(e && !this.noScrollLock);
 	}
 	_createPortal() {
-		let e = a().make({
+		let e = c().make({
 			container: this.overlayContainer,
 			target: this,
-			style: `${t}\n${n}\n${s}`,
-			className: "wui-glass autocomplete-overlay portal wui-floating-panel"
+			style: `${t}\n${n}\n${u}`,
+			className: "wui-glass autocomplete-overlay portal wui-floating-panel",
+			onContentChange: () => this._optionPortal.scheduleRefresh()
 		});
 		this._portal = e, e.panel.setAttribute("aria-hidden", "true"), e.panel.addEventListener("pointerdown", this._handlePanelPointerDown);
 		let r = document.createElement("div");
 		r.className = "autocomplete-scroll";
 		let i = document.createElement("div");
 		i.className = "autocomplete-content", this._portalContent = i;
-		let o = document.createElement("div");
-		return o.className = "autocomplete-empty", o.hidden = !0, o.textContent = "无匹配选项", r.append(i), i.append(o), e.panel.append(r), e.moveContent(Array.from(this.children), i), e;
+		let a = document.createElement("div");
+		return a.className = "autocomplete-empty", a.hidden = !0, a.textContent = "无匹配选项", r.append(i), i.append(a), e.panel.append(r), e.moveContent(Array.from(this.children), i), e;
 	}
 	_getLabelledbyText() {
 		if (!this.ariaLabelledby) return "";
@@ -312,10 +305,10 @@ var g, _ = [
 		}).filter(Boolean).join(" ") : "";
 	}
 	render() {
-		let e = `${this._idPrefix}-listbox`, t = `${this._idPrefix}-label`, n = this._getLabelledbyText(), r = this._options.filter((e) => !e.hasAttribute("data-filtered")), i = this._isOpen && this._activeIndex >= 0 ? this._options[this._activeIndex] : void 0, a = i ? this._getA11yOptionId(i) : u;
-		return l`
+		let e = `${this._idPrefix}-listbox`, t = `${this._idPrefix}-label`, n = this._getLabelledbyText(), r = this._options.filter((e) => !e.hasAttribute("data-filtered")), i = this._isOpen && this._activeIndex >= 0 ? this._options[this._activeIndex] : void 0, a = i ? this._getA11yOptionId(i) : p;
+		return f`
       <div class="wui-autocomplete-inner">
-        ${n ? l`<span class="autocomplete-a11y-only" id=${t}>${n}</span>` : u}
+        ${n ? f`<span class="autocomplete-a11y-only" id=${t}>${n}</span>` : p}
         <div class="wui-glass input-wrapper">
           <input
             class="autocomplete-input"
@@ -323,8 +316,8 @@ var g, _ = [
             placeholder=${this.placeholder}
             name=${this.name}
             .value=${this._value}
-            aria-label=${h(this.ariaLabel)}
-            aria-labelledby=${n ? t : u}
+            aria-label=${v(this.ariaLabel)}
+            aria-labelledby=${n ? t : p}
             ?disabled=${this._isDisabled}
             ?readonly=${this.readonly}
             ?required=${this.required}
@@ -334,7 +327,7 @@ var g, _ = [
             aria-autocomplete="list"
             aria-controls=${e}
             aria-disabled=${String(this._isDisabled)}
-            aria-readonly=${this.readonly ? "true" : u}
+            aria-readonly=${this.readonly ? "true" : p}
             aria-activedescendant=${a}
             @input=${this._onInput}
             @change=${this._onInnerChange}
@@ -349,7 +342,7 @@ var g, _ = [
           ?hidden=${!this._isOpen}
           aria-hidden=${String(!this._isOpen)}
         >
-          ${r.map((e) => l`<div
+          ${r.map((e) => f`<div
                 id=${this._getA11yOptionId(e)}
                 role="option"
                 aria-selected=${e.value === this._selectedValue ? "true" : "false"}
@@ -376,39 +369,39 @@ var g, _ = [
     `;
 	}
 };
-e([m()], v.prototype, "_formDisabled", void 0), e([p({
+e([g({
 	type: String,
 	reflect: !0
-})], v.prototype, "placeholder", void 0), e([p({
+})], x.prototype, "placeholder", void 0), e([g({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "disabled", void 0), e([p({
+})], x.prototype, "disabled", void 0), e([g({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "readonly", void 0), e([p({
+})], x.prototype, "readonly", void 0), e([g({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "required", void 0), e([p({
+})], x.prototype, "required", void 0), e([g({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "portal", void 0), e([p({
+})], x.prototype, "portal", void 0), e([g({
 	type: Boolean,
 	reflect: !0,
 	attribute: "no-scroll-lock"
-})], v.prototype, "noScrollLock", void 0), e([p({ attribute: !1 })], v.prototype, "overlayContainer", void 0), e([p({
+})], x.prototype, "noScrollLock", void 0), e([g({ attribute: !1 })], x.prototype, "overlayContainer", void 0), e([g({
 	type: String,
 	reflect: !0
-})], v.prototype, "name", void 0), e([p({
+})], x.prototype, "name", void 0), e([g({
 	type: String,
 	attribute: "aria-label"
-})], v.prototype, "ariaLabel", void 0), e([p({
+})], x.prototype, "ariaLabel", void 0), e([g({
 	type: String,
 	attribute: "aria-labelledby"
-})], v.prototype, "ariaLabelledby", void 0), e([p({
+})], x.prototype, "ariaLabelledby", void 0), e([g({
 	type: String,
 	reflect: !0
-})], v.prototype, "filter", null), e([m()], v.prototype, "_value", void 0), e([m()], v.prototype, "_selectedValue", void 0), e([m()], v.prototype, "_isOpen", void 0), e([m()], v.prototype, "_activeIndex", void 0), e([m()], v.prototype, "_focused", void 0), v = g = e([f("web-ui-autocomplete")], v);
+})], x.prototype, "filter", null), e([_()], x.prototype, "_value", void 0), e([_()], x.prototype, "_selectedValue", void 0), e([_()], x.prototype, "_isOpen", void 0), e([_()], x.prototype, "_activeIndex", void 0), e([_()], x.prototype, "_focused", void 0), x = y = e([h("web-ui-autocomplete")], x);
 //#endregion
-export { v as WebUiAutocomplete };
+export { x as WebUiAutocomplete };
 
 //# sourceMappingURL=index.js.map

package/dist/components/autocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/autocomplete/index.ts"],"sourcesContent":["import { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport '@/components/option'\nimport glass from '@/assets/glass.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport type { WebUiOption } from '@/components/option'\nimport { normalizeLiteral } from '@/shared/normalize'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { defineOverlayPortal } from '@/shared/overlay/portal'\nimport type { OverlayContainer, OverlayPortal } from '@/shared/overlay/portal'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nconst FILTER_MODES = ['none', 'prefix', 'contains'] as const\ntype FilterMode = (typeof FILTER_MODES)[number]\n\n/**\n * `web-ui-autocomplete`：可输入并过滤候选的单值选择器。\n *\n * 与 `web-ui-select` 共用 `<web-ui-option>` 子项注册协议与浮层能力，但触发区是\n * 可编辑输入框：`value` 即当前输入文本（表单值），键入时按 `filter` 模式过滤候选，\n * 选择 option 时文本回填为该项 label，`selected-value` 暴露该项的 value。\n */\n@customElement('web-ui-autocomplete')\nexport class WebUiAutocomplete extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(style)]\n\n  static formAssociated = true\n\n  // ElementInternals 实例，在 connectedCallback 中初始化\n  private _internals?: ElementInternals\n  @state() private _formDisabled = false\n\n  @property({ type: String, reflect: true }) placeholder = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) readonly = false\n  @property({ type: Boolean, reflect: true }) required = false\n  @property({ type: Boolean, reflect: true }) portal = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' })\n  noScrollLock = false\n  @property({ attribute: false }) overlayContainer?: OverlayContainer\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n  @property({ type: String, attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined\n\n  private _filter: FilterMode = 'contains'\n\n  @property({ type: String, reflect: true })\n  get filter(): FilterMode {\n    return this._filter\n  }\n  set filter(v: string) {\n    const old = this._filter\n    this._filter = normalizeLiteral(v, FILTER_MODES, 'contains')\n    this.requestUpdate('filter', old)\n  }\n\n  // value 使用内部状态 + 访问器模式，在变更时同步 ElementInternals。\n  // 与 Select 一致不反射 attribute：value attribute 保留为表单重置的初始默认值，\n  // 避免设置属性时回写 attribute 导致 formResetCallback 读取到当前值。\n  @state() private _value = ''\n\n  get value(): string {\n    return this._value\n  }\n  set value(v: string) {\n    const old = this._value\n    this._value = v\n    this._internals?.setFormValue?.(v)\n    this.requestUpdate('value', old)\n  }\n\n  // selected-value：文本精确匹配 option label 时派生出的 option value（只读反射）。\n  @state() private _selectedValue = ''\n\n  get selectedValue(): string {\n    return this._selectedValue\n  }\n\n  private _setSelectedValue(value: string) {\n    const old = this._selectedValue\n    if (old === value && this.getAttribute('selected-value') === value) return\n\n    this._selectedValue = value\n    this.setAttribute('selected-value', value)\n    if (old !== value) this.requestUpdate('selectedValue', old)\n  }\n\n  private get _isDisabled(): boolean {\n    return this.disabled || this._formDisabled\n  }\n\n  @state() private _isOpen = false\n  @state() private _activeIndex = -1\n  @state() private _focused = false\n\n  private static _nextInstanceId = 0\n  private readonly _idPrefix = `web-ui-autocomplete-${++WebUiAutocomplete._nextInstanceId}`\n  private readonly _optionIds = new WeakMap<WebUiOption, string>()\n  private readonly _a11yOptionIds = new WeakMap<WebUiOption, string>()\n  private _nextOptionId = 0\n  private _nextA11yOptionId = 0\n  private _options: WebUiOption[] = []\n  private _portal?: OverlayPortal\n  private _portalContent?: HTMLElement\n  private readonly _pendingUnregisteredOptions = new Set<WebUiOption>()\n  private readonly _scrollLock = defineScrollLockLease().make()\n  private readonly _panel = defineAnchoredPanel().make({\n    getAnchor: () => this.shadowRoot?.querySelector<HTMLElement>('.input-wrapper') ?? null,\n    getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-overlay') ?? null,\n    getPositioning: () => ({\n      placement: 'bottom-start',\n      offset: 4,\n      minAnchorWidth: true,\n      strategy: this.portal ? 'fixed' : 'absolute'\n    }),\n    isPortal: () => this.portal,\n    createPortal: () => this._createPortal()\n  })\n\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n  get open(): boolean {\n    return this._isOpen\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this._isOpen) return\n\n    const path = e.composedPath()\n    const panel = this._panel.getPanel()\n    if (!path.includes(this) && (!panel || !path.includes(panel))) this._close()\n  }\n\n  private _onFocusOut = () => {\n    requestAnimationFrame(() => {\n      if (this._isOpen && !this.matches(':focus-within') && !this._panel.getPanel()?.matches(':focus-within')) {\n        this._close()\n      }\n    })\n  }\n\n  private _handlePanelPointerDown = (e: PointerEvent) => {\n    // 非 option 区域不可聚焦；阻止 pointerdown 的默认聚焦行为，保持 combobox 焦点，\n    // 使点击 empty state、滚动区和面板 padding 不会被 focusout 误判为外部交互。\n    e.preventDefault()\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    // 元素被移动时会重连，ElementInternals 只能 attach 一次\n    if (!this._internals) {\n      this._internals = this.attachInternals()\n    }\n    // 同步 HTML 属性中预设的 value，补全访问器模式不处理 attribute 反射\n    const attrValue = this.getAttribute('value')\n    if (attrValue !== null) {\n      this._value = attrValue\n      this._internals?.setFormValue?.(attrValue)\n    }\n    this.addEventListener('option-register', this._onOptionRegister)\n    this.addEventListener('option-unregister', this._onOptionUnregister)\n    this.addEventListener('keydown', this._onKeydown)\n    this.addEventListener('focusout', this._onFocusOut)\n    document.addEventListener('click', this._onClickOutside)\n  }\n\n  override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    super.attributeChangedCallback(name, oldValue, newValue)\n    if (name === 'selected-value' && this.isConnected && newValue !== this._selectedValue) {\n      queueMicrotask(() => {\n        if (this.isConnected) this._syncSelectedValue()\n      })\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('option-register', this._onOptionRegister)\n    this.removeEventListener('option-unregister', this._onOptionUnregister)\n    this.removeEventListener('keydown', this._onKeydown)\n    this.removeEventListener('focusout', this._onFocusOut)\n    document.removeEventListener('click', this._onClickOutside)\n    this._options.forEach(this._unbindOption)\n    this._pendingUnregisteredOptions.clear()\n    this._close()\n    this._portal = undefined\n    this._portalContent = undefined\n    this._panel.dispose()\n    this._scrollLock.release()\n  }\n\n  override firstUpdated() {\n    requestAnimationFrame(() => {\n      if (this.isConnected) this._onSlotChange()\n    })\n  }\n\n  private _queryOptions(): WebUiOption[] {\n    const panel = this.portal ? this._panel.getPanel() : null\n    const panelOptions = panel ? [...panel.querySelectorAll<WebUiOption>('web-ui-option')] : []\n    // 面板内容仅在浮层打开、moveContent 之后存在；关闭时回退 light DOM，\n    // 否则 portal 模式首次加载时 _options 为空。\n    return panelOptions.length > 0 ? panelOptions : [...this.querySelectorAll<WebUiOption>('web-ui-option')]\n  }\n\n  override willUpdate() {\n    this._refreshOptions()\n    this._ensureOptionIds()\n    this._syncSelectedValue()\n    this._applyFilter()\n    this._syncOptionA11y()\n    this._syncActiveOption()\n  }\n\n  override updated(changed: PropertyValues) {\n    const input = this.shadowRoot?.querySelector<HTMLInputElement>('.autocomplete-input')\n    if (input && input.value !== this._value) input.value = this._value\n    if (changed.has('portal') || changed.has('overlayContainer'))\n      requestAnimationFrame(() => this._reconfigureOverlay())\n    if (changed.has('noScrollLock')) this._syncScrollLock()\n    this.toggleAttribute('focused', this._focused)\n    this._syncOpenAttribute()\n    this._syncValidity()\n    this._syncEmptyState()\n  }\n\n  formResetCallback() {\n    this.value = this.getAttribute('value') || ''\n  }\n\n  formDisabledCallback(disabled: boolean) {\n    this._formDisabled = disabled\n    if (disabled && this._isOpen) this._close()\n  }\n\n  formStateRestoreCallback(state: string | File | FormData | null) {\n    if (typeof state === 'string') this.value = state\n  }\n\n  private _syncValidity() {\n    if (!this._internals || typeof this._internals.setValidity !== 'function') return\n    // readonly 与 disabled 一致：值不可由用户修改，视为通过校验（原生 barred-from-validation 语义）\n    if (this._isDisabled || this.readonly || !this.required || this._value) this._internals.setValidity({})\n    else this._internals.setValidity({ valueMissing: true }, '请输入内容')\n  }\n\n  private _syncOpenAttribute() {\n    this.toggleAttribute('open', this._isOpen)\n  }\n\n  private _syncSelectedValue() {\n    const query = this._value.trim().toLowerCase()\n    const next = query ? (this._options.find(o => o.label.trim().toLowerCase() === query)?.value ?? '') : ''\n    this._setSelectedValue(next)\n  }\n\n  private _syncOptionA11y() {\n    this._options.forEach(o => {\n      o.setAttribute('role', 'option')\n      o.setAttribute('aria-selected', o.value === this._selectedValue ? 'true' : 'false')\n      o.setAttribute('aria-hidden', 'true')\n    })\n  }\n\n  private _ensureOptionIds() {\n    const usedIds = new Set(this._options.map(option => option.id).filter(Boolean))\n    this._options.forEach(option => {\n      if (option.id) return\n\n      let id = this._optionIds.get(option)\n      if (!id || usedIds.has(id)) {\n        do {\n          id = `${this._idPrefix}-option-${++this._nextOptionId}`\n        } while (usedIds.has(id))\n        this._optionIds.set(option, id)\n      }\n      option.id = id\n      usedIds.add(id)\n    })\n  }\n\n  private _getA11yOptionId(option: WebUiOption): string {\n    let id = this._a11yOptionIds.get(option)\n    if (!id) {\n      id = `${this._idPrefix}-a11y-option-${++this._nextA11yOptionId}`\n      this._a11yOptionIds.set(option, id)\n    }\n    return id\n  }\n\n  // 按当前文本与 filter 模式过滤候选，非匹配项以 data-filtered 隐藏并跳过导航\n  private _applyFilter() {\n    const query = this._value.trim().toLowerCase()\n    const mode = this._filter\n    this._options.forEach(o => {\n      const label = o.label.trim().toLowerCase()\n      const match = mode === 'none' || !query || (mode === 'prefix' ? label.startsWith(query) : label.includes(query))\n      o.toggleAttribute('data-filtered', !match)\n    })\n    // 活动项被过滤或禁用时清除键盘激活，避免激活不可见项\n    const active = this._options[this._activeIndex]\n    if (this._activeIndex >= 0 && (!active || active.hasAttribute('data-filtered') || active.disabled)) {\n      this._activeIndex = -1\n      this._syncActiveOption()\n    }\n  }\n\n  private _syncEmptyState() {\n    const panel = this._panel.getPanel()\n    if (!panel) return\n    const empty = panel.querySelector<HTMLElement>('.autocomplete-empty')\n    if (!empty) return\n    const matching = this._options.filter(o => !o.hasAttribute('data-filtered'))\n    empty.hidden = !(this._options.length > 0 && matching.length === 0)\n  }\n\n  private _bindOption = (option: WebUiOption) => {\n    option.addEventListener('click', this._handleOptionClick)\n    option.addEventListener('pointerover', this._handleOptionPointerOver)\n    option.addEventListener('pointerdown', this._handleOptionPointerDown)\n    option.addEventListener('option-update', this._onOptionUpdate)\n    // Portal 迁移后 option 不再向宿主冒泡事件，直接监听以覆盖真实删除。\n    option.addEventListener('option-unregister', this._onOptionUnregister)\n  }\n\n  private _unbindOption = (option: WebUiOption) => {\n    option.removeEventListener('click', this._handleOptionClick)\n    option.removeEventListener('pointerover', this._handleOptionPointerOver)\n    option.removeEventListener('pointerdown', this._handleOptionPointerDown)\n    option.removeEventListener('option-update', this._onOptionUpdate)\n    option.removeEventListener('option-unregister', this._onOptionUnregister)\n  }\n\n  private _refreshOptions() {\n    const activeOption = this._options[this._activeIndex]\n    const nextOptions = this._queryOptions()\n\n    this._options.filter(option => !nextOptions.includes(option)).forEach(this._unbindOption)\n    nextOptions.forEach(this._bindOption)\n    this._options = nextOptions\n    this._activeIndex = activeOption && nextOptions.includes(activeOption) ? nextOptions.indexOf(activeOption) : -1\n  }\n\n  private _syncPortalContent() {\n    if (!this._portal || !this._portalContent) return\n\n    for (const option of this._pendingUnregisteredOptions) {\n      if (!this._portalContent.contains(option) && !this.contains(option)) this._portal.removeContent([option])\n    }\n    this._pendingUnregisteredOptions.clear()\n\n    if (!this._isOpen) return\n\n    const lightDomNodes = Array.from(this.childNodes)\n    if (lightDomNodes.length) this._portal.appendContent(lightDomNodes, this._portalContent)\n  }\n\n  private _scheduleOptionsRefresh() {\n    // disconnectedCallback 在 Portal 迁移与实际删除时都会触发。延迟到当前微任务结束，\n    // 才能根据 option 的最终位置区分二者并同时同步 active/selected/ARIA 状态。\n    queueMicrotask(() => {\n      if (!this.isConnected) return\n      this._syncPortalContent()\n      this.requestUpdate()\n    })\n  }\n\n  private _onOptionRegister = () => {\n    this._scheduleOptionsRefresh()\n  }\n\n  private _onOptionUnregister = (e: Event) => {\n    if (e.target instanceof HTMLElement && e.target.localName === 'web-ui-option')\n      this._pendingUnregisteredOptions.add(e.target as WebUiOption)\n    this._scheduleOptionsRefresh()\n  }\n\n  private _onSlotChange = () => {\n    this._scheduleOptionsRefresh()\n  }\n\n  private _handleOptionClick = (e: Event) => {\n    if (!(e.currentTarget instanceof HTMLElement)) return\n    const option = e.currentTarget as WebUiOption\n    if (option.disabled) return\n    this._selectOption(option)\n  }\n\n  private _onOptionUpdate = () => {\n    this._scheduleOptionsRefresh()\n  }\n\n  private _handleOptionPointerOver = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (!this._isOpen || !(e.currentTarget instanceof HTMLElement)) return\n\n    // 指针接管后只保留 :hover，避免键盘激活项与悬停项同时高亮。\n    this._activeIndex = -1\n    this._syncActiveOption()\n  }\n\n  private _handleOptionPointerDown = (e: PointerEvent) => {\n    // 保持输入框焦点，避免 focusout 在 click 前关闭浮层。\n    e.preventDefault()\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this._isDisabled || this.readonly) return\n\n    switch (e.key) {\n      case 'Escape':\n        if (this._isOpen) {\n          this._close()\n          e.preventDefault()\n        }\n        break\n      case 'ArrowDown':\n        e.preventDefault()\n        if (!this._isOpen) this._open(true)\n        else this._navigateActive(1)\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        if (!this._isOpen) this._open(true)\n        else this._navigateActive(-1)\n        break\n      case 'Enter':\n        // 面板打开时接管 Enter：选中活动项或拦截表单提交；关闭时不拦截\n        if (this._isOpen) {\n          e.preventDefault()\n          const option = this._options[this._activeIndex]\n          if (option && !option.disabled && !option.hasAttribute('data-filtered')) {\n            this._selectOption(option)\n          }\n        }\n        break\n    }\n  }\n\n  private _navigateActive(delta: number) {\n    const enabled = this._options.filter(o => !o.disabled && !o.hasAttribute('data-filtered'))\n    if (!enabled.length) return\n\n    const currentIdx = this._activeIndex >= 0 ? enabled.indexOf(this._options[this._activeIndex]) : delta > 0 ? -1 : 0\n    let nextIdx = currentIdx + delta\n    if (nextIdx < 0) nextIdx = enabled.length - 1\n    if (nextIdx >= enabled.length) nextIdx = 0\n\n    this._activeIndex = this._options.indexOf(enabled[nextIdx])\n    this._syncActiveOption()\n  }\n\n  private _setInitialActiveOption() {\n    const firstEnabled = this._options.findIndex(o => !o.disabled && !o.hasAttribute('data-filtered'))\n    this._activeIndex = firstEnabled\n    this._syncActiveOption()\n  }\n\n  private _syncActiveOption() {\n    this._options.forEach((option, index) => option.toggleAttribute('active', index === this._activeIndex))\n  }\n\n  private _selectOption(option: WebUiOption) {\n    if (this.readonly) return\n    // value 即输入文本：选择后回填为 option label，selected-value 取 option value\n    this.value = option.label\n    this._setSelectedValue(option.value)\n    this._close()\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private _onInput = (e: Event) => {\n    if (this._isDisabled || this.readonly) return\n    const input = e.target as HTMLInputElement\n    if (input.value === this._value) return\n    this.value = input.value\n    this._activeIndex = -1\n    this._syncActiveOption()\n    if (!this._isOpen) this._open()\n  }\n\n  // 内部原生 input 在失焦时也会派发 change；组件契约中 change 仅表示「选中提交」，\n  // 阻止原生 change 冒泡到宿主，避免消费端收到未选择时的 change。\n  private _onInnerChange = (e: Event) => {\n    e.stopPropagation()\n  }\n\n  private _onFocus = () => {\n    if (this._isDisabled) return\n    this._focused = true\n    // readonly 仅可聚焦选中，不展开候选\n    if (this.readonly) return\n    if (this._options.length > 0) this._open()\n  }\n\n  private _onBlur = () => {\n    this._focused = false\n  }\n\n  private _open(isKeyboardNavigation = false) {\n    if (this._isDisabled || this.readonly || this._isOpen) return\n    this._isOpen = true\n    this._dispatchOpenChange()\n    if (isKeyboardNavigation) this._setInitialActiveOption()\n    else this._syncActiveOption()\n    this._syncScrollLock()\n    if (this.portal) {\n      requestAnimationFrame(() => {\n        if (this._isOpen) this._openOverlay(isKeyboardNavigation)\n      })\n    } else {\n      this._openOverlay(isKeyboardNavigation)\n    }\n  }\n\n  private _close() {\n    if (!this._isOpen) return\n    // Portal 内容可能在当前微任务尚未完成同步；先把 light DOM 中新增或重排的节点\n    // 收回当前 content，再关闭并 restore，避免 restoreContent() 按旧 tracking 顺序把\n    // 新 option 插到旧 option 前面。\n    this._syncPortalContent()\n    this._isOpen = false\n    this._dispatchOpenChange()\n    this._activeIndex = -1\n    this._options.forEach(o => o.removeAttribute('active'))\n    this._syncScrollLock(false)\n    void this._closeOverlay()\n  }\n\n  private _dispatchOpenChange() {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open: this._isOpen },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _openOverlay(isKeyboardNavigation = false) {\n    this._panel.open(isKeyboardNavigation)\n    this._syncEmptyState()\n  }\n\n  private async _closeOverlay() {\n    const closed = await this._panel.close(() => this._isOpen)\n    if (closed) {\n      this._portal = undefined\n      this._portalContent = undefined\n    }\n  }\n\n  private _reconfigureOverlay() {\n    this._portal = undefined\n    this._portalContent = undefined\n    this._panel.reconfigure(this._isOpen)\n  }\n\n  private _syncScrollLock(isOpen = this._isOpen) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _createPortal(): OverlayPortal {\n    const portal = defineOverlayPortal().make({\n      container: this.overlayContainer,\n      target: this,\n      style: `${glass}\\n${overlayMotion}\\n${style}`,\n      className: 'wui-glass autocomplete-overlay portal wui-floating-panel'\n    })\n    this._portal = portal\n    portal.panel.setAttribute('aria-hidden', 'true')\n    portal.panel.addEventListener('pointerdown', this._handlePanelPointerDown)\n    const scroll = document.createElement('div')\n    scroll.className = 'autocomplete-scroll'\n    const content = document.createElement('div')\n    content.className = 'autocomplete-content'\n    this._portalContent = content\n    const empty = document.createElement('div')\n    empty.className = 'autocomplete-empty'\n    empty.hidden = true\n    empty.textContent = '无匹配选项'\n    scroll.append(content)\n    content.append(empty)\n    portal.panel.append(scroll)\n    portal.moveContent(Array.from(this.children), content)\n    return portal\n  }\n\n  private _getLabelledbyText(): string {\n    if (!this.ariaLabelledby) return ''\n\n    const root = this.getRootNode()\n    if (!(root instanceof Document || root instanceof ShadowRoot)) return ''\n\n    return this.ariaLabelledby\n      .trim()\n      .split(/\\s+/)\n      .map(id => {\n        const escapedId = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(id) : id\n        return root.querySelector(`#${escapedId}`)?.textContent?.trim() ?? ''\n      })\n      .filter(Boolean)\n      .join(' ')\n  }\n\n  override render() {\n    const listboxId = `${this._idPrefix}-listbox`\n    const labelId = `${this._idPrefix}-label`\n    const labelledbyText = this._getLabelledbyText()\n    const visibleOptions = this._options.filter(option => !option.hasAttribute('data-filtered'))\n    const activeOption = this._isOpen && this._activeIndex >= 0 ? this._options[this._activeIndex] : undefined\n    const activeDescendant = activeOption ? this._getA11yOptionId(activeOption) : nothing\n\n    return html`\n      <div class=\"wui-autocomplete-inner\">\n        ${labelledbyText ? html`<span class=\"autocomplete-a11y-only\" id=${labelId}>${labelledbyText}</span>` : nothing}\n        <div class=\"wui-glass input-wrapper\">\n          <input\n            class=\"autocomplete-input\"\n            type=\"text\"\n            placeholder=${this.placeholder}\n            name=${this.name}\n            .value=${this._value}\n            aria-label=${ifDefined(this.ariaLabel)}\n            aria-labelledby=${labelledbyText ? labelId : nothing}\n            ?disabled=${this._isDisabled}\n            ?readonly=${this.readonly}\n            ?required=${this.required}\n            role=\"combobox\"\n            aria-expanded=${this._isOpen}\n            aria-haspopup=\"listbox\"\n            aria-autocomplete=\"list\"\n            aria-controls=${listboxId}\n            aria-disabled=${String(this._isDisabled)}\n            aria-readonly=${this.readonly ? 'true' : nothing}\n            aria-activedescendant=${activeDescendant}\n            @input=${this._onInput}\n            @change=${this._onInnerChange}\n            @focus=${this._onFocus}\n            @blur=${this._onBlur}\n          />\n        </div>\n        <div\n          class=\"autocomplete-a11y-listbox\"\n          id=${listboxId}\n          role=\"listbox\"\n          ?hidden=${!this._isOpen}\n          aria-hidden=${String(!this._isOpen)}\n        >\n          ${visibleOptions.map(\n            option =>\n              html`<div\n                id=${this._getA11yOptionId(option)}\n                role=\"option\"\n                aria-selected=${option.value === this._selectedValue ? 'true' : 'false'}\n                aria-hidden=${String(!this._isOpen)}\n                aria-disabled=${String(option.disabled)}\n              >\n                ${option.label}\n              </div>`\n          )}\n        </div>\n        <div\n          class=\"wui-glass autocomplete-overlay wui-floating-panel\"\n          hidden\n          aria-hidden=\"true\"\n          @pointerdown=${this._handlePanelPointerDown}\n        >\n          <div class=\"autocomplete-scroll\">\n            <div class=\"autocomplete-content\">\n              <slot @slotchange=${this._onSlotChange}></slot>\n              <div class=\"autocomplete-empty\" hidden>无匹配选项</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n    focus: FocusEvent\n    blur: FocusEvent\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-autocomplete': WebUiAutocomplete\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/autocomplete/index.ts"],"sourcesContent":["import { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport '@/components/option'\nimport glass from '@/assets/glass.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport type { WebUiOption } from '@/components/option'\nimport { defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { normalizeLiteral } from '@/shared/normalize'\nimport { defineOptionPortal } from '@/shared/option-portal'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { defineOverlayPortal } from '@/shared/overlay/portal'\nimport type { OverlayContainer, OverlayPortal } from '@/shared/overlay/portal'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nconst FILTER_MODES = ['none', 'prefix', 'contains'] as const\ntype FilterMode = (typeof FILTER_MODES)[number]\n\n/**\n * `web-ui-autocomplete`：可输入并过滤候选的单值选择器。\n *\n * 与 `web-ui-select` 共用 `<web-ui-option>` 子项注册协议与浮层能力，但触发区是\n * 可编辑输入框：`value` 即当前输入文本（表单值），键入时按 `filter` 模式过滤候选，\n * 选择 option 时文本回填为该项 label，`selected-value` 暴露该项的 value。\n */\n@customElement('web-ui-autocomplete')\nexport class WebUiAutocomplete extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(style)]\n\n  static formAssociated = true\n\n  @property({ type: String, reflect: true }) placeholder = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) readonly = false\n  @property({ type: Boolean, reflect: true }) required = false\n  @property({ type: Boolean, reflect: true }) portal = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' })\n  noScrollLock = false\n  @property({ attribute: false }) overlayContainer?: OverlayContainer\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n  @property({ type: String, attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined\n\n  private _filter: FilterMode = 'contains'\n\n  @property({ type: String, reflect: true })\n  get filter(): FilterMode {\n    return this._filter\n  }\n  set filter(v: string) {\n    const old = this._filter\n    this._filter = normalizeLiteral(v, FILTER_MODES, 'contains')\n    this.requestUpdate('filter', old)\n  }\n\n  // value 不反射 attribute，attribute 只参与首次声明式初始化。\n  @state() private _value = ''\n\n  get value(): string {\n    return this._value\n  }\n  set value(v: string) {\n    const old = this._value\n    this._value = v\n    this._formAssociation.sync()\n    this.requestUpdate('value', old)\n  }\n\n  // selected-value：文本精确匹配 option label 时派生出的 option value（只读反射）。\n  @state() private _selectedValue = ''\n\n  get selectedValue(): string {\n    return this._selectedValue\n  }\n\n  private _setSelectedValue(value: string) {\n    const old = this._selectedValue\n    if (old === value && this.getAttribute('selected-value') === value) return\n\n    this._selectedValue = value\n    this.setAttribute('selected-value', value)\n    if (old !== value) this.requestUpdate('selectedValue', old)\n  }\n\n  private readonly _formAssociation = defineFormAssociation<string>({\n    host: this,\n    initialize: () => {\n      // 同步 HTML 属性中预设的 value，补全访问器模式不处理 attribute 反射。\n      const attrValue = this.getAttribute('value')\n      if (attrValue !== null) this._value = attrValue\n    },\n    getState: () => this._value,\n    setState: value => {\n      this.value = value\n    },\n    getFormValue: () => this._value,\n    getFormState: () => this._value,\n    restoreState: state => {\n      if (typeof state === 'string') this.value = state\n    },\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  private get _isDisabled(): boolean {\n    return this.disabled || this._formAssociation.isFormDisabled()\n  }\n\n  @state() private _isOpen = false\n  @state() private _activeIndex = -1\n  @state() private _focused = false\n\n  private static _nextInstanceId = 0\n  private readonly _idPrefix = `web-ui-autocomplete-${++WebUiAutocomplete._nextInstanceId}`\n  private readonly _a11yOptionIds = new WeakMap<WebUiOption, string>()\n  private _nextA11yOptionId = 0\n  private _options: WebUiOption[] = []\n  private _portal?: OverlayPortal\n  private _portalContent?: HTMLElement\n  private readonly _scrollLock = defineScrollLockLease().make()\n\n  // option 注册表 / portal 同步 / 微任务调度收敛到 shared 模块（select 同款）\n  private readonly _optionPortal = defineOptionPortal().make({\n    element: this,\n    idPrefix: `${this._idPrefix}-option`,\n    getPortal: () => this._portal,\n    getPortalContent: () => this._portalContent,\n    isOpen: () => this.portal && this._isOpen,\n    // autocomplete 迁移全部子节点：empty state 等面板内静态内容与 option 的相对顺序\n    // 由 childNodes 原序保持，迁移粒度与 select（裸 option）刻意不同\n    getMigratableNodes: () => Array.from(this.childNodes),\n    hasUpdated: () => this.hasUpdated,\n    requestUpdate: () => this.requestUpdate(),\n    bindOption: option => this._bindOption(option),\n    unbindOption: option => this._unbindOption(option)\n  })\n  private readonly _panel = defineAnchoredPanel().make({\n    getAnchor: () => this.shadowRoot?.querySelector<HTMLElement>('.input-wrapper') ?? null,\n    getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.autocomplete-overlay') ?? null,\n    getPositioning: () => ({\n      placement: 'bottom-start',\n      offset: 4,\n      minAnchorWidth: true,\n      strategy: this.portal ? 'fixed' : 'absolute'\n    }),\n    isPortal: () => this.portal,\n    createPortal: () => this._createPortal()\n  })\n\n  get isOpen(): boolean {\n    return this._isOpen\n  }\n\n  get open(): boolean {\n    return this._isOpen\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this._isOpen) return\n\n    const path = e.composedPath()\n    const panel = this._panel.getPanel()\n    if (!path.includes(this) && (!panel || !path.includes(panel))) this._close()\n  }\n\n  private _onFocusOut = () => {\n    requestAnimationFrame(() => {\n      if (this._isOpen && !this.matches(':focus-within') && !this._panel.getPanel()?.matches(':focus-within')) {\n        this._close()\n      }\n    })\n  }\n\n  private _handlePanelPointerDown = (e: PointerEvent) => {\n    // 非 option 区域不可聚焦；阻止 pointerdown 的默认聚焦行为，保持 combobox 焦点，\n    // 使点击 empty state、滚动区和面板 padding 不会被 focusout 误判为外部交互。\n    e.preventDefault()\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._optionPortal.bindHost()\n    this.addEventListener('keydown', this._onKeydown)\n    this.addEventListener('focusout', this._onFocusOut)\n    document.addEventListener('click', this._onClickOutside)\n  }\n\n  override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    super.attributeChangedCallback(name, oldValue, newValue)\n    if (name === 'selected-value' && this.isConnected && newValue !== this._selectedValue) {\n      queueMicrotask(() => {\n        if (this.isConnected) this._syncSelectedValue()\n      })\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._optionPortal.dispose()\n    this.removeEventListener('keydown', this._onKeydown)\n    this.removeEventListener('focusout', this._onFocusOut)\n    document.removeEventListener('click', this._onClickOutside)\n    this._options.forEach(this._unbindOption)\n    this._close()\n    this._portal = undefined\n    this._portalContent = undefined\n    this._panel.dispose()\n    this._scrollLock.release()\n  }\n\n  override firstUpdated() {\n    requestAnimationFrame(() => {\n      if (this.isConnected) this._optionPortal.scheduleRefresh()\n    })\n  }\n\n  override willUpdate() {\n    this._refreshOptions()\n    this._optionPortal.ensureOptionIds(this._options)\n    this._syncSelectedValue()\n    this._applyFilter()\n    this._syncOptionA11y()\n    this._syncActiveOption()\n  }\n\n  override updated(changed: PropertyValues) {\n    const input = this.shadowRoot?.querySelector<HTMLInputElement>('.autocomplete-input')\n    if (input && input.value !== this._value) input.value = this._value\n    if (changed.has('portal') || changed.has('overlayContainer'))\n      requestAnimationFrame(() => this._reconfigureOverlay())\n    if (changed.has('noScrollLock')) this._syncScrollLock()\n    this.toggleAttribute('focused', this._focused)\n    this._syncOpenAttribute()\n    this._syncValidity()\n    this._syncEmptyState()\n  }\n\n  formResetCallback() {\n    this._formAssociation.reset()\n  }\n\n  formDisabledCallback(disabled: boolean) {\n    this._formAssociation.setDisabled(disabled)\n    if (disabled && this._isOpen) this._close()\n  }\n\n  formStateRestoreCallback(state: string | File | FormData | null) {\n    this._formAssociation.restore(state)\n  }\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    if (!internals || typeof internals.setValidity !== 'function') return\n    // readonly 与 disabled 一致：值不可由用户修改，视为通过校验（原生 barred-from-validation 语义）\n    if (this._isDisabled || this.readonly || !this.required || this._value) internals.setValidity({})\n    else internals.setValidity({ valueMissing: true }, '请输入内容')\n  }\n\n  private _syncOpenAttribute() {\n    this.toggleAttribute('open', this._isOpen)\n  }\n\n  private _syncSelectedValue() {\n    const query = this._value.trim().toLowerCase()\n    const next = query ? (this._options.find(o => o.label.trim().toLowerCase() === query)?.value ?? '') : ''\n    this._setSelectedValue(next)\n  }\n\n  private _syncOptionA11y() {\n    this._options.forEach(o => {\n      o.setAttribute('role', 'option')\n      o.setAttribute('aria-selected', o.value === this._selectedValue ? 'true' : 'false')\n      o.setAttribute('aria-hidden', 'true')\n    })\n  }\n\n  private _getA11yOptionId(option: WebUiOption): string {\n    let id = this._a11yOptionIds.get(option)\n    if (!id) {\n      id = `${this._idPrefix}-a11y-option-${++this._nextA11yOptionId}`\n      this._a11yOptionIds.set(option, id)\n    }\n    return id\n  }\n\n  // 按当前文本与 filter 模式过滤候选，非匹配项以 data-filtered 隐藏并跳过导航\n  private _applyFilter() {\n    const query = this._value.trim().toLowerCase()\n    const mode = this._filter\n    this._options.forEach(o => {\n      const label = o.label.trim().toLowerCase()\n      const match = mode === 'none' || !query || (mode === 'prefix' ? label.startsWith(query) : label.includes(query))\n      o.toggleAttribute('data-filtered', !match)\n    })\n    // 活动项被过滤或禁用时清除键盘激活，避免激活不可见项\n    const active = this._options[this._activeIndex]\n    if (this._activeIndex >= 0 && (!active || active.hasAttribute('data-filtered') || active.disabled)) {\n      this._activeIndex = -1\n      this._syncActiveOption()\n    }\n  }\n\n  private _syncEmptyState() {\n    const panel = this._panel.getPanel()\n    if (!panel) return\n    const empty = panel.querySelector<HTMLElement>('.autocomplete-empty')\n    if (!empty) return\n    const matching = this._options.filter(o => !o.hasAttribute('data-filtered'))\n    empty.hidden = !(this._options.length > 0 && matching.length === 0)\n  }\n\n  private _bindOption = (option: WebUiOption) => {\n    option.addEventListener('click', this._handleOptionClick)\n    option.addEventListener('pointerover', this._handleOptionPointerOver)\n    option.addEventListener('pointerdown', this._handleOptionPointerDown)\n    option.addEventListener('option-update', this._onOptionUpdate)\n  }\n\n  private _unbindOption = (option: WebUiOption) => {\n    option.removeEventListener('click', this._handleOptionClick)\n    option.removeEventListener('pointerover', this._handleOptionPointerOver)\n    option.removeEventListener('pointerdown', this._handleOptionPointerDown)\n    option.removeEventListener('option-update', this._onOptionUpdate)\n  }\n\n  private _refreshOptions() {\n    const activeOption = this._options[this._activeIndex]\n    // diff 绑定/解绑与激活索引按 option 身份保持在 shared 内完成\n    const next = this._optionPortal.refresh(this._options, activeOption)\n    this._options = next.options\n    this._activeIndex = next.activeIndex\n  }\n\n  private _handleOptionClick = (e: Event) => {\n    if (!(e.currentTarget instanceof HTMLElement)) return\n    const option = e.currentTarget as WebUiOption\n    if (option.disabled) return\n    this._selectOption(option)\n  }\n\n  private _onOptionUpdate = () => {\n    this._optionPortal.scheduleRefresh()\n  }\n\n  private _handleOptionPointerOver = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (!this._isOpen || !(e.currentTarget instanceof HTMLElement)) return\n\n    // 指针接管后只保留 :hover，避免键盘激活项与悬停项同时高亮。\n    this._activeIndex = -1\n    this._syncActiveOption()\n  }\n\n  private _handleOptionPointerDown = (e: PointerEvent) => {\n    // 保持输入框焦点，避免 focusout 在 click 前关闭浮层。\n    e.preventDefault()\n  }\n\n  // slotchange 不冒泡，只能由模板内 slot 自行监听；稳定引用避免 Lit 重挂载\n  private _onSlotChange = () => {\n    this._optionPortal.scheduleRefresh()\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this._isDisabled || this.readonly) return\n\n    switch (e.key) {\n      case 'Escape':\n        if (this._isOpen) {\n          this._close()\n          e.preventDefault()\n        }\n        break\n      case 'ArrowDown':\n        e.preventDefault()\n        if (!this._isOpen) this._open(true)\n        else this._navigateActive(1)\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        if (!this._isOpen) this._open(true)\n        else this._navigateActive(-1)\n        break\n      case 'Enter':\n        // 面板打开时接管 Enter：选中活动项或拦截表单提交；关闭时不拦截\n        if (this._isOpen) {\n          e.preventDefault()\n          const option = this._options[this._activeIndex]\n          if (option && !option.disabled && !option.hasAttribute('data-filtered')) {\n            this._selectOption(option)\n          }\n        }\n        break\n    }\n  }\n\n  private _navigateActive(delta: number) {\n    const enabled = this._options.filter(o => !o.disabled && !o.hasAttribute('data-filtered'))\n    if (!enabled.length) return\n\n    const currentIdx = this._activeIndex >= 0 ? enabled.indexOf(this._options[this._activeIndex]) : delta > 0 ? -1 : 0\n    let nextIdx = currentIdx + delta\n    if (nextIdx < 0) nextIdx = enabled.length - 1\n    if (nextIdx >= enabled.length) nextIdx = 0\n\n    this._activeIndex = this._options.indexOf(enabled[nextIdx])\n    this._syncActiveOption()\n  }\n\n  private _setInitialActiveOption() {\n    const firstEnabled = this._options.findIndex(o => !o.disabled && !o.hasAttribute('data-filtered'))\n    this._activeIndex = firstEnabled\n    this._syncActiveOption()\n  }\n\n  private _syncActiveOption() {\n    this._options.forEach((option, index) => option.toggleAttribute('active', index === this._activeIndex))\n  }\n\n  private _selectOption(option: WebUiOption) {\n    if (this.readonly) return\n    // value 即输入文本：选择后回填为 option label，selected-value 取 option value\n    this.value = option.label\n    this._setSelectedValue(option.value)\n    this._close()\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private _onInput = (e: Event) => {\n    if (this._isDisabled || this.readonly) return\n    const input = e.target as HTMLInputElement\n    if (input.value === this._value) return\n    this.value = input.value\n    this._activeIndex = -1\n    this._syncActiveOption()\n    if (!this._isOpen) this._open()\n  }\n\n  // 内部原生 input 在失焦时也会派发 change；组件契约中 change 仅表示「选中提交」，\n  // 阻止原生 change 冒泡到宿主，避免消费端收到未选择时的 change。\n  private _onInnerChange = (e: Event) => {\n    e.stopPropagation()\n  }\n\n  private _onFocus = () => {\n    if (this._isDisabled) return\n    this._focused = true\n    // readonly 仅可聚焦选中，不展开候选\n    if (this.readonly) return\n    if (this._options.length > 0) this._open()\n  }\n\n  private _onBlur = () => {\n    this._focused = false\n  }\n\n  private _open(isKeyboardNavigation = false) {\n    if (this._isDisabled || this.readonly || this._isOpen) return\n    this._isOpen = true\n    this._dispatchOpenChange()\n    if (isKeyboardNavigation) this._setInitialActiveOption()\n    else this._syncActiveOption()\n    this._syncScrollLock()\n    if (this.portal) {\n      requestAnimationFrame(() => {\n        if (this._isOpen) this._openOverlay(isKeyboardNavigation)\n      })\n    } else {\n      this._openOverlay(isKeyboardNavigation)\n    }\n  }\n\n  private _close() {\n    if (!this._isOpen) return\n    // Portal 内容可能在当前微任务尚未完成同步；先把 light DOM 中新增或重排的节点\n    // 收回当前 content，再关闭并 restore，避免 restoreContent() 按旧 tracking 顺序把\n    // 新 option 插到旧 option 前面。\n    this._optionPortal.syncPortalContent()\n    this._isOpen = false\n    this._dispatchOpenChange()\n    this._activeIndex = -1\n    this._options.forEach(o => o.removeAttribute('active'))\n    this._syncScrollLock(false)\n    void this._closeOverlay()\n  }\n\n  private _dispatchOpenChange() {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open: this._isOpen },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _openOverlay(isKeyboardNavigation = false) {\n    this._panel.open(isKeyboardNavigation)\n    this._syncEmptyState()\n  }\n\n  private async _closeOverlay() {\n    const closed = await this._panel.close(() => this._isOpen)\n    if (closed) {\n      this._portal = undefined\n      this._portalContent = undefined\n    }\n  }\n\n  private _reconfigureOverlay() {\n    this._portal = undefined\n    this._portalContent = undefined\n    this._panel.reconfigure(this._isOpen)\n  }\n\n  private _syncScrollLock(isOpen = this._isOpen) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _createPortal(): OverlayPortal {\n    const portal = defineOverlayPortal().make({\n      container: this.overlayContainer,\n      target: this,\n      style: `${glass}\\n${overlayMotion}\\n${style}`,\n      className: 'wui-glass autocomplete-overlay portal wui-floating-panel',\n      onContentChange: () => this._optionPortal.scheduleRefresh()\n    })\n    this._portal = portal\n    portal.panel.setAttribute('aria-hidden', 'true')\n    portal.panel.addEventListener('pointerdown', this._handlePanelPointerDown)\n    const scroll = document.createElement('div')\n    scroll.className = 'autocomplete-scroll'\n    const content = document.createElement('div')\n    content.className = 'autocomplete-content'\n    this._portalContent = content\n    const empty = document.createElement('div')\n    empty.className = 'autocomplete-empty'\n    empty.hidden = true\n    empty.textContent = '无匹配选项'\n    scroll.append(content)\n    content.append(empty)\n    portal.panel.append(scroll)\n    portal.moveContent(Array.from(this.children), content)\n    return portal\n  }\n\n  private _getLabelledbyText(): string {\n    if (!this.ariaLabelledby) return ''\n\n    const root = this.getRootNode()\n    if (!(root instanceof Document || root instanceof ShadowRoot)) return ''\n\n    return this.ariaLabelledby\n      .trim()\n      .split(/\\s+/)\n      .map(id => {\n        const escapedId = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(id) : id\n        return root.querySelector(`#${escapedId}`)?.textContent?.trim() ?? ''\n      })\n      .filter(Boolean)\n      .join(' ')\n  }\n\n  override render() {\n    const listboxId = `${this._idPrefix}-listbox`\n    const labelId = `${this._idPrefix}-label`\n    const labelledbyText = this._getLabelledbyText()\n    const visibleOptions = this._options.filter(option => !option.hasAttribute('data-filtered'))\n    const activeOption = this._isOpen && this._activeIndex >= 0 ? this._options[this._activeIndex] : undefined\n    const activeDescendant = activeOption ? this._getA11yOptionId(activeOption) : nothing\n\n    return html`\n      <div class=\"wui-autocomplete-inner\">\n        ${labelledbyText ? html`<span class=\"autocomplete-a11y-only\" id=${labelId}>${labelledbyText}</span>` : nothing}\n        <div class=\"wui-glass input-wrapper\">\n          <input\n            class=\"autocomplete-input\"\n            type=\"text\"\n            placeholder=${this.placeholder}\n            name=${this.name}\n            .value=${this._value}\n            aria-label=${ifDefined(this.ariaLabel)}\n            aria-labelledby=${labelledbyText ? labelId : nothing}\n            ?disabled=${this._isDisabled}\n            ?readonly=${this.readonly}\n            ?required=${this.required}\n            role=\"combobox\"\n            aria-expanded=${this._isOpen}\n            aria-haspopup=\"listbox\"\n            aria-autocomplete=\"list\"\n            aria-controls=${listboxId}\n            aria-disabled=${String(this._isDisabled)}\n            aria-readonly=${this.readonly ? 'true' : nothing}\n            aria-activedescendant=${activeDescendant}\n            @input=${this._onInput}\n            @change=${this._onInnerChange}\n            @focus=${this._onFocus}\n            @blur=${this._onBlur}\n          />\n        </div>\n        <div\n          class=\"autocomplete-a11y-listbox\"\n          id=${listboxId}\n          role=\"listbox\"\n          ?hidden=${!this._isOpen}\n          aria-hidden=${String(!this._isOpen)}\n        >\n          ${visibleOptions.map(\n            option =>\n              html`<div\n                id=${this._getA11yOptionId(option)}\n                role=\"option\"\n                aria-selected=${option.value === this._selectedValue ? 'true' : 'false'}\n                aria-hidden=${String(!this._isOpen)}\n                aria-disabled=${String(option.disabled)}\n              >\n                ${option.label}\n              </div>`\n          )}\n        </div>\n        <div\n          class=\"wui-glass autocomplete-overlay wui-floating-panel\"\n          hidden\n          aria-hidden=\"true\"\n          @pointerdown=${this._handlePanelPointerDown}\n        >\n          <div class=\"autocomplete-scroll\">\n            <div class=\"autocomplete-content\">\n              <slot @slotchange=${this._onSlotChange}></slot>\n              <div class=\"autocomplete-empty\" hidden>无匹配选项</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n    focus: FocusEvent\n    blur: FocusEvent\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-autocomplete': WebUiAutocomplete\n  }\n}\n"],"mappings":"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"}