@greypan/web-ui 2.1.7 → 3.0.0

package/dist/components/tooltip/index.js

@@ -1,14 +1,15 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
 import t from "../../assets/glass.js";
-import { normalizeLiteral as n, normalizeNumber as r } from "../../shared/normalize/index.js";
-import i from "../../assets/overlay-motion.js";
+import n from "../../assets/overlay-motion.js";
+import { normalizeLiteral as r, normalizeNumber as i } from "../../shared/normalize/index.js";
 import { defineAnchoredPanel as a } from "../../shared/overlay/anchored-panel.js";
-import { createOverlayPortal as o } from "../../shared/overlay/portal.js";
-import s from "./style.js";
-import { LitElement as c, html as l, unsafeCSS as u } from "lit";
-import { customElement as d, property as f } from "lit/decorators.js";
+import { defineOverlayPortal as o } from "../../shared/overlay/portal.js";
+import { UserChangeController as s } from "../../shared/events/user-change.js";
+import c from "./style.js";
+import { LitElement as l, html as u, unsafeCSS as d } from "lit";
+import { customElement as f, property as p } from "lit/decorators.js";
 //#region src/components/tooltip/index.ts
-var p = [
+var m = [
 	"top",
 	"top-start",
 	"top-end",
@@ -21,9 +22,9 @@ var p = [
 	"right",
 	"right-start",
 	"right-end"
-], m = 0, h = class extends c {
+], h = 0, g = class extends l {
 	constructor(...e) {
-		super(...e), this._placement = "top", this._showDelay = 200, this._hideDelay = 100, this.disabled = !1, this._offset = 6, this.content = "", this.open = !1, this.portal = !1, this._isCountedVisible = !1, this._shouldOpenInstantly = !0, this._panel = a().make({
+		super(...e), this._placement = "top", this._showDelay = 200, this._hideDelay = 100, this.disabled = !1, this._offset = 6, this.content = "", this.open = !1, this.portal = !1, this._isCountedVisible = !1, this._userOpenChange = new s(), this._shouldOpenInstantly = !0, this._panel = a().make({
 			getAnchor: () => this.shadowRoot?.querySelector(".tooltip-trigger") ?? null,
 			getLocalPanel: () => this.shadowRoot?.querySelector(".tooltip-panel") ?? null,
 			getPositioning: () => ({
@@ -34,7 +35,7 @@ var p = [
 			isPortal: () => this.portal,
 			createPortal: () => this._createPortal()
 		}), this._onPointerEnter = (e) => {
-			e.pointerType !== "touch" && (this.disabled || (clearTimeout(this._hideTimer), this._showTimer = setTimeout(() => this._show(), m > 0 ? 0 : this.showDelay)));
+			e.pointerType !== "touch" && (this.disabled || (clearTimeout(this._hideTimer), this._showTimer = setTimeout(() => this._show(), h > 0 ? 0 : this.showDelay)));
 		}, this._onPointerLeave = (e) => {
 			e.pointerType !== "touch" && (this.disabled || (clearTimeout(this._showTimer), this._hideTimer = setTimeout(() => this._hide(), this.hideDelay)));
 		}, this._onFocusIn = () => {
@@ -45,9 +46,9 @@ var p = [
 	}
 	static {
 		this.styles = [
-			u(t),
-			u(i),
-			u(s)
+			d(t),
+			d(n),
+			d(c)
 		];
 	}
 	get placement() {
@@ -55,28 +56,28 @@ var p = [
 	}
 	set placement(e) {
 		let t = this._placement;
-		this._placement = n(e, p, "top"), this.requestUpdate("placement", t);
+		this._placement = r(e, m, "top"), this.requestUpdate("placement", t);
 	}
 	get showDelay() {
 		return this._showDelay;
 	}
 	set showDelay(e) {
 		let t = this._showDelay;
-		this._showDelay = r(e, 0, 5e3, 200), this.requestUpdate("showDelay", t);
+		this._showDelay = i(e, 0, 5e3, 200), this.requestUpdate("showDelay", t);
 	}
 	get hideDelay() {
 		return this._hideDelay;
 	}
 	set hideDelay(e) {
 		let t = this._hideDelay;
-		this._hideDelay = r(e, 0, 5e3, 100), this.requestUpdate("hideDelay", t);
+		this._hideDelay = i(e, 0, 5e3, 100), this.requestUpdate("hideDelay", t);
 	}
 	get offset() {
 		return this._offset;
 	}
 	set offset(e) {
 		let t = this._offset;
-		this._offset = r(e, 0, 100, 6), this.requestUpdate("offset", t);
+		this._offset = i(e, 0, 100, 6), this.requestUpdate("offset", t);
 	}
 	get isOpen() {
 		return this.open;
@@ -91,22 +92,22 @@ var p = [
 		this.open && (this._openOverlay(this._shouldOpenInstantly), this._shouldOpenInstantly = !0);
 	}
 	updated(e) {
-		e.has("portal") || e.has("overlayContainer") ? requestAnimationFrame(() => this._reconfigureOverlay()) : (e.has("placement") || e.has("offset")) && requestAnimationFrame(() => this._panel.updatePosition()), e.has("open") && (this._syncVisibleTooltipCount(this.open), this.open ? (this._openOverlay(this._shouldOpenInstantly), this._shouldOpenInstantly = !0) : this._closeOverlay(), this._dispatchChange(this.open)), e.has("content") && this._syncPortalContent();
+		e.has("portal") || e.has("overlayContainer") ? requestAnimationFrame(() => this._reconfigureOverlay()) : (e.has("placement") || e.has("offset")) && requestAnimationFrame(() => this._panel.updatePosition()), e.has("open") && (this._syncVisibleTooltipCount(this.open), this.open ? (this._openOverlay(this._shouldOpenInstantly), this._shouldOpenInstantly = !0) : this._closeOverlay(), this._userOpenChange.consume() && this._dispatchChange(this.open)), e.has("content") && this._syncPortalContent();
 	}
 	_show(e = !1) {
-		this.open ||= (this._shouldOpenInstantly = e, !0);
+		this.open ||= (this._shouldOpenInstantly = e, this._userOpenChange.mark(), !0);
 	}
 	_hide() {
-		this.open &&= !1;
+		this.open &&= (this._userOpenChange.mark(), !1);
 	}
 	_openOverlay(e = !1) {
 		this._panel.open(e);
 	}
 	_createPortal() {
-		let e = o({
+		let e = o().make({
 			container: this.overlayContainer,
 			target: this,
-			style: `${t}\n${i}\n${s}`,
+			style: `${t}\n${n}\n${c}`,
 			className: "tooltip-panel portal wui-glass wui-floating-panel"
 		});
 		if (this.content) {
@@ -143,39 +144,39 @@ var p = [
 		}));
 	}
 	_syncVisibleTooltipCount(e) {
-		e && !this._isCountedVisible ? (m += 1, this._isCountedVisible = !0) : !e && this._isCountedVisible && (m = Math.max(0, m - 1), this._isCountedVisible = !1);
+		e && !this._isCountedVisible ? (h += 1, this._isCountedVisible = !0) : !e && this._isCountedVisible && (h = Math.max(0, h - 1), this._isCountedVisible = !1);
 	}
 	render() {
-		return l`
+		return u`
       <div class="tooltip-anchor">
         <div class="tooltip-trigger"><slot></slot></div>
         <div class="tooltip-panel wui-glass wui-floating-panel" hidden role="tooltip">
-          ${this.content ? l`<span class="tooltip-text">${this.content}</span>` : l`<slot name="content"></slot>`}
+          ${this.content ? u`<span class="tooltip-text">${this.content}</span>` : u`<slot name="content"></slot>`}
         </div>
       </div>
     `;
 	}
 };
-e([f({
+e([p({
 	type: String,
 	reflect: !0
-})], h.prototype, "placement", null), e([f({
+})], g.prototype, "placement", null), e([p({
 	type: Number,
 	attribute: "show-delay"
-})], h.prototype, "showDelay", null), e([f({
+})], g.prototype, "showDelay", null), e([p({
 	type: Number,
 	attribute: "hide-delay"
-})], h.prototype, "hideDelay", null), e([f({
+})], g.prototype, "hideDelay", null), e([p({
 	type: Boolean,
 	reflect: !0
-})], h.prototype, "disabled", void 0), e([f({ type: Number })], h.prototype, "offset", null), e([f({ type: String })], h.prototype, "content", void 0), e([f({
+})], g.prototype, "disabled", void 0), e([p({ type: Number })], g.prototype, "offset", null), e([p({ type: String })], g.prototype, "content", void 0), e([p({
 	type: Boolean,
 	reflect: !0
-})], h.prototype, "open", void 0), e([f({
+})], g.prototype, "open", void 0), e([p({
 	type: Boolean,
 	reflect: !0
-})], h.prototype, "portal", void 0), e([f({ attribute: !1 })], h.prototype, "overlayContainer", void 0), h = e([d("web-ui-tooltip")], h);
+})], g.prototype, "portal", void 0), e([p({ attribute: !1 })], g.prototype, "overlayContainer", void 0), g = e([f("web-ui-tooltip")], g);
 //#endregion
-export { h as WebUiTooltip };
+export { g as WebUiTooltip };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/dom'\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { createOverlayPortal } from '@/shared/overlay/portal'\nimport type { OverlayContainer, OverlayPortal } from '@/shared/overlay/portal'\n\nimport style from './style.css?inline'\n\nconst ALLOWED_PLACEMENTS = [\n  'top',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'left',\n  'left-start',\n  'left-end',\n  'right',\n  'right-start',\n  'right-end'\n] as const\n\nlet visibleTooltipCount = 0\n\n@customElement('web-ui-tooltip')\nexport class WebUiTooltip extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(style)]\n\n  @property({ type: String, reflect: true })\n  get placement(): Placement {\n    return this._placement\n  }\n  set placement(v: string) {\n    const old = this._placement\n    this._placement = normalizeLiteral(v, ALLOWED_PLACEMENTS, 'top')\n    this.requestUpdate('placement', old)\n  }\n  private _placement: Placement = 'top'\n\n  @property({ type: Number, attribute: 'show-delay' })\n  get showDelay(): number {\n    return this._showDelay\n  }\n  set showDelay(v: number) {\n    const old = this._showDelay\n    this._showDelay = normalizeNumber(v, 0, 5000, 200)\n    this.requestUpdate('showDelay', old)\n  }\n  private _showDelay = 200\n\n  @property({ type: Number, attribute: 'hide-delay' })\n  get hideDelay(): number {\n    return this._hideDelay\n  }\n  set hideDelay(v: number) {\n    const old = this._hideDelay\n    this._hideDelay = normalizeNumber(v, 0, 5000, 100)\n    this.requestUpdate('hideDelay', old)\n  }\n  private _hideDelay = 100\n\n  @property({ type: Boolean, reflect: true }) disabled = false\n\n  @property({ type: Number })\n  get offset(): number {\n    return this._offset\n  }\n  set offset(v: number) {\n    const old = this._offset\n    this._offset = normalizeNumber(v, 0, 100, 6)\n    this.requestUpdate('offset', old)\n  }\n  private _offset = 6\n\n  @property({ type: String }) content = ''\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true }) portal = false\n  @property({ attribute: false }) overlayContainer?: OverlayContainer\n\n  private _showTimer?: ReturnType<typeof setTimeout>\n  private _hideTimer?: ReturnType<typeof setTimeout>\n  private _isCountedVisible = false\n  private _shouldOpenInstantly = true\n  private readonly _panel = defineAnchoredPanel().make({\n    getAnchor: () => this.shadowRoot?.querySelector<HTMLElement>('.tooltip-trigger') ?? null,\n    getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.tooltip-panel') ?? null,\n    getPositioning: () => ({\n      placement: this.placement,\n      offset: this.offset,\n      strategy: this.portal ? 'fixed' : 'absolute'\n    }),\n    isPortal: () => this.portal,\n    createPortal: () => this._createPortal()\n  })\n\n  get isOpen(): boolean {\n    return this.open\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('pointerenter', this._onPointerEnter)\n    this.addEventListener('pointerleave', this._onPointerLeave)\n    this.addEventListener('focusin', this._onFocusIn)\n    this.addEventListener('focusout', this._onFocusOut)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    this.removeEventListener('focusin', this._onFocusIn)\n    this.removeEventListener('focusout', this._onFocusOut)\n    clearTimeout(this._showTimer)\n    clearTimeout(this._hideTimer)\n    this._syncVisibleTooltipCount(false)\n    this._panel.dispose()\n  }\n\n  override firstUpdated() {\n    if (this.open) {\n      this._openOverlay(this._shouldOpenInstantly)\n      this._shouldOpenInstantly = true\n    }\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    if (changed.has('portal') || changed.has('overlayContainer')) {\n      requestAnimationFrame(() => this._reconfigureOverlay())\n    } else if (changed.has('placement') || changed.has('offset'))\n      requestAnimationFrame(() => this._panel.updatePosition())\n\n    if (changed.has('open')) {\n      this._syncVisibleTooltipCount(this.open)\n      if (this.open) {\n        this._openOverlay(this._shouldOpenInstantly)\n        this._shouldOpenInstantly = true\n      } else {\n        void this._closeOverlay()\n      }\n      this._dispatchChange(this.open)\n    }\n    if (changed.has('content')) this._syncPortalContent()\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled) return\n    clearTimeout(this._hideTimer)\n    this._showTimer = setTimeout(() => this._show(), visibleTooltipCount > 0 ? 0 : this.showDelay)\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    this._hideTimer = setTimeout(() => this._hide(), this.hideDelay)\n  }\n\n  private _onFocusIn = () => {\n    if (this.disabled) return\n    clearTimeout(this._hideTimer)\n    this._show(true)\n  }\n\n  private _onFocusOut = () => {\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    this._hide()\n  }\n\n  private _show(isInstant = false) {\n    if (this.open) return\n    this._shouldOpenInstantly = isInstant\n    this.open = true\n  }\n\n  private _hide() {\n    if (!this.open) return\n    this.open = false\n  }\n\n  private _openOverlay(isInstant = false) {\n    this._panel.open(isInstant)\n  }\n\n  private _createPortal(): OverlayPortal {\n    const portal = createOverlayPortal({\n      container: this.overlayContainer,\n      target: this,\n      style: `${glass}\\n${overlayMotion}\\n${style}`,\n      className: 'tooltip-panel portal wui-glass wui-floating-panel'\n    })\n    if (this.content) {\n      const text = document.createElement('span')\n      text.className = 'tooltip-text'\n      text.textContent = this.content\n      portal.panel.append(text)\n    } else portal.moveContent(Array.from(this.querySelectorAll('[slot=\"content\"]')))\n    portal.panel.setAttribute('role', 'tooltip')\n    return portal\n  }\n\n  private async _closeOverlay() {\n    await this._panel.close(() => this.open)\n  }\n\n  private _reconfigureOverlay() {\n    this._panel.reconfigure(this.open)\n  }\n\n  private _syncPortalContent() {\n    if (!this.portal || !this.open) return\n    const panel = this._panel.getPanel()\n    if (!panel) return\n    const text = panel.querySelector<HTMLElement>('.tooltip-text')\n    if (text) {\n      text.textContent = this.content\n      return\n    }\n    if (!this.content) return\n    panel.replaceChildren()\n    const nextText = document.createElement('span')\n    nextText.className = 'tooltip-text'\n    nextText.textContent = this.content\n    panel.append(nextText)\n  }\n\n  private _dispatchChange(open: boolean) {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _syncVisibleTooltipCount(isVisible: boolean) {\n    if (isVisible && !this._isCountedVisible) {\n      visibleTooltipCount += 1\n      this._isCountedVisible = true\n    } else if (!isVisible && this._isCountedVisible) {\n      visibleTooltipCount = Math.max(0, visibleTooltipCount - 1)\n      this._isCountedVisible = false\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"tooltip-anchor\">\n        <div class=\"tooltip-trigger\"><slot></slot></div>\n        <div class=\"tooltip-panel wui-glass wui-floating-panel\" hidden role=\"tooltip\">\n          ${this.content ? html`<span class=\"tooltip-text\">${this.content}</span>` : html`<slot name=\"content\"></slot>`}\n        </div>\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-tooltip': WebUiTooltip\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/dom'\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\nimport { defineAnchoredPanel } from '@/shared/overlay/anchored-panel'\nimport { defineOverlayPortal } from '@/shared/overlay/portal'\nimport type { OverlayContainer, OverlayPortal } from '@/shared/overlay/portal'\n\nimport style from './style.css?inline'\n\nconst ALLOWED_PLACEMENTS = [\n  'top',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'left',\n  'left-start',\n  'left-end',\n  'right',\n  'right-start',\n  'right-end'\n] as const\n\nlet visibleTooltipCount = 0\n\n@customElement('web-ui-tooltip')\nexport class WebUiTooltip extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(style)]\n\n  @property({ type: String, reflect: true })\n  get placement(): Placement {\n    return this._placement\n  }\n  set placement(v: string) {\n    const old = this._placement\n    this._placement = normalizeLiteral(v, ALLOWED_PLACEMENTS, 'top')\n    this.requestUpdate('placement', old)\n  }\n  private _placement: Placement = 'top'\n\n  @property({ type: Number, attribute: 'show-delay' })\n  get showDelay(): number {\n    return this._showDelay\n  }\n  set showDelay(v: number) {\n    const old = this._showDelay\n    this._showDelay = normalizeNumber(v, 0, 5000, 200)\n    this.requestUpdate('showDelay', old)\n  }\n  private _showDelay = 200\n\n  @property({ type: Number, attribute: 'hide-delay' })\n  get hideDelay(): number {\n    return this._hideDelay\n  }\n  set hideDelay(v: number) {\n    const old = this._hideDelay\n    this._hideDelay = normalizeNumber(v, 0, 5000, 100)\n    this.requestUpdate('hideDelay', old)\n  }\n  private _hideDelay = 100\n\n  @property({ type: Boolean, reflect: true }) disabled = false\n\n  @property({ type: Number })\n  get offset(): number {\n    return this._offset\n  }\n  set offset(v: number) {\n    const old = this._offset\n    this._offset = normalizeNumber(v, 0, 100, 6)\n    this.requestUpdate('offset', old)\n  }\n  private _offset = 6\n\n  @property({ type: String }) content = ''\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true }) portal = false\n  @property({ attribute: false }) overlayContainer?: OverlayContainer\n\n  private _showTimer?: ReturnType<typeof setTimeout>\n  private _hideTimer?: ReturnType<typeof setTimeout>\n  private _isCountedVisible = false\n  private readonly _userOpenChange = new UserChangeController()\n  private _shouldOpenInstantly = true\n  private readonly _panel = defineAnchoredPanel().make({\n    getAnchor: () => this.shadowRoot?.querySelector<HTMLElement>('.tooltip-trigger') ?? null,\n    getLocalPanel: () => this.shadowRoot?.querySelector<HTMLElement>('.tooltip-panel') ?? null,\n    getPositioning: () => ({\n      placement: this.placement,\n      offset: this.offset,\n      strategy: this.portal ? 'fixed' : 'absolute'\n    }),\n    isPortal: () => this.portal,\n    createPortal: () => this._createPortal()\n  })\n\n  get isOpen(): boolean {\n    return this.open\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('pointerenter', this._onPointerEnter)\n    this.addEventListener('pointerleave', this._onPointerLeave)\n    this.addEventListener('focusin', this._onFocusIn)\n    this.addEventListener('focusout', this._onFocusOut)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    this.removeEventListener('focusin', this._onFocusIn)\n    this.removeEventListener('focusout', this._onFocusOut)\n    clearTimeout(this._showTimer)\n    clearTimeout(this._hideTimer)\n    this._syncVisibleTooltipCount(false)\n    this._panel.dispose()\n  }\n\n  override firstUpdated() {\n    if (this.open) {\n      this._openOverlay(this._shouldOpenInstantly)\n      this._shouldOpenInstantly = true\n    }\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    if (changed.has('portal') || changed.has('overlayContainer')) {\n      requestAnimationFrame(() => this._reconfigureOverlay())\n    } else if (changed.has('placement') || changed.has('offset'))\n      requestAnimationFrame(() => this._panel.updatePosition())\n\n    if (changed.has('open')) {\n      this._syncVisibleTooltipCount(this.open)\n      if (this.open) {\n        this._openOverlay(this._shouldOpenInstantly)\n        this._shouldOpenInstantly = true\n      } else {\n        void this._closeOverlay()\n      }\n      if (this._userOpenChange.consume()) this._dispatchChange(this.open)\n    }\n    if (changed.has('content')) this._syncPortalContent()\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled) return\n    clearTimeout(this._hideTimer)\n    this._showTimer = setTimeout(() => this._show(), visibleTooltipCount > 0 ? 0 : this.showDelay)\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    this._hideTimer = setTimeout(() => this._hide(), this.hideDelay)\n  }\n\n  private _onFocusIn = () => {\n    if (this.disabled) return\n    clearTimeout(this._hideTimer)\n    this._show(true)\n  }\n\n  private _onFocusOut = () => {\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    this._hide()\n  }\n\n  private _show(isInstant = false) {\n    if (this.open) return\n    this._shouldOpenInstantly = isInstant\n    this._userOpenChange.mark()\n    this.open = true\n  }\n\n  private _hide() {\n    if (!this.open) return\n    this._userOpenChange.mark()\n    this.open = false\n  }\n\n  private _openOverlay(isInstant = false) {\n    this._panel.open(isInstant)\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: 'tooltip-panel portal wui-glass wui-floating-panel'\n    })\n    if (this.content) {\n      const text = document.createElement('span')\n      text.className = 'tooltip-text'\n      text.textContent = this.content\n      portal.panel.append(text)\n    } else portal.moveContent(Array.from(this.querySelectorAll('[slot=\"content\"]')))\n    portal.panel.setAttribute('role', 'tooltip')\n    return portal\n  }\n\n  private async _closeOverlay() {\n    await this._panel.close(() => this.open)\n  }\n\n  private _reconfigureOverlay() {\n    this._panel.reconfigure(this.open)\n  }\n\n  private _syncPortalContent() {\n    if (!this.portal || !this.open) return\n    const panel = this._panel.getPanel()\n    if (!panel) return\n    const text = panel.querySelector<HTMLElement>('.tooltip-text')\n    if (text) {\n      text.textContent = this.content\n      return\n    }\n    if (!this.content) return\n    panel.replaceChildren()\n    const nextText = document.createElement('span')\n    nextText.className = 'tooltip-text'\n    nextText.textContent = this.content\n    panel.append(nextText)\n  }\n\n  private _dispatchChange(open: boolean) {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _syncVisibleTooltipCount(isVisible: boolean) {\n    if (isVisible && !this._isCountedVisible) {\n      visibleTooltipCount += 1\n      this._isCountedVisible = true\n    } else if (!isVisible && this._isCountedVisible) {\n      visibleTooltipCount = Math.max(0, visibleTooltipCount - 1)\n      this._isCountedVisible = false\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"tooltip-anchor\">\n        <div class=\"tooltip-trigger\"><slot></slot></div>\n        <div class=\"tooltip-panel wui-glass wui-floating-panel\" hidden role=\"tooltip\">\n          ${this.content ? html`<span class=\"tooltip-text\">${this.content}</span>` : html`<slot name=\"content\"></slot>`}\n        </div>\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-tooltip': WebUiTooltip\n  }\n}\n"],"mappings":"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"}

package/dist/shared/events/user-change.js

@@ -0,0 +1,17 @@
+//#region src/shared/events/user-change.ts
+var e = class {
+	constructor() {
+		this.pending = !1;
+	}
+	mark() {
+		this.pending = !0;
+	}
+	consume() {
+		let e = this.pending;
+		return this.pending = !1, e;
+	}
+};
+//#endregion
+export { e as UserChangeController };
+
+//# sourceMappingURL=user-change.js.map

package/dist/shared/events/user-change.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-change.js","names":[],"sources":["../../../src/shared/events/user-change.ts"],"sourcesContent":["/**\n * Tracks whether the next reactive state update was caused by user interaction.\n *\n * Lit updates are asynchronous, so a boolean that is reset immediately after\n * assigning a property would be lost before `updated()` runs. Components use\n * this small controller to keep `*-change` events user-originated only.\n */\nexport class UserChangeController {\n  private pending = false\n\n  mark() {\n    this.pending = true\n  }\n\n  consume(): boolean {\n    const pending = this.pending\n    this.pending = false\n    return pending\n  }\n}\n"],"mappings":";AAOA,IAAa,IAAb,MAAkC;;EACd,KAAA,UAAA;;CAElB,OAAO;EACL,KAAK,UAAU;CACjB;CAEA,UAAmB;EACjB,IAAM,IAAU,KAAK;EAErB,OADA,KAAK,UAAU,IACR;CACT;AACF"}

package/dist/shared/menu-portal/menu-portal.js

@@ -1,18 +1,17 @@
-import { getFallbackOverlayRoot as e } from "../theme/overlay-root.js";
-import { findNearestTheme as t, findRootTheme as n } from "../theme/theme-scope.js";
+import { resolveOverlayContainer as e } from "../overlay/portal.js";
 //#region src/shared/menu-portal/menu-portal.ts
-function r(r, i) {
+function t(t, n) {
+	let r = document.createElement("div");
+	r.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${t}`, r.dataset.wuiPresence = "entering";
+	let i = document.createElement("div");
+	i.className = "wui-menu-scroll";
 	let a = document.createElement("div");
-	a.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${r}`, a.dataset.wuiPresence = "entering";
-	let o = document.createElement("div");
-	o.className = "wui-menu-scroll";
-	let s = document.createElement("div");
-	return s.className = "wui-menu-content", o.append(s), a.append(o), ((i ? t(i) : n())?.getOverlayRoot() ?? e()).appendChild(a), {
-		panel: a,
-		content: s
+	return a.className = "wui-menu-content", i.append(a), r.append(i), e(void 0, n ?? document.body, { preferRootTheme: n === void 0 }).appendChild(r), {
+		panel: r,
+		content: a
 	};
 }
 //#endregion
-export { r as createMenuPortalOverlay };
+export { t as createMenuPortalOverlay };
 
 //# sourceMappingURL=menu-portal.js.map

package/dist/shared/menu-portal/menu-portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-portal.js","names":[],"sources":["../../../src/shared/menu-portal/menu-portal.ts"],"sourcesContent":["import { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/theme/theme-scope'\n\nexport interface MenuPortalOverlay {\n  readonly panel: HTMLElement\n  readonly content: HTMLElement\n}\n\nexport function createMenuPortalOverlay(className: string, target?: Element): MenuPortalOverlay {\n  const panel = document.createElement('div')\n  panel.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${className}`\n  panel.dataset.wuiPresence = 'entering'\n  const scroll = document.createElement('div')\n  scroll.className = 'wui-menu-scroll'\n  const content = document.createElement('div')\n  content.className = 'wui-menu-content'\n  scroll.append(content)\n  panel.append(scroll)\n\n  const root = target ? findNearestTheme(target) : findRootTheme()\n  const container = root?.getOverlayRoot() ?? getFallbackOverlayRoot()\n  container.appendChild(panel)\n\n  return { panel, content }\n}\n"],"mappings":";;;AAQA,SAAgB,EAAwB,GAAmB,GAAqC;CAC9F,IAAM,IAAQ,SAAS,cAAc,KAAK;CAE1C,AADA,EAAM,YAAY,wDAAwD,KAC1E,EAAM,QAAQ,cAAc;CAC5B,IAAM,IAAS,SAAS,cAAc,KAAK;CAC3C,EAAO,YAAY;CACnB,IAAM,IAAU,SAAS,cAAc,KAAK;CAS5C,OARA,EAAQ,YAAY,oBACpB,EAAO,OAAO,CAAO,GACrB,EAAM,OAAO,CAAM,KAEN,IAAS,EAAiB,CAAM,IAAI,EAAc,EAAA,EACvC,eAAe,KAAK,EAAuB,EAAA,CACzD,YAAY,CAAK,GAEpB;EAAE;EAAO;CAAQ;AAC1B"}
+{"version":3,"file":"menu-portal.js","names":[],"sources":["../../../src/shared/menu-portal/menu-portal.ts"],"sourcesContent":["import { resolveOverlayContainer } from '@/shared/overlay/portal'\n\nexport interface MenuPortalOverlay {\n  readonly panel: HTMLElement\n  readonly content: HTMLElement\n}\n\n/**\n * 菜单浮层面板：面板直接挂到 overlay 容器（与普通 Overlay Portal 共用容器解析），\n * 样式复用容器内已注入的共享菜单样式（glass/menu-portal/overlay-motion），\n * 因此无需自建 shadow。菜单内容由 dropdown/context-menu 自行构建（menu-tree），\n * 这里只提供 panel 与 content 挂载点。\n */\nexport function createMenuPortalOverlay(className: string, target?: Element): MenuPortalOverlay {\n  const panel = document.createElement('div')\n  panel.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${className}`\n  panel.dataset.wuiPresence = 'entering'\n  const scroll = document.createElement('div')\n  scroll.className = 'wui-menu-scroll'\n  const content = document.createElement('div')\n  content.className = 'wui-menu-content'\n  scroll.append(content)\n  panel.append(scroll)\n\n  const container = resolveOverlayContainer(undefined, target ?? document.body, {\n    preferRootTheme: target === undefined\n  })\n  container.appendChild(panel)\n\n  return { panel, content }\n}\n"],"mappings":";;AAaA,SAAgB,EAAwB,GAAmB,GAAqC;CAC9F,IAAM,IAAQ,SAAS,cAAc,KAAK;CAE1C,AADA,EAAM,YAAY,wDAAwD,KAC1E,EAAM,QAAQ,cAAc;CAC5B,IAAM,IAAS,SAAS,cAAc,KAAK;CAC3C,EAAO,YAAY;CACnB,IAAM,IAAU,SAAS,cAAc,KAAK;CAU5C,OATA,EAAQ,YAAY,oBACpB,EAAO,OAAO,CAAO,GACrB,EAAM,OAAO,CAAM,GAKnB,EAH0C,KAAA,GAAW,KAAU,SAAS,MAAM,EAC5E,iBAAiB,MAAW,KAAA,EAC9B,CACA,CAAA,CAAU,YAAY,CAAK,GAEpB;EAAE;EAAO;CAAQ;AAC1B"}

package/dist/shared/normalize/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/normalize/index.ts"],"sourcesContent":["/**\n * 运行时参数规范化工具。\n *\n * 组件的属性 setter 在赋值前调用这些函数，确保非法输入回退到文档化默认值。\n * 这与 TypeScript 类型系统互补——类型保证编译期安全，运行时规范化保证 JS 调用方的健壮性。\n *\n * 使用方式：\n * ```\n * import { normalizeLiteral } from '@/shared/normalize'\n *\n * @property({ type: String, reflect: true })\n * get variant(): 'primary' | 'secondary' | 'ghost' { return this._variant }\n * set variant(v: string) {\n *   this._variant = normalizeLiteral(v, ALLOWED_VARIANTS, 'primary')\n *   this.requestUpdate('variant', old)\n * }\n * ```\n */\n\n/** 字面量联合类型属性可接受的值 */\nexport type LiteralValues<T extends string> = readonly T[]\n\n/**\n * 将输入值规范化为字面量联合类型之一。\n * 不在允许集合中的值回退到默认值。\n */\nexport function normalizeLiteral<T extends string>(value: unknown, allowed: LiteralValues<T>, defaultValue: T): T {\n  if (typeof value === 'string' && (allowed as readonly string[]).includes(value)) {\n    return value as T\n  }\n  return defaultValue\n}\n\n/**\n * 将输入值规范化为指定范围内的数值。\n * NaN、Infinity 或非数值回退到默认值。\n */\nexport function normalizeNumber(value: unknown, min: number, max: number, defaultValue: number): number {\n  if (typeof value === 'number' && Number.isFinite(value)) {\n    return Math.min(max, Math.max(min, value))\n  }\n  return defaultValue\n}\n"],"mappings":";AA0BA,SAAgB,EAAmC,GAAgB,GAA2B,GAAoB;CAIhH,OAHI,OAAO,KAAU,YAAa,EAA8B,SAAS,CAAK,IACrE,IAEF;AACT;AAMA,SAAgB,EAAgB,GAAgB,GAAa,GAAa,GAA8B;CAItG,OAHI,OAAO,KAAU,YAAY,OAAO,SAAS,CAAK,IAC7C,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC,IAEpC;AACT"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/normalize/index.ts"],"sourcesContent":["/**\n * 运行时参数规范化工具。\n *\n * 组件的属性 setter 在赋值前调用这些函数，确保非法输入回退到文档化默认值。\n * 这与 TypeScript 类型系统互补——类型保证编译期安全，运行时规范化保证 JS 调用方的健壮性。\n *\n * 使用方式：\n * ```\n * import { normalizeLiteral } from '@/shared/normalize'\n *\n * @property({ type: String, reflect: true })\n * get variant(): 'primary' | 'secondary' | 'ghost' { return this._variant }\n * set variant(v: string) {\n *   this._variant = normalizeLiteral(v, ALLOWED_VARIANTS, 'primary')\n *   this.requestUpdate('variant', old)\n * }\n * ```\n */\n\n// 字面量联合类型属性可接受的值\nexport type LiteralValues<T extends string> = readonly T[]\n\n/**\n * 将输入值规范化为字面量联合类型之一。\n * 不在允许集合中的值回退到默认值。\n */\nexport function normalizeLiteral<T extends string>(value: unknown, allowed: LiteralValues<T>, defaultValue: T): T {\n  if (typeof value === 'string' && (allowed as readonly string[]).includes(value)) {\n    return value as T\n  }\n  return defaultValue\n}\n\n/**\n * 将输入值规范化为指定范围内的数值。\n * NaN、Infinity 或非数值回退到默认值。\n */\nexport function normalizeNumber(value: unknown, min: number, max: number, defaultValue: number): number {\n  if (typeof value === 'number' && Number.isFinite(value)) {\n    return Math.min(max, Math.max(min, value))\n  }\n  return defaultValue\n}\n"],"mappings":";AA0BA,SAAgB,EAAmC,GAAgB,GAA2B,GAAoB;CAIhH,OAHI,OAAO,KAAU,YAAa,EAA8B,SAAS,CAAK,IACrE,IAEF;AACT;AAMA,SAAgB,EAAgB,GAAgB,GAAa,GAAa,GAA8B;CAItG,OAHI,OAAO,KAAU,YAAY,OAAO,SAAS,CAAK,IAC7C,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC,IAEpC;AACT"}

package/dist/shared/overlay/anchored-panel.js

@@ -1,25 +1,25 @@
-import { hideOverlayPresence as e, showOverlayPresence as t } from "./presence.js";
-import { defineOverlay as n } from "./overlay.js";
+import { defineOverlay as e } from "./overlay.js";
+import { hideOverlayPresence as t, showOverlayPresence as n } from "./presence.js";
 import { definePlugin as r } from "@greypan/js-kit";
 //#region src/shared/overlay/anchored-panel.ts
 var i = () => r((r) => {
 	let i, a, o = () => a?.panel ?? r.getLocalPanel(), s = () => {
 		a && (a.restoreContent(), a.remove(), a = void 0, i = void 0);
-	}, c = () => r.isPortal() ? (a ??= r.createPortal(), a.panel) : r.getLocalPanel(), l = (e, t) => {
+	}, c = () => r.isPortal() ? (a ??= r.createPortal(), a.panel) : r.getLocalPanel(), l = (t, n) => {
 		if (i) {
-			i.updateAnchor(e), i.update(r.getPositioning());
+			i.updateAnchor(t), i.update(r.getPositioning());
 			return;
 		}
-		i = n().make({
-			anchor: e,
-			overlay: t,
+		i = e().make({
+			anchor: t,
+			overlay: n,
 			...r.getPositioning()
 		});
 	}, u = (e = !1) => {
-		let n = r.getAnchor();
-		if (!n) return;
+		let t = r.getAnchor();
+		if (!t) return;
 		let a = c();
-		a && (l(n, a), i?.open(), t(a, { isInstant: e }));
+		a && (l(t, a), i?.open(), n(a, { isInstant: e }));
 	}, d = () => {
 		i?.dispose(), i = void 0, s();
 	};
@@ -28,10 +28,10 @@ var i = () => r((r) => {
 			return o();
 		},
 		open: u,
-		async close(t) {
+		async close(e) {
 			i?.close();
 			let n = o();
-			return n && !await e(n) || t() ? !1 : (s(), !0);
+			return n && !await t(n) || e() ? !1 : (s(), !0);
 		},
 		updatePosition() {
 			i?.update(r.getPositioning());

package/dist/shared/overlay/native-dialog-presence.js

@@ -11,9 +11,14 @@ var n = () => t((t) => {
 		!e || !i || t.isOpen() || (a(), i = !1, e.classList.remove("is-closing", "is-visible"), e.open && e.close?.());
 	}, c = () => {
 		let e = t.getDialog();
-		e && (i = !1, a(), e.classList.remove("is-closing"), e.open || e.showModal?.(), o(), r = requestAnimationFrame(() => {
-			r = void 0, !(!t.isConnected() || !t.isOpen() || !e.open) && e.classList.add("is-visible");
-		}));
+		if (e) {
+			if (i = !1, a(), e.classList.remove("is-closing"), !e.open) try {
+				e.showModal?.();
+			} catch {}
+			o(), r = requestAnimationFrame(() => {
+				r = void 0, !(!t.isConnected() || !t.isOpen() || !e.open) && e.classList.add("is-visible");
+			});
+		}
 	}, l = () => {
 		let r = t.getDialog();
 		if (r?.open) {

package/dist/shared/overlay/native-dialog-presence.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-dialog-presence.js","names":[],"sources":["../../../src/shared/overlay/native-dialog-presence.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport { getTransitionDuration } from './presence'\n\nexport interface NativeDialogPresenceOptions {\n  getDialog(): HTMLDialogElement | null\n  isConnected(): boolean\n  isOpen(): boolean\n}\n\nexport interface NativeDialogPresenceApi {\n  sync(open: boolean): void\n  handleTransitionEnd(event: TransitionEvent): void\n  handleNativeClose(): void\n  dispose(): void\n}\n\n/** 管理原生 dialog 保持在 top layer 直至退出动画完成的生命周期。 */\nexport const defineNativeDialogPresence = () =>\n  definePlugin<NativeDialogPresenceApi, NativeDialogPresenceOptions>(ctx => {\n    let closeFallbackTimer: ReturnType<typeof setTimeout> | undefined\n    let openFrame: number | undefined\n    let isClosing = false\n\n    const clearCloseFallback = () => {\n      if (closeFallbackTimer === undefined) return\n      clearTimeout(closeFallbackTimer)\n      closeFallbackTimer = undefined\n    }\n\n    const cancelOpenFrame = () => {\n      if (openFrame === undefined) return\n      cancelAnimationFrame(openFrame)\n      openFrame = undefined\n    }\n\n    const finishClosing = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog || !isClosing || ctx.isOpen()) return\n      clearCloseFallback()\n      isClosing = false\n      dialog.classList.remove('is-closing', 'is-visible')\n      if (dialog.open) dialog.close?.()\n    }\n\n    const startOpening = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog) return\n      isClosing = false\n      clearCloseFallback()\n      dialog.classList.remove('is-closing')\n      if (!dialog.open) dialog.showModal?.()\n\n      cancelOpenFrame()\n      openFrame = requestAnimationFrame(() => {\n        openFrame = undefined\n        if (!ctx.isConnected() || !ctx.isOpen() || !dialog.open) return\n        dialog.classList.add('is-visible')\n      })\n    }\n\n    const startClosing = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog?.open) return\n      cancelOpenFrame()\n      isClosing = true\n      if (!dialog.classList.contains('is-visible')) {\n        finishClosing()\n        return\n      }\n\n      dialog.classList.add('is-closing')\n      dialog.classList.remove('is-visible')\n      clearCloseFallback()\n      closeFallbackTimer = setTimeout(() => finishClosing(), getTransitionDuration(dialog) + 80)\n    }\n\n    return {\n      sync(open) {\n        if (open) startOpening()\n        else startClosing()\n      },\n\n      handleTransitionEnd(event) {\n        if (event.target !== ctx.getDialog() || event.propertyName !== 'transform') return\n        finishClosing()\n      },\n\n      handleNativeClose() {\n        cancelOpenFrame()\n        clearCloseFallback()\n        isClosing = false\n        ctx.getDialog()?.classList.remove('is-closing', 'is-visible')\n      },\n\n      dispose() {\n        cancelOpenFrame()\n        clearCloseFallback()\n        isClosing = false\n      }\n    }\n  })\n"],"mappings":";;;AAkBA,IAAa,UACX,GAAmE,MAAO;CACxE,IAAI,GACA,GACA,IAAY,IAEV,UAA2B;EAC3B,MAAuB,KAAA,MAC3B,aAAa,CAAkB,GAC/B,IAAqB,KAAA;CACvB,GAEM,UAAwB;EACxB,MAAc,KAAA,MAClB,qBAAqB,CAAS,GAC9B,IAAY,KAAA;CACd,GAEM,UAAsB;EAC1B,IAAM,IAAS,EAAI,UAAU;EACzB,CAAC,KAAU,CAAC,KAAa,EAAI,OAAO,MACxC,EAAmB,GACnB,IAAY,IACZ,EAAO,UAAU,OAAO,cAAc,YAAY,GAC9C,EAAO,QAAM,EAAO,QAAQ;CAClC,GAEM,UAAqB;EACzB,IAAM,IAAS,EAAI,UAAU;EACxB,MACL,IAAY,IACZ,EAAmB,GACnB,EAAO,UAAU,OAAO,YAAY,GAC/B,EAAO,QAAM,EAAO,YAAY,GAErC,EAAgB,GAChB,IAAY,4BAA4B;GACtC,IAAY,KAAA,GACR,GAAC,EAAI,YAAY,KAAK,CAAC,EAAI,OAAO,KAAK,CAAC,EAAO,SACnD,EAAO,UAAU,IAAI,YAAY;EACnC,CAAC;CACH,GAEM,UAAqB;EACzB,IAAM,IAAS,EAAI,UAAU;EACxB,OAAQ,MAGb;OAFA,EAAgB,GAChB,IAAY,IACR,CAAC,EAAO,UAAU,SAAS,YAAY,GAAG;IAC5C,EAAc;IACd;GACF;GAKA,AAHA,EAAO,UAAU,IAAI,YAAY,GACjC,EAAO,UAAU,OAAO,YAAY,GACpC,EAAmB,GACnB,IAAqB,iBAAiB,EAAc,GAAG,EAAsB,CAAM,IAAI,EAAE;EALzF;CAMF;CAEA,OAAO;EACL,KAAK,GAAM;GACT,AAAI,IAAM,EAAa,IAClB,EAAa;EACpB;EAEA,oBAAoB,GAAO;GACrB,EAAM,WAAW,EAAI,UAAU,KAAK,EAAM,iBAAiB,eAC/D,EAAc;EAChB;EAEA,oBAAoB;GAIlB,AAHA,EAAgB,GAChB,EAAmB,GACnB,IAAY,IACZ,EAAI,UAAU,CAAC,EAAE,UAAU,OAAO,cAAc,YAAY;EAC9D;EAEA,UAAU;GAGR,AAFA,EAAgB,GAChB,EAAmB,GACnB,IAAY;EACd;CACF;AACF,CAAC"}
+{"version":3,"file":"native-dialog-presence.js","names":[],"sources":["../../../src/shared/overlay/native-dialog-presence.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport { getTransitionDuration } from './presence'\n\nexport interface NativeDialogPresenceOptions {\n  getDialog(): HTMLDialogElement | null\n  isConnected(): boolean\n  isOpen(): boolean\n}\n\nexport interface NativeDialogPresenceApi {\n  sync(open: boolean): void\n  handleTransitionEnd(event: TransitionEvent): void\n  handleNativeClose(): void\n  dispose(): void\n}\n\n// 管理原生 dialog 保持在 top layer 直至退出动画完成的生命周期。\nexport const defineNativeDialogPresence = () =>\n  definePlugin<NativeDialogPresenceApi, NativeDialogPresenceOptions>(ctx => {\n    let closeFallbackTimer: ReturnType<typeof setTimeout> | undefined\n    let openFrame: number | undefined\n    let isClosing = false\n\n    const clearCloseFallback = () => {\n      if (closeFallbackTimer === undefined) return\n      clearTimeout(closeFallbackTimer)\n      closeFallbackTimer = undefined\n    }\n\n    const cancelOpenFrame = () => {\n      if (openFrame === undefined) return\n      cancelAnimationFrame(openFrame)\n      openFrame = undefined\n    }\n\n    const finishClosing = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog || !isClosing || ctx.isOpen()) return\n      clearCloseFallback()\n      isClosing = false\n      dialog.classList.remove('is-closing', 'is-visible')\n      if (dialog.open) dialog.close?.()\n    }\n\n    const startOpening = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog) return\n      isClosing = false\n      clearCloseFallback()\n      dialog.classList.remove('is-closing')\n      if (!dialog.open) {\n        try {\n          dialog.showModal?.()\n        } catch {\n          // 顶层已有其他 modal dialog 时 showModal 抛 InvalidStateError；\n          // 记录未打开状态，由 rAF 回调中的 dialog.open 判断中止动画\n        }\n      }\n\n      cancelOpenFrame()\n      openFrame = requestAnimationFrame(() => {\n        openFrame = undefined\n        if (!ctx.isConnected() || !ctx.isOpen() || !dialog.open) return\n        dialog.classList.add('is-visible')\n      })\n    }\n\n    const startClosing = () => {\n      const dialog = ctx.getDialog()\n      if (!dialog?.open) return\n      cancelOpenFrame()\n      isClosing = true\n      if (!dialog.classList.contains('is-visible')) {\n        finishClosing()\n        return\n      }\n\n      dialog.classList.add('is-closing')\n      dialog.classList.remove('is-visible')\n      clearCloseFallback()\n      closeFallbackTimer = setTimeout(() => finishClosing(), getTransitionDuration(dialog) + 80)\n    }\n\n    return {\n      sync(open) {\n        if (open) startOpening()\n        else startClosing()\n      },\n\n      handleTransitionEnd(event) {\n        if (event.target !== ctx.getDialog() || event.propertyName !== 'transform') return\n        finishClosing()\n      },\n\n      handleNativeClose() {\n        cancelOpenFrame()\n        clearCloseFallback()\n        isClosing = false\n        ctx.getDialog()?.classList.remove('is-closing', 'is-visible')\n      },\n\n      dispose() {\n        cancelOpenFrame()\n        clearCloseFallback()\n        isClosing = false\n      }\n    }\n  })\n"],"mappings":";;;AAkBA,IAAa,UACX,GAAmE,MAAO;CACxE,IAAI,GACA,GACA,IAAY,IAEV,UAA2B;EAC3B,MAAuB,KAAA,MAC3B,aAAa,CAAkB,GAC/B,IAAqB,KAAA;CACvB,GAEM,UAAwB;EACxB,MAAc,KAAA,MAClB,qBAAqB,CAAS,GAC9B,IAAY,KAAA;CACd,GAEM,UAAsB;EAC1B,IAAM,IAAS,EAAI,UAAU;EACzB,CAAC,KAAU,CAAC,KAAa,EAAI,OAAO,MACxC,EAAmB,GACnB,IAAY,IACZ,EAAO,UAAU,OAAO,cAAc,YAAY,GAC9C,EAAO,QAAM,EAAO,QAAQ;CAClC,GAEM,UAAqB;EACzB,IAAM,IAAS,EAAI,UAAU;EACxB,OAIL;OAHA,IAAY,IACZ,EAAmB,GACnB,EAAO,UAAU,OAAO,YAAY,GAChC,CAAC,EAAO,MACV,IAAI;IACF,EAAO,YAAY;GACrB,QAAQ,CAGR;GAIF,AADA,EAAgB,GAChB,IAAY,4BAA4B;IACtC,IAAY,KAAA,GACR,GAAC,EAAI,YAAY,KAAK,CAAC,EAAI,OAAO,KAAK,CAAC,EAAO,SACnD,EAAO,UAAU,IAAI,YAAY;GACnC,CAAC;EARC;CASJ,GAEM,UAAqB;EACzB,IAAM,IAAS,EAAI,UAAU;EACxB,OAAQ,MAGb;OAFA,EAAgB,GAChB,IAAY,IACR,CAAC,EAAO,UAAU,SAAS,YAAY,GAAG;IAC5C,EAAc;IACd;GACF;GAKA,AAHA,EAAO,UAAU,IAAI,YAAY,GACjC,EAAO,UAAU,OAAO,YAAY,GACpC,EAAmB,GACnB,IAAqB,iBAAiB,EAAc,GAAG,EAAsB,CAAM,IAAI,EAAE;EALzF;CAMF;CAEA,OAAO;EACL,KAAK,GAAM;GACT,AAAI,IAAM,EAAa,IAClB,EAAa;EACpB;EAEA,oBAAoB,GAAO;GACrB,EAAM,WAAW,EAAI,UAAU,KAAK,EAAM,iBAAiB,eAC/D,EAAc;EAChB;EAEA,oBAAoB;GAIlB,AAHA,EAAgB,GAChB,EAAmB,GACnB,IAAY,IACZ,EAAI,UAAU,CAAC,EAAE,UAAU,OAAO,cAAc,YAAY;EAC9D;EAEA,UAAU;GAGR,AAFA,EAAgB,GAChB,EAAmB,GACnB,IAAY;EACd;CACF;AACF,CAAC"}

package/dist/shared/overlay/overlay.js

@@ -1,7 +1,7 @@
 import { autoUpdate as e, computePosition as t, flip as n, offset as r, shift as i, size as a } from "../../node_modules/.pnpm/@floating-ui_dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
 import { definePlugin as o } from "@greypan/js-kit";
 //#region src/shared/overlay/overlay.ts
-var s = {
+var s = 120, c = "--wui-overlay-min-width", l = {
 	placement: "bottom-start",
 	offset: 4,
 	flip: !0,
@@ -10,55 +10,77 @@ var s = {
 	minAnchorWidth: !1,
 	strategy: "absolute"
 };
-function c(e) {
+function u(e) {
+	if (typeof getComputedStyle != "function") return s;
+	let t = Number.parseFloat(getComputedStyle(e).getPropertyValue(c));
+	return Number.isFinite(t) ? t : s;
+}
+function d(e) {
+	e.style.removeProperty("width"), e.style.removeProperty("min-width");
+}
+function f(e, t, n) {
+	if (t.matchWidth) return e.style.removeProperty("min-width"), n.hasManagedStyles = !0, a({ apply({ rects: t }) {
+		e.style.width = `${t.reference.width}px`;
+	} });
+	if (t.minAnchorWidth) {
+		let t = u(e);
+		return n.hasManagedStyles = !0, a({ apply({ rects: n }) {
+			e.style.width = "max-content", e.style.minWidth = `${Math.max(n.reference.width, t)}px`;
+		} });
+	}
+	n.hasManagedStyles &&= (d(e), !1);
+}
+function p(e, t, a) {
+	let o = [r(t.offset)];
+	t.flip && o.push(n()), t.shift && o.push(i({ padding: 8 }));
+	let s = f(e, t, a);
+	return s && o.push(s), o;
+}
+function m(e) {
 	let [t, n] = e.split("-"), r = n === "start" ? "left" : n === "end" ? "right" : "center", i = n === "start" ? "top" : n === "end" ? "bottom" : "center";
 	return t === "top" ? `bottom ${r}` : t === "bottom" ? `top ${r}` : t === "left" ? `right ${i}` : `left ${i}`;
 }
-var l = () => o((o) => {
-	let l = {
-		placement: o.placement ?? s.placement,
-		offset: o.offset ?? s.offset,
-		flip: o.flip ?? s.flip,
-		shift: o.shift ?? s.shift,
-		matchWidth: o.matchWidth ?? s.matchWidth,
-		minAnchorWidth: o.minAnchorWidth ?? s.minAnchorWidth,
-		strategy: o.strategy ?? s.strategy
-	}, u = o.overlay, d = !1, f = null, p = o.anchor;
-	function m() {
-		let o = [r(l.offset)];
-		l.flip && o.push(n()), l.shift && o.push(i({ padding: 8 })), l.matchWidth ? o.push(a({ apply({ rects: e }) {
-			u.style.width = `${e.reference.width}px`;
-		} })) : l.minAnchorWidth && o.push(a({ apply({ rects: e }) {
-			u.style.minWidth = `${Math.max(e.reference.width, 120)}px`;
-		} })), f?.(), f = e(p, u, () => {
-			t(p, u, {
-				placement: l.placement,
-				strategy: l.strategy,
-				middleware: o
+var h = () => o((n) => {
+	let r = {
+		placement: n.placement ?? l.placement,
+		offset: n.offset ?? l.offset,
+		flip: n.flip ?? l.flip,
+		shift: n.shift ?? l.shift,
+		matchWidth: n.matchWidth ?? l.matchWidth,
+		minAnchorWidth: n.minAnchorWidth ?? l.minAnchorWidth,
+		strategy: n.strategy ?? l.strategy
+	}, i = n.overlay, a = { hasManagedStyles: !1 }, o = !1, s = null, c = n.anchor;
+	function u() {
+		let n = p(i, r, a), o = () => {
+			t(c, i, {
+				placement: r.placement,
+				strategy: r.strategy,
+				middleware: n
 			}).then(({ x: e, y: t, placement: n }) => {
-				u.style.left = `${e}px`, u.style.top = `${t}px`, u.style.setProperty("--wui-overlay-transform-origin", c(n));
+				i.style.left = `${e}px`, i.style.top = `${t}px`, i.style.setProperty("--wui-overlay-transform-origin", m(n));
 			});
-		});
+		};
+		o(), s?.(), s = e(c, i, o);
 	}
 	return {
 		isOpen() {
-			return d;
+			return o;
 		},
-		options: l,
+		options: r,
 		open() {
-			d || (d = !0, u.style.display = "", m());
+			o || (o = !0, i.style.display = "", u());
 		},
 		close() {
-			d && (d = !1, f?.(), f = null);
+			o && (o = !1, s?.(), s = null);
 		},
 		toggle() {
-			d ? this.close() : this.open();
+			o ? this.close() : this.open();
 		},
 		update(e) {
-			Object.assign(l, e), d && m();
+			Object.assign(r, e), o && u();
 		},
 		updateAnchor(e) {
-			p = e, d && m();
+			c = e, o && u();
 		},
 		dispose() {
 			this.close();
@@ -66,6 +88,6 @@ var l = () => o((o) => {
 	};
 });
 //#endregion
-export { l as defineOverlay };
+export { h as defineOverlay };
 
 //# sourceMappingURL=overlay.js.map

package/dist/shared/overlay/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":[],"sources":["../../../src/shared/overlay/overlay.ts"],"sourcesContent":["import {\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n  size,\n  type Middleware,\n  type Placement,\n  type Strategy\n} from '@floating-ui/dom'\nimport { definePlugin } from '@greypan/js-kit'\n\nexport interface OverlayOptions {\n  placement?: Placement\n  offset?: number\n  flip?: boolean\n  shift?: boolean\n  /** Sync overlay width to anchor width */\n  matchWidth?: boolean\n  /** Set overlay min-width to anchor width (content can expand wider) */\n  minAnchorWidth?: boolean\n  strategy?: Strategy\n}\n\nexport interface OverlayApi {\n  isOpen(): boolean\n  readonly options: Required<OverlayOptions>\n  open(): void\n  close(): void\n  toggle(): void\n  update(options: Partial<OverlayOptions>): void\n  updateAnchor(anchor: HTMLElement): void\n  dispose(): void\n}\n\nconst DEFAULT_OPTIONS: Required<OverlayOptions> = {\n  placement: 'bottom-start',\n  offset: 4,\n  flip: true,\n  shift: true,\n  matchWidth: false,\n  minAnchorWidth: false,\n  strategy: 'absolute'\n}\n\nfunction getTransformOrigin(placement: Placement): string {\n  const [side, alignment] = placement.split('-')\n  const horizontalOrigin = alignment === 'start' ? 'left' : alignment === 'end' ? 'right' : 'center'\n  const verticalOrigin = alignment === 'start' ? 'top' : alignment === 'end' ? 'bottom' : 'center'\n\n  if (side === 'top') return `bottom ${horizontalOrigin}`\n  if (side === 'bottom') return `top ${horizontalOrigin}`\n  if (side === 'left') return `right ${verticalOrigin}`\n  return `left ${verticalOrigin}`\n}\n\nexport const defineOverlay = () =>\n  definePlugin<OverlayApi, { anchor: HTMLElement; overlay: HTMLElement } & OverlayOptions>(ctx => {\n    const options: Required<OverlayOptions> = {\n      placement: ctx.placement ?? DEFAULT_OPTIONS.placement,\n      offset: ctx.offset ?? DEFAULT_OPTIONS.offset,\n      flip: ctx.flip ?? DEFAULT_OPTIONS.flip,\n      shift: ctx.shift ?? DEFAULT_OPTIONS.shift,\n      matchWidth: ctx.matchWidth ?? DEFAULT_OPTIONS.matchWidth,\n      minAnchorWidth: ctx.minAnchorWidth ?? DEFAULT_OPTIONS.minAnchorWidth,\n      strategy: ctx.strategy ?? DEFAULT_OPTIONS.strategy\n    }\n\n    const overlay = ctx.overlay\n    let isOpen = false\n    let cleanup: (() => void) | null = null\n    let anchor = ctx.anchor\n\n    function updatePosition() {\n      const middleware: Middleware[] = [offset(options.offset)]\n      if (options.flip) middleware.push(flip())\n      if (options.shift) middleware.push(shift({ padding: 8 }))\n      if (options.matchWidth) {\n        middleware.push(\n          size({\n            apply({ rects }) {\n              overlay.style.width = `${rects.reference.width}px`\n            }\n          })\n        )\n      } else if (options.minAnchorWidth) {\n        middleware.push(\n          size({\n            apply({ rects }) {\n              overlay.style.minWidth = `${Math.max(rects.reference.width, 120)}px`\n            }\n          })\n        )\n      }\n\n      cleanup?.()\n      cleanup = autoUpdate(anchor, overlay, () => {\n        void computePosition(anchor, overlay, {\n          placement: options.placement,\n          strategy: options.strategy,\n          middleware\n        }).then(({ x, y, placement }) => {\n          overlay.style.left = `${x}px`\n          overlay.style.top = `${y}px`\n          overlay.style.setProperty('--wui-overlay-transform-origin', getTransformOrigin(placement))\n        })\n      })\n    }\n\n    return {\n      isOpen() {\n        return isOpen\n      },\n      options,\n\n      open() {\n        if (isOpen) return\n        isOpen = true\n        overlay.style.display = ''\n        updatePosition()\n      },\n\n      close() {\n        if (!isOpen) return\n        isOpen = false\n        cleanup?.()\n        cleanup = null\n      },\n\n      toggle() {\n        if (isOpen) this.close()\n        else this.open()\n      },\n\n      update(nextOptions) {\n        Object.assign(options, nextOptions)\n        if (isOpen) updatePosition()\n      },\n\n      updateAnchor(newAnchor: HTMLElement) {\n        anchor = newAnchor\n        if (isOpen) updatePosition()\n      },\n\n      dispose() {\n        this.close()\n      }\n    }\n  })\n"],"mappings":";;;AAoCA,IAAM,IAA4C;CAChD,WAAW;CACX,QAAQ;CACR,MAAM;CACN,OAAO;CACP,YAAY;CACZ,gBAAgB;CAChB,UAAU;AACZ;AAEA,SAAS,EAAmB,GAA8B;CACxD,IAAM,CAAC,GAAM,KAAa,EAAU,MAAM,GAAG,GACvC,IAAmB,MAAc,UAAU,SAAS,MAAc,QAAQ,UAAU,UACpF,IAAiB,MAAc,UAAU,QAAQ,MAAc,QAAQ,WAAW;CAKxF,OAHI,MAAS,QAAc,UAAU,MACjC,MAAS,WAAiB,OAAO,MACjC,MAAS,SAAe,SAAS,MAC9B,QAAQ;AACjB;AAEA,IAAa,UACX,GAAyF,MAAO;CAC9F,IAAM,IAAoC;EACxC,WAAW,EAAI,aAAa,EAAgB;EAC5C,QAAQ,EAAI,UAAU,EAAgB;EACtC,MAAM,EAAI,QAAQ,EAAgB;EAClC,OAAO,EAAI,SAAS,EAAgB;EACpC,YAAY,EAAI,cAAc,EAAgB;EAC9C,gBAAgB,EAAI,kBAAkB,EAAgB;EACtD,UAAU,EAAI,YAAY,EAAgB;CAC5C,GAEM,IAAU,EAAI,SAChB,IAAS,IACT,IAA+B,MAC/B,IAAS,EAAI;CAEjB,SAAS,IAAiB;EACxB,IAAM,IAA2B,CAAC,EAAO,EAAQ,MAAM,CAAC;EAsBxD,AArBI,EAAQ,QAAM,EAAW,KAAK,EAAK,CAAC,GACpC,EAAQ,SAAO,EAAW,KAAK,EAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GACpD,EAAQ,aACV,EAAW,KACT,EAAK,EACH,MAAM,EAAE,YAAS;GACf,EAAQ,MAAM,QAAQ,GAAG,EAAM,UAAU,MAAM;EACjD,EACF,CAAC,CACH,IACS,EAAQ,kBACjB,EAAW,KACT,EAAK,EACH,MAAM,EAAE,YAAS;GACf,EAAQ,MAAM,WAAW,GAAG,KAAK,IAAI,EAAM,UAAU,OAAO,GAAG,EAAE;EACnE,EACF,CAAC,CACH,GAGF,IAAU,GACV,IAAU,EAAW,GAAQ,SAAe;GAC1C,EAAqB,GAAQ,GAAS;IACpC,WAAW,EAAQ;IACnB,UAAU,EAAQ;IAClB;GACF,CAAC,CAAC,CAAC,MAAM,EAAE,MAAG,MAAG,mBAAgB;IAG/B,AAFA,EAAQ,MAAM,OAAO,GAAG,EAAE,KAC1B,EAAQ,MAAM,MAAM,GAAG,EAAE,KACzB,EAAQ,MAAM,YAAY,kCAAkC,EAAmB,CAAS,CAAC;GAC3F,CAAC;EACH,CAAC;CACH;CAEA,OAAO;EACL,SAAS;GACP,OAAO;EACT;EACA;EAEA,OAAO;GACD,MACJ,IAAS,IACT,EAAQ,MAAM,UAAU,IACxB,EAAe;EACjB;EAEA,QAAQ;GACD,MACL,IAAS,IACT,IAAU,GACV,IAAU;EACZ;EAEA,SAAS;GACP,AAAI,IAAQ,KAAK,MAAM,IAClB,KAAK,KAAK;EACjB;EAEA,OAAO,GAAa;GAElB,AADA,OAAO,OAAO,GAAS,CAAW,GAC9B,KAAQ,EAAe;EAC7B;EAEA,aAAa,GAAwB;GAEnC,AADA,IAAS,GACL,KAAQ,EAAe;EAC7B;EAEA,UAAU;GACR,KAAK,MAAM;EACb;CACF;AACF,CAAC"}
+{"version":3,"file":"overlay.js","names":[],"sources":["../../../src/shared/overlay/overlay.ts"],"sourcesContent":["import {\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n  size,\n  type Middleware,\n  type Placement,\n  type Strategy\n} from '@floating-ui/dom'\nimport { definePlugin } from '@greypan/js-kit'\n\nexport interface OverlayOptions {\n  placement?: Placement\n  offset?: number\n  flip?: boolean\n  shift?: boolean\n  /** 面板宽度与锚点宽度保持一致。 */\n  matchWidth?: boolean\n  /** 面板至少与锚点同宽，同时允许内容将面板撑宽。 */\n  minAnchorWidth?: boolean\n  strategy?: Strategy\n}\n\n/** 虚拟锚点：无对应 DOM 元素的定位基准（如右键菜单的鼠标坐标）。 */\nexport interface OverlayVirtualAnchor {\n  getBoundingClientRect(): DOMRect\n}\n\nexport type OverlayAnchor = HTMLElement | OverlayVirtualAnchor\n\nexport interface OverlayApi {\n  isOpen(): boolean\n  readonly options: Required<OverlayOptions>\n  open(): void\n  close(): void\n  toggle(): void\n  update(options: Partial<OverlayOptions>): void\n  updateAnchor(anchor: OverlayAnchor): void\n  dispose(): void\n}\n\nconst DEFAULT_OVERLAY_MIN_WIDTH = 120\nconst OVERLAY_MIN_WIDTH_VARIABLE = '--wui-overlay-min-width'\n\nconst DEFAULT_OPTIONS: Required<OverlayOptions> = {\n  placement: 'bottom-start',\n  offset: 4,\n  flip: true,\n  shift: true,\n  matchWidth: false,\n  minAnchorWidth: false,\n  strategy: 'absolute'\n}\n\ninterface WidthStyleState {\n  hasManagedStyles: boolean\n}\n\nfunction readOverlayMinWidth(overlay: HTMLElement): number {\n  if (typeof getComputedStyle !== 'function') return DEFAULT_OVERLAY_MIN_WIDTH\n\n  const minWidth = Number.parseFloat(getComputedStyle(overlay).getPropertyValue(OVERLAY_MIN_WIDTH_VARIABLE))\n  return Number.isFinite(minWidth) ? minWidth : DEFAULT_OVERLAY_MIN_WIDTH\n}\n\nfunction clearManagedWidthStyles(overlay: HTMLElement) {\n  overlay.style.removeProperty('width')\n  overlay.style.removeProperty('min-width')\n}\n\nfunction createWidthMiddleware(\n  overlay: HTMLElement,\n  options: Required<OverlayOptions>,\n  widthStyles: WidthStyleState\n): Middleware | undefined {\n  if (options.matchWidth) {\n    // matchWidth 必须移除之前 minAnchorWidth 写入的 min-width，才能精确跟随 trigger。\n    overlay.style.removeProperty('min-width')\n    widthStyles.hasManagedStyles = true\n    return size({\n      apply({ rects }) {\n        overlay.style.width = `${rects.reference.width}px`\n      }\n    })\n  }\n\n  if (options.minAnchorWidth) {\n    const minWidth = readOverlayMinWidth(overlay)\n    widthStyles.hasManagedStyles = true\n    return size({\n      apply({ rects }) {\n        // max-content 让内容决定宽度，min-width 再提供 trigger 与 floor 两个下限。\n        overlay.style.width = 'max-content'\n        overlay.style.minWidth = `${Math.max(rects.reference.width, minWidth)}px`\n      }\n    })\n  }\n\n  if (widthStyles.hasManagedStyles) {\n    clearManagedWidthStyles(overlay)\n    widthStyles.hasManagedStyles = false\n  }\n\n  return undefined\n}\n\nfunction createPositioningMiddleware(\n  overlay: HTMLElement,\n  options: Required<OverlayOptions>,\n  widthStyles: WidthStyleState\n): Middleware[] {\n  const middleware: Middleware[] = [offset(options.offset)]\n  if (options.flip) middleware.push(flip())\n  if (options.shift) middleware.push(shift({ padding: 8 }))\n\n  const widthMiddleware = createWidthMiddleware(overlay, options, widthStyles)\n  if (widthMiddleware) middleware.push(widthMiddleware)\n\n  return middleware\n}\n\nfunction getTransformOrigin(placement: Placement): string {\n  const [side, alignment] = placement.split('-')\n  const horizontalOrigin = alignment === 'start' ? 'left' : alignment === 'end' ? 'right' : 'center'\n  const verticalOrigin = alignment === 'start' ? 'top' : alignment === 'end' ? 'bottom' : 'center'\n\n  if (side === 'top') return `bottom ${horizontalOrigin}`\n  if (side === 'bottom') return `top ${horizontalOrigin}`\n  if (side === 'left') return `right ${verticalOrigin}`\n  return `left ${verticalOrigin}`\n}\n\nexport const defineOverlay = () =>\n  definePlugin<OverlayApi, { anchor: OverlayAnchor; overlay: HTMLElement } & OverlayOptions>(ctx => {\n    const options: Required<OverlayOptions> = {\n      placement: ctx.placement ?? DEFAULT_OPTIONS.placement,\n      offset: ctx.offset ?? DEFAULT_OPTIONS.offset,\n      flip: ctx.flip ?? DEFAULT_OPTIONS.flip,\n      shift: ctx.shift ?? DEFAULT_OPTIONS.shift,\n      matchWidth: ctx.matchWidth ?? DEFAULT_OPTIONS.matchWidth,\n      minAnchorWidth: ctx.minAnchorWidth ?? DEFAULT_OPTIONS.minAnchorWidth,\n      strategy: ctx.strategy ?? DEFAULT_OPTIONS.strategy\n    }\n\n    const overlay = ctx.overlay\n    const widthStyles: WidthStyleState = { hasManagedStyles: false }\n    let isOpen = false\n    let cleanupAutoUpdate: (() => void) | null = null\n    let currentAnchor = ctx.anchor\n\n    function updatePosition() {\n      const middleware = createPositioningMiddleware(overlay, options, widthStyles)\n\n      const applyPosition = () => {\n        void computePosition(currentAnchor, overlay, {\n          placement: options.placement,\n          strategy: options.strategy,\n          middleware\n        }).then(({ x, y, placement }) => {\n          overlay.style.left = `${x}px`\n          overlay.style.top = `${y}px`\n          overlay.style.setProperty('--wui-overlay-transform-origin', getTransformOrigin(placement))\n        })\n      }\n\n      // 立即定位一次，避免浮层首帧出现在左上角；autoUpdate 负责后续滚动/尺寸变化。\n      applyPosition()\n      cleanupAutoUpdate?.()\n      cleanupAutoUpdate = autoUpdate(currentAnchor, overlay, applyPosition)\n    }\n\n    return {\n      isOpen() {\n        return isOpen\n      },\n      options,\n\n      open() {\n        if (isOpen) return\n        isOpen = true\n        overlay.style.display = ''\n        updatePosition()\n      },\n\n      close() {\n        if (!isOpen) return\n        isOpen = false\n        cleanupAutoUpdate?.()\n        cleanupAutoUpdate = null\n      },\n\n      toggle() {\n        if (isOpen) this.close()\n        else this.open()\n      },\n\n      update(nextOptions) {\n        Object.assign(options, nextOptions)\n        if (isOpen) updatePosition()\n      },\n\n      updateAnchor(newAnchor: OverlayAnchor) {\n        currentAnchor = newAnchor\n        if (isOpen) updatePosition()\n      },\n\n      dispose() {\n        this.close()\n      }\n    }\n  })\n"],"mappings":"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"}