@greypan/web-ui 4.0.0 → 6.0.0

package/dist/components/dropdown/index.js

@@ -3,17 +3,17 @@ import { normalizeLiteral as t, normalizeNumber as n } from "../../shared/normal
 import { defineOverlay as r } from "../../shared/overlay/overlay.js";
 import { hideOverlayPresence as i, showOverlayPresence as a } from "../../shared/overlay/presence.js";
 import { defineScrollLockLease as o } from "../../shared/scroll-lock/scroll-lock.js";
+import { UserChangeController as s } from "../../shared/events/user-change.js";
 import "../dropdown-divider/index.js";
 import "../dropdown-header/index.js";
 import "../dropdown-item/index.js";
-import { UserChangeController as s } from "../../shared/events/user-change.js";
 import { createMenuPortalOverlay as c } from "../../shared/menu-portal/menu-portal.js";
-import { findFocusedMenuItem as l, focusMenuItem as u, getEnabledMenuItems as d, getMenuChildren as f, getMenuItemFromEvent as p, hideNestedMenuChildren as m, moveMenuChildren as h } from "../../shared/menu-portal/menu-tree.js";
-import g from "./style.js";
-import { LitElement as _, html as v, unsafeCSS as y } from "lit";
-import { customElement as b, property as x, state as S } from "lit/decorators.js";
+import { captureFrameworkAnchors as l, findFocusedMenuItem as u, focusMenuItem as d, getEnabledMenuItems as f, getMenuChildren as p, getMenuItemFromEvent as m, hideNestedMenuChildren as h, moveMenuChildren as g, orderManagedMenuItems as _, reconcileManagedMenuItems as v, restoreFrameworkAnchors as y, returnManagedMenuItemsToSlot as b } from "../../shared/menu-portal/menu-tree.js";
+import x from "./style.js";
+import { LitElement as S, html as C, unsafeCSS as w } from "lit";
+import { customElement as T, property as E, state as D } from "lit/decorators.js";
 //#region src/components/dropdown/index.ts
