@greypan/web-ui 3.0.1 → 4.0.0

package/dist/node_modules/.pnpm/@floating-ui_utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating-ui.utils.dom.js","names":[],"sources":["../../../../../../../../../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs"],"sourcesContent":["function hasWindow() {\n  return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n  if (isNode(node)) {\n    return (node.nodeName || '').toLowerCase();\n  }\n  // Mocked nodes in testing environments may not be instances of Node. By\n  // returning `#document` an infinite loop won't occur.\n  // https://github.com/floating-ui/floating-ui/issues/2317\n  return '#document';\n}\nfunction getWindow(node) {\n  var _node$ownerDocument;\n  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n  var _ref;\n  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n  if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n  const {\n    overflow,\n    overflowX,\n    overflowY,\n    display\n  } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';\n}\nfunction isTableElement(element) {\n  return /^(table|td|th)$/.test(getNodeName(element));\n}\nfunction isTopLayer(element) {\n  try {\n    if (element.matches(':popover-open')) {\n      return true;\n    }\n  } catch (_e) {\n    // no-op\n  }\n  try {\n    return element.matches(':modal');\n  } catch (_e) {\n    return false;\n  }\n}\nconst willChangeRe = /transform|translate|scale|rotate|perspective|filter/;\nconst containRe = /paint|layout|strict|content/;\nconst isNotNone = value => !!value && value !== 'none';\nlet isWebKitValue;\nfunction isContainingBlock(elementOrCss) {\n  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n  return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');\n}\nfunction getContainingBlock(element) {\n  let currentNode = getParentNode(element);\n  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    if (isContainingBlock(currentNode)) {\n      return currentNode;\n    } else if (isTopLayer(currentNode)) {\n      return null;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  return null;\n}\nfunction isWebKit() {\n  if (isWebKitValue == null) {\n    isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');\n  }\n  return isWebKitValue;\n}\nfunction isLastTraversableNode(node) {\n  return /^(html|body|#document)$/.test(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n  if (isElement(element)) {\n    return {\n      scrollLeft: element.scrollLeft,\n      scrollTop: element.scrollTop\n    };\n  }\n  return {\n    scrollLeft: element.scrollX,\n    scrollTop: element.scrollY\n  };\n}\nfunction getParentNode(node) {\n  if (getNodeName(node) === 'html') {\n    return node;\n  }\n  const result =\n  // Step into the shadow DOM of the parent of a slotted node.\n  node.assignedSlot ||\n  // DOM Element detected.\n  node.parentNode ||\n  // ShadowRoot detected.\n  isShadowRoot(node) && node.host ||\n  // Fallback.\n  getDocumentElement(node);\n  return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n  const parentNode = getParentNode(node);\n  if (isLastTraversableNode(parentNode)) {\n    return (node.ownerDocument || node).body;\n  }\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n  return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n  var _node$ownerDocument2;\n  if (list === void 0) {\n    list = [];\n  }\n  if (traverseIframes === void 0) {\n    traverseIframes = true;\n  }\n  const scrollableAncestor = getNearestOverflowAncestor(node);\n  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n  const win = getWindow(scrollableAncestor);\n  if (isBody) {\n    const frameElement = getFrameElement(win);\n    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n  } else {\n    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n  }\n}\nfunction getFrameElement(win) {\n  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"floating-ui.utils.dom.js","names":[],"sources":["../../../../../../../../../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs"],"sourcesContent":["function hasWindow() {\n  return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n  if (isNode(node)) {\n    return (node.nodeName || '').toLowerCase();\n  }\n  // Mocked nodes in testing environments may not be instances of Node. By\n  // returning `#document` an infinite loop won't occur.\n  // https://github.com/floating-ui/floating-ui/issues/2317\n  return '#document';\n}\nfunction getWindow(node) {\n  var _node$ownerDocument;\n  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n  var _ref;\n  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n  if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n  const {\n    overflow,\n    overflowX,\n    overflowY,\n    display\n  } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';\n}\nfunction isTableElement(element) {\n  return /^(table|td|th)$/.test(getNodeName(element));\n}\nfunction isTopLayer(element) {\n  try {\n    if (element.matches(':popover-open')) {\n      return true;\n    }\n  } catch (_e) {\n    // no-op\n  }\n  try {\n    return element.matches(':modal');\n  } catch (_e) {\n    return false;\n  }\n}\nconst willChangeRe = /transform|translate|scale|rotate|perspective|filter/;\nconst containRe = /paint|layout|strict|content/;\nconst isNotNone = value => !!value && value !== 'none';\nlet isWebKitValue;\nfunction isContainingBlock(elementOrCss) {\n  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n  return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');\n}\nfunction getContainingBlock(element) {\n  let currentNode = getParentNode(element);\n  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    if (isContainingBlock(currentNode)) {\n      return currentNode;\n    } else if (isTopLayer(currentNode)) {\n      return null;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  return null;\n}\nfunction isWebKit() {\n  if (isWebKitValue == null) {\n    isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');\n  }\n  return isWebKitValue;\n}\nfunction isLastTraversableNode(node) {\n  return /^(html|body|#document)$/.test(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n  if (isElement(element)) {\n    return {\n      scrollLeft: element.scrollLeft,\n      scrollTop: element.scrollTop\n    };\n  }\n  return {\n    scrollLeft: element.scrollX,\n    scrollTop: element.scrollY\n  };\n}\nfunction getParentNode(node) {\n  if (getNodeName(node) === 'html') {\n    return node;\n  }\n  const result =\n  // Step into the shadow DOM of the parent of a slotted node.\n  node.assignedSlot ||\n  // DOM Element detected.\n  node.parentNode ||\n  // ShadowRoot detected.\n  isShadowRoot(node) && node.host ||\n  // Fallback.\n  getDocumentElement(node);\n  return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n  const parentNode = getParentNode(node);\n  if (isLastTraversableNode(parentNode)) {\n    return (node.ownerDocument || node).body;\n  }\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n  return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n  var _node$ownerDocument2;\n  if (list === void 0) {\n    list = [];\n  }\n  if (traverseIframes === void 0) {\n    traverseIframes = true;\n  }\n  const scrollableAncestor = getNearestOverflowAncestor(node);\n  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n  const win = getWindow(scrollableAncestor);\n  if (isBody) {\n    const frameElement = getFrameElement(win);\n    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n  } else {\n    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n  }\n}\nfunction getFrameElement(win) {\n  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n"],"x_google_ignoreList":[0],"mappings":"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"}

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

@@ -1 +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"}
+{"version":3,"file":"user-change.js","names":[],"sources":["../../../src/shared/events/user-change.ts"],"sourcesContent":["/**\n * 标记下一次响应式状态更新是否由用户交互引起。\n *\n * Lit 更新是异步的：赋值后立即复位的布尔标记会在 `updated()` 运行前丢失。\n * 组件用这个小控制器保证 `*-change` 事件只由用户交互触发。\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":";AAMA,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/form-association/index.js

@@ -0,0 +1,41 @@
+import { definePlugin as e } from "@greypan/js-kit";
+//#region src/shared/form-association/index.ts
+function t(t) {
+	return e(() => {
+		let e, n, r = !1, i = !1, a = t.copyState ?? ((e) => e), o = () => {
+			e && (e.setFormValue?.(t.getFormValue(), t.getFormState()), t.syncValidity?.(e));
+		};
+		return {
+			connect() {
+				e ||= t.host.attachInternals(), r ||= (t.initialize?.(), n = a(t.getState()), !0), o();
+			},
+			sync: o,
+			reset() {
+				!r || t.isStateManaged?.() || (t.setState(a(n)), o());
+			},
+			restore(e) {
+				t.isStateManaged?.() || (t.restoreState(e), o());
+			},
+			setDisabled(e) {
+				i !== e && (i = e, t.host.requestUpdate(), o());
+			},
+			isFormDisabled: () => i,
+			getInternals: () => e
+		};
+	});
+}
+var n = class {
+	constructor(e, t) {
+		this.host = e, this.lifecycle = t, e.addController(this);
+	}
+	hostConnected() {
+		this.lifecycle.connect();
+	}
+	hostUpdated() {
+		this.lifecycle.sync();
+	}
+};
+//#endregion
+export { n as FormAssociationController, t as defineFormAssociation };
+
+//# sourceMappingURL=index.js.map

package/dist/shared/form-association/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/form-association/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\nimport type { ReactiveController, ReactiveControllerHost } from 'lit'\n\ntype FormSubmissionValue = File | FormData | string | null\ntype FormStateValue = File | FormData | string | null\n\ninterface FormAssociationHost extends HTMLElement, ReactiveControllerHost {}\n\nexport interface FormAssociationOptions<State> {\n  readonly host: FormAssociationHost\n  readonly initialize?: () => void\n  readonly getState: () => State\n  readonly setState: (state: State) => void\n  readonly copyState?: (state: State) => State\n  readonly getFormValue: () => FormSubmissionValue\n  readonly getFormState: () => FormStateValue\n  readonly restoreState: (state: FormStateValue) => void\n  readonly isStateManaged?: () => boolean\n  readonly syncValidity?: (internals: ElementInternals) => void\n}\n\nexport interface FormAssociationLifecycle {\n  connect(): void\n  sync(): void\n  reset(): void\n  restore(state: FormStateValue): void\n  setDisabled(disabled: boolean): void\n  isFormDisabled(): boolean\n  getInternals(): ElementInternals | undefined\n}\n\n/**\n * 承接原生 custom element 表单生命周期，值序列化与校验语义仍由各控件组件自己表达。\n */\nexport function defineFormAssociation<State>(options: FormAssociationOptions<State>) {\n  return definePlugin((): FormAssociationLifecycle => {\n    let internals: ElementInternals | undefined\n    let initialState: State | undefined\n    let initialized = false\n    let formDisabled = false\n    const copyState = options.copyState ?? (state => state)\n\n    const sync = () => {\n      if (!internals) return\n      internals.setFormValue?.(options.getFormValue(), options.getFormState())\n      options.syncValidity?.(internals)\n    }\n\n    return {\n      connect() {\n        if (!internals) internals = options.host.attachInternals()\n        if (!initialized) {\n          options.initialize?.()\n          initialState = copyState(options.getState())\n          initialized = true\n        }\n        sync()\n      },\n      sync,\n      reset() {\n        if (!initialized || options.isStateManaged?.()) return\n        options.setState(copyState(initialState as State))\n        sync()\n      },\n      restore(state) {\n        if (options.isStateManaged?.()) return\n        options.restoreState(state)\n        sync()\n      },\n      setDisabled(disabled) {\n        if (formDisabled === disabled) return\n        formDisabled = disabled\n        options.host.requestUpdate()\n        sync()\n      },\n      isFormDisabled: () => formDisabled,\n      getInternals: () => internals\n    }\n  })\n}\n\n/** 把表单生命周期插件接入宿主，无需共享组件基类。 */\nexport class FormAssociationController implements ReactiveController {\n  constructor(\n    private readonly host: FormAssociationHost,\n    private readonly lifecycle: FormAssociationLifecycle\n  ) {\n    host.addController(this)\n  }\n\n  hostConnected() {\n    this.lifecycle.connect()\n  }\n\n  hostUpdated() {\n    this.lifecycle.sync()\n  }\n}\n"],"mappings":";;AAkCA,SAAgB,EAA6B,GAAwC;CACnF,OAAO,QAA6C;EAClD,IAAI,GACA,GACA,IAAc,IACd,IAAe,IACb,IAAY,EAAQ,eAAc,MAAS,IAE3C,UAAa;GACZ,MACL,EAAU,eAAe,EAAQ,aAAa,GAAG,EAAQ,aAAa,CAAC,GACvE,EAAQ,eAAe,CAAS;EAClC;EAEA,OAAO;GACL,UAAU;IAOR,AANA,AAAgB,MAAY,EAAQ,KAAK,gBAAgB,GACzD,AAGE,OAFA,EAAQ,aAAa,GACrB,IAAe,EAAU,EAAQ,SAAS,CAAC,GAC7B,KAEhB,EAAK;GACP;GACA;GACA,QAAQ;IACF,CAAC,KAAe,EAAQ,iBAAiB,MAC7C,EAAQ,SAAS,EAAU,CAAqB,CAAC,GACjD,EAAK;GACP;GACA,QAAQ,GAAO;IACT,EAAQ,iBAAiB,MAC7B,EAAQ,aAAa,CAAK,GAC1B,EAAK;GACP;GACA,YAAY,GAAU;IAChB,MAAiB,MACrB,IAAe,GACf,EAAQ,KAAK,cAAc,GAC3B,EAAK;GACP;GACA,sBAAsB;GACtB,oBAAoB;EACtB;CACF,CAAC;AACH;AAGA,IAAa,IAAb,MAAqE;CACnE,YACE,GACA,GACA;EACA,AAHiB,KAAA,OAAA,GACA,KAAA,YAAA,GAEjB,EAAK,cAAc,IAAI;CACzB;CAEA,gBAAgB;EACd,KAAK,UAAU,QAAQ;CACzB;CAEA,cAAc;EACZ,KAAK,UAAU,KAAK;CACtB;AACF"}

package/dist/shared/group-management/index.js

@@ -0,0 +1,109 @@
+import { definePlugin as e } from "@greypan/js-kit";
+//#region src/shared/group-management/index.ts
+var t = Symbol("web-ui.group-managed-item"), n = Symbol("web-ui.group-owner-token");
+function r() {
+	return { [n]: !0 };
+}
+function i(t, n) {
+	return e(() => {
+		let e, r = n.equals ?? Object.is;
+		return o(t, (t) => {
+			r(e, t) || (e = t, n.requestUpdate());
+		}), { getContext() {
+			return e;
+		} };
+	});
+}
+function a(e, n, r) {
+	e[t]?.(n, r);
+}
+function o(e, n) {
+	let r;
+	e[t] = (e, t) => {
+		(t !== void 0 || r === e) && (r = t === void 0 ? void 0 : e, n(t));
+	};
+}
+var s = class {
+	constructor(e, t, n = {}) {
+		this.host = e, this.lifecycle = t, this.options = n, this.connected = !1, this.observer = null, this.observedSlots = /* @__PURE__ */ new Set(), this.handleChange = (e) => {
+			this.lifecycle.handleChange?.(e);
+		}, this.handleSlotChange = () => {
+			this.connected && this.sync();
+		}, this.handleMutations = () => {
+			this.connected && this.sync();
+		}, e.addController(this);
+	}
+	hostConnected() {
+		this.connected = !0, this.host.addEventListener("change", this.handleChange, !0), this.observeHost(), this.observeSlots(), this.sync();
+	}
+	hostUpdated() {
+		this.observeSlots(), this.sync();
+	}
+	hostDisconnected() {
+		this.connected = !1, this.host.removeEventListener("change", this.handleChange, !0), this.disconnectSlots(), this.disconnectHostObserver(), this.lifecycle.disconnect();
+	}
+	sync() {
+		this.lifecycle.sync() && this.options.afterSync?.();
+	}
+	observeHost() {
+		this.disconnectHostObserver(), this.observer = new MutationObserver(this.handleMutations), this.observer.observe(this.host, {
+			childList: !0,
+			subtree: !0
+		});
+	}
+	disconnectHostObserver() {
+		this.observer &&= (this.observer.disconnect(), null);
+	}
+	observeSlots() {
+		let e = this.host.renderRoot, t = e.querySelectorAll("slot");
+		for (let e of t) this.observedSlots.has(e) || (e.addEventListener("slotchange", this.handleSlotChange), this.observedSlots.add(e));
+		for (let t of this.observedSlots) e.contains(t) || (t.removeEventListener("slotchange", this.handleSlotChange), this.observedSlots.delete(t));
+	}
+	disconnectSlots() {
+		for (let e of this.observedSlots) e.removeEventListener("slotchange", this.handleSlotChange);
+		this.observedSlots.clear();
+	}
+};
+function c(t) {
+	return e(() => {
+		let e = r(), n = /* @__PURE__ */ new Set(), i, o, s = !1;
+		return {
+			sync: () => {
+				let r = new Set(t.getItems()), c = r.size !== n.size || [...r].some((e) => !n.has(e)), d = t.getValue(), f = t.getDisabled(), p = !s || !t.valuesEqual(d, i) || f !== o || c;
+				for (let t of n) r.has(t) || a(t, e, void 0);
+				for (let n of r) a(n, e, f ? u : l), p && t.setItemSelected(n, t.isItemSelected(n, d));
+				return n = r, i = t.copyValue(d), o = f, s = !0, p;
+			},
+			disconnect() {
+				for (let t of n) a(t, e, void 0);
+				n.clear(), s = !1, i = void 0, o = void 0;
+			},
+			handleChange(e) {
+				if (t.getDisabled() || !t.isItem(e.target) || !t.host.contains(e.target)) return;
+				let n = t.getValue(), r = t.getNextValue(e.target, n);
+				t.valuesEqual(n, r) || (t.setValue(r), t.dispatchValueChange());
+			}
+		};
+	});
+}
+var l = { disabled: !1 }, u = { disabled: !0 };
+function d(t) {
+	return e(() => {
+		let e = r(), n = /* @__PURE__ */ new Set(), i = [];
+		return {
+			sync() {
+				let r = t.getItems(), o = new Set(r), s = r.length !== i.length || r.some((e, t) => e !== i[t]);
+				for (let t of n) o.has(t) || a(t, e, void 0);
+				return r.forEach((n, i) => a(n, e, t.getContext(n, i, r))), n = o, i = r, s;
+			},
+			disconnect() {
+				for (let t of n) a(t, e, void 0);
+				n.clear(), i = [];
+			}
+		};
+	});
+}
+//#endregion
+export { s as GroupController, c as defineGroupCoordinator, i as defineGroupManaged, d as defineGroupPresentation };
+
+//# sourceMappingURL=index.js.map

package/dist/shared/group-management/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/group-management/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\nimport type { ReactiveController, ReactiveControllerHost } from 'lit'\n\nconst groupManagedItem = Symbol('web-ui.group-managed-item')\n\n// 组实例的唯一身份。同一子项可能先后属于多个组（如跨组移动），共享通道必须\n// 按 owner 归属写入，防止旧组晚到的清理覆写新组刚安装的 context。\nconst groupOwnerToken = Symbol('web-ui.group-owner-token')\n\ntype GroupOwner = Record<typeof groupOwnerToken, true>\n\ntype GroupManagedItem<Context> = HTMLElement & {\n  [groupManagedItem]?: (owner: GroupOwner, context: Context | undefined) => void\n}\n\ninterface GroupControllerHost extends HTMLElement, ReactiveControllerHost {\n  readonly renderRoot: Element | DocumentFragment\n}\n\nexport interface SelectionGroupContext {\n  readonly disabled: boolean\n}\n\nexport interface ButtonGroupContext {\n  readonly direction: 'horizontal' | 'vertical'\n  readonly isLast: boolean\n}\n\n/**\n * 创建受管理 group 的子项侧能力：提供只读 context 视图，并注册由 group owner\n * 推送的接收通道。在 `make()` 时完成注册，组件无需再编写 constructor 样板。\n */\nfunction createGroupOwner(): GroupOwner {\n  return { [groupOwnerToken]: true }\n}\n\nexport function defineGroupManaged<Context>(\n  item: HTMLElement,\n  options: {\n    requestUpdate: () => void\n    equals?: (a: Context | undefined, b: Context | undefined) => boolean\n  }\n) {\n  return definePlugin(() => {\n    let context: Context | undefined\n    const equals = options.equals ?? Object.is\n\n    const setContext = (next: Context | undefined) => {\n      if (equals(context, next)) return\n      context = next\n      options.requestUpdate()\n    }\n\n    registerGroupManagedItem(item, setContext)\n\n    return {\n      getContext(): Context | undefined {\n        return context\n      }\n    }\n  })\n}\n\nfunction installGroupContext<Context>(item: HTMLElement, owner: GroupOwner, context: Context | undefined) {\n  ;(item as GroupManagedItem<Context>)[groupManagedItem]?.(owner, context)\n}\n\nfunction registerGroupManagedItem<Context>(item: HTMLElement, setContext: (context: Context | undefined) => void) {\n  let currentOwner: GroupOwner | undefined\n  ;(item as GroupManagedItem<Context>)[groupManagedItem] = (owner, context) => {\n    // 安装总是被接受并转移归属（安装方来自实时 DOM 查询，身份可信）；\n    // 清理只在写入者仍是当前归属者时执行——跨组移动后旧组晚到的\n    // 移除同步不得覆写新组刚安装的 context。\n    if (context === undefined && currentOwner !== owner) return\n    currentOwner = context === undefined ? undefined : owner\n    setContext(context)\n  }\n}\n\nexport interface GroupLifecycle {\n  sync(): boolean\n  disconnect(): void\n  handleChange?(event: Event): void\n}\n\ninterface GroupControllerOptions {\n  afterSync?: () => void\n}\n\n/**\n * 把组生命周期插件接入 Lit，协调规则不落在组件生命周期方法里。\n */\nexport class GroupController implements ReactiveController {\n  private connected = false\n  private observer: MutationObserver | null = null\n  private observedSlots = new Set<HTMLSlotElement>()\n  constructor(\n    private readonly host: GroupControllerHost,\n    private readonly lifecycle: GroupLifecycle,\n    private readonly options: GroupControllerOptions = {}\n  ) {\n    host.addController(this)\n  }\n\n  hostConnected() {\n    this.connected = true\n    this.host.addEventListener('change', this.handleChange, true)\n    this.observeHost()\n    this.observeSlots()\n    this.sync()\n  }\n\n  hostUpdated() {\n    this.observeSlots()\n    this.sync()\n  }\n\n  hostDisconnected() {\n    this.connected = false\n    this.host.removeEventListener('change', this.handleChange, true)\n    this.disconnectSlots()\n    this.disconnectHostObserver()\n    this.lifecycle.disconnect()\n  }\n\n  private readonly handleChange = (event: Event) => {\n    this.lifecycle.handleChange?.(event)\n  }\n\n  private readonly handleSlotChange = () => {\n    if (!this.connected) return\n    this.sync()\n  }\n\n  private readonly handleMutations = () => {\n    if (!this.connected) return\n    this.sync()\n  }\n\n  sync() {\n    if (!this.lifecycle.sync()) return\n    this.options.afterSync?.()\n  }\n\n  private observeHost() {\n    this.disconnectHostObserver()\n    // 监听 light DOM 的增删，覆盖 Vue v-if / React && 的 comment 锚点替换与深层包裹\n    this.observer = new MutationObserver(this.handleMutations)\n    this.observer.observe(this.host, { childList: true, subtree: true })\n  }\n\n  private disconnectHostObserver() {\n    if (this.observer) {\n      this.observer.disconnect()\n      this.observer = null\n    }\n  }\n\n  private observeSlots() {\n    const root = this.host.renderRoot as Element\n    const slots = root.querySelectorAll<HTMLSlotElement>('slot')\n    for (const slot of slots) {\n      if (!this.observedSlots.has(slot)) {\n        slot.addEventListener('slotchange', this.handleSlotChange)\n        this.observedSlots.add(slot)\n      }\n    }\n    // 清理已移除的 slot（热更新等场景）\n    for (const slot of this.observedSlots) {\n      if (!root.contains(slot)) {\n        slot.removeEventListener('slotchange', this.handleSlotChange)\n        this.observedSlots.delete(slot)\n      }\n    }\n  }\n\n  private disconnectSlots() {\n    for (const slot of this.observedSlots) {\n      slot.removeEventListener('slotchange', this.handleSlotChange)\n    }\n    this.observedSlots.clear()\n  }\n}\n\nexport interface GroupCoordinatorOptions<Item extends HTMLElement, Value> {\n  readonly host: HTMLElement\n  readonly getItems: () => readonly Item[]\n  readonly getValue: () => Value\n  readonly setValue: (value: Value) => void\n  readonly getDisabled: () => boolean\n  readonly isItem: (target: EventTarget | null) => target is Item\n  readonly isItemSelected: (item: Item, value: Value) => boolean\n  readonly getNextValue: (item: Item, value: Value) => Value\n  readonly valuesEqual: (a: Value, b: Value) => boolean\n  readonly copyValue: (value: Value) => Value\n  readonly setItemSelected: (item: Item, selected: boolean) => void\n  readonly dispatchValueChange: () => void\n}\n\n/**\n * 在一个内部插件接口后收敛选中态、继承禁用与受管子项成员关系。\n */\nexport function defineGroupCoordinator<Item extends HTMLElement, Value>(options: GroupCoordinatorOptions<Item, Value>) {\n  return definePlugin(() => {\n    const owner = createGroupOwner()\n    let items = new Set<Item>()\n    let lastValue: Value | undefined\n    let lastDisabled: boolean | undefined\n    let initialized = false\n\n    const sync = (): boolean => {\n      const nextItems = new Set(options.getItems())\n      const membershipChanged = nextItems.size !== items.size || [...nextItems].some(item => !items.has(item))\n      const value = options.getValue()\n      const disabled = options.getDisabled()\n      const selectionChanged =\n        !initialized ||\n        !options.valuesEqual(value, lastValue as Value) ||\n        disabled !== lastDisabled ||\n        membershipChanged\n\n      for (const item of items) {\n        if (!nextItems.has(item)) installGroupContext<SelectionGroupContext>(item, owner, undefined)\n      }\n\n      for (const item of nextItems) {\n        installGroupContext<SelectionGroupContext>(\n          item,\n          owner,\n          disabled ? DISABLED_SELECTION_CONTEXT : ENABLED_SELECTION_CONTEXT\n        )\n        if (selectionChanged) options.setItemSelected(item, options.isItemSelected(item, value))\n      }\n\n      items = nextItems\n      lastValue = options.copyValue(value)\n      lastDisabled = disabled\n      initialized = true\n      return selectionChanged\n    }\n\n    return {\n      sync,\n      disconnect() {\n        for (const item of items) installGroupContext<SelectionGroupContext>(item, owner, undefined)\n        items.clear()\n        initialized = false\n        lastValue = undefined\n        lastDisabled = undefined\n      },\n      handleChange(event: Event) {\n        if (options.getDisabled() || !options.isItem(event.target) || !options.host.contains(event.target)) {\n          return\n        }\n\n        const current = options.getValue()\n        const next = options.getNextValue(event.target, current)\n        if (options.valuesEqual(current, next)) return\n\n        options.setValue(next)\n        options.dispatchValueChange()\n      }\n    }\n  })\n}\n\nconst ENABLED_SELECTION_CONTEXT: SelectionGroupContext = { disabled: false }\nconst DISABLED_SELECTION_CONTEXT: SelectionGroupContext = { disabled: true }\n\nexport interface GroupPresentationOptions<Item extends HTMLElement, Context> {\n  readonly getItems: () => readonly Item[]\n  readonly getContext: (item: Item, index: number, items: readonly Item[]) => Context\n}\n\n/**\n * 为分组子项注册可逆的展示上下文。不持有公开 DOM 属性，成员变化时清空全部上下文。\n */\nexport function defineGroupPresentation<Item extends HTMLElement, Context>(\n  options: GroupPresentationOptions<Item, Context>\n) {\n  return definePlugin(() => {\n    const owner = createGroupOwner()\n    let items = new Set<Item>()\n    let previousItems: readonly Item[] = []\n\n    return {\n      sync(): boolean {\n        const nextItems = options.getItems()\n        const nextSet = new Set(nextItems)\n        const membershipChanged =\n          nextItems.length !== previousItems.length || nextItems.some((item, index) => item !== previousItems[index])\n\n        for (const item of items) {\n          if (!nextSet.has(item)) installGroupContext<Context>(item, owner, undefined)\n        }\n\n        nextItems.forEach((item, index) => installGroupContext(item, owner, options.getContext(item, index, nextItems)))\n        items = nextSet\n        previousItems = nextItems\n        return membershipChanged\n      },\n      disconnect() {\n        for (const item of items) installGroupContext<Context>(item, owner, undefined)\n        items.clear()\n        previousItems = []\n      }\n    }\n  })\n}\n"],"mappings":";;AAGA,IAAM,IAAmB,OAAO,2BAA2B,GAIrD,IAAkB,OAAO,0BAA0B;AAyBzD,SAAS,IAA+B;CACtC,OAAO,GAAG,IAAkB,GAAK;AACnC;AAEA,SAAgB,EACd,GACA,GAIA;CACA,OAAO,QAAmB;EACxB,IAAI,GACE,IAAS,EAAQ,UAAU,OAAO;EAUxC,OAFA,EAAyB,IANL,MAA8B;GAC5C,EAAO,GAAS,CAAI,MACxB,IAAU,GACV,EAAQ,cAAc;EACxB,CAEyC,GAElC,EACL,aAAkC;GAChC,OAAO;EACT,EACF;CACF,CAAC;AACH;AAEA,SAAS,EAA6B,GAAmB,GAAmB,GAA8B;CACvG,EAAoC,EAAiB,GAAG,GAAO,CAAO;AACzE;AAEA,SAAS,EAAkC,GAAmB,GAAoD;CAChH,IAAI;CACH,EAAoC,MAAqB,GAAO,MAAY;EAIvE,OAAY,KAAA,KAAa,MAAiB,OAC9C,IAAe,MAAY,KAAA,IAAY,KAAA,IAAY,GACnD,EAAW,CAAO;CACpB;AACF;AAeA,IAAa,IAAb,MAA2D;CAIzD,YACE,GACA,GACA,IAAmD,CAAC,GACpD;EACA,AAJiB,KAAA,OAAA,GACA,KAAA,YAAA,GACA,KAAA,UAAA,GANC,KAAA,YAAA,IACwB,KAAA,WAAA,MACpB,KAAA,gCAAA,IAAI,IAAqB,GA8BhB,KAAA,gBAAA,MAAiB;GAChD,KAAK,UAAU,eAAe,CAAK;EACrC,GAE0C,KAAA,yBAAA;GACnC,KAAK,aACV,KAAK,KAAK;EACZ,GAEyC,KAAA,wBAAA;GAClC,KAAK,aACV,KAAK,KAAK;EACZ,GApCE,EAAK,cAAc,IAAI;CACzB;CAEA,gBAAgB;EAKd,AAJA,KAAK,YAAY,IACjB,KAAK,KAAK,iBAAiB,UAAU,KAAK,cAAc,EAAI,GAC5D,KAAK,YAAY,GACjB,KAAK,aAAa,GAClB,KAAK,KAAK;CACZ;CAEA,cAAc;EAEZ,AADA,KAAK,aAAa,GAClB,KAAK,KAAK;CACZ;CAEA,mBAAmB;EAKjB,AAJA,KAAK,YAAY,IACjB,KAAK,KAAK,oBAAoB,UAAU,KAAK,cAAc,EAAI,GAC/D,KAAK,gBAAgB,GACrB,KAAK,uBAAuB,GAC5B,KAAK,UAAU,WAAW;CAC5B;CAgBA,OAAO;EACA,KAAK,UAAU,KAAK,KACzB,KAAK,QAAQ,YAAY;CAC3B;CAEA,cAAsB;EAIpB,AAHA,KAAK,uBAAuB,GAE5B,KAAK,WAAW,IAAI,iBAAiB,KAAK,eAAe,GACzD,KAAK,SAAS,QAAQ,KAAK,MAAM;GAAE,WAAW;GAAM,SAAS;EAAK,CAAC;CACrE;CAEA,yBAAiC;EAC/B,AAEE,KAAK,cADL,KAAK,SAAS,WAAW,GACT;CAEpB;CAEA,eAAuB;EACrB,IAAM,IAAO,KAAK,KAAK,YACjB,IAAQ,EAAK,iBAAkC,MAAM;EAC3D,KAAK,IAAM,KAAQ,GACjB,AAAK,KAAK,cAAc,IAAI,CAAI,MAC9B,EAAK,iBAAiB,cAAc,KAAK,gBAAgB,GACzD,KAAK,cAAc,IAAI,CAAI;EAI/B,KAAK,IAAM,KAAQ,KAAK,eACtB,AAAK,EAAK,SAAS,CAAI,MACrB,EAAK,oBAAoB,cAAc,KAAK,gBAAgB,GAC5D,KAAK,cAAc,OAAO,CAAI;CAGpC;CAEA,kBAA0B;EACxB,KAAK,IAAM,KAAQ,KAAK,eACtB,EAAK,oBAAoB,cAAc,KAAK,gBAAgB;EAE9D,KAAK,cAAc,MAAM;CAC3B;AACF;AAoBA,SAAgB,EAAwD,GAA+C;CACrH,OAAO,QAAmB;EACxB,IAAM,IAAQ,EAAiB,GAC3B,oBAAQ,IAAI,IAAU,GACtB,GACA,GACA,IAAc;EAiClB,OAAO;GACL,YAhC0B;IAC1B,IAAM,IAAY,IAAI,IAAI,EAAQ,SAAS,CAAC,GACtC,IAAoB,EAAU,SAAS,EAAM,QAAQ,CAAC,GAAG,CAAS,CAAC,CAAC,MAAK,MAAQ,CAAC,EAAM,IAAI,CAAI,CAAC,GACjG,IAAQ,EAAQ,SAAS,GACzB,IAAW,EAAQ,YAAY,GAC/B,IACJ,CAAC,KACD,CAAC,EAAQ,YAAY,GAAO,CAAkB,KAC9C,MAAa,KACb;IAEF,KAAK,IAAM,KAAQ,GACjB,AAAK,EAAU,IAAI,CAAI,KAAG,EAA2C,GAAM,GAAO,KAAA,CAAS;IAG7F,KAAK,IAAM,KAAQ,GAMjB,AALA,EACE,GACA,GACA,IAAW,IAA6B,CAC1C,GACI,KAAkB,EAAQ,gBAAgB,GAAM,EAAQ,eAAe,GAAM,CAAK,CAAC;IAOzF,OAJA,IAAQ,GACR,IAAY,EAAQ,UAAU,CAAK,GACnC,IAAe,GACf,IAAc,IACP;GACT;GAIE,aAAa;IACX,KAAK,IAAM,KAAQ,GAAO,EAA2C,GAAM,GAAO,KAAA,CAAS;IAI3F,AAHA,EAAM,MAAM,GACZ,IAAc,IACd,IAAY,KAAA,GACZ,IAAe,KAAA;GACjB;GACA,aAAa,GAAc;IACzB,IAAI,EAAQ,YAAY,KAAK,CAAC,EAAQ,OAAO,EAAM,MAAM,KAAK,CAAC,EAAQ,KAAK,SAAS,EAAM,MAAM,GAC/F;IAGF,IAAM,IAAU,EAAQ,SAAS,GAC3B,IAAO,EAAQ,aAAa,EAAM,QAAQ,CAAO;IACnD,EAAQ,YAAY,GAAS,CAAI,MAErC,EAAQ,SAAS,CAAI,GACrB,EAAQ,oBAAoB;GAC9B;EACF;CACF,CAAC;AACH;AAEA,IAAM,IAAmD,EAAE,UAAU,GAAM,GACrE,IAAoD,EAAE,UAAU,GAAK;AAU3E,SAAgB,EACd,GACA;CACA,OAAO,QAAmB;EACxB,IAAM,IAAQ,EAAiB,GAC3B,oBAAQ,IAAI,IAAU,GACtB,IAAiC,CAAC;EAEtC,OAAO;GACL,OAAgB;IACd,IAAM,IAAY,EAAQ,SAAS,GAC7B,IAAU,IAAI,IAAI,CAAS,GAC3B,IACJ,EAAU,WAAW,EAAc,UAAU,EAAU,MAAM,GAAM,MAAU,MAAS,EAAc,EAAM;IAE5G,KAAK,IAAM,KAAQ,GACjB,AAAK,EAAQ,IAAI,CAAI,KAAG,EAA6B,GAAM,GAAO,KAAA,CAAS;IAM7E,OAHA,EAAU,SAAS,GAAM,MAAU,EAAoB,GAAM,GAAO,EAAQ,WAAW,GAAM,GAAO,CAAS,CAAC,CAAC,GAC/G,IAAQ,GACR,IAAgB,GACT;GACT;GACA,aAAa;IACX,KAAK,IAAM,KAAQ,GAAO,EAA6B,GAAM,GAAO,KAAA,CAAS;IAE7E,AADA,EAAM,MAAM,GACZ,IAAgB,CAAC;GACnB;EACF;CACF,CAAC;AACH"}

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

@@ -1,29 +1,42 @@
 //#region src/shared/menu-portal/menu-tree.ts
 var e = "web-ui-dropdown-item, web-ui-dropdown-divider, web-ui-dropdown-header", t = "web-ui-dropdown-item";
 function n(e) {
-	return Array.from(e.children).filter((e) => e instanceof HTMLElement && e.matches("web-ui-dropdown-item, web-ui-dropdown-divider, web-ui-dropdown-header"));
+	let t = [];
+	for (let r of Array.from(e.children)) if (r instanceof HTMLElement) {
+		if (r.matches("web-ui-dropdown-item, web-ui-dropdown-divider, web-ui-dropdown-header")) {
+			t.push(r);
+			continue;
+		}
+		t.push(...n(r));
+	}
+	return t;
 }
 function r(e) {
 	return n(e).filter((e) => e.matches(`${t}:not([disabled])`));
 }
-function i(e, t) {
-	n(e).forEach((e) => t.appendChild(e));
+function i(e) {
+	let t = [];
+	for (let r of Array.from(e.children)) r instanceof HTMLElement && (r.matches("web-ui-dropdown-item, web-ui-dropdown-divider, web-ui-dropdown-header") || n(r).length > 0) && t.push(r);
+	return t;
 }
 function a(e, t) {
+	i(e).forEach((e) => t.appendChild(e));
+}
+function o(e, t) {
 	e.querySelectorAll("web-ui-dropdown-item[submenu]").forEach((e) => {
 		n(e).forEach((e) => e.setAttribute("slot", t));
 	});
 }
-function o(e) {
+function s(e) {
 	return e.composedPath().find((e) => e instanceof HTMLElement && e.matches("web-ui-dropdown-item")) ?? null;
 }
-function s(e) {
+function c(e) {
 	!e || e.hasAttribute("disabled") || e.focusItem?.();
 }
-function c(e) {
+function l(e) {
 	return [...e].filter((e) => e !== void 0).flatMap((e) => Array.from(e.querySelectorAll(t))).find((e) => !!e.shadowRoot?.activeElement);
 }
 //#endregion
-export { e as MENU_CONTENT_SELECTOR, t as MENU_ITEM_SELECTOR, c as findFocusedMenuItem, s as focusMenuItem, r as getEnabledMenuItems, n as getMenuChildren, o as getMenuItemFromEvent, a as hideNestedMenuChildren, i as moveMenuChildren };
+export { e as MENU_CONTENT_SELECTOR, t as MENU_ITEM_SELECTOR, l as findFocusedMenuItem, c as focusMenuItem, r as getEnabledMenuItems, n as getMenuChildren, s as getMenuItemFromEvent, o as hideNestedMenuChildren, a as moveMenuChildren };
 
 //# sourceMappingURL=menu-tree.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu-tree.js","names":[],"sources":["../../../src/shared/menu-portal/menu-tree.ts"],"sourcesContent":["export const MENU_CONTENT_SELECTOR = 'web-ui-dropdown-item, web-ui-dropdown-divider, web-ui-dropdown-header'\nexport const MENU_ITEM_SELECTOR = 'web-ui-dropdown-item'\n\nexport function getMenuChildren(container: ParentNode): HTMLElement[] {\n  return Array.from(container.children).filter(\n    (child): child is HTMLElement => child instanceof HTMLElement && child.matches(MENU_CONTENT_SELECTOR)\n  )\n}\n\nexport function getEnabledMenuItems(container: ParentNode): HTMLElement[] {\n  return getMenuChildren(container).filter(item => item.matches(`${MENU_ITEM_SELECTOR}:not([disabled])`))\n}\n\nexport function moveMenuChildren(source: ParentNode, target: HTMLElement) {\n  getMenuChildren(source).forEach(child => target.appendChild(child))\n}\n\nexport function hideNestedMenuChildren(root: ParentNode, slot: string) {\n  root.querySelectorAll<HTMLElement>('web-ui-dropdown-item[submenu]').forEach(item => {\n    getMenuChildren(item).forEach(child => child.setAttribute('slot', slot))\n  })\n}\n\nexport function getMenuItemFromEvent(event: Event): HTMLElement | null {\n  return (\n    event\n      .composedPath()\n      .find((node): node is HTMLElement => node instanceof HTMLElement && node.matches(MENU_ITEM_SELECTOR)) ?? null\n  )\n}\n\nexport function focusMenuItem(item: HTMLElement | undefined) {\n  if (!item || item.hasAttribute('disabled')) return\n  ;(item as HTMLElement & { focusItem?: () => void }).focusItem?.()\n}\n\nexport function findFocusedMenuItem(panels: Iterable<HTMLElement | undefined>): HTMLElement | undefined {\n  return [...panels]\n    .filter((panel): panel is HTMLElement => panel !== undefined)\n    .flatMap(panel => Array.from(panel.querySelectorAll<HTMLElement>(MENU_ITEM_SELECTOR)))\n    .find(item => Boolean(item.shadowRoot?.activeElement))\n}\n"],"mappings":";AAAA,IAAa,IAAwB,yEACxB,IAAqB;AAElC,SAAgB,EAAgB,GAAsC;CACpE,OAAO,MAAM,KAAK,EAAU,QAAQ,CAAC,CAAC,QACnC,MAAgC,aAAiB,eAAe,EAAM,QAAA,uEAA6B,CACtG;AACF;AAEA,SAAgB,EAAoB,GAAsC;CACxE,OAAO,EAAgB,CAAS,CAAC,CAAC,QAAO,MAAQ,EAAK,QAAQ,GAAG,EAAmB,iBAAiB,CAAC;AACxG;AAEA,SAAgB,EAAiB,GAAoB,GAAqB;CACxE,EAAgB,CAAM,CAAC,CAAC,SAAQ,MAAS,EAAO,YAAY,CAAK,CAAC;AACpE;AAEA,SAAgB,EAAuB,GAAkB,GAAc;CACrE,EAAK,iBAA8B,+BAA+B,CAAC,CAAC,SAAQ,MAAQ;EAClF,EAAgB,CAAI,CAAC,CAAC,SAAQ,MAAS,EAAM,aAAa,QAAQ,CAAI,CAAC;CACzE,CAAC;AACH;AAEA,SAAgB,EAAqB,GAAkC;CACrE,OACE,EACG,aAAa,CAAC,CACd,MAAM,MAA8B,aAAgB,eAAe,EAAK,QAAA,sBAA0B,CAAC,KAAK;AAE/G;AAEA,SAAgB,EAAc,GAA+B;CACvD,CAAC,KAAQ,EAAK,aAAa,UAAU,KACxC,EAAmD,YAAY;AAClE;AAEA,SAAgB,EAAoB,GAAoE;CACtG,OAAO,CAAC,GAAG,CAAM,CAAC,CACf,QAAQ,MAAgC,MAAU,KAAA,CAAS,CAAC,CAC5D,SAAQ,MAAS,MAAM,KAAK,EAAM,iBAA8B,CAAkB,CAAC,CAAC,CAAC,CACrF,MAAK,MAAQ,EAAQ,EAAK,YAAY,aAAc;AACzD"}
+{"version":3,"file":"menu-tree.js","names":[],"sources":["../../../src/shared/menu-portal/menu-tree.ts"],"sourcesContent":["export const MENU_CONTENT_SELECTOR = 'web-ui-dropdown-item, web-ui-dropdown-divider, web-ui-dropdown-header'\nexport const MENU_ITEM_SELECTOR = 'web-ui-dropdown-item'\n\nexport function getMenuChildren(container: ParentNode): HTMLElement[] {\n  const children: HTMLElement[] = []\n  for (const child of Array.from(container.children)) {\n    if (!(child instanceof HTMLElement)) continue\n    if (child.matches(MENU_CONTENT_SELECTOR)) {\n      children.push(child)\n      continue\n    }\n\n    // 框架条件渲染会用元素包裹自有节点，或留下注释锚点。搜索 wrapper，\n    // 但不进入 menu item 内部；其子节点属于嵌套 submenu。\n    children.push(...getMenuChildren(child))\n  }\n  return children\n}\n\nexport function getEnabledMenuItems(container: ParentNode): HTMLElement[] {\n  return getMenuChildren(container).filter(item => item.matches(`${MENU_ITEM_SELECTOR}:not([disabled])`))\n}\n\nfunction getMovableMenuSubtrees(container: ParentNode): HTMLElement[] {\n  const subtrees: HTMLElement[] = []\n  for (const child of Array.from(container.children)) {\n    if (!(child instanceof HTMLElement)) continue\n    if (child.matches(MENU_CONTENT_SELECTOR) || getMenuChildren(child).length > 0) subtrees.push(child)\n  }\n  return subtrees\n}\n\nexport function moveMenuChildren(source: ParentNode, target: HTMLElement) {\n  getMovableMenuSubtrees(source).forEach(subtree => target.appendChild(subtree))\n}\n\nexport function hideNestedMenuChildren(root: ParentNode, slot: string) {\n  root.querySelectorAll<HTMLElement>('web-ui-dropdown-item[submenu]').forEach(item => {\n    getMenuChildren(item).forEach(child => child.setAttribute('slot', slot))\n  })\n}\n\nexport function getMenuItemFromEvent(event: Event): HTMLElement | null {\n  return (\n    event\n      .composedPath()\n      .find((node): node is HTMLElement => node instanceof HTMLElement && node.matches(MENU_ITEM_SELECTOR)) ?? null\n  )\n}\n\nexport function focusMenuItem(item: HTMLElement | undefined) {\n  if (!item || item.hasAttribute('disabled')) return\n  ;(item as HTMLElement & { focusItem?: () => void }).focusItem?.()\n}\n\nexport function findFocusedMenuItem(panels: Iterable<HTMLElement | undefined>): HTMLElement | undefined {\n  return [...panels]\n    .filter((panel): panel is HTMLElement => panel !== undefined)\n    .flatMap(panel => Array.from(panel.querySelectorAll<HTMLElement>(MENU_ITEM_SELECTOR)))\n    .find(item => Boolean(item.shadowRoot?.activeElement))\n}\n"],"mappings":";AAAA,IAAa,IAAwB,yEACxB,IAAqB;AAElC,SAAgB,EAAgB,GAAsC;CACpE,IAAM,IAA0B,CAAC;CACjC,KAAK,IAAM,KAAS,MAAM,KAAK,EAAU,QAAQ,GACzC,iBAAiB,aACvB;MAAI,EAAM,QAAA,uEAA6B,GAAG;GACxC,EAAS,KAAK,CAAK;GACnB;EACF;EAIA,EAAS,KAAK,GAAG,EAAgB,CAAK,CAAC;CAJvC;CAMF,OAAO;AACT;AAEA,SAAgB,EAAoB,GAAsC;CACxE,OAAO,EAAgB,CAAS,CAAC,CAAC,QAAO,MAAQ,EAAK,QAAQ,GAAG,EAAmB,iBAAiB,CAAC;AACxG;AAEA,SAAS,EAAuB,GAAsC;CACpE,IAAM,IAA0B,CAAC;CACjC,KAAK,IAAM,KAAS,MAAM,KAAK,EAAU,QAAQ,GACzC,aAAiB,gBACnB,EAAM,QAAA,uEAA6B,KAAK,EAAgB,CAAK,CAAC,CAAC,SAAS,MAAG,EAAS,KAAK,CAAK;CAEpG,OAAO;AACT;AAEA,SAAgB,EAAiB,GAAoB,GAAqB;CACxE,EAAuB,CAAM,CAAC,CAAC,SAAQ,MAAW,EAAO,YAAY,CAAO,CAAC;AAC/E;AAEA,SAAgB,EAAuB,GAAkB,GAAc;CACrE,EAAK,iBAA8B,+BAA+B,CAAC,CAAC,SAAQ,MAAQ;EAClF,EAAgB,CAAI,CAAC,CAAC,SAAQ,MAAS,EAAM,aAAa,QAAQ,CAAI,CAAC;CACzE,CAAC;AACH;AAEA,SAAgB,EAAqB,GAAkC;CACrE,OACE,EACG,aAAa,CAAC,CACd,MAAM,MAA8B,aAAgB,eAAe,EAAK,QAAA,sBAA0B,CAAC,KAAK;AAE/G;AAEA,SAAgB,EAAc,GAA+B;CACvD,CAAC,KAAQ,EAAK,aAAa,UAAU,KACxC,EAAmD,YAAY;AAClE;AAEA,SAAgB,EAAoB,GAAoE;CACtG,OAAO,CAAC,GAAG,CAAM,CAAC,CACf,QAAQ,MAAgC,MAAU,KAAA,CAAS,CAAC,CAC5D,SAAQ,MAAS,MAAM,KAAK,EAAM,iBAA8B,CAAkB,CAAC,CAAC,CAAC,CACrF,MAAK,MAAQ,EAAQ,EAAK,YAAY,aAAc;AACzD"}

package/dist/shared/option-portal/index.js

@@ -0,0 +1,65 @@
+import { definePlugin as e } from "@greypan/js-kit";
+//#region src/shared/option-portal/index.ts
+var t = "web-ui-option", n = () => e((e) => {
+	let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new WeakMap(), i = 0, a = (t) => {
+		e.bindOption(t), t.addEventListener("option-unregister", s);
+	}, o = (t) => {
+		e.unbindOption(t), t.removeEventListener("option-unregister", s);
+	}, s = (e) => {
+		e.target instanceof HTMLElement && e.target.localName === t && n.add(e.target), l.scheduleRefresh();
+	}, c = () => {
+		l.scheduleRefresh();
+	}, l = {
+		queryOptions() {
+			let n = e.getPortal()?.panel ?? e.getPortalContent(), r = n ? [...n.querySelectorAll(t)] : [];
+			return r.length > 0 ? r : [...e.element.querySelectorAll(t)];
+		},
+		refresh(e, t) {
+			let n = l.queryOptions();
+			for (let t of e) n.includes(t) || o(t);
+			return n.forEach(a), {
+				options: n,
+				activeIndex: t && n.includes(t) ? n.indexOf(t) : -1
+			};
+		},
+		ensureOptionIds(t) {
+			let n = new Set(t.map((e) => e.id).filter((e) => !!e));
+			t.forEach((t) => {
+				if (t.id) return;
+				let a = r.get(t);
+				if (!a || n.has(a)) {
+					do
+						a = `${e.idPrefix}-option-${++i}`;
+					while (n.has(a));
+					r.set(t, a);
+				}
+				t.id = a, n.add(a);
+			});
+		},
+		syncPortalContent() {
+			let t = e.getPortal(), r = e.getPortalContent();
+			if (!t || !r) return;
+			for (let i of n) !r.contains(i) && !e.element.contains(i) && t.removeContent([i]);
+			if (n.clear(), !e.isOpen()) return;
+			let i = e.getMigratableNodes();
+			i.length && t.appendContent(i, r);
+		},
+		scheduleRefresh() {
+			queueMicrotask(() => {
+				e.element.isConnected && (l.syncPortalContent(), e.requestUpdate(), e.isOpen() && e.hasUpdated() && e.onImmediateSync?.());
+			});
+		},
+		handleOptionUnregister: s,
+		bindHost() {
+			e.element.addEventListener("option-register", c), e.element.addEventListener("option-unregister", s);
+		},
+		dispose() {
+			e.element.removeEventListener("option-register", c), e.element.removeEventListener("option-unregister", s), n.clear();
+		}
+	};
+	return l;
+});
+//#endregion
+export { n as defineOptionPortal };
+
+//# sourceMappingURL=index.js.map

package/dist/shared/option-portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/option-portal/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport type { WebUiOption } from '@/components/option'\nimport type { OverlayPortal } from '@/shared/overlay/portal'\n\n/**\n * select / autocomplete 共用的 portal option 域：宿主侧 option 注册表、\n * portal 内容同步（打开期迁移 + 真删除清理）与微任务调度。\n *\n * 交互语义与 Lit 响应式由各组件保留（同 anchored-panel 的边界约定）：\n * 组件通过 host 回调注入差异点（迁移节点来源、打开期即时同步等），\n * 并持有 _options/_activeIndex 的 @state，shared 只经返回值同步数据。\n */\n\nexport interface OptionPortalHost {\n  /** 承载宿主级监听的元素（select / autocomplete 宿主自身）。 */\n  readonly element: HTMLElement\n  /** option id 前缀；宿主应保证跨实例唯一（如含实例序号），供 aria 引用与样式定位。 */\n  readonly idPrefix: string\n  getPortal(): OverlayPortal | undefined\n  getPortalContent(): HTMLElement | undefined\n  /** 打开判定：syncPortalContent 仅在打开期执行内容迁移。 */\n  isOpen(): boolean\n  /**\n   * 打开期待迁移的节点来源。两组件粒度不同（select 迁裸 option，\n   * autocomplete 迁全部 childNodes），保持各自现状不在此统一。\n   */\n  getMigratableNodes(): Node[]\n  /** 微任务回调中判断宿主是否已完成首次渲染（Lit hasUpdated）。 */\n  hasUpdated(): boolean\n  /** 微任务末的宿主刷新（requestUpdate）。 */\n  requestUpdate(): void\n  /**\n   * 打开期即时同步钩子。select 在微任务内立即刷新标签与激活态\n   * （portal 打开时 willUpdate 查不到面板外的新增项），autocomplete 无此需要。\n   */\n  onImmediateSync?(): void\n  /**\n   * 组件侧的逐元素交互监听（click/pointerover/pointerdown/option-update）。\n   * shared 负责随 refresh 配对调用，语义由组件定义。\n   */\n  bindOption(option: WebUiOption): void\n  unbindOption(option: WebUiOption): void\n}\n\nexport interface OptionPortalApi {\n  /** 面板优先查询，面板无 option 或关闭时回退 light DOM。 */\n  queryOptions(): WebUiOption[]\n  /**\n   * diff 出旧集合解绑、新集合绑定；按 option 身份保持激活索引。\n   * 返回新注册表数组与新的激活索引（-1 表示激活项已失效，如移除/迁移）。\n   */\n  refresh(\n    previous: readonly WebUiOption[],\n    activeOption: WebUiOption | undefined\n  ): {\n    options: WebUiOption[]\n    activeIndex: number\n  }\n  /** 稳定 id 分配（WeakMap 身份 + 冲突循环），跨 remove/reorder 保持不变。 */\n  ensureOptionIds(options: readonly WebUiOption[]): void\n  /** pending 真删除清理 + 打开期把滞留 light DOM 的节点迁入面板。 */\n  syncPortalContent(): void\n  /** register/unregister/contentChange 的统一微任务收敛入口（slot 监听由组件模板持有）。 */\n  scheduleRefresh(): void\n  /** 宿主级与逐元素 unregister 监听共用的处理器。 */\n  handleOptionUnregister(event: Event): void\n  /** 宿主级监听配对（connectedCallback 调用，与 dispose 配对）。 */\n  bindHost(): void\n  /** 断连清理：解绑宿主监听并清空 pending 集合。 */\n  dispose(): void\n}\n\nconst OPTION_TAG = 'web-ui-option'\n\nexport const defineOptionPortal = () =>\n  definePlugin<OptionPortalApi, OptionPortalHost>(host => {\n    const pendingUnregistered = new Set<WebUiOption>()\n    // 稳定 id：WeakMap 按 option 身份记忆分配结果，remove/reorder 后 id 不变；\n    // aria-activedescendant / 外部样式都依赖 id 的时序稳定性。\n    const optionIds = new WeakMap<WebUiOption, string>()\n    let nextOptionId = 0\n\n    const bindOption = (option: WebUiOption) => {\n      host.bindOption(option)\n      option.addEventListener('option-unregister', handleOptionUnregister)\n    }\n\n    const unbindOption = (option: WebUiOption) => {\n      host.unbindOption(option)\n      option.removeEventListener('option-unregister', handleOptionUnregister)\n    }\n\n    const handleOptionUnregister = (event: Event) => {\n      // Portal 迁移与真实删除都会触发 unregister；先记录候选，\n      // 微任务末 syncPortalContent 按最终位置区分二者。\n      if (event.target instanceof HTMLElement && event.target.localName === OPTION_TAG) {\n        pendingUnregistered.add(event.target as WebUiOption)\n      }\n      api.scheduleRefresh()\n    }\n\n    const handleRegister = () => {\n      api.scheduleRefresh()\n    }\n\n    const api: OptionPortalApi = {\n      queryOptions() {\n        const panel = host.getPortal()?.panel ?? host.getPortalContent()\n        const panelOptions = panel ? [...panel.querySelectorAll<WebUiOption>(OPTION_TAG)] : []\n        // 面板内容仅在浮层打开、moveContent 之后存在；关闭时回退 light DOM，\n        // 否则 portal 组件首次加载时注册表为空。\n        return panelOptions.length > 0 ? panelOptions : [...host.element.querySelectorAll<WebUiOption>(OPTION_TAG)]\n      },\n\n      refresh(previous, activeOption) {\n        const nextOptions = api.queryOptions()\n\n        // register/unregister 是 composed 事件：Portal 迁移时 target 会 retarget 成宿主，\n        // 不能作为监听器绑定依据；绑定只发生在按 DOM 查询确认身份的 option 上。\n        for (const option of previous) if (!nextOptions.includes(option)) unbindOption(option)\n        nextOptions.forEach(bindOption)\n\n        // 激活索引按 option 身份保持，避免移除中间项后静默偏移到相邻项\n        return {\n          options: nextOptions,\n          activeIndex: activeOption && nextOptions.includes(activeOption) ? nextOptions.indexOf(activeOption) : -1\n        }\n      },\n\n      ensureOptionIds(registryOptions) {\n        const usedIds = new Set(registryOptions.map(option => option.id).filter((id): id is string => Boolean(id)))\n        registryOptions.forEach(option => {\n          if (option.id) return\n\n          let id = optionIds.get(option)\n          if (!id || usedIds.has(id)) {\n            do {\n              id = `${host.idPrefix}-option-${++nextOptionId}`\n            } while (usedIds.has(id))\n            optionIds.set(option, id)\n          }\n          option.id = id\n          usedIds.add(id)\n        })\n      },\n\n      syncPortalContent() {\n        const portal = host.getPortal()\n        const portalContent = host.getPortalContent()\n        if (!portal || !portalContent) return\n\n        // 真删除（既不在面板也不在 light DOM）的 option 从 portal 追踪列表摘除，\n        // 否则关闭时 restoreContent 会把它复活回 light DOM。\n        for (const option of pendingUnregistered) {\n          if (!portalContent.contains(option) && !host.element.contains(option)) portal.removeContent([option])\n        }\n        pendingUnregistered.clear()\n\n        if (!host.isOpen()) return\n\n        // Portal 打开期间框架条件渲染（v-if）可能在 light DOM 插入新节点；\n        // 面板内已有内容时 queryOptions 不会回退 light DOM，必须显式迁入面板。\n        const nodes = host.getMigratableNodes()\n        if (nodes.length) portal.appendContent(nodes, portalContent)\n      },\n\n      scheduleRefresh() {\n        queueMicrotask(() => {\n          if (!host.element.isConnected) return\n          api.syncPortalContent()\n          host.requestUpdate()\n          // 关闭状态下 willUpdate 查不到 portal 面板内容；打开期的新增/删除\n          // 由宿主在微任务内立即同步标签与激活态。\n          if (host.isOpen() && host.hasUpdated()) host.onImmediateSync?.()\n        })\n      },\n\n      handleOptionUnregister,\n\n      bindHost() {\n        host.element.addEventListener('option-register', handleRegister)\n        host.element.addEventListener('option-unregister', handleOptionUnregister)\n      },\n\n      dispose() {\n        host.element.removeEventListener('option-register', handleRegister)\n        host.element.removeEventListener('option-unregister', handleOptionUnregister)\n        pendingUnregistered.clear()\n      }\n    }\n\n    return api\n  })\n"],"mappings":";;AAyEA,IAAM,IAAa,iBAEN,UACX,GAAgD,MAAQ;CACtD,IAAM,oBAAsB,IAAI,IAAiB,GAG3C,oBAAY,IAAI,QAA6B,GAC/C,IAAe,GAEb,KAAc,MAAwB;EAE1C,AADA,EAAK,WAAW,CAAM,GACtB,EAAO,iBAAiB,qBAAqB,CAAsB;CACrE,GAEM,KAAgB,MAAwB;EAE5C,AADA,EAAK,aAAa,CAAM,GACxB,EAAO,oBAAoB,qBAAqB,CAAsB;CACxE,GAEM,KAA0B,MAAiB;EAM/C,AAHI,EAAM,kBAAkB,eAAe,EAAM,OAAO,cAAc,KACpE,EAAoB,IAAI,EAAM,MAAqB,GAErD,EAAI,gBAAgB;CACtB,GAEM,UAAuB;EAC3B,EAAI,gBAAgB;CACtB,GAEM,IAAuB;EAC3B,eAAe;GACb,IAAM,IAAQ,EAAK,UAAU,CAAC,EAAE,SAAS,EAAK,iBAAiB,GACzD,IAAe,IAAQ,CAAC,GAAG,EAAM,iBAA8B,CAAU,CAAC,IAAI,CAAC;GAGrF,OAAO,EAAa,SAAS,IAAI,IAAe,CAAC,GAAG,EAAK,QAAQ,iBAA8B,CAAU,CAAC;EAC5G;EAEA,QAAQ,GAAU,GAAc;GAC9B,IAAM,IAAc,EAAI,aAAa;GAIrC,KAAK,IAAM,KAAU,GAAU,AAAK,EAAY,SAAS,CAAM,KAAG,EAAa,CAAM;GAIrF,OAHA,EAAY,QAAQ,CAAU,GAGvB;IACL,SAAS;IACT,aAAa,KAAgB,EAAY,SAAS,CAAY,IAAI,EAAY,QAAQ,CAAY,IAAI;GACxG;EACF;EAEA,gBAAgB,GAAiB;GAC/B,IAAM,IAAU,IAAI,IAAI,EAAgB,KAAI,MAAU,EAAO,EAAE,CAAC,CAAC,QAAQ,MAAqB,EAAQ,CAAG,CAAC;GAC1G,EAAgB,SAAQ,MAAU;IAChC,IAAI,EAAO,IAAI;IAEf,IAAI,IAAK,EAAU,IAAI,CAAM;IAC7B,IAAI,CAAC,KAAM,EAAQ,IAAI,CAAE,GAAG;KAC1B;MACE,IAAK,GAAG,EAAK,SAAS,UAAU,EAAE;YAC3B,EAAQ,IAAI,CAAE;KACvB,EAAU,IAAI,GAAQ,CAAE;IAC1B;IAEA,AADA,EAAO,KAAK,GACZ,EAAQ,IAAI,CAAE;GAChB,CAAC;EACH;EAEA,oBAAoB;GAClB,IAAM,IAAS,EAAK,UAAU,GACxB,IAAgB,EAAK,iBAAiB;GAC5C,IAAI,CAAC,KAAU,CAAC,GAAe;GAI/B,KAAK,IAAM,KAAU,GACnB,AAAI,CAAC,EAAc,SAAS,CAAM,KAAK,CAAC,EAAK,QAAQ,SAAS,CAAM,KAAG,EAAO,cAAc,CAAC,CAAM,CAAC;GAItG,IAFA,EAAoB,MAAM,GAEtB,CAAC,EAAK,OAAO,GAAG;GAIpB,IAAM,IAAQ,EAAK,mBAAmB;GACtC,AAAI,EAAM,UAAQ,EAAO,cAAc,GAAO,CAAa;EAC7D;EAEA,kBAAkB;GAChB,qBAAqB;IACd,EAAK,QAAQ,gBAClB,EAAI,kBAAkB,GACtB,EAAK,cAAc,GAGf,EAAK,OAAO,KAAK,EAAK,WAAW,KAAG,EAAK,kBAAkB;GACjE,CAAC;EACH;EAEA;EAEA,WAAW;GAET,AADA,EAAK,QAAQ,iBAAiB,mBAAmB,CAAc,GAC/D,EAAK,QAAQ,iBAAiB,qBAAqB,CAAsB;EAC3E;EAEA,UAAU;GAGR,AAFA,EAAK,QAAQ,oBAAoB,mBAAmB,CAAc,GAClE,EAAK,QAAQ,oBAAoB,qBAAqB,CAAsB,GAC5E,EAAoB,MAAM;EAC5B;CACF;CAEA,OAAO;AACT,CAAC"}

package/dist/shared/overlay/overlay.js

@@ -57,7 +57,7 @@ var h = () => o((n) => {
 				strategy: r.strategy,
 				middleware: n
 			}).then(({ x: e, y: t, placement: n }) => {
-				i.style.left = `${e}px`, i.style.top = `${t}px`, i.style.setProperty("--wui-overlay-transform-origin", m(n));
+				i.style.left = `${e}px`, i.style.top = `${t}px`, i.style.setProperty("--wui-internal-overlay-transform-origin", m(n));
 			});
 		};
 		o(), s?.(), s = e(c, i, o);

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  /** 面板宽度与锚点宽度保持一致。 */\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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"}
+{"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-internal-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":";;;AA2CA,IAAM,IAA4B,KAC5B,IAA6B,2BAE7B,IAA4C;CAChD,WAAW;CACX,QAAQ;CACR,MAAM;CACN,OAAO;CACP,YAAY;CACZ,gBAAgB;CAChB,UAAU;AACZ;AAMA,SAAS,EAAoB,GAA8B;CACzD,IAAI,OAAO,oBAAqB,YAAY,OAAO;CAEnD,IAAM,IAAW,OAAO,WAAW,iBAAiB,CAAO,CAAC,CAAC,iBAAiB,CAA0B,CAAC;CACzG,OAAO,OAAO,SAAS,CAAQ,IAAI,IAAW;AAChD;AAEA,SAAS,EAAwB,GAAsB;CAErD,AADA,EAAQ,MAAM,eAAe,OAAO,GACpC,EAAQ,MAAM,eAAe,WAAW;AAC1C;AAEA,SAAS,EACP,GACA,GACA,GACwB;CACxB,IAAI,EAAQ,YAIV,OAFA,EAAQ,MAAM,eAAe,WAAW,GACxC,EAAY,mBAAmB,IACxB,EAAK,EACV,MAAM,EAAE,YAAS;EACf,EAAQ,MAAM,QAAQ,GAAG,EAAM,UAAU,MAAM;CACjD,EACF,CAAC;CAGH,IAAI,EAAQ,gBAAgB;EAC1B,IAAM,IAAW,EAAoB,CAAO;EAE5C,OADA,EAAY,mBAAmB,IACxB,EAAK,EACV,MAAM,EAAE,YAAS;GAGf,AADA,EAAQ,MAAM,QAAQ,eACtB,EAAQ,MAAM,WAAW,GAAG,KAAK,IAAI,EAAM,UAAU,OAAO,CAAQ,EAAE;EACxE,EACF,CAAC;CACH;CAEA,AAEE,EAAY,sBADZ,EAAwB,CAAO,GACA;AAInC;AAEA,SAAS,EACP,GACA,GACA,GACc;CACd,IAAM,IAA2B,CAAC,EAAO,EAAQ,MAAM,CAAC;CAExD,AADI,EAAQ,QAAM,EAAW,KAAK,EAAK,CAAC,GACpC,EAAQ,SAAO,EAAW,KAAK,EAAM,EAAE,SAAS,EAAE,CAAC,CAAC;CAExD,IAAM,IAAkB,EAAsB,GAAS,GAAS,CAAW;CAG3E,OAFI,KAAiB,EAAW,KAAK,CAAe,GAE7C;AACT;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,GAA2F,MAAO;CAChG,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,SACd,IAA+B,EAAE,kBAAkB,GAAM,GAC3D,IAAS,IACT,IAAyC,MACzC,IAAgB,EAAI;CAExB,SAAS,IAAiB;EACxB,IAAM,IAAa,EAA4B,GAAS,GAAS,CAAW,GAEtE,UAAsB;GAC1B,EAAqB,GAAe,GAAS;IAC3C,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,2CAA2C,EAAmB,CAAS,CAAC;GACpG,CAAC;EACH;EAKA,AAFA,EAAc,GACd,IAAoB,GACpB,IAAoB,EAAW,GAAe,GAAS,CAAa;CACtE;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,IAAoB,GACpB,IAAoB;EACtB;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,GAA0B;GAErC,AADA,IAAgB,GACZ,KAAQ,EAAe;EAC7B;EAEA,UAAU;GACR,KAAK,MAAM;EACb;CACF;AACF,CAAC"}

package/dist/shared/overlay/portal.js

@@ -8,29 +8,32 @@ var i = () => r((e) => {
 	let n = t.attachShadow({ mode: "open" }), r = document.createElement("style");
 	r.textContent = e.style;
 	let i = document.createElement("div");
-	i.className = e.className, i.dataset.wuiPresence = "entering", n.append(r, i), a(e.container, e.target).appendChild(t);
-	let o = [], s = (e) => {
+	i.className = e.className, i.dataset.wuiPresence = "entering", n.append(r, i);
+	let o = [], s = new MutationObserver(() => e.onContentChange?.()), c = (e) => {
 		e.forEach((e) => {
 			let t = o.indexOf(e);
 			t >= 0 && o.splice(t, 1);
 		});
 	};
-	return {
+	return a(e.container, e.target).appendChild(t), e.onContentChange && s.observe(i, {
+		childList: !0,
+		subtree: !0
+	}), {
 		panel: i,
 		moveContent(e, t = i) {
 			o.splice(0, o.length, ...e), t.append(...o);
 		},
 		appendContent(e, t = i) {
-			s(e), o.push(...e), t.append(...e);
+			c(e), o.push(...e), t.append(...e);
 		},
 		removeContent(e) {
-			s(e);
+			c(e);
 		},
 		restoreContent() {
 			e.target.append(...o), o.length = 0;
 		},
 		remove() {
-			t.remove();
+			s.disconnect(), t.remove();
 		}
 	};
 });

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

@@ -1 +1 @@
-{"version":3,"file":"portal.js","names":[],"sources":["../../../src/shared/overlay/portal.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/theme/theme-scope'\n\nexport type OverlayContainer = HTMLElement | (() => HTMLElement | undefined)\n\nexport interface OverlayContainerResolutionOptions {\n  /** 无 target 时优先使用文档中的 root theme。 */\n  preferRootTheme?: boolean\n}\n\nexport interface OverlayPortalOptions {\n  container?: OverlayContainer\n  target: Element\n  style: string\n  className: string\n}\n\nexport interface OverlayPortal {\n  readonly panel: HTMLElement\n  restoreContent(): void\n  moveContent(nodes: Node[], target?: HTMLElement): void\n  appendContent(nodes: Node[], target?: HTMLElement): void\n  removeContent(nodes: Node[]): void\n  remove(): void\n}\n\n/**\n * 构建带 Shadow DOM 样式边界的 Portal 面板，并追踪被迁移的内容节点以便恢复。\n */\nexport const defineOverlayPortal = () =>\n  definePlugin<OverlayPortal, OverlayPortalOptions>(ctx => {\n    const host = document.createElement('div')\n    // :host 规则可能让宿主在 overlay 容器中生成行盒；display: contents 保留面板定位而不参与布局。\n    host.style.display = 'contents'\n\n    const root = host.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = ctx.style\n    const panel = document.createElement('div')\n    panel.className = ctx.className\n    panel.dataset.wuiPresence = 'entering'\n    root.append(style, panel)\n\n    resolveOverlayContainer(ctx.container, ctx.target).appendChild(host)\n\n    const trackedNodes: Node[] = []\n    const untrackNodes = (nodes: Node[]) => {\n      nodes.forEach(node => {\n        const index = trackedNodes.indexOf(node)\n        if (index >= 0) trackedNodes.splice(index, 1)\n      })\n    }\n\n    return {\n      panel,\n\n      moveContent(nodes, target = panel) {\n        trackedNodes.splice(0, trackedNodes.length, ...nodes)\n        target.append(...trackedNodes)\n      },\n\n      appendContent(nodes, target = panel) {\n        untrackNodes(nodes)\n        trackedNodes.push(...nodes)\n        target.append(...nodes)\n      },\n\n      removeContent(nodes) {\n        untrackNodes(nodes)\n      },\n\n      restoreContent() {\n        ctx.target.append(...trackedNodes)\n        trackedNodes.length = 0\n      },\n\n      remove() {\n        host.remove()\n      }\n    }\n  })\n\nexport function resolveOverlayContainer(\n  container: OverlayContainer | undefined,\n  target: Element,\n  options: OverlayContainerResolutionOptions = {}\n): HTMLElement {\n  const explicit = typeof container === 'function' ? container() : container\n  if (explicit) return explicit\n\n  // 无 target 的调用（如菜单）优先使用 root theme；有 target 时使用最近的 theme。\n  const theme = options.preferRootTheme ? findRootTheme() : findNearestTheme(target)\n  return theme?.getOverlayRoot() ?? getFallbackOverlayRoot()\n}\n"],"mappings":";;;;AA+BA,IAAa,UACX,GAAkD,MAAO;CACvD,IAAM,IAAO,SAAS,cAAc,KAAK;CAEzC,EAAK,MAAM,UAAU;CAErB,IAAM,IAAO,EAAK,aAAa,EAAE,MAAM,OAAO,CAAC,GACzC,IAAQ,SAAS,cAAc,OAAO;CAC5C,EAAM,cAAc,EAAI;CACxB,IAAM,IAAQ,SAAS,cAAc,KAAK;CAK1C,AAJA,EAAM,YAAY,EAAI,WACtB,EAAM,QAAQ,cAAc,YAC5B,EAAK,OAAO,GAAO,CAAK,GAExB,EAAwB,EAAI,WAAW,EAAI,MAAM,CAAC,CAAC,YAAY,CAAI;CAEnE,IAAM,IAAuB,CAAC,GACxB,KAAgB,MAAkB;EACtC,EAAM,SAAQ,MAAQ;GACpB,IAAM,IAAQ,EAAa,QAAQ,CAAI;GACvC,AAAI,KAAS,KAAG,EAAa,OAAO,GAAO,CAAC;EAC9C,CAAC;CACH;CAEA,OAAO;EACL;EAEA,YAAY,GAAO,IAAS,GAAO;GAEjC,AADA,EAAa,OAAO,GAAG,EAAa,QAAQ,GAAG,CAAK,GACpD,EAAO,OAAO,GAAG,CAAY;EAC/B;EAEA,cAAc,GAAO,IAAS,GAAO;GAGnC,AAFA,EAAa,CAAK,GAClB,EAAa,KAAK,GAAG,CAAK,GAC1B,EAAO,OAAO,GAAG,CAAK;EACxB;EAEA,cAAc,GAAO;GACnB,EAAa,CAAK;EACpB;EAEA,iBAAiB;GAEf,AADA,EAAI,OAAO,OAAO,GAAG,CAAY,GACjC,EAAa,SAAS;EACxB;EAEA,SAAS;GACP,EAAK,OAAO;EACd;CACF;AACF,CAAC;AAEH,SAAgB,EACd,GACA,GACA,IAA6C,CAAC,GACjC;CAMb,QALiB,OAAO,KAAc,aAAa,EAAU,IAAI,QAInD,EAAQ,kBAAkB,EAAc,IAAI,EAAiB,CAAM,EAAA,EACnE,eAAe,KAAK,EAAuB;AAC3D"}
+{"version":3,"file":"portal.js","names":[],"sources":["../../../src/shared/overlay/portal.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\n\nimport { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/theme/theme-scope'\n\nexport type OverlayContainer = HTMLElement | (() => HTMLElement | undefined)\n\nexport interface OverlayContainerResolutionOptions {\n  /** 无 target 时优先使用文档中的 root theme。 */\n  preferRootTheme?: boolean\n}\n\nexport interface OverlayPortalOptions {\n  container?: OverlayContainer\n  target: Element\n  style: string\n  className: string\n  onContentChange?: () => void\n}\n\nexport interface OverlayPortal {\n  readonly panel: HTMLElement\n  restoreContent(): void\n  moveContent(nodes: Node[], target?: HTMLElement): void\n  appendContent(nodes: Node[], target?: HTMLElement): void\n  removeContent(nodes: Node[]): void\n  remove(): void\n}\n\n/**\n * 构建带 Shadow DOM 样式边界的 Portal 面板，并追踪被迁移的内容节点以便恢复。\n */\nexport const defineOverlayPortal = () =>\n  definePlugin<OverlayPortal, OverlayPortalOptions>(ctx => {\n    const host = document.createElement('div')\n    // :host 规则可能让宿主在 overlay 容器中生成行盒；display: contents 保留面板定位而不参与布局。\n    host.style.display = 'contents'\n\n    const root = host.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = ctx.style\n    const panel = document.createElement('div')\n    panel.className = ctx.className\n    panel.dataset.wuiPresence = 'entering'\n    root.append(style, panel)\n\n    const trackedNodes: Node[] = []\n    const contentObserver = new MutationObserver(() => ctx.onContentChange?.())\n    const untrackNodes = (nodes: Node[]) => {\n      nodes.forEach(node => {\n        const index = trackedNodes.indexOf(node)\n        if (index >= 0) trackedNodes.splice(index, 1)\n      })\n    }\n\n    resolveOverlayContainer(ctx.container, ctx.target).appendChild(host)\n    if (ctx.onContentChange) contentObserver.observe(panel, { childList: true, subtree: true })\n\n    return {\n      panel,\n\n      moveContent(nodes, target = panel) {\n        trackedNodes.splice(0, trackedNodes.length, ...nodes)\n        target.append(...trackedNodes)\n      },\n\n      appendContent(nodes, target = panel) {\n        untrackNodes(nodes)\n        trackedNodes.push(...nodes)\n        target.append(...nodes)\n      },\n\n      removeContent(nodes) {\n        untrackNodes(nodes)\n      },\n\n      restoreContent() {\n        ctx.target.append(...trackedNodes)\n        trackedNodes.length = 0\n      },\n\n      remove() {\n        contentObserver.disconnect()\n        host.remove()\n      }\n    }\n  })\n\nexport function resolveOverlayContainer(\n  container: OverlayContainer | undefined,\n  target: Element,\n  options: OverlayContainerResolutionOptions = {}\n): HTMLElement {\n  const explicit = typeof container === 'function' ? container() : container\n  if (explicit) return explicit\n\n  // 无 target 的调用（如菜单）优先使用 root theme；有 target 时使用最近的 theme。\n  const theme = options.preferRootTheme ? findRootTheme() : findNearestTheme(target)\n  return theme?.getOverlayRoot() ?? getFallbackOverlayRoot()\n}\n"],"mappings":";;;;AAgCA,IAAa,UACX,GAAkD,MAAO;CACvD,IAAM,IAAO,SAAS,cAAc,KAAK;CAEzC,EAAK,MAAM,UAAU;CAErB,IAAM,IAAO,EAAK,aAAa,EAAE,MAAM,OAAO,CAAC,GACzC,IAAQ,SAAS,cAAc,OAAO;CAC5C,EAAM,cAAc,EAAI;CACxB,IAAM,IAAQ,SAAS,cAAc,KAAK;CAG1C,AAFA,EAAM,YAAY,EAAI,WACtB,EAAM,QAAQ,cAAc,YAC5B,EAAK,OAAO,GAAO,CAAK;CAExB,IAAM,IAAuB,CAAC,GACxB,IAAkB,IAAI,uBAAuB,EAAI,kBAAkB,CAAC,GACpE,KAAgB,MAAkB;EACtC,EAAM,SAAQ,MAAQ;GACpB,IAAM,IAAQ,EAAa,QAAQ,CAAI;GACvC,AAAI,KAAS,KAAG,EAAa,OAAO,GAAO,CAAC;EAC9C,CAAC;CACH;CAKA,OAHA,EAAwB,EAAI,WAAW,EAAI,MAAM,CAAC,CAAC,YAAY,CAAI,GAC/D,EAAI,mBAAiB,EAAgB,QAAQ,GAAO;EAAE,WAAW;EAAM,SAAS;CAAK,CAAC,GAEnF;EACL;EAEA,YAAY,GAAO,IAAS,GAAO;GAEjC,AADA,EAAa,OAAO,GAAG,EAAa,QAAQ,GAAG,CAAK,GACpD,EAAO,OAAO,GAAG,CAAY;EAC/B;EAEA,cAAc,GAAO,IAAS,GAAO;GAGnC,AAFA,EAAa,CAAK,GAClB,EAAa,KAAK,GAAG,CAAK,GAC1B,EAAO,OAAO,GAAG,CAAK;EACxB;EAEA,cAAc,GAAO;GACnB,EAAa,CAAK;EACpB;EAEA,iBAAiB;GAEf,AADA,EAAI,OAAO,OAAO,GAAG,CAAY,GACjC,EAAa,SAAS;EACxB;EAEA,SAAS;GAEP,AADA,EAAgB,WAAW,GAC3B,EAAK,OAAO;EACd;CACF;AACF,CAAC;AAEH,SAAgB,EACd,GACA,GACA,IAA6C,CAAC,GACjC;CAMb,QALiB,OAAO,KAAc,aAAa,EAAU,IAAI,QAInD,EAAQ,kBAAkB,EAAc,IAAI,EAAiB,CAAM,EAAA,EACnE,eAAe,KAAK,EAAuB;AAC3D"}

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

@@ -1 +1 @@
-{"version":3,"file":"presence.js","names":[],"sources":["../../../src/shared/overlay/presence.ts"],"sourcesContent":["const DEFAULT_EXIT_DURATION = 160\nconst EXIT_FALLBACK_BUFFER = 80\n\nconst pendingExits = new WeakMap<HTMLElement, () => void>()\n\ninterface OverlayPresenceOptions {\n  isInstant?: boolean\n}\n\nfunction parseDuration(value: string): number {\n  const trimmed = value.trim()\n  if (trimmed.endsWith('ms')) return Number.parseFloat(trimmed)\n  if (trimmed.endsWith('s')) return Number.parseFloat(trimmed) * 1000\n  return 0\n}\n\n// 读取元素实际 CSS transition 的最长时长，供可覆盖主题 token 的 JS 生命周期使用。\nexport function getTransitionDuration(panel: HTMLElement, fallback = DEFAULT_EXIT_DURATION): number {\n  const style = getComputedStyle(panel)\n  const durations = style.transitionDuration.split(',').map(parseDuration)\n  const delays = style.transitionDelay.split(',').map(parseDuration)\n  const longest = durations.reduce(\n    (max, duration, index) => Math.max(max, duration + (delays[index] ?? delays[0] ?? 0)),\n    0\n  )\n\n  return longest || fallback\n}\n\n// 以可中断的方式显示浮层，避免快速切换时重启动画。\nexport function showOverlayPresence(panel: HTMLElement, options: OverlayPresenceOptions = {}) {\n  pendingExits.get(panel)?.()\n  panel.hidden = false\n  if (options.isInstant) {\n    panel.dataset.wuiPresence = 'open'\n    return\n  }\n  panel.dataset.wuiPresence = 'entering'\n\n  // Commit the initial state so a newly mounted panel has a transition source.\n  void panel.offsetWidth\n\n  requestAnimationFrame(() => {\n    if (panel.dataset.wuiPresence === 'entering') panel.dataset.wuiPresence = 'open'\n  })\n}\n\n// 播放退出过渡；若在结束前重新显示则返回 false。\nexport function hideOverlayPresence(panel: HTMLElement): Promise<boolean> {\n  pendingExits.get(panel)?.()\n  panel.dataset.wuiPresence = 'closing'\n\n  // jsdom 等没有计算 CSS transition 的环境无需伪造退场等待。\n  if (getTransitionDuration(panel, 0) === 0) {\n    panel.hidden = true\n    return Promise.resolve(true)\n  }\n\n  return new Promise(resolve => {\n    let settled = false\n    const finish = (didClose: boolean) => {\n      if (settled) return\n      settled = true\n      panel.removeEventListener('transitionend', onTransitionEnd)\n      clearTimeout(timeout)\n      pendingExits.delete(panel)\n      if (didClose && panel.dataset.wuiPresence === 'closing') panel.hidden = true\n      resolve(didClose)\n    }\n\n    const onTransitionEnd = (event: TransitionEvent) => {\n      if (event.target === panel && (event.propertyName === 'opacity' || event.propertyName === 'transform'))\n        finish(true)\n    }\n\n    pendingExits.set(panel, () => finish(false))\n    panel.addEventListener('transitionend', onTransitionEnd)\n    const timeout = setTimeout(() => finish(true), getTransitionDuration(panel) + EXIT_FALLBACK_BUFFER)\n  })\n}\n"],"mappings":";AAAA,IAGM,oBAAe,IAAI,QAAiC;AAM1D,SAAS,EAAc,GAAuB;CAC5C,IAAM,IAAU,EAAM,KAAK;CAG3B,OAFI,EAAQ,SAAS,IAAI,IAAU,OAAO,WAAW,CAAO,IACxD,EAAQ,SAAS,GAAG,IAAU,OAAO,WAAW,CAAO,IAAI,MACxD;AACT;AAGA,SAAgB,EAAsB,GAAoB,IAAW,KAA+B;CAClG,IAAM,IAAQ,iBAAiB,CAAK,GAC9B,IAAY,EAAM,mBAAmB,MAAM,GAAG,CAAC,CAAC,IAAI,CAAa,GACjE,IAAS,EAAM,gBAAgB,MAAM,GAAG,CAAC,CAAC,IAAI,CAAa;CAMjE,OALgB,EAAU,QACvB,GAAK,GAAU,MAAU,KAAK,IAAI,GAAK,KAAY,EAAO,MAAU,EAAO,MAAM,EAAE,GACpF,CAGK,KAAW;AACpB;AAGA,SAAgB,EAAoB,GAAoB,IAAkC,CAAC,GAAG;CAG5F,IAFA,EAAa,IAAI,CAAK,CAAC,GAAG,GAC1B,EAAM,SAAS,IACX,EAAQ,WAAW;EACrB,EAAM,QAAQ,cAAc;EAC5B;CACF;CAMA,AALA,EAAM,QAAQ,cAAc,YAG5B,EAAW,aAEX,4BAA4B;EAC1B,AAAI,EAAM,QAAQ,gBAAgB,eAAY,EAAM,QAAQ,cAAc;CAC5E,CAAC;AACH;AAGA,SAAgB,EAAoB,GAAsC;CAUxE,OATA,EAAa,IAAI,CAAK,CAAC,GAAG,GAC1B,EAAM,QAAQ,cAAc,WAGxB,EAAsB,GAAO,CAAC,MAAM,KACtC,EAAM,SAAS,IACR,QAAQ,QAAQ,EAAI,KAGtB,IAAI,SAAQ,MAAW;EAC5B,IAAI,IAAU,IACR,KAAU,MAAsB;GAChC,MACJ,IAAU,IACV,EAAM,oBAAoB,iBAAiB,CAAe,GAC1D,aAAa,CAAO,GACpB,EAAa,OAAO,CAAK,GACrB,KAAY,EAAM,QAAQ,gBAAgB,cAAW,EAAM,SAAS,KACxE,EAAQ,CAAQ;EAClB,GAEM,KAAmB,MAA2B;GAClD,AAAI,EAAM,WAAW,MAAU,EAAM,iBAAiB,aAAa,EAAM,iBAAiB,gBACxF,EAAO,EAAI;EACf;EAGA,AADA,EAAa,IAAI,SAAa,EAAO,EAAK,CAAC,GAC3C,EAAM,iBAAiB,iBAAiB,CAAe;EACvD,IAAM,IAAU,iBAAiB,EAAO,EAAI,GAAG,EAAsB,CAAK,IAAI,EAAoB;CACpG,CAAC;AACH"}
+{"version":3,"file":"presence.js","names":[],"sources":["../../../src/shared/overlay/presence.ts"],"sourcesContent":["const DEFAULT_EXIT_DURATION = 160\nconst EXIT_FALLBACK_BUFFER = 80\n\nconst pendingExits = new WeakMap<HTMLElement, () => void>()\n\ninterface OverlayPresenceOptions {\n  isInstant?: boolean\n}\n\nfunction parseDuration(value: string): number {\n  const trimmed = value.trim()\n  if (trimmed.endsWith('ms')) return Number.parseFloat(trimmed)\n  if (trimmed.endsWith('s')) return Number.parseFloat(trimmed) * 1000\n  return 0\n}\n\n// 读取元素实际 CSS transition 的最长时长，供可覆盖主题 token 的 JS 生命周期使用。\nexport function getTransitionDuration(panel: HTMLElement, fallback = DEFAULT_EXIT_DURATION): number {\n  const style = getComputedStyle(panel)\n  const durations = style.transitionDuration.split(',').map(parseDuration)\n  const delays = style.transitionDelay.split(',').map(parseDuration)\n  const longest = durations.reduce(\n    (max, duration, index) => Math.max(max, duration + (delays[index] ?? delays[0] ?? 0)),\n    0\n  )\n\n  return longest || fallback\n}\n\n// 以可中断的方式显示浮层，避免快速切换时重启动画。\nexport function showOverlayPresence(panel: HTMLElement, options: OverlayPresenceOptions = {}) {\n  pendingExits.get(panel)?.()\n  panel.hidden = false\n  if (options.isInstant) {\n    panel.dataset.wuiPresence = 'open'\n    return\n  }\n  panel.dataset.wuiPresence = 'entering'\n\n  // 提交初始状态，让新挂载的面板拥有过渡起点。\n  void panel.offsetWidth\n\n  requestAnimationFrame(() => {\n    if (panel.dataset.wuiPresence === 'entering') panel.dataset.wuiPresence = 'open'\n  })\n}\n\n// 播放退出过渡；若在结束前重新显示则返回 false。\nexport function hideOverlayPresence(panel: HTMLElement): Promise<boolean> {\n  pendingExits.get(panel)?.()\n  panel.dataset.wuiPresence = 'closing'\n\n  // jsdom 等没有计算 CSS transition 的环境无需伪造退场等待。\n  if (getTransitionDuration(panel, 0) === 0) {\n    panel.hidden = true\n    return Promise.resolve(true)\n  }\n\n  return new Promise(resolve => {\n    let settled = false\n    const finish = (didClose: boolean) => {\n      if (settled) return\n      settled = true\n      panel.removeEventListener('transitionend', onTransitionEnd)\n      clearTimeout(timeout)\n      pendingExits.delete(panel)\n      if (didClose && panel.dataset.wuiPresence === 'closing') panel.hidden = true\n      resolve(didClose)\n    }\n\n    const onTransitionEnd = (event: TransitionEvent) => {\n      if (event.target === panel && (event.propertyName === 'opacity' || event.propertyName === 'transform'))\n        finish(true)\n    }\n\n    pendingExits.set(panel, () => finish(false))\n    panel.addEventListener('transitionend', onTransitionEnd)\n    const timeout = setTimeout(() => finish(true), getTransitionDuration(panel) + EXIT_FALLBACK_BUFFER)\n  })\n}\n"],"mappings":";AAAA,IAGM,oBAAe,IAAI,QAAiC;AAM1D,SAAS,EAAc,GAAuB;CAC5C,IAAM,IAAU,EAAM,KAAK;CAG3B,OAFI,EAAQ,SAAS,IAAI,IAAU,OAAO,WAAW,CAAO,IACxD,EAAQ,SAAS,GAAG,IAAU,OAAO,WAAW,CAAO,IAAI,MACxD;AACT;AAGA,SAAgB,EAAsB,GAAoB,IAAW,KAA+B;CAClG,IAAM,IAAQ,iBAAiB,CAAK,GAC9B,IAAY,EAAM,mBAAmB,MAAM,GAAG,CAAC,CAAC,IAAI,CAAa,GACjE,IAAS,EAAM,gBAAgB,MAAM,GAAG,CAAC,CAAC,IAAI,CAAa;CAMjE,OALgB,EAAU,QACvB,GAAK,GAAU,MAAU,KAAK,IAAI,GAAK,KAAY,EAAO,MAAU,EAAO,MAAM,EAAE,GACpF,CAGK,KAAW;AACpB;AAGA,SAAgB,EAAoB,GAAoB,IAAkC,CAAC,GAAG;CAG5F,IAFA,EAAa,IAAI,CAAK,CAAC,GAAG,GAC1B,EAAM,SAAS,IACX,EAAQ,WAAW;EACrB,EAAM,QAAQ,cAAc;EAC5B;CACF;CAMA,AALA,EAAM,QAAQ,cAAc,YAG5B,EAAW,aAEX,4BAA4B;EAC1B,AAAI,EAAM,QAAQ,gBAAgB,eAAY,EAAM,QAAQ,cAAc;CAC5E,CAAC;AACH;AAGA,SAAgB,EAAoB,GAAsC;CAUxE,OATA,EAAa,IAAI,CAAK,CAAC,GAAG,GAC1B,EAAM,QAAQ,cAAc,WAGxB,EAAsB,GAAO,CAAC,MAAM,KACtC,EAAM,SAAS,IACR,QAAQ,QAAQ,EAAI,KAGtB,IAAI,SAAQ,MAAW;EAC5B,IAAI,IAAU,IACR,KAAU,MAAsB;GAChC,MACJ,IAAU,IACV,EAAM,oBAAoB,iBAAiB,CAAe,GAC1D,aAAa,CAAO,GACpB,EAAa,OAAO,CAAK,GACrB,KAAY,EAAM,QAAQ,gBAAgB,cAAW,EAAM,SAAS,KACxE,EAAQ,CAAQ;EAClB,GAEM,KAAmB,MAA2B;GAClD,AAAI,EAAM,WAAW,MAAU,EAAM,iBAAiB,aAAa,EAAM,iBAAiB,gBACxF,EAAO,EAAI;EACf;EAGA,AADA,EAAa,IAAI,SAAa,EAAO,EAAK,CAAC,GAC3C,EAAM,iBAAiB,iBAAiB,CAAe;EACvD,IAAM,IAAU,iBAAiB,EAAO,EAAI,GAAG,EAAsB,CAAK,IAAI,EAAoB;CACpG,CAAC;AACH"}

package/dist/shared/visible-area/index.js

@@ -0,0 +1,69 @@
+import { definePlugin as e } from "@greypan/js-kit";
+//#region src/shared/visible-area/index.ts
+var t = {
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0,
+	width: 0,
+	height: 0
+};
+function n(e) {
+	if (!e) return t;
+	let n = e.getBoundingClientRect(), r = Math.max(0, n.left), i = Math.max(0, n.top), a = Math.min(window.innerWidth, n.right), o = Math.min(window.innerHeight, n.bottom);
+	return a <= r || o <= i ? t : {
+		top: i,
+		right: a,
+		bottom: o,
+		left: r,
+		width: a - r,
+		height: o - i
+	};
+}
+function r(e, t) {
+	return e?.top === t.top && e.right === t.right && e.bottom === t.bottom && e.left === t.left && e.width === t.width && e.height === t.height;
+}
+function i(t) {
+	return e(() => {
+		let e = null, i, a, o = !1, s, c = () => {
+			if (a = void 0, !o) return;
+			let i = n(e);
+			r(s, i) || (s = i, t.onVisibleAreaChange(i));
+		}, l = () => {
+			!o || a !== void 0 || (a = requestAnimationFrame(c));
+		}, u = () => {
+			i?.disconnect(), i = void 0, !(!e || typeof ResizeObserver > "u") && (i = new ResizeObserver(l), i.observe(e));
+		};
+		return {
+			setTarget(t) {
+				if (e === t) {
+					l();
+					return;
+				}
+				e = t, s = void 0, o && (u(), l());
+			},
+			refresh: l,
+			connect() {
+				o || (o = !0, window.addEventListener("scroll", l, { passive: !0 }), window.addEventListener("resize", l, { passive: !0 }), u(), l());
+			},
+			disconnect() {
+				o && (o = !1, window.removeEventListener("scroll", l), window.removeEventListener("resize", l), i?.disconnect(), i = void 0, s = void 0, a !== void 0 && cancelAnimationFrame(a), a = void 0);
+			}
+		};
+	});
+}
+var a = class {
+	constructor(e, t) {
+		this.tracker = t, e.addController(this);
+	}
+	hostConnected() {
+		this.tracker.connect();
+	}
+	hostDisconnected() {
+		this.tracker.disconnect();
+	}
+};
+//#endregion
+export { a as VisibleAreaController, i as defineVisibleAreaTracker };
+
+//# sourceMappingURL=index.js.map