-var C = "web-ui-menu-level-", w = [
+var O = "web-ui-menu-level-", k = "wui-dropdown-menu-item", A = 0, j = [
 	"top",
 	"top-start",
 	"top-end",
@@ -26,14 +26,16 @@ var C = "web-ui-menu-level-", w = [
 	"left",
 	"left-start",
 	"left-end"
-], T = class extends _ {
+], M = class extends S {
 	constructor(...e) {
-		super(...e), this.open = !1, this.disabled = !1, this.matchWidth = !1, this.noScrollLock = !1, this._placement = "bottom-start", this._offset = 4, this._activePath = [], this._overlays = /* @__PURE__ */ new Map(), this._closingSubmenuOverlays = /* @__PURE__ */ new Map(), this._ignoreOutsideClick = !1, this._hoverCleanupFns = [], this._scrollLock = o().make(), this._userOpenChange = new s(), this._shouldOpenInstantly = !0, this._onTriggerClick = (e) => {
+		super(...e), this.open = !1, this.disabled = !1, this.matchWidth = !1, this.noScrollLock = !1, this._placement = "bottom-start", this._offset = 4, this._activePath = [], this._overlays = /* @__PURE__ */ new Map(), this._closingSubmenuOverlays = /* @__PURE__ */ new Map(), this._ignoreOutsideClick = !1, this._hoverCleanupFns = [], this._scrollLock = o().make(), this._userOpenChange = new s(), this._shouldOpenInstantly = !0, this._menuSyncScheduled = !1, this._level0ItemAnchors = /* @__PURE__ */ new Map(), this._menuContentObserver = new MutationObserver(() => {
+			this.open && this._scheduleMenuSync();
+		}), this._onTriggerClick = (e) => {
 			this.disabled || (this.open ? this._closeAll(!0) : this._openMenu(e.detail === 0, !0));
 		}, this._onClickOutside = (e) => {
 			!this.isOpen || this._ignoreOutsideClick || this._isInsideShadowRoot(e) || this._closeAll(!0);
 		}, this._onMenuClick = (e) => {
-			let t = p(e);
+			let t = m(e);
 			if (!t || t.hasAttribute("disabled") || !t.hasAttribute("submenu")) return;
 			let n = this._getFocusedLevel(t);
 			if (n === void 0) return;
@@ -74,22 +76,19 @@ var C = "web-ui-menu-level-", w = [
 				case " ":
 					t?.click();
 					break;
-				case "Escape":
-					this._activePath.length > 0 ? this._closeSubmenuFrom(this._activePath.length) : this._closeAll(!0);
-					break;
 				default: return;
 			}
 			e.preventDefault(), e.stopPropagation();
 		};
 	}
 	static {
-		this.styles = y(g);
+		this.styles = w(x);
 	}
 	get placement() {
 		return this._placement;
 	}
 	set placement(e) {
-		this._placement = t(e, w, "bottom-start");
+		this._placement = t(e, j, "bottom-start");
 	}
 	get offset() {
 		return this._offset;
@@ -101,14 +100,20 @@ var C = "web-ui-menu-level-", w = [
 		return this.open || this._activePath.length > 0;
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.addEventListener("keydown", this._onKeydown), document.addEventListener("click", this._onClickOutside);
+		super.connectedCallback(), this.addEventListener("keydown", this._onKeydown), document.addEventListener("click", this._onClickOutside), this._menuContentObserver.observe(this, {
+			childList: !0,
+			subtree: !0
+		});
+	}
+	firstUpdated() {
+		this.shadowRoot?.querySelector("slot[name=\"trigger\"]")?.addEventListener("slotchange", () => this.requestUpdate());
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("keydown", this._onKeydown), document.removeEventListener("click", this._onClickOutside), clearTimeout(this._openTimer), clearTimeout(this._ignoreOutsideClickTimer), this._scrollLock.release(), this._cleanupClosedMenu(), this._hoverCleanupFns.forEach((e) => e());
+		super.disconnectedCallback(), this._menuContentObserver.disconnect(), this.removeEventListener("keydown", this._onKeydown), document.removeEventListener("click", this._onClickOutside), clearTimeout(this._openTimer), clearTimeout(this._ignoreOutsideClickTimer), this._scrollLock.release(), this._cleanupClosedMenu(), this._hoverCleanupFns.forEach((e) => e());
 	}
 	updated(e) {
-		e.has("open") && (this.open ? (this._restoreFocusTarget ??= document.activeElement instanceof HTMLElement ? document.activeElement : void 0, this._ignoreCurrentOutsideClick(), this._syncScrollLock(), this._hideAllSubmenuChildren(), requestAnimationFrame(() => {
-			this.open && (this._ensureOverlay(0, this._shouldOpenInstantly), this._shouldOpenInstantly = !0, this._focusMenuItem(this._getEnabledLevelItems(0)[0]));
+		this._syncTriggerAria(), e.has("open") && (this.open ? (this._restoreFocusTarget ??= document.activeElement instanceof HTMLElement ? document.activeElement : void 0, this._ignoreCurrentOutsideClick(), this._syncScrollLock(), this._hideAllSubmenuChildren(), requestAnimationFrame(() => {
+			this.open && (this._ensureOverlay(0, this._shouldOpenInstantly), this._shouldOpenInstantly = !0, this._focusMenuItem(this._getEnabledLevelItems(0)[0]), this._syncTriggerAria());
 		}), this._bindHoversAfterUpdate()) : (this._syncScrollLock(), this._closeRootAfterPresence()), this._userOpenChange.consume() && this.dispatchEvent(new CustomEvent("open-change", {
 			detail: { open: this.open },
 			bubbles: !0,
@@ -142,7 +147,7 @@ var C = "web-ui-menu-level-", w = [
 		e && !await i(e) || this.open || !this.isConnected || (this._cleanupClosedMenu(), this._restoreFocusTarget?.focus(), this._restoreFocusTarget = void 0);
 	}
 	_hideAllSubmenuChildren() {
-		m(this, `${C}-hidden`);
+		h(this, `${O}-hidden`);
 	}
 	_toggleSubmenu(e, t, n = !1) {
 		if (this._activePath[e] === t) return;
@@ -172,25 +177,44 @@ var C = "web-ui-menu-level-", w = [
 	}
 	_getLevelItems(e) {
 		let t = this._overlays.get(e)?.content;
-		return t ? f(t) : [];
+		return t ? p(t) : [];
 	}
 	_populateLevel0() {
 		let e = this._overlays.get(0)?.content;
-		e && h(this, e);
+		e && (v(this, e, this._level0ItemAnchors, k), _(this, e, this._level0ItemAnchors, k));
+	}
+	_scheduleMenuSync() {
+		this._menuSyncScheduled || (this._menuSyncScheduled = !0, requestAnimationFrame(() => {
+			this._menuSyncScheduled = !1, this.open && this._syncOpenMenuContent();
+		}));
+	}
+	_syncOpenMenuContent() {
+		let e = this._overlays.get(0)?.content;
+		if (this._hideAllSubmenuChildren(), e) {
+			v(this, e, this._level0ItemAnchors, k), h(e, `${O}-hidden`);
+			let t = l(e, k);
+			_(this, e, this._level0ItemAnchors, k), y(e, t);
+		}
+		for (let [e, t] of this._overlays) {
+			if (e === 0) continue;
+			let n = this._getLevelItems(e - 1)[this._activePath[e - 1]];
+			n && g(n, t.content), h(t.content, `${O}-hidden`);
+		}
+		this._bindLevelHovers();
 	}
 	_returnLevel0Items() {
 		let e = this._overlays.get(0)?.content;
-		e && h(e, this);
+		e && b(this, e, this._level0ItemAnchors);
 	}
 	_populateOverlay(e, t) {
 		let n = this._overlays.get(e)?.content;
-		n && h(t, n);
+		n && g(t, n);
 	}
 	_depopulateOverlay(e, t) {
 		let n = this._overlays.get(e)?.content;
 		if (!n) return;
 		let r = e - 1, i = t ?? this._getLevelItems(r)[this._activePath[r]];
-		i && h(n, i);
+		i && g(n, i);
 	}
 	_ensureOverlay(e, t = !1, n) {
 		let r = n ? this._closingSubmenuOverlays.get(n) : void 0;
@@ -200,7 +224,7 @@ var C = "web-ui-menu-level-", w = [
 	}
 	_buildOverlay(e, t = !1) {
 		let { panel: n, content: i } = c("dropdown-overlay", this);
-		n.setAttribute("role", "menu"), n.dataset.level = String(e), n.addEventListener("click", this._onMenuClick), n.addEventListener("keydown", this._onKeydown);
+		n.setAttribute("role", "menu"), e === 0 && (n.id = `wui-dropdown-menu-${++A}`), n.dataset.level = String(e), n.addEventListener("click", this._onMenuClick), n.addEventListener("keydown", this._onKeydown);
 		let o = e === 0 ? this._queryTriggerAnchor() : this._getSubmenuTriggerAnchor(e - 1);
 		if (o) {
 			let s = r().make({
@@ -216,12 +240,25 @@ var C = "web-ui-menu-level-", w = [
 				api: s,
 				overlay: n,
 				content: i
-			}), e === 0 && this._populateLevel0(), s.open(), a(n, { isInstant: t });
+			}), e === 0 && this._populateLevel0(), this._menuContentObserver.observe(i, {
+				childList: !0,
+				subtree: !0
+			}), s.open(), a(n, { isInstant: t });
 		}
 	}
 	_disposeOverlay(e) {
-		let t = this._overlays.get(e)?.overlay;
-		t?.removeEventListener("click", this._onMenuClick), t?.removeEventListener("keydown", this._onKeydown), t?.remove(), this._overlays.get(e)?.api.dispose(), this._overlays.delete(e);
+		let t = this._overlays.get(e);
+		t?.overlay.removeEventListener("click", this._onMenuClick), t?.overlay.removeEventListener("keydown", this._onKeydown), t?.overlay.remove(), t?.api.dispose(), this._overlays.delete(e), this._rebindMenuContentObservers();
+	}
+	_rebindMenuContentObservers() {
+		this._menuContentObserver.disconnect(), this._menuContentObserver.observe(this, {
+			childList: !0,
+			subtree: !0
+		});
+		for (let e of this._overlays.values()) this._menuContentObserver.observe(e.content, {
+			childList: !0,
+			subtree: !0
+		});
 	}
 	_disposeAll() {
 		for (let e of this._overlays.keys()) this._disposeOverlay(e);
@@ -235,7 +272,7 @@ var C = "web-ui-menu-level-", w = [
 		}), this._closingSubmenuOverlays.clear();
 	}
 	_restoreSubmenuItems(e, t) {
-		h(e.content, t);
+		g(e.content, t);
 	}
 	_syncScrollLock(e = this.open) {
 		this._scrollLock.sync(e && !this.noScrollLock);
@@ -244,6 +281,13 @@ var C = "web-ui-menu-level-", w = [
 		let e = (this.shadowRoot?.querySelector("slot[name=\"trigger\"]"))?.assignedElements()[0];
 		return e instanceof HTMLElement ? e : null;
 	}
+	_syncTriggerAria() {
+		let e = this._queryTriggerAnchor();
+		if (!e) return;
+		e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-expanded", String(this.open));
+		let t = this._overlays.get(0)?.overlay;
+		t?.id ? e.setAttribute("aria-controls", t.id) : e.removeAttribute("aria-controls");
+	}
 	_getSubmenuTriggerAnchor(e) {
 		let t = this._activePath[e];
 		if (t === void 0) return null;
@@ -252,16 +296,16 @@ var C = "web-ui-menu-level-", w = [
 	}
 	_getEnabledLevelItems(e) {
 		let t = this._overlays.get(e)?.content;
-		return t ? d(t) : [];
+		return t ? f(t) : [];
 	}
 	_getFocusedItem(e) {
-		return e?.composedPath().find((e) => e instanceof HTMLElement && e.matches("web-ui-dropdown-item")) || l([...this._overlays.values()].map(({ overlay: e }) => e));
+		return e?.composedPath().find((e) => e instanceof HTMLElement && e.matches("web-ui-dropdown-item")) || u([...this._overlays.values()].map(({ overlay: e }) => e));
 	}
 	_getFocusedLevel(e = this._getFocusedItem()) {
 		if (e) return [...this._overlays.entries()].find(([, t]) => t.overlay.contains(e))?.[0];
 	}
 	_focusMenuItem(e) {
-		u(e);
+		d(e);
 	}
 	_isInsideShadowRoot(e) {
 		for (let t of e.composedPath()) if (t === this || t === this.shadowRoot || t instanceof Node && t.getRootNode() === this.shadowRoot || t instanceof Node && [...this._overlays.values()].some(({ overlay: e }) => e.contains(t))) return !0;
@@ -290,32 +334,32 @@ var C = "web-ui-menu-level-", w = [
 		requestAnimationFrame(() => this._bindLevelHovers());
 	}
 	render() {
-		return v`
+		return C`
       <div class="dropdown-trigger" @click=${this._onTriggerClick}>
         <slot name="trigger"></slot>
       </div>
     `;
 	}
 };
-e([x({
+e([E({
 	type: Boolean,
 	reflect: !0
-})], T.prototype, "open", void 0), e([x({
+})], M.prototype, "open", void 0), e([E({
 	type: Boolean,
 	reflect: !0
-})], T.prototype, "disabled", void 0), e([x({
+})], M.prototype, "disabled", void 0), e([E({
 	type: Boolean,
 	reflect: !0,
 	attribute: "match-width"
-})], T.prototype, "matchWidth", void 0), e([x({
+})], M.prototype, "matchWidth", void 0), e([E({
 	type: Boolean,
 	reflect: !0,
 	attribute: "no-scroll-lock"
-})], T.prototype, "noScrollLock", void 0), e([x({
+})], M.prototype, "noScrollLock", void 0), e([E({
 	type: String,
 	reflect: !0
-})], T.prototype, "placement", null), e([x({ type: Number })], T.prototype, "offset", null), e([S()], T.prototype, "_activePath", void 0), T = e([b("web-ui-dropdown")], T);
+})], M.prototype, "placement", null), e([E({ type: Number })], M.prototype, "offset", null), e([D()], M.prototype, "_activePath", void 0), M = e([T("web-ui-dropdown")], M);
 //#endregion
-export { T as WebUiDropdown };
+export { M as WebUiDropdown };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dropdown/index.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/dom'\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/dropdown-divider'\nimport '@/components/dropdown-header'\nimport '@/components/dropdown-item'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { createMenuPortalOverlay } from '@/shared/menu-portal/menu-portal'\nimport {\n  findFocusedMenuItem,\n  focusMenuItem,\n  getEnabledMenuItems,\n  getMenuChildren,\n  getMenuItemFromEvent,\n  hideNestedMenuChildren,\n  moveMenuChildren\n} from '@/shared/menu-portal/menu-tree'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\nimport { defineOverlay } from '@/shared/overlay/overlay'\nimport type { OverlayApi } from '@/shared/overlay/overlay'\nimport { hideOverlayPresence, showOverlayPresence } from '@/shared/overlay/presence'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nexport type { Placement }\n\nconst SLOT_PREFIX = 'web-ui-menu-level-'\nconst ALLOWED_PLACEMENTS = [\n  'top',\n  'top-start',\n  'top-end',\n  'right',\n  'right-start',\n  'right-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'left',\n  'left-start',\n  'left-end'\n] as const\n\ninterface MenuOverlay {\n  api: OverlayApi\n  overlay: HTMLElement\n  content: HTMLElement\n}\n\n@customElement('web-ui-dropdown')\nexport class WebUiDropdown extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true, attribute: 'match-width' }) matchWidth = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n\n  private _placement: Placement = 'bottom-start'\n\n  @property({ type: String, reflect: true })\n  get placement(): Placement {\n    return this._placement\n  }\n  set placement(v: string) {\n    this._placement = normalizeLiteral(v, ALLOWED_PLACEMENTS, 'bottom-start')\n  }\n\n  private _offset = 4\n\n  @property({ type: Number })\n  get offset(): number {\n    return this._offset\n  }\n  set offset(v: number) {\n    this._offset = normalizeNumber(v, 0, 100, 4)\n  }\n\n  @state() private _activePath: number[] = []\n\n  private readonly _overlays = new Map<number, MenuOverlay>()\n  private readonly _closingSubmenuOverlays = new Map<HTMLElement, MenuOverlay>()\n  private _openTimer?: ReturnType<typeof setTimeout>\n  private _ignoreOutsideClick = false\n  private _ignoreOutsideClickTimer?: ReturnType<typeof setTimeout>\n  private _hoverCleanupFns: (() => void)[] = []\n  private readonly _scrollLock = defineScrollLockLease().make()\n  private readonly _userOpenChange = new UserChangeController()\n  private _restoreFocusTarget?: HTMLElement\n  private _shouldOpenInstantly = true\n\n  get isOpen(): boolean {\n    return this.open || this._activePath.length > 0\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('keydown', this._onKeydown)\n    document.addEventListener('click', this._onClickOutside)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('keydown', this._onKeydown)\n    document.removeEventListener('click', this._onClickOutside)\n    clearTimeout(this._openTimer)\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._scrollLock.release()\n    this._cleanupClosedMenu()\n    this._hoverCleanupFns.forEach(fn => fn())\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    if (changed.has('open')) {\n      if (this.open) {\n        this._restoreFocusTarget ??= document.activeElement instanceof HTMLElement ? document.activeElement : undefined\n        this._ignoreCurrentOutsideClick()\n        this._syncScrollLock()\n        this._hideAllSubmenuChildren()\n        requestAnimationFrame(() => {\n          if (!this.open) return\n          this._ensureOverlay(0, this._shouldOpenInstantly)\n          this._shouldOpenInstantly = true\n          this._focusMenuItem(this._getEnabledLevelItems(0)[0])\n        })\n        this._bindHoversAfterUpdate()\n      } else {\n        this._syncScrollLock()\n        void this._closeRootAfterPresence()\n      }\n      if (this._userOpenChange.consume()) {\n        this.dispatchEvent(\n          new CustomEvent('open-change', {\n            detail: { open: this.open },\n            bubbles: true,\n            composed: true\n          })\n        )\n      }\n    }\n    if (changed.has('noScrollLock')) this._syncScrollLock()\n    if (changed.has('placement') || changed.has('offset') || changed.has('matchWidth')) {\n      this._overlays.get(0)?.api.update({\n        placement: this.placement,\n        offset: this.offset,\n        matchWidth: this.matchWidth\n      })\n    }\n    this._bindLevelHovers()\n  }\n\n  // 打开菜单（命令式，不派发 `open-change`）。\n  openMenu() {\n    this._openMenu(true, false)\n  }\n\n  private _openMenu(isInstant: boolean, fromUser: boolean) {\n    if (this.disabled || this.open) return\n    this._ignoreCurrentOutsideClick()\n    this._shouldOpenInstantly = isInstant\n    if (fromUser) this._userOpenChange.mark()\n    this.open = true\n  }\n\n  // 关闭所有层级（命令式，不派发 `open-change`）。\n  closeAll() {\n    this._closeAll(false)\n  }\n\n  private _closeAll(fromUser: boolean) {\n    if (!this.open) return\n    if (fromUser) this._userOpenChange.mark()\n    this.open = false\n  }\n\n  // 清理子菜单状态（不影响 open prop）\n  private _closeAllSubmenus() {\n    this._closeSubmenuFrom(1, true)\n    this._disposeClosingSubmenuOverlays()\n    this._syncActiveAttrs()\n  }\n\n  private _cleanupClosedMenu() {\n    this._closeAllSubmenus()\n    this._returnLevel0Items()\n    this._disposeAll()\n  }\n\n  private async _closeRootAfterPresence() {\n    const overlay = this._overlays.get(0)?.overlay\n    if (overlay && !(await hideOverlayPresence(overlay))) return\n    if (this.open || !this.isConnected) return\n\n    this._cleanupClosedMenu()\n    this._restoreFocusTarget?.focus()\n    this._restoreFocusTarget = undefined\n  }\n\n  private _hideAllSubmenuChildren() {\n    hideNestedMenuChildren(this, `${SLOT_PREFIX}-hidden`)\n  }\n\n  private _toggleSubmenu(level: number, itemIndex: number, isInstant = false) {\n    if (this._activePath[level] === itemIndex) {\n      return\n    }\n\n    this._closeSubmenuFrom(level + 1)\n\n    this._activePath = [...this._activePath.slice(0, level), itemIndex]\n    this._syncActiveAttrs()\n\n    const item = this._getLevelItems(level)[itemIndex]\n    if (item?.hasAttribute('submenu')) {\n      requestAnimationFrame(() => {\n        if (!this.open || this._activePath[level] !== itemIndex) return\n        const restored = this._ensureOverlay(level + 1, isInstant, item)\n        if (!restored) this._populateOverlay(level + 1, item)\n      })\n    }\n\n    this._bindHoversAfterUpdate()\n  }\n\n  private _closeSubmenuFrom(level: number, isInstant = false) {\n    for (let lv = this._activePath.length; lv >= level; lv--) {\n      const overlay = this._overlays.get(lv)\n      const parentItem = this._getLevelItems(lv - 1)[this._activePath[lv - 1]]\n      if (!overlay) continue\n\n      if (!parentItem || isInstant) {\n        this._depopulateOverlay(lv, parentItem)\n        this._disposeOverlay(lv)\n      } else {\n        this._overlays.delete(lv)\n        this._closingSubmenuOverlays.set(parentItem, overlay)\n        void this._closeSubmenuAfterPresence(overlay, parentItem)\n      }\n    }\n    const nextActivePath = this._activePath.slice(0, level - 1)\n    if (nextActivePath.length !== this._activePath.length) {\n      this._activePath = nextActivePath\n    }\n    this._syncActiveAttrs()\n  }\n\n  private _syncActiveAttrs() {\n    this.querySelectorAll('web-ui-dropdown-item').forEach(item => {\n      item.removeAttribute('active')\n    })\n    this._overlays.forEach((_, level) => {\n      this._getLevelItems(level).forEach(item => item.removeAttribute('active'))\n    })\n    this._activePath.forEach((itemIndex, level) => {\n      const item = this._getLevelItems(level)[itemIndex]\n      if (item?.matches('web-ui-dropdown-item')) {\n        item.setAttribute('active', '')\n      }\n    })\n  }\n\n  private _getLevelItems(level: number): HTMLElement[] {\n    const content = this._overlays.get(level)?.content\n    return content ? getMenuChildren(content) : []\n  }\n\n  private _populateLevel0() {\n    const content = this._overlays.get(0)?.content\n    if (content) moveMenuChildren(this, content)\n  }\n\n  private _returnLevel0Items() {\n    const content = this._overlays.get(0)?.content\n    if (content) moveMenuChildren(content, this)\n  }\n\n  private _populateOverlay(level: number, submenuItem: HTMLElement) {\n    const content = this._overlays.get(level)?.content\n    if (content) moveMenuChildren(submenuItem, content)\n  }\n\n  private _depopulateOverlay(level: number, parentItem?: HTMLElement) {\n    const content = this._overlays.get(level)?.content\n    if (!content) return\n    const targetLevel = level - 1\n    const submenuItem = parentItem ?? this._getLevelItems(targetLevel)[this._activePath[targetLevel]]\n    if (submenuItem) moveMenuChildren(content, submenuItem)\n  }\n\n  private _ensureOverlay(level: number, isInstant = false, submenuItem?: HTMLElement): boolean {\n    const closingOverlay = submenuItem ? this._closingSubmenuOverlays.get(submenuItem) : undefined\n    if (closingOverlay) {\n      this._closingSubmenuOverlays.delete(submenuItem!)\n      this._overlays.set(level, closingOverlay)\n      closingOverlay.api.open()\n      showOverlayPresence(closingOverlay.overlay, { isInstant })\n      return true\n    }\n    const existing = this._overlays.get(level)\n    if (existing) {\n      existing.api.open()\n      showOverlayPresence(existing.overlay, { isInstant })\n      return false\n    }\n    this._buildOverlay(level, isInstant)\n    return false\n  }\n\n  private _buildOverlay(level: number, isInstant = false) {\n    const { panel: overlay, content } = createMenuPortalOverlay('dropdown-overlay', this)\n    overlay.setAttribute('role', 'menu')\n    overlay.dataset.level = String(level)\n    overlay.addEventListener('click', this._onMenuClick)\n    overlay.addEventListener('keydown', this._onKeydown)\n\n    const anchor = level === 0 ? this._queryTriggerAnchor() : this._getSubmenuTriggerAnchor(level - 1)\n\n    if (anchor) {\n      const ctrl = defineOverlay().make({\n        anchor,\n        overlay,\n        placement: level === 0 ? this.placement : 'right-start',\n        offset: level === 0 ? this.offset : 0,\n        // 菜单至少与 trigger/父项同宽，内容可更宽（floor 来自 --wui-overlay-min-width）\n        minAnchorWidth: true,\n        matchWidth: level === 0 ? this.matchWidth : false,\n        strategy: 'fixed'\n      })\n      this._overlays.set(level, { api: ctrl, overlay, content })\n      if (level === 0) this._populateLevel0()\n      ctrl.open()\n      showOverlayPresence(overlay, { isInstant })\n    }\n  }\n\n  private _disposeOverlay(level: number) {\n    const overlay = this._overlays.get(level)?.overlay\n    overlay?.removeEventListener('click', this._onMenuClick)\n    overlay?.removeEventListener('keydown', this._onKeydown)\n    overlay?.remove()\n    this._overlays.get(level)?.api.dispose()\n    this._overlays.delete(level)\n  }\n\n  private _disposeAll() {\n    for (const level of this._overlays.keys()) {\n      this._disposeOverlay(level)\n    }\n  }\n\n  private async _closeSubmenuAfterPresence(overlay: MenuOverlay, parentItem: HTMLElement) {\n    if (!(await hideOverlayPresence(overlay.overlay))) return\n    if (this._closingSubmenuOverlays.get(parentItem) !== overlay) return\n\n    this._closingSubmenuOverlays.delete(parentItem)\n    this._restoreSubmenuItems(overlay, parentItem)\n    overlay.api.dispose()\n    overlay.overlay.remove()\n  }\n\n  private _disposeClosingSubmenuOverlays() {\n    this._closingSubmenuOverlays.forEach((overlay, parentItem) => {\n      this._restoreSubmenuItems(overlay, parentItem)\n      overlay.api.dispose()\n      overlay.overlay.remove()\n    })\n    this._closingSubmenuOverlays.clear()\n  }\n\n  private _restoreSubmenuItems(overlay: MenuOverlay, parentItem: HTMLElement) {\n    moveMenuChildren(overlay.content, parentItem)\n  }\n\n  private _syncScrollLock(isOpen = this.open) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _queryTriggerAnchor(): HTMLElement | null {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"trigger\"]')\n    const el = slot?.assignedElements()[0]\n    return el instanceof HTMLElement ? el : null\n  }\n\n  private _getSubmenuTriggerAnchor(level: number): HTMLElement | null {\n    const idx = this._activePath[level]\n    if (idx === undefined) return null\n    const items = this._getLevelItems(level)\n    const item = items[idx]\n    if (!item) return null\n    return item.shadowRoot?.querySelector('.item-inner') ?? item\n  }\n\n  private _onTriggerClick = (event: MouseEvent) => {\n    if (this.disabled) return\n    if (this.open) {\n      this._closeAll(true)\n    } else {\n      this._openMenu(event.detail === 0, true)\n    }\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this.isOpen || this._ignoreOutsideClick) return\n    if (this._isInsideShadowRoot(e)) return\n    this._closeAll(true)\n  }\n\n  private _onMenuClick = (e: MouseEvent) => {\n    const item = getMenuItemFromEvent(e)\n    if (!item || item.hasAttribute('disabled') || !item.hasAttribute('submenu')) return\n\n    const level = this._getFocusedLevel(item)\n    if (level === undefined) return\n    const itemIndex = this._getLevelItems(level).indexOf(item)\n    if (itemIndex >= 0) this._toggleSubmenu(level, itemIndex, e.detail === 0)\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this.disabled || !this.open) return\n\n    // overlay 上键盘事件 target 是菜单项而非组件自身，不能限定 e.target === this，\n    // 否则鼠标打开、焦点在菜单项时 Escape 无法关闭\n    if (e.key === 'Escape') {\n      if (this._activePath.length > 0) this._closeSubmenuFrom(this._activePath.length)\n      else this._closeAll(true)\n      e.preventDefault()\n      return\n    }\n\n    const focused = this._getFocusedItem(e)\n    const level = this._getFocusedLevel(focused)\n    if (level === undefined) return\n    const items = this._getEnabledLevelItems(level)\n    const currentIndex = focused ? items.indexOf(focused) : -1\n\n    switch (e.key) {\n      case 'ArrowDown':\n        this._focusMenuItem(items[(currentIndex + 1 + items.length) % items.length])\n        break\n      case 'ArrowUp':\n        this._focusMenuItem(items[(currentIndex - 1 + items.length) % items.length])\n        break\n      case 'Home':\n        this._focusMenuItem(items[0])\n        break\n      case 'End':\n        this._focusMenuItem(items.at(-1))\n        break\n      case 'ArrowRight':\n        if (focused?.hasAttribute('submenu')) {\n          const itemIndex = this._getLevelItems(level).indexOf(focused)\n          this._toggleSubmenu(level, itemIndex, true)\n          requestAnimationFrame(() =>\n            requestAnimationFrame(() => this._focusMenuItem(this._getEnabledLevelItems(level + 1)[0]))\n          )\n        }\n        break\n      case 'ArrowLeft':\n        if (level > 0) {\n          this._closeSubmenuFrom(level)\n          this._focusMenuItem(this._getLevelItems(level - 1)[this._activePath[level - 1]])\n        }\n        break\n      case 'Enter':\n      case ' ':\n        focused?.click()\n        break\n      case 'Escape':\n        if (this._activePath.length > 0) this._closeSubmenuFrom(this._activePath.length)\n        else this._closeAll(true)\n        break\n      default:\n        return\n    }\n    e.preventDefault()\n    e.stopPropagation()\n  }\n\n  private _getEnabledLevelItems(level: number) {\n    const content = this._overlays.get(level)?.content\n    return content ? getEnabledMenuItems(content) : []\n  }\n\n  private _getFocusedItem(event?: KeyboardEvent): HTMLElement | undefined {\n    const eventItem = event\n      ?.composedPath()\n      .find((node): node is HTMLElement => node instanceof HTMLElement && node.matches('web-ui-dropdown-item'))\n    if (eventItem) return eventItem\n\n    return findFocusedMenuItem([...this._overlays.values()].map(({ overlay }) => overlay))\n  }\n\n  private _getFocusedLevel(item = this._getFocusedItem()): number | undefined {\n    if (!item) return undefined\n    const overlay = [...this._overlays.entries()].find(([, value]) => value.overlay.contains(item))\n    return overlay?.[0]\n  }\n\n  private _focusMenuItem(item: HTMLElement | undefined) {\n    focusMenuItem(item)\n  }\n\n  private _isInsideShadowRoot(e: MouseEvent): boolean {\n    for (const node of e.composedPath()) {\n      if (node === this || node === this.shadowRoot) return true\n      if (node instanceof Node && node.getRootNode() === this.shadowRoot) return true\n      if (node instanceof Node && [...this._overlays.values()].some(({ overlay }) => overlay.contains(node)))\n        return true\n    }\n    return false\n  }\n\n  private _ignoreCurrentOutsideClick() {\n    this._ignoreOutsideClick = true\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._ignoreOutsideClickTimer = setTimeout(() => {\n      this._ignoreOutsideClick = false\n    })\n  }\n\n  private _bindLevelHovers() {\n    this._hoverCleanupFns.forEach(fn => fn())\n    this._hoverCleanupFns.length = 0\n\n    const maxLevel = this._activePath.length + 1\n    for (let lv = 0; lv <= maxLevel; lv++) {\n      const items = this._getLevelItems(lv)\n      if (!items.length) continue\n      items.forEach((item, idx) => {\n        if (!item.matches('web-ui-dropdown-item') || item.hasAttribute('disabled')) return\n        const handler = (event: PointerEvent) => {\n          if (event.pointerType === 'touch') return\n          clearTimeout(this._openTimer)\n          if (item.hasAttribute('submenu')) {\n            if (this._activePath[lv] !== idx) {\n              this._openTimer = setTimeout(() => this._toggleSubmenu(lv, idx), 200)\n            }\n          } else if (this._activePath.length > lv) {\n            this._closeSubmenuFrom(lv + 1)\n          }\n        }\n        item.addEventListener('pointerenter', handler, { passive: true })\n        this._hoverCleanupFns.push(() => item.removeEventListener('pointerenter', handler))\n      })\n    }\n  }\n\n  private _bindHoversAfterUpdate() {\n    requestAnimationFrame(() => this._bindLevelHovers())\n  }\n\n  override render() {\n    return html`\n      <div class=\"dropdown-trigger\" @click=${this._onTriggerClick}>\n        <slot name=\"trigger\"></slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-dropdown': WebUiDropdown\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dropdown/index.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/dom'\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/dropdown-divider'\nimport '@/components/dropdown-header'\nimport '@/components/dropdown-item'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { createMenuPortalOverlay } from '@/shared/menu-portal/menu-portal'\nimport {\n  captureFrameworkAnchors,\n  findFocusedMenuItem,\n  focusMenuItem,\n  getEnabledMenuItems,\n  getMenuChildren,\n  getMenuItemFromEvent,\n  hideNestedMenuChildren,\n  moveMenuChildren,\n  orderManagedMenuItems,\n  reconcileManagedMenuItems,\n  restoreFrameworkAnchors,\n  returnManagedMenuItemsToSlot,\n  type MenuItemAnchors\n} from '@/shared/menu-portal/menu-tree'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\nimport { defineOverlay } from '@/shared/overlay/overlay'\nimport type { OverlayApi } from '@/shared/overlay/overlay'\nimport { hideOverlayPresence, showOverlayPresence } from '@/shared/overlay/presence'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\nexport type { Placement }\n\nconst SLOT_PREFIX = 'web-ui-menu-level-'\n// 一级菜单项的模板位 marker（机制与 context-menu 共用，见 menu-tree 的托管项锚说明）。\nconst MENU_ITEM_MARKER = 'wui-dropdown-menu-item'\n\nlet dropdownIdCounter = 0\n\nconst ALLOWED_PLACEMENTS = [\n  'top',\n  'top-start',\n  'top-end',\n  'right',\n  'right-start',\n  'right-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'left',\n  'left-start',\n  'left-end'\n] as const\n\ninterface MenuOverlay {\n  api: OverlayApi\n  overlay: HTMLElement\n  content: HTMLElement\n}\n\n@customElement('web-ui-dropdown')\nexport class WebUiDropdown extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true, attribute: 'match-width' }) matchWidth = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n\n  private _placement: Placement = 'bottom-start'\n\n  @property({ type: String, reflect: true })\n  get placement(): Placement {\n    return this._placement\n  }\n  set placement(v: string) {\n    this._placement = normalizeLiteral(v, ALLOWED_PLACEMENTS, 'bottom-start')\n  }\n\n  private _offset = 4\n\n  @property({ type: Number })\n  get offset(): number {\n    return this._offset\n  }\n  set offset(v: number) {\n    this._offset = normalizeNumber(v, 0, 100, 4)\n  }\n\n  @state() private _activePath: number[] = []\n\n  private readonly _overlays = new Map<number, MenuOverlay>()\n  private readonly _closingSubmenuOverlays = new Map<HTMLElement, MenuOverlay>()\n  private _openTimer?: ReturnType<typeof setTimeout>\n  private _ignoreOutsideClick = false\n  private _ignoreOutsideClickTimer?: ReturnType<typeof setTimeout>\n  private _hoverCleanupFns: (() => void)[] = []\n  private readonly _scrollLock = defineScrollLockLease().make()\n  private readonly _userOpenChange = new UserChangeController()\n  private _restoreFocusTarget?: HTMLElement\n  private _shouldOpenInstantly = true\n  private _menuSyncScheduled = false\n  private readonly _level0ItemAnchors: MenuItemAnchors = new Map()\n  // 打开期实时渲染：框架（Vue/React 条件渲染）可能在菜单打开期间持续插入菜单项。\n  // 观察宿主子树（新增项可能被框架 wrapper 包裹）与各层级面板 content 的子树\n  // （打开中的 submenu 父项已被迁入 content，其新增子项只在这里可见），下一帧统一\n  // 把新子树迁入对应层级面板；面板尺寸变化由 defineOverlay 的 autoUpdate 跟进重定位。\n  private readonly _menuContentObserver = new MutationObserver(() => {\n    if (this.open) this._scheduleMenuSync()\n  })\n\n  get isOpen(): boolean {\n    return this.open || this._activePath.length > 0\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('keydown', this._onKeydown)\n    document.addEventListener('click', this._onClickOutside)\n    this._menuContentObserver.observe(this, { childList: true, subtree: true })\n  }\n\n  override firstUpdated() {\n    // trigger slot 内容增删不触发宿主响应式更新：显式请求一轮渲染，\n    // 由 updated() 的 ARIA 回写覆盖晚到的 trigger 元素。\n    this.shadowRoot\n      ?.querySelector<HTMLSlotElement>('slot[name=\"trigger\"]')\n      ?.addEventListener('slotchange', () => this.requestUpdate())\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._menuContentObserver.disconnect()\n    this.removeEventListener('keydown', this._onKeydown)\n    document.removeEventListener('click', this._onClickOutside)\n    clearTimeout(this._openTimer)\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._scrollLock.release()\n    this._cleanupClosedMenu()\n    this._hoverCleanupFns.forEach(fn => fn())\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    // ARIA 回写不依赖 open 分支，任何渲染后都保持与宿主状态同步。\n    this._syncTriggerAria()\n\n    if (changed.has('open')) {\n      if (this.open) {\n        this._restoreFocusTarget ??= document.activeElement instanceof HTMLElement ? document.activeElement : undefined\n        this._ignoreCurrentOutsideClick()\n        this._syncScrollLock()\n        this._hideAllSubmenuChildren()\n        requestAnimationFrame(() => {\n          if (!this.open) return\n          this._ensureOverlay(0, this._shouldOpenInstantly)\n          this._shouldOpenInstantly = true\n          this._focusMenuItem(this._getEnabledLevelItems(0)[0])\n          // 面板 id 在 overlay 构建后才有：回写 aria-controls 指向。\n          this._syncTriggerAria()\n        })\n        this._bindHoversAfterUpdate()\n      } else {\n        this._syncScrollLock()\n        void this._closeRootAfterPresence()\n      }\n      if (this._userOpenChange.consume()) {\n        this.dispatchEvent(\n          new CustomEvent('open-change', {\n            detail: { open: this.open },\n            bubbles: true,\n            composed: true\n          })\n        )\n      }\n    }\n    if (changed.has('noScrollLock')) this._syncScrollLock()\n    if (changed.has('placement') || changed.has('offset') || changed.has('matchWidth')) {\n      this._overlays.get(0)?.api.update({\n        placement: this.placement,\n        offset: this.offset,\n        matchWidth: this.matchWidth\n      })\n    }\n    this._bindLevelHovers()\n  }\n\n  // 命令式打开，不派发 open-change。\n  openMenu() {\n    this._openMenu(true, false)\n  }\n\n  private _openMenu(isInstant: boolean, fromUser: boolean) {\n    if (this.disabled || this.open) return\n    this._ignoreCurrentOutsideClick()\n    this._shouldOpenInstantly = isInstant\n    if (fromUser) this._userOpenChange.mark()\n    this.open = true\n  }\n\n  // 命令式关闭全部层级，不派发 open-change。\n  closeAll() {\n    this._closeAll(false)\n  }\n\n  private _closeAll(fromUser: boolean) {\n    if (!this.open) return\n    if (fromUser) this._userOpenChange.mark()\n    this.open = false\n  }\n\n  // 不影响 open prop。\n  private _closeAllSubmenus() {\n    this._closeSubmenuFrom(1, true)\n    this._disposeClosingSubmenuOverlays()\n    this._syncActiveAttrs()\n  }\n\n  private _cleanupClosedMenu() {\n    this._closeAllSubmenus()\n    this._returnLevel0Items()\n    this._disposeAll()\n  }\n\n  private async _closeRootAfterPresence() {\n    const overlay = this._overlays.get(0)?.overlay\n    if (overlay && !(await hideOverlayPresence(overlay))) return\n    if (this.open || !this.isConnected) return\n\n    this._cleanupClosedMenu()\n    this._restoreFocusTarget?.focus()\n    this._restoreFocusTarget = undefined\n  }\n\n  private _hideAllSubmenuChildren() {\n    hideNestedMenuChildren(this, `${SLOT_PREFIX}-hidden`)\n  }\n\n  private _toggleSubmenu(level: number, itemIndex: number, isInstant = false) {\n    if (this._activePath[level] === itemIndex) {\n      return\n    }\n\n    this._closeSubmenuFrom(level + 1)\n\n    this._activePath = [...this._activePath.slice(0, level), itemIndex]\n    this._syncActiveAttrs()\n\n    const item = this._getLevelItems(level)[itemIndex]\n    if (item?.hasAttribute('submenu')) {\n      requestAnimationFrame(() => {\n        if (!this.open || this._activePath[level] !== itemIndex) return\n        const restored = this._ensureOverlay(level + 1, isInstant, item)\n        if (!restored) this._populateOverlay(level + 1, item)\n      })\n    }\n\n    this._bindHoversAfterUpdate()\n  }\n\n  private _closeSubmenuFrom(level: number, isInstant = false) {\n    for (let lv = this._activePath.length; lv >= level; lv--) {\n      const overlay = this._overlays.get(lv)\n      const parentItem = this._getLevelItems(lv - 1)[this._activePath[lv - 1]]\n      if (!overlay) continue\n\n      if (!parentItem || isInstant) {\n        this._depopulateOverlay(lv, parentItem)\n        this._disposeOverlay(lv)\n      } else {\n        this._overlays.delete(lv)\n        this._closingSubmenuOverlays.set(parentItem, overlay)\n        void this._closeSubmenuAfterPresence(overlay, parentItem)\n      }\n    }\n    const nextActivePath = this._activePath.slice(0, level - 1)\n    if (nextActivePath.length !== this._activePath.length) {\n      this._activePath = nextActivePath\n    }\n    this._syncActiveAttrs()\n  }\n\n  private _syncActiveAttrs() {\n    this.querySelectorAll('web-ui-dropdown-item').forEach(item => {\n      item.removeAttribute('active')\n    })\n    this._overlays.forEach((_, level) => {\n      this._getLevelItems(level).forEach(item => item.removeAttribute('active'))\n    })\n    this._activePath.forEach((itemIndex, level) => {\n      const item = this._getLevelItems(level)[itemIndex]\n      if (item?.matches('web-ui-dropdown-item')) {\n        item.setAttribute('active', '')\n      }\n    })\n  }\n\n  private _getLevelItems(level: number): HTMLElement[] {\n    const content = this._overlays.get(level)?.content\n    return content ? getMenuChildren(content) : []\n  }\n\n  private _populateLevel0() {\n    const content = this._overlays.get(0)?.content\n    if (!content) return\n    // 初次打开即建立 marker 锚：宿主此后始终持有模板序骨架，打开期框架插入与\n    // 关闭归还都以它为基准（机制与 context-menu 共用，见 menu-tree）。\n    reconcileManagedMenuItems(this, content, this._level0ItemAnchors, MENU_ITEM_MARKER)\n    orderManagedMenuItems(this, content, this._level0ItemAnchors, MENU_ITEM_MARKER)\n  }\n\n  private _scheduleMenuSync() {\n    if (this._menuSyncScheduled) return\n    this._menuSyncScheduled = true\n    requestAnimationFrame(() => {\n      this._menuSyncScheduled = false\n      if (!this.open) return\n      this._syncOpenMenuContent()\n    })\n  }\n\n  // 打开期的统一内容同步：把打开期间框架新增的菜单子树迁入对应层级面板。\n  // 一级项走 marker 锚 reconcile（保序 + 关闭按模板位归还）；面板尺寸变化由\n  // defineOverlay 的 autoUpdate 跟进重定位。\n  private _syncOpenMenuContent() {\n    const level0Content = this._overlays.get(0)?.content\n    // 迁移前隐藏宿主中新项的嵌套子项（hidden slot 属性随元素一起迁移）。\n    this._hideAllSubmenuChildren()\n    if (level0Content) {\n      reconcileManagedMenuItems(this, level0Content, this._level0ItemAnchors, MENU_ITEM_MARKER)\n      // 新迁入项的嵌套子项未打 hidden slot，会经 dropdown-item 默认 slot 渲染进\n      // 父项 label 叠到菜单上；面板项在面板内渲染，宿主查询够不到，须对 content 补隐藏。\n      hideNestedMenuChildren(level0Content, `${SLOT_PREFIX}-hidden`)\n      // 框架注释锚点复位独立于元素重排：锚点漂移不收敛会破坏后续翻转的插入点（同 context-menu）。\n      const frameworkAnchors = captureFrameworkAnchors(level0Content, MENU_ITEM_MARKER)\n      orderManagedMenuItems(this, level0Content, this._level0ItemAnchors, MENU_ITEM_MARKER)\n      restoreFrameworkAnchors(level0Content, frameworkAnchors)\n    }\n    for (const [level, overlay] of this._overlays) {\n      if (level === 0) continue\n      const parentItem = this._getLevelItems(level - 1)[this._activePath[level - 1]]\n      if (parentItem) moveMenuChildren(parentItem, overlay.content)\n      hideNestedMenuChildren(overlay.content, `${SLOT_PREFIX}-hidden`)\n    }\n    this._bindLevelHovers()\n  }\n\n  private _returnLevel0Items() {\n    const content = this._overlays.get(0)?.content\n    if (content) returnManagedMenuItemsToSlot(this, content, this._level0ItemAnchors)\n  }\n\n  private _populateOverlay(level: number, submenuItem: HTMLElement) {\n    const content = this._overlays.get(level)?.content\n    if (content) moveMenuChildren(submenuItem, content)\n  }\n\n  private _depopulateOverlay(level: number, parentItem?: HTMLElement) {\n    const content = this._overlays.get(level)?.content\n    if (!content) return\n    const targetLevel = level - 1\n    const submenuItem = parentItem ?? this._getLevelItems(targetLevel)[this._activePath[targetLevel]]\n    if (submenuItem) moveMenuChildren(content, submenuItem)\n  }\n\n  private _ensureOverlay(level: number, isInstant = false, submenuItem?: HTMLElement): boolean {\n    const closingOverlay = submenuItem ? this._closingSubmenuOverlays.get(submenuItem) : undefined\n    if (closingOverlay) {\n      this._closingSubmenuOverlays.delete(submenuItem!)\n      this._overlays.set(level, closingOverlay)\n      closingOverlay.api.open()\n      showOverlayPresence(closingOverlay.overlay, { isInstant })\n      return true\n    }\n    const existing = this._overlays.get(level)\n    if (existing) {\n      existing.api.open()\n      showOverlayPresence(existing.overlay, { isInstant })\n      return false\n    }\n    this._buildOverlay(level, isInstant)\n    return false\n  }\n\n  private _buildOverlay(level: number, isInstant = false) {\n    const { panel: overlay, content } = createMenuPortalOverlay('dropdown-overlay', this)\n    overlay.setAttribute('role', 'menu')\n    // 根层级面板带 id：trigger 的 aria-controls 指向它（Q9a）。\n    if (level === 0) overlay.id = `wui-dropdown-menu-${++dropdownIdCounter}`\n    overlay.dataset.level = String(level)\n    overlay.addEventListener('click', this._onMenuClick)\n    overlay.addEventListener('keydown', this._onKeydown)\n\n    const anchor = level === 0 ? this._queryTriggerAnchor() : this._getSubmenuTriggerAnchor(level - 1)\n\n    if (anchor) {\n      const ctrl = defineOverlay().make({\n        anchor,\n        overlay,\n        placement: level === 0 ? this.placement : 'right-start',\n        offset: level === 0 ? this.offset : 0,\n        // 菜单至少与 trigger/父项同宽，内容可更宽（floor 来自 --wui-overlay-min-width）\n        minAnchorWidth: true,\n        matchWidth: level === 0 ? this.matchWidth : false,\n        strategy: 'fixed'\n      })\n      this._overlays.set(level, { api: ctrl, overlay, content })\n      if (level === 0) this._populateLevel0()\n      // submenu 父项在面板 content 内，其新增子项只有观察 content 子树才能看到\n      this._menuContentObserver.observe(content, { childList: true, subtree: true })\n      ctrl.open()\n      showOverlayPresence(overlay, { isInstant })\n    }\n  }\n\n  private _disposeOverlay(level: number) {\n    const overlay = this._overlays.get(level)\n    overlay?.overlay.removeEventListener('click', this._onMenuClick)\n    overlay?.overlay.removeEventListener('keydown', this._onKeydown)\n    overlay?.overlay.remove()\n    overlay?.api.dispose()\n    this._overlays.delete(level)\n    this._rebindMenuContentObservers()\n  }\n\n  // jsdom 的 MutationObserver 不实现 unobserve；统一 disconnect 后重绑剩余目标。\n  private _rebindMenuContentObservers() {\n    this._menuContentObserver.disconnect()\n    this._menuContentObserver.observe(this, { childList: true, subtree: true })\n    for (const overlay of this._overlays.values()) {\n      this._menuContentObserver.observe(overlay.content, { childList: true, subtree: true })\n    }\n  }\n\n  private _disposeAll() {\n    for (const level of this._overlays.keys()) {\n      this._disposeOverlay(level)\n    }\n  }\n\n  private async _closeSubmenuAfterPresence(overlay: MenuOverlay, parentItem: HTMLElement) {\n    if (!(await hideOverlayPresence(overlay.overlay))) return\n    if (this._closingSubmenuOverlays.get(parentItem) !== overlay) return\n\n    this._closingSubmenuOverlays.delete(parentItem)\n    this._restoreSubmenuItems(overlay, parentItem)\n    overlay.api.dispose()\n    overlay.overlay.remove()\n  }\n\n  private _disposeClosingSubmenuOverlays() {\n    this._closingSubmenuOverlays.forEach((overlay, parentItem) => {\n      this._restoreSubmenuItems(overlay, parentItem)\n      overlay.api.dispose()\n      overlay.overlay.remove()\n    })\n    this._closingSubmenuOverlays.clear()\n  }\n\n  private _restoreSubmenuItems(overlay: MenuOverlay, parentItem: HTMLElement) {\n    moveMenuChildren(overlay.content, parentItem)\n  }\n\n  private _syncScrollLock(isOpen = this.open) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _queryTriggerAnchor(): HTMLElement | null {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"trigger\"]')\n    const el = slot?.assignedElements()[0]\n    return el instanceof HTMLElement ? el : null\n  }\n\n  /*\n   * trigger 语义回写（Q9a）：slot 进来的元素是真正的可聚焦交互元素，\n   * aria-haspopup / aria-expanded / aria-controls 必须设在它身上；\n   * 组件没有 trigger 包装 div，此前完全没有 ARIA 接线。\n   */\n  private _syncTriggerAria() {\n    const trigger = this._queryTriggerAnchor()\n    if (!trigger) return\n    trigger.setAttribute('aria-haspopup', 'menu')\n    trigger.setAttribute('aria-expanded', String(this.open))\n    const rootOverlay = this._overlays.get(0)?.overlay\n    if (rootOverlay?.id) trigger.setAttribute('aria-controls', rootOverlay.id)\n    else trigger.removeAttribute('aria-controls')\n  }\n\n  private _getSubmenuTriggerAnchor(level: number): HTMLElement | null {\n    const idx = this._activePath[level]\n    if (idx === undefined) return null\n    const items = this._getLevelItems(level)\n    const item = items[idx]\n    if (!item) return null\n    return item.shadowRoot?.querySelector('.item-inner') ?? item\n  }\n\n  private _onTriggerClick = (event: MouseEvent) => {\n    if (this.disabled) return\n    if (this.open) {\n      this._closeAll(true)\n    } else {\n      this._openMenu(event.detail === 0, true)\n    }\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this.isOpen || this._ignoreOutsideClick) return\n    if (this._isInsideShadowRoot(e)) return\n    this._closeAll(true)\n  }\n\n  private _onMenuClick = (e: MouseEvent) => {\n    const item = getMenuItemFromEvent(e)\n    if (!item || item.hasAttribute('disabled') || !item.hasAttribute('submenu')) return\n\n    const level = this._getFocusedLevel(item)\n    if (level === undefined) return\n    const itemIndex = this._getLevelItems(level).indexOf(item)\n    if (itemIndex >= 0) this._toggleSubmenu(level, itemIndex, e.detail === 0)\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (this.disabled || !this.open) return\n\n    // overlay 上键盘事件 target 是菜单项而非组件自身，不能限定 e.target === this，\n    // 否则鼠标打开、焦点在菜单项时 Escape 无法关闭\n    if (e.key === 'Escape') {\n      if (this._activePath.length > 0) this._closeSubmenuFrom(this._activePath.length)\n      else this._closeAll(true)\n      e.preventDefault()\n      return\n    }\n\n    const focused = this._getFocusedItem(e)\n    const level = this._getFocusedLevel(focused)\n    if (level === undefined) return\n    const items = this._getEnabledLevelItems(level)\n    const currentIndex = focused ? items.indexOf(focused) : -1\n\n    switch (e.key) {\n      case 'ArrowDown':\n        this._focusMenuItem(items[(currentIndex + 1 + items.length) % items.length])\n        break\n      case 'ArrowUp':\n        this._focusMenuItem(items[(currentIndex - 1 + items.length) % items.length])\n        break\n      case 'Home':\n        this._focusMenuItem(items[0])\n        break\n      case 'End':\n        this._focusMenuItem(items.at(-1))\n        break\n      case 'ArrowRight':\n        if (focused?.hasAttribute('submenu')) {\n          const itemIndex = this._getLevelItems(level).indexOf(focused)\n          this._toggleSubmenu(level, itemIndex, true)\n          requestAnimationFrame(() =>\n            requestAnimationFrame(() => this._focusMenuItem(this._getEnabledLevelItems(level + 1)[0]))\n          )\n        }\n        break\n      case 'ArrowLeft':\n        if (level > 0) {\n          this._closeSubmenuFrom(level)\n          this._focusMenuItem(this._getLevelItems(level - 1)[this._activePath[level - 1]])\n        }\n        break\n      case 'Enter':\n      case ' ':\n        focused?.click()\n        break\n      default:\n        return\n    }\n    e.preventDefault()\n    e.stopPropagation()\n  }\n\n  private _getEnabledLevelItems(level: number) {\n    const content = this._overlays.get(level)?.content\n    return content ? getEnabledMenuItems(content) : []\n  }\n\n  private _getFocusedItem(event?: KeyboardEvent): HTMLElement | undefined {\n    const eventItem = event\n      ?.composedPath()\n      .find((node): node is HTMLElement => node instanceof HTMLElement && node.matches('web-ui-dropdown-item'))\n    if (eventItem) return eventItem\n\n    return findFocusedMenuItem([...this._overlays.values()].map(({ overlay }) => overlay))\n  }\n\n  private _getFocusedLevel(item = this._getFocusedItem()): number | undefined {\n    if (!item) return undefined\n    const overlay = [...this._overlays.entries()].find(([, value]) => value.overlay.contains(item))\n    return overlay?.[0]\n  }\n\n  private _focusMenuItem(item: HTMLElement | undefined) {\n    focusMenuItem(item)\n  }\n\n  private _isInsideShadowRoot(e: MouseEvent): boolean {\n    for (const node of e.composedPath()) {\n      if (node === this || node === this.shadowRoot) return true\n      if (node instanceof Node && node.getRootNode() === this.shadowRoot) return true\n      if (node instanceof Node && [...this._overlays.values()].some(({ overlay }) => overlay.contains(node)))\n        return true\n    }\n    return false\n  }\n\n  private _ignoreCurrentOutsideClick() {\n    this._ignoreOutsideClick = true\n    clearTimeout(this._ignoreOutsideClickTimer)\n    this._ignoreOutsideClickTimer = setTimeout(() => {\n      this._ignoreOutsideClick = false\n    })\n  }\n\n  private _bindLevelHovers() {\n    this._hoverCleanupFns.forEach(fn => fn())\n    this._hoverCleanupFns.length = 0\n\n    const maxLevel = this._activePath.length + 1\n    for (let lv = 0; lv <= maxLevel; lv++) {\n      const items = this._getLevelItems(lv)\n      if (!items.length) continue\n      items.forEach((item, idx) => {\n        if (!item.matches('web-ui-dropdown-item') || item.hasAttribute('disabled')) return\n        const handler = (event: PointerEvent) => {\n          if (event.pointerType === 'touch') return\n          clearTimeout(this._openTimer)\n          if (item.hasAttribute('submenu')) {\n            if (this._activePath[lv] !== idx) {\n              this._openTimer = setTimeout(() => this._toggleSubmenu(lv, idx), 200)\n            }\n          } else if (this._activePath.length > lv) {\n            this._closeSubmenuFrom(lv + 1)\n          }\n        }\n        item.addEventListener('pointerenter', handler, { passive: true })\n        this._hoverCleanupFns.push(() => item.removeEventListener('pointerenter', handler))\n      })\n    }\n  }\n\n  private _bindHoversAfterUpdate() {\n    requestAnimationFrame(() => this._bindLevelHovers())\n  }\n\n  override render() {\n    return html`\n      <div class=\"dropdown-trigger\" @click=${this._onTriggerClick}>\n        <slot name=\"trigger\"></slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-dropdown': WebUiDropdown\n  }\n}\n"],"mappings":"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"}

package/dist/components/dropdown-item/style.js

@@ -1,5 +1,5 @@
 //#region src/components/dropdown-item/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{display:block}:host([disabled]){cursor:not-allowed;opacity:.4}.item-inner{-webkit-user-select:none;user-select:none;height:32px;font-size:var(--wui-font-size,14px);color:inherit;white-space:nowrap;transition:color var(--wui-duration-feedback,.1s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1)), background-color var(--wui-duration-feedback,.1s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1));border-radius:2147483647px;outline:none;align-items:center;gap:8px;padding:0 8px;display:flex}.item-inner:focus-visible{color:var(--wui-color-on-accent,#fff);background:var(--wui-color-accent,#08f)}:host([active]) .item-inner{color:inherit;background:var(--wui-color-border,#0000001a)}@media (hover:hover) and (pointer:fine){:host(:hover) .item-inner{color:var(--wui-color-on-accent,#fff);background:var(--wui-color-accent,#08f)}}.item-label{min-width:0;color:inherit;text-overflow:ellipsis;flex:1;overflow:hidden}.item-suffix{opacity:.4;flex:none}";
+var e = "*,:before,:after{box-sizing:border-box}:host{display:block}:host([disabled]){cursor:not-allowed;opacity:.4}.item-inner{-webkit-user-select:none;user-select:none;height:32px;font-size:var(--wui-font-size,14px);color:inherit;white-space:nowrap;border-radius:2147483647px;outline:none;align-items:center;gap:8px;padding:0 8px;display:flex}.item-inner:focus-visible{color:var(--wui-color-on-accent,#fff);background:var(--wui-color-accent,#08f)}:host([active]) .item-inner{color:inherit;background:var(--wui-color-border,#0000001a)}@media (hover:hover) and (pointer:fine){:host(:hover) .item-inner{color:var(--wui-color-on-accent,#fff);background:var(--wui-color-accent,#08f)}}.item-label{min-width:0;color:inherit;text-overflow:ellipsis;flex:1;overflow:hidden}.item-suffix{opacity:.4;flex:none}";
 //#endregion
 export { e as default };
 

package/dist/components/dropdown-item/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/dropdown-item/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.item-inner {\n  user-select: none;\n\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  height: 32px;\n  padding: 0 8px;\n  border-radius: calc(infinity * 1px);\n\n  font-size: var(--wui-font-size, 14px);\n  color: inherit;\n  white-space: nowrap;\n\n  outline: none;\n\n  transition:\n    color var(--wui-duration-feedback, 100ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    background-color var(--wui-duration-feedback, 100ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n}\n\n.item-inner:focus-visible {\n  color: var(--wui-color-on-accent, #fff);\n  background: var(--wui-color-accent, #08f);\n}\n\n:host([active]) .item-inner {\n  color: inherit;\n  background: var(--wui-color-border, rgb(0 0 0 / 0.1));\n}\n\n@media (hover: hover) and (pointer: fine) {\n  :host(:hover) .item-inner {\n    color: var(--wui-color-on-accent, #fff);\n    background: var(--wui-color-accent, #08f);\n  }\n}\n\n.item-label {\n  overflow: hidden;\n  flex: 1;\n\n  min-width: 0;\n\n  color: inherit;\n  text-overflow: ellipsis;\n}\n\n.item-suffix {\n  flex: none;\n  opacity: 0.4;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/dropdown-item/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.item-inner {\n  user-select: none;\n\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  height: 32px;\n  padding: 0 8px;\n  border-radius: calc(infinity * 1px);\n\n  font-size: var(--wui-font-size, 14px);\n  color: inherit;\n  white-space: nowrap;\n\n  outline: none;\n}\n\n.item-inner:focus-visible {\n  color: var(--wui-color-on-accent, #fff);\n  background: var(--wui-color-accent, #08f);\n}\n\n:host([active]) .item-inner {\n  color: inherit;\n  background: var(--wui-color-border, rgb(0 0 0 / 0.1));\n}\n\n@media (hover: hover) and (pointer: fine) {\n  :host(:hover) .item-inner {\n    color: var(--wui-color-on-accent, #fff);\n    background: var(--wui-color-accent, #08f);\n  }\n}\n\n.item-label {\n  overflow: hidden;\n  flex: 1;\n\n  min-width: 0;\n\n  color: inherit;\n  text-overflow: ellipsis;\n}\n\n.item-suffix {\n  flex: none;\n  opacity: 0.4;\n}\n"],"mappings":""}

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

@@ -4,6 +4,7 @@ export declare class WebUiEmpty extends LitElement {
     static styles: import('lit').CSSResult[];
     title: string;
     description: string;
+    private get _iconSize();
     set size(value: string);
     get size(): EmptySize;
     private _size;

package/dist/components/empty/index.js

@@ -1,28 +1,30 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import "../icon/index.js";
 import t from "../../icons/generated/lucide-inbox.js";
-import n from "../../assets/glass.js";
-import { normalizeLiteral as r } from "../../shared/normalize/index.js";
-import i from "./style.js";
-import { LitElement as a, html as o, unsafeCSS as s } from "lit";
-import { customElement as c, property as l, state as u } from "lit/decorators.js";
-import { classMap as d } from "lit/directives/class-map.js";
+import { normalizeLiteral as n } from "../../shared/normalize/index.js";
+import r from "./style.js";
+import { LitElement as i, html as a, unsafeCSS as o } from "lit";
+import { customElement as s, property as c, state as l } from "lit/decorators.js";
+import { classMap as u } from "lit/directives/class-map.js";
 //#region src/components/empty/index.ts
-var f = [
+var d = [
 	"small",
 	"medium",
 	"large"
-], p = class extends a {
+], f = class extends i {
 	constructor(...e) {
 		super(...e), this.title = "", this.description = "", this._size = "medium", this._hasTitleSlot = !1, this._hasDescriptionSlot = !1, this._hasActionSlot = !1, this._syncSlotContent = () => {
 			this._hasTitleSlot = this._hasAssignedContent(), this._hasDescriptionSlot = this._hasAssignedContent("description"), this._hasActionSlot = this._hasAssignedContent("action");
 		};
 	}
 	static {
-		this.styles = [s(n), s(i)];
+		this.styles = [o(r)];
+	}
+	get _iconSize() {
+		return this._size === "small" ? 16 : this._size === "large" ? 32 : 24;
 	}
 	set size(e) {
-		let t = r(e, f, "medium");
+		let t = n(e, d, "medium");
 		if (this._size !== t) {
 			let e = this._size;
 			this._size = t, this.requestUpdate("size", e);
@@ -40,24 +42,24 @@ var f = [
 	}
 	render() {
 		let e = this._hasTitleSlot || !!this.title, n = this._hasDescriptionSlot || !!this.description;
-		return o`
+		return a`
       <section class="empty">
-        <div class="empty-icon wui-glass" aria-hidden="true">
-          <slot name="icon"><web-ui-icon .icon=${t}></web-ui-icon></slot>
+        <div class="empty-icon" aria-hidden="true">
+          <slot name="icon"><web-ui-icon .icon=${t} .size=${this._iconSize}></web-ui-icon></slot>
         </div>
-        <div class=${d({
+        <div class=${u({
 			"empty-title": !0,
 			"is-hidden": !e
 		})}>
           <slot @slotchange=${this._syncSlotContent}>${this.title}</slot>
         </div>
-        <div class=${d({
+        <div class=${u({
 			"empty-description": !0,
 			"is-hidden": !n
 		})}>
           <slot name="description" @slotchange=${this._syncSlotContent}>${this.description}</slot>
         </div>
-        <div class=${d({
+        <div class=${u({
 			"empty-action": !0,
 			"is-hidden": !this._hasActionSlot
 		})}>
@@ -67,17 +69,17 @@ var f = [
     `;
 	}
 };
-e([l({
+e([c({
 	type: String,
 	reflect: !0
-})], p.prototype, "title", void 0), e([l({
+})], f.prototype, "title", void 0), e([c({
 	type: String,
 	reflect: !0
-})], p.prototype, "description", void 0), e([l({
+})], f.prototype, "description", void 0), e([c({
 	type: String,
 	reflect: !0
-})], p.prototype, "size", null), e([u()], p.prototype, "_hasTitleSlot", void 0), e([u()], p.prototype, "_hasDescriptionSlot", void 0), e([u()], p.prototype, "_hasActionSlot", void 0), p = e([c("web-ui-empty")], p);
+})], f.prototype, "size", null), e([l()], f.prototype, "_hasTitleSlot", void 0), e([l()], f.prototype, "_hasDescriptionSlot", void 0), e([l()], f.prototype, "_hasActionSlot", void 0), f = e([s("web-ui-empty")], f);
 //#endregion
-export { p as WebUiEmpty };
+export { f as WebUiEmpty };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/empty/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nimport '@/components/icon'\nimport glass from '@/assets/glass.css?inline'\nimport { lucideInbox } from '@/icons'\nimport { normalizeLiteral } from '@/shared/normalize'\n\nimport style from './style.css?inline'\n\nexport type EmptySize = 'small' | 'medium' | 'large'\n\nconst ALLOWED_SIZES = ['small', 'medium', 'large'] as const\n\n@customElement('web-ui-empty')\nexport class WebUiEmpty extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: String, reflect: true }) override title = ''\n\n  @property({ type: String, reflect: true }) description = ''\n\n  @property({ type: String, reflect: true })\n  set size(value: string) {\n    const normalized = normalizeLiteral(value, ALLOWED_SIZES, 'medium')\n    if (this._size !== normalized) {\n      const old = this._size\n      this._size = normalized\n      this.requestUpdate('size', old)\n    }\n    if (this.getAttribute('size') !== normalized) {\n      this.setAttribute('size', normalized)\n    }\n  }\n\n  get size(): EmptySize {\n    return this._size\n  }\n\n  private _size: EmptySize = 'medium'\n\n  @state() private _hasTitleSlot = false\n  @state() private _hasDescriptionSlot = false\n  @state() private _hasActionSlot = false\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._syncSlotContent()\n  }\n\n  private _syncSlotContent = () => {\n    this._hasTitleSlot = this._hasAssignedContent()\n    this._hasDescriptionSlot = this._hasAssignedContent('description')\n    this._hasActionSlot = this._hasAssignedContent('action')\n  }\n\n  private _hasAssignedContent(slotName?: string): boolean {\n    return [...this.childNodes].some(node => {\n      if (node instanceof HTMLElement && (node.getAttribute('slot') ?? '') === (slotName ?? '')) return true\n      return !slotName && node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim())\n    })\n  }\n\n  override render() {\n    const showTitle = this._hasTitleSlot || Boolean(this.title)\n    const showDescription = this._hasDescriptionSlot || Boolean(this.description)\n\n    return html`\n      <section class=\"empty\">\n        <div class=\"empty-icon wui-glass\" aria-hidden=\"true\">\n          <slot name=\"icon\"><web-ui-icon .icon=${lucideInbox}></web-ui-icon></slot>\n        </div>\n        <div class=${classMap({ 'empty-title': true, 'is-hidden': !showTitle })}>\n          <slot @slotchange=${this._syncSlotContent}>${this.title}</slot>\n        </div>\n        <div class=${classMap({ 'empty-description': true, 'is-hidden': !showDescription })}>\n          <slot name=\"description\" @slotchange=${this._syncSlotContent}>${this.description}</slot>\n        </div>\n        <div class=${classMap({ 'empty-action': true, 'is-hidden': !this._hasActionSlot })}>\n          <slot name=\"action\" @slotchange=${this._syncSlotContent}></slot>\n        </div>\n      </section>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-empty': WebUiEmpty\n  }\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAgB;CAAC;CAAS;CAAU;AAAO,GAGpC,IAAN,cAAyB,EAAW;;EAmCR,aAhC2B,KAAA,QAAA,IAEH,KAAA,cAAA,IAmB9B,KAAA,QAAA,UAEM,KAAA,gBAAA,IACM,KAAA,sBAAA,IACL,KAAA,iBAAA,IAOD,KAAA,yBAAA;GAG/B,AAFA,KAAK,gBAAgB,KAAK,oBAAoB,GAC9C,KAAK,sBAAsB,KAAK,oBAAoB,aAAa,GACjE,KAAK,iBAAiB,KAAK,oBAAoB,QAAQ;EACzD;;;EAtCyB,KAAA,SAAA,CAAC,EAAU,CAAK,GAAG,EAAU,CAAK,CAAC;;CAM5D,IACI,KAAK,GAAe;EACtB,IAAM,IAAa,EAAiB,GAAO,GAAe,QAAQ;EAClE,IAAI,KAAK,UAAU,GAAY;GAC7B,IAAM,IAAM,KAAK;GAEjB,AADA,KAAK,QAAQ,GACb,KAAK,cAAc,QAAQ,CAAG;EAChC;EACA,AAAI,KAAK,aAAa,MAAM,MAAM,KAChC,KAAK,aAAa,QAAQ,CAAU;CAExC;CAEA,IAAI,OAAkB;EACpB,OAAO,KAAK;CACd;CAQA,oBAA6B;EAE3B,AADA,MAAM,kBAAkB,GACxB,KAAK,iBAAiB;CACxB;CAQA,oBAA4B,GAA4B;EACtD,OAAO,CAAC,GAAG,KAAK,UAAU,CAAC,CAAC,MAAK,MAC3B,aAAgB,gBAAgB,EAAK,aAAa,MAAM,KAAK,SAAS,KAAY,OAC/E,CAAC,KAAY,EAAK,aAAa,KAAK,aAAa,EAAQ,EAAK,aAAa,KAAK,CACxF;CACH;CAEA,SAAkB;EAChB,IAAM,IAAY,KAAK,iBAAiB,EAAQ,KAAK,OAC/C,IAAkB,KAAK,uBAAuB,EAAQ,KAAK;EAEjE,OAAO,CAAI;;;iDAGkC,EAAY;;qBAExC,EAAS;GAAE,eAAe;GAAM,aAAa,CAAC;EAAU,CAAC,EAAE;8BAClD,KAAK,iBAAiB,GAAG,KAAK,MAAM;;qBAE7C,EAAS;GAAE,qBAAqB;GAAM,aAAa,CAAC;EAAgB,CAAC,EAAE;iDAC3C,KAAK,iBAAiB,GAAG,KAAK,YAAY;;qBAEtE,EAAS;GAAE,gBAAgB;GAAM,aAAa,CAAC,KAAK;EAAe,CAAC,EAAE;4CAC/C,KAAK,iBAAiB;;;;CAIhE;AACF;AAlEG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAExC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,GAExC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,IAAA,GAmBxC,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,iBAAA,KAAA,CAAA,GACN,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,uBAAA,KAAA,CAAA,GACN,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,kBAAA,KAAA,CAAA,GA7BR,IAAA,EAAA,CAAA,EAAc,cAAc,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/empty/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nimport '@/components/icon'\nimport { lucideInbox } from '@/icons'\nimport { normalizeLiteral } from '@/shared/normalize'\n\nimport style from './style.css?inline'\n\nexport type EmptySize = 'small' | 'medium' | 'large'\n\nconst ALLOWED_SIZES = ['small', 'medium', 'large'] as const\n\n@customElement('web-ui-empty')\nexport class WebUiEmpty extends LitElement {\n  static override styles = [unsafeCSS(style)]\n\n  @property({ type: String, reflect: true }) override title = ''\n\n  @property({ type: String, reflect: true }) description = ''\n\n  private get _iconSize(): number {\n    return this._size === 'small' ? 16 : this._size === 'large' ? 32 : 24\n  }\n\n  @property({ type: String, reflect: true })\n  set size(value: string) {\n    const normalized = normalizeLiteral(value, ALLOWED_SIZES, 'medium')\n    if (this._size !== normalized) {\n      const old = this._size\n      this._size = normalized\n      this.requestUpdate('size', old)\n    }\n    if (this.getAttribute('size') !== normalized) {\n      this.setAttribute('size', normalized)\n    }\n  }\n\n  get size(): EmptySize {\n    return this._size\n  }\n\n  private _size: EmptySize = 'medium'\n\n  @state() private _hasTitleSlot = false\n  @state() private _hasDescriptionSlot = false\n  @state() private _hasActionSlot = false\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._syncSlotContent()\n  }\n\n  private _syncSlotContent = () => {\n    this._hasTitleSlot = this._hasAssignedContent()\n    this._hasDescriptionSlot = this._hasAssignedContent('description')\n    this._hasActionSlot = this._hasAssignedContent('action')\n  }\n\n  private _hasAssignedContent(slotName?: string): boolean {\n    return [...this.childNodes].some(node => {\n      if (node instanceof HTMLElement && (node.getAttribute('slot') ?? '') === (slotName ?? '')) return true\n      return !slotName && node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim())\n    })\n  }\n\n  override render() {\n    const showTitle = this._hasTitleSlot || Boolean(this.title)\n    const showDescription = this._hasDescriptionSlot || Boolean(this.description)\n\n    return html`\n      <section class=\"empty\">\n        <div class=\"empty-icon\" aria-hidden=\"true\">\n          <slot name=\"icon\"><web-ui-icon .icon=${lucideInbox} .size=${this._iconSize}></web-ui-icon></slot>\n        </div>\n        <div class=${classMap({ 'empty-title': true, 'is-hidden': !showTitle })}>\n          <slot @slotchange=${this._syncSlotContent}>${this.title}</slot>\n        </div>\n        <div class=${classMap({ 'empty-description': true, 'is-hidden': !showDescription })}>\n          <slot name=\"description\" @slotchange=${this._syncSlotContent}>${this.description}</slot>\n        </div>\n        <div class=${classMap({ 'empty-action': true, 'is-hidden': !this._hasActionSlot })}>\n          <slot name=\"action\" @slotchange=${this._syncSlotContent}></slot>\n        </div>\n      </section>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-empty': WebUiEmpty\n  }\n}\n"],"mappings":";;;;;;;;;AAYA,IAAM,IAAgB;CAAC;CAAS;CAAU;AAAO,GAGpC,IAAN,cAAyB,EAAW;;EAuCR,aApC2B,KAAA,QAAA,IAEH,KAAA,cAAA,IAuB9B,KAAA,QAAA,UAEM,KAAA,gBAAA,IACM,KAAA,sBAAA,IACL,KAAA,iBAAA,IAOD,KAAA,yBAAA;GAG/B,AAFA,KAAK,gBAAgB,KAAK,oBAAoB,GAC9C,KAAK,sBAAsB,KAAK,oBAAoB,aAAa,GACjE,KAAK,iBAAiB,KAAK,oBAAoB,QAAQ;EACzD;;;EA1CyB,KAAA,SAAA,CAAC,EAAU,CAAK,CAAC;;CAM1C,IAAY,YAAoB;EAC9B,OAAO,KAAK,UAAU,UAAU,KAAK,KAAK,UAAU,UAAU,KAAK;CACrE;CAEA,IACI,KAAK,GAAe;EACtB,IAAM,IAAa,EAAiB,GAAO,GAAe,QAAQ;EAClE,IAAI,KAAK,UAAU,GAAY;GAC7B,IAAM,IAAM,KAAK;GAEjB,AADA,KAAK,QAAQ,GACb,KAAK,cAAc,QAAQ,CAAG;EAChC;EACA,AAAI,KAAK,aAAa,MAAM,MAAM,KAChC,KAAK,aAAa,QAAQ,CAAU;CAExC;CAEA,IAAI,OAAkB;EACpB,OAAO,KAAK;CACd;CAQA,oBAA6B;EAE3B,AADA,MAAM,kBAAkB,GACxB,KAAK,iBAAiB;CACxB;CAQA,oBAA4B,GAA4B;EACtD,OAAO,CAAC,GAAG,KAAK,UAAU,CAAC,CAAC,MAAK,MAC3B,aAAgB,gBAAgB,EAAK,aAAa,MAAM,KAAK,SAAS,KAAY,OAC/E,CAAC,KAAY,EAAK,aAAa,KAAK,aAAa,EAAQ,EAAK,aAAa,KAAK,CACxF;CACH;CAEA,SAAkB;EAChB,IAAM,IAAY,KAAK,iBAAiB,EAAQ,KAAK,OAC/C,IAAkB,KAAK,uBAAuB,EAAQ,KAAK;EAEjE,OAAO,CAAI;;;iDAGkC,EAAY,SAAS,KAAK,UAAU;;qBAEhE,EAAS;GAAE,eAAe;GAAM,aAAa,CAAC;EAAU,CAAC,EAAE;8BAClD,KAAK,iBAAiB,GAAG,KAAK,MAAM;;qBAE7C,EAAS;GAAE,qBAAqB;GAAM,aAAa,CAAC;EAAgB,CAAC,EAAE;iDAC3C,KAAK,iBAAiB,GAAG,KAAK,YAAY;;qBAEtE,EAAS;GAAE,gBAAgB;GAAM,aAAa,CAAC,KAAK;EAAe,CAAC,EAAE;4CAC/C,KAAK,iBAAiB;;;;CAIhE;AACF;AAtEG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAExC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,GAMxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,IAAA,GAmBxC,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,iBAAA,KAAA,CAAA,GACN,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,uBAAA,KAAA,CAAA,GACN,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,kBAAA,KAAA,CAAA,GAjCR,IAAA,EAAA,CAAA,EAAc,cAAc,CAAA,GAAA,CAAA"}

package/dist/components/empty/style.js

@@ -1,5 +1,5 @@
 //#region src/components/empty/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{display:block}.empty{width:100%;min-block-size:var(--wui-empty-min-height,240px);padding:var(--wui-empty-padding,32px 24px);text-align:center;flex-direction:column;align-items:center;display:flex}.empty-icon{width:var(--wui-empty-icon-size,56px);height:var(--wui-empty-icon-size,56px);color:var(--wui-color-text-secondary,#6a6a6a);background-color:var(--wui-color-surface-raised,#f2f2f7);box-shadow:none;border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex}.empty-title,.empty-description,.empty-action{max-inline-size:var(--wui-empty-content-width,480px)}.empty-title{margin-top:var(--wui-empty-title-margin-top,16px);font-size:var(--wui-empty-title-font-size,16px);color:var(--wui-color-text,#1b1b1b);overflow-wrap:anywhere;font-weight:600;line-height:1.5}.empty-description{font-size:var(--wui-empty-description-font-size,14px);color:var(--wui-color-text-secondary,#6a6a6a);overflow-wrap:anywhere;margin-top:6px;line-height:1.6}.empty-action{margin-top:var(--wui-empty-action-margin-top,20px)}.is-hidden{display:none}:host([size=small]){--wui-empty-min-height:160px;--wui-empty-padding:20px 16px;--wui-empty-icon-size:40px;--wui-empty-title-margin-top:12px;--wui-empty-title-font-size:14px;--wui-empty-description-font-size:13px;--wui-empty-action-margin-top:16px}:host([size=large]){--wui-empty-min-height:320px;--wui-empty-padding:48px 32px;--wui-empty-icon-size:72px;--wui-empty-title-margin-top:20px;--wui-empty-title-font-size:18px;--wui-empty-action-margin-top:24px}";
+var e = "*,:before,:after{box-sizing:border-box}:host{display:block}.empty{width:100%;min-block-size:var(--wui-empty-min-height,240px);padding:var(--wui-empty-padding,32px 24px);text-align:center;flex-direction:column;align-items:center;display:flex}.empty-icon{width:var(--wui-empty-icon-size,56px);height:var(--wui-empty-icon-size,56px);color:var(--wui-color-text-secondary,#6a6a6a);background-color:var(--wui-color-surface-track,#e5e5ea);box-shadow:none;border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex}.empty-title,.empty-description,.empty-action{max-inline-size:var(--wui-empty-content-width,480px)}.empty-title{margin-top:var(--wui-empty-title-margin-top,16px);font-size:var(--wui-empty-title-font-size,16px);color:var(--wui-color-text,#1b1b1b);overflow-wrap:anywhere;font-weight:600;line-height:1.5}.empty-description{font-size:var(--wui-empty-description-font-size,14px);color:var(--wui-color-text-secondary,#6a6a6a);overflow-wrap:anywhere;margin-top:6px;line-height:1.6}.empty-action{margin-top:var(--wui-empty-action-margin-top,20px)}.is-hidden{display:none}:host([size=small]){--wui-empty-min-height:160px;--wui-empty-padding:20px 16px;--wui-empty-icon-size:40px;--wui-empty-title-margin-top:12px;--wui-empty-title-font-size:14px;--wui-empty-description-font-size:13px;--wui-empty-action-margin-top:16px}:host([size=large]){--wui-empty-min-height:320px;--wui-empty-padding:48px 32px;--wui-empty-icon-size:72px;--wui-empty-title-margin-top:20px;--wui-empty-title-font-size:18px;--wui-empty-action-margin-top:24px}";
 //#endregion
 export { e as default };
 

package/dist/components/empty/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/empty/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n.empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  width: 100%;\n  min-block-size: var(--wui-empty-min-height, 240px);\n  padding: var(--wui-empty-padding, 32px 24px);\n\n  text-align: center;\n}\n\n.empty-icon {\n  display: flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n\n  width: var(--wui-empty-icon-size, 56px);\n  height: var(--wui-empty-icon-size, 56px);\n  border-radius: 16px;\n\n  color: var(--wui-color-text-secondary, #6a6a6a);\n\n  background-color: var(--wui-color-surface-raised, #f2f2f7);\n  box-shadow: none;\n}\n\n.empty-title,\n.empty-description,\n.empty-action {\n  max-inline-size: var(--wui-empty-content-width, 480px);\n}\n\n.empty-title {\n  margin-top: var(--wui-empty-title-margin-top, 16px);\n\n  font-size: var(--wui-empty-title-font-size, 16px);\n  font-weight: 600;\n  line-height: 1.5;\n  color: var(--wui-color-text, #1b1b1b);\n  overflow-wrap: anywhere;\n}\n\n.empty-description {\n  margin-top: 6px;\n\n  font-size: var(--wui-empty-description-font-size, 14px);\n  line-height: 1.6;\n  color: var(--wui-color-text-secondary, #6a6a6a);\n  overflow-wrap: anywhere;\n}\n\n.empty-action {\n  margin-top: var(--wui-empty-action-margin-top, 20px);\n}\n\n.is-hidden {\n  display: none;\n}\n\n:host([size='small']) {\n  --wui-empty-min-height: 160px;\n  --wui-empty-padding: 20px 16px;\n  --wui-empty-icon-size: 40px;\n  --wui-empty-title-margin-top: 12px;\n  --wui-empty-title-font-size: 14px;\n  --wui-empty-description-font-size: 13px;\n  --wui-empty-action-margin-top: 16px;\n}\n\n:host([size='large']) {\n  --wui-empty-min-height: 320px;\n  --wui-empty-padding: 48px 32px;\n  --wui-empty-icon-size: 72px;\n  --wui-empty-title-margin-top: 20px;\n  --wui-empty-title-font-size: 18px;\n  --wui-empty-action-margin-top: 24px;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/empty/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n.empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  width: 100%;\n  min-block-size: var(--wui-empty-min-height, 240px);\n  padding: var(--wui-empty-padding, 32px 24px);\n\n  text-align: center;\n}\n\n.empty-icon {\n  display: flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n\n  width: var(--wui-empty-icon-size, 56px);\n  height: var(--wui-empty-icon-size, 56px);\n  border-radius: 16px;\n\n  color: var(--wui-color-text-secondary, #6a6a6a);\n\n  background-color: var(--wui-color-surface-track, #e5e5ea);\n  box-shadow: none;\n}\n\n.empty-title,\n.empty-description,\n.empty-action {\n  max-inline-size: var(--wui-empty-content-width, 480px);\n}\n\n.empty-title {\n  margin-top: var(--wui-empty-title-margin-top, 16px);\n\n  font-size: var(--wui-empty-title-font-size, 16px);\n  font-weight: 600;\n  line-height: 1.5;\n  color: var(--wui-color-text, #1b1b1b);\n  overflow-wrap: anywhere;\n}\n\n.empty-description {\n  margin-top: 6px;\n\n  font-size: var(--wui-empty-description-font-size, 14px);\n  line-height: 1.6;\n  color: var(--wui-color-text-secondary, #6a6a6a);\n  overflow-wrap: anywhere;\n}\n\n.empty-action {\n  margin-top: var(--wui-empty-action-margin-top, 20px);\n}\n\n.is-hidden {\n  display: none;\n}\n\n:host([size='small']) {\n  --wui-empty-min-height: 160px;\n  --wui-empty-padding: 20px 16px;\n  --wui-empty-icon-size: 40px;\n  --wui-empty-title-margin-top: 12px;\n  --wui-empty-title-font-size: 14px;\n  --wui-empty-description-font-size: 13px;\n  --wui-empty-action-margin-top: 16px;\n}\n\n:host([size='large']) {\n  --wui-empty-min-height: 320px;\n  --wui-empty-padding: 48px 32px;\n  --wui-empty-icon-size: 72px;\n  --wui-empty-title-margin-top: 20px;\n  --wui-empty-title-font-size: 18px;\n  --wui-empty-action-margin-top: 24px;\n}\n"],"mappings":""}

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './button';
 export * from './button-group';
 export * from './checkbox';
 export * from './checkbox-group';
+export * from './collapse';
 export * from './context-menu';
 export * from './dialog';
 export * from './drawer';