@greypan/web-ui 5.0.0 → 6.0.0

package/README.CN.md

@@ -120,10 +120,21 @@ useEffect(() => {
 <web-ui-dropdown-item ref={itemRef}>粘贴并关闭</web-ui-dropdown-item>
 ```
 
+在 `portal` 模式下，库会把面板内容物理移入浮层 Shadow DOM。这类内容中的 React 条件子元素
+（`{condition && <el/>}`）不受支持：React 按记录的插入父节点执行删除，已迁移节点的删除会以
+commit-phase error 失败，且该节点可能在面板关闭时重新出现。请保持面板内容始终挂载、仅切换可见性。
+
 ### Vue
 
 需要 `vue >= 3.5` 作为可选 peer 依赖。
 
+Portal 面板支持实时渲染：浮层打开期间条件新增或删除的内容（`web-ui-select`、`web-ui-autocomplete`、
+`web-ui-popover`、`web-ui-tooltip`、`web-ui-dropdown`、`web-ui-context-menu` 内的 Vue `v-if`）会按模板序
+自动迁入打开中的面板；关闭时所有内容按原锚点位置恢复，后续 patch 继续正常工作。边界：面板打开期间对
+keyed `v-for` 列表做中段 splice 或重排不受支持——Vue 的 keyed children diff 会以已迁入面板的兄弟节点
+计算插入锚点，patch 失败且可能丢项；与编译路径无关（编译模板同样命中）。此类列表更新请在面板关闭后
+进行，或只做尾部追加/删除。
+
 ```ts
 // vite.config.ts
 import vue from '@vitejs/plugin-vue'

package/README.md

@@ -123,10 +123,51 @@ useEffect(() => {
 <web-ui-dropdown-item ref={itemRef}>Paste and close</web-ui-dropdown-item>
 ```
 
+In `portal` mode the library physically moves panel content into the overlay Shadow DOM. React removes nodes
+through its recorded insertion parent, so a bare conditional child (`{condition && <el/>}`) whose node was
+already migrated cannot be removed while the panel is open: the commit fails and the node can reappear when
+the panel closes. Conditionally render inside a stable wrapper element instead — React records the wrapper as
+the insertion parent, so wrapper-local additions and removals keep working while the panel is open and across
+open/close cycles:
+
+```tsx
+<web-ui-popover portal open={open} trigger="manual">
+  <div className="panel-body">{editing && <TagEditor />}</div>
+</web-ui-popover>
+```
+
+Bare conditional additions while the panel is open (appending to the host) keep working and migrate into the
+panel automatically. Keeping content mounted and toggling visibility remains a valid fallback.
+
+### Lit
+
+Portal panels support live rendering for Lit child parts: `${condition ? html`<el/>` : nothing}` inside
+`web-ui-popover`, `web-ui-tooltip`, `web-ui-select` and `web-ui-autocomplete` migrates into the open panel
+automatically, removals and element-to-element swaps work while the panel is open, and on close content is
+restored to its original anchor position. lit-html child-part markers stay in the host light DOM, so
+subsequent patches keep anchoring correctly. Boundary: reordering a `repeat()` list while a panel is open is
+not supported — lit inserts relative to host part markers while sibling items already live in the panel, the
+same cross-container anchoring boundary as Vue's keyed `v-for`. Apply list reorders while the panel is closed.
+
+`web-ui-dropdown` manages menu items through the shared menu portal, which reconciles from both the host and
+the panel: child-part additions while the panel is open work, but lit cannot reach items that already live in
+the panel, so removals and element swaps there are not supported — apply them while the panel is closed.
+`web-ui-context-menu` does not observe host-side insertions and is not covered by these live-rendering
+guarantees.
+
 ### Vue
 
 Requires `vue >= 3.5` as optional peer dependency.
 
+Portal panels support live rendering: content conditionally added or removed while a panel is open (Vue
+`v-if` inside `web-ui-select`, `web-ui-autocomplete`, `web-ui-popover`, `web-ui-tooltip`, `web-ui-dropdown`,
+`web-ui-context-menu`) migrates into the open panel automatically in template order, and on close everything
+is restored to its original anchor position so subsequent patches keep working. Boundary: splicing or
+reordering a keyed `v-for` list while a panel is open is not supported — Vue's keyed children diff resolves
+insertion anchors against sibling nodes already migrated into the panel, so its patch fails and items can be
+lost, regardless of compilation path (compiled templates included). Apply such list updates while the panel
+is closed, or keep to appends/removals at the list tail.
+
 ```ts
 // vite.config.ts
 import vue from '@vitejs/plugin-vue'

package/dist/components/autocomplete/index.js

@@ -337,7 +337,7 @@ var C = class extends f {
 		i.className = "autocomplete-content", this._portalContent = i;
 		let a = document.createElement("div");
 		a.className = "autocomplete-empty", a.hidden = !0, a.dataset.wuiA11yEmpty = this._getEmptySlotText(), r.append(i), i.append(a), e.panel.append(r);
-		for (let t of Array.from(this.childNodes)) S(t) ? e.appendContent([t], a) : e.appendContent([t], i);
+		for (let t of Array.from(this.childNodes)) t instanceof Comment || (S(t) ? e.appendContent([t], a) : e.appendContent([t], i));
 		return e;
 	}
 	_getLabelledbyText() {

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

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

package/dist/components/context-menu/index.d.ts

@@ -47,26 +47,6 @@ export declare class WebUiContextMenu extends LitElement {
     private _applyMenuPosition;
     private _focusFirstItem;
     private _setupMenuItems;
-    /**
-     * 捕获框架 v-if 注释锚点相对其后继元素的绑定，供重排后复位。
-     * 后继以 nextElementSibling 解析（跳过注释/文本，多个相邻锚点绑定同一后继）。
-     * 锚点在 content 末尾、无后继元素时记为 null（尾部锚点，复位时保持末尾）。
-     */
-    private _captureFrameworkAnchors;
-    /**
-     * 把锚点复位到捕获时其后继元素之前（尾部锚点保持末尾）。
-     * 元素重排用 insertBefore/appendChild 不会移动注释，锚点必须显式复位，
-     * 否则脱离模板位置后 Vue 下次 v-if 翻转会把新分支项插到错误插入点。
-     */
-    private _restoreFrameworkAnchors;
-    /**
-     * 全集 reconcile：以「content 现有元素 ∪ 宿主元素」为托管全集。
-     * 框架（如 Vue 的 v-if 翻转）可能不经宿主直接改写 portal 内节点——卸载旧项留下
-     * 注释锚点、把新项直接插进 content——它们都会被这里收编（补 marker + 补隐藏），
-     * 已被框架删除/移出两处的条目则被清理。
-     */
-    private _syncManagedItems;
-    private _orderMenuItems;
     private _returnItemsToSlot;
     private _closeMenuAfterPresence;
     private _hideMenuItems;

package/dist/components/context-menu/index.js

@@ -7,12 +7,12 @@ import "../dropdown-divider/index.js";
 import "../dropdown-header/index.js";
 import "../dropdown-item/index.js";
 import { createMenuPortalOverlay as s } from "../../shared/menu-portal/menu-portal.js";
-import { findFocusedMenuItem as c, focusMenuItem as l, getEnabledMenuItems as u, getMenuChildren as d, getMenuItemFromEvent as f, getMovableMenuSubtrees as p, hideNestedMenuChildren as m, moveMenuChildren as h } from "../../shared/menu-portal/menu-tree.js";
-import g from "./style.js";
-import { LitElement as _, html as v, unsafeCSS as y } from "lit";
-import { customElement as b, property as x, state as S } from "lit/decorators.js";
+import { captureFrameworkAnchors as c, findFocusedMenuItem as l, focusMenuItem as u, getEnabledMenuItems as d, getMenuChildren as f, getMenuItemFromEvent as p, hideNestedMenuChildren as m, moveMenuChildren as h, orderManagedMenuItems as g, reconcileManagedMenuItems as _, restoreFrameworkAnchors as v, returnManagedMenuItemsToSlot as y } from "../../shared/menu-portal/menu-tree.js";
+import b from "./style.js";
+import { LitElement as x, html as S, unsafeCSS as C } from "lit";
+import { customElement as w, property as T, state as E } from "lit/decorators.js";
 //#region src/components/context-menu/index.ts
-var C = "wui-context-menu-item", w = class extends _ {
+var D = "wui-context-menu-item", O = class extends x {
 	constructor(...e) {
 		super(...e), this.disabled = !1, this.noScrollLock = !1, this._isOpen = !1, this._x = 0, this._y = 0, this._activeSubmenus = [], this._activeSubmenuItems = [], this._submenuPositionEpochs = /* @__PURE__ */ new WeakMap(), this._closingSubmenus = /* @__PURE__ */ new Map(), this._ignoreOutsideClick = !1, this._hoverCleanupFns = [], this._menuItemAnchors = /* @__PURE__ */ new Map(), this._scrollLock = a().make(), this._userOpenChange = new o(), this._shouldOpenInstantly = !0, this._refreshScheduled = !1, this._contentObserver = new MutationObserver(() => {
 			this._isOpen && this._scheduleRefresh();
@@ -35,7 +35,7 @@ var C = "wui-context-menu-item", w = class extends _ {
 		}, this._onClickOutside = (e) => {
 			!this._isOpen || this._ignoreOutsideClick || this._isInsideShadowRoot(e) || this._closeFromUser();
 		}, this._onMenuClick = (e) => {
-			let t = f(e);
+			let t = p(e);
 			if (!(!t || t.hasAttribute("disabled"))) {
 				if (t.hasAttribute("submenu")) {
 					this._openSubmenu(t);
@@ -91,7 +91,7 @@ var C = "wui-context-menu-item", w = class extends _ {
 		};
 	}
 	static {
-		this.styles = y(g);
+		this.styles = C(b);
 	}
 	get isOpen() {
 		return this._isOpen;
@@ -175,78 +175,20 @@ var C = "wui-context-menu-item", w = class extends _ {
 		let e = this._menu;
 		if (!e) return;
 		let t = e.content;
-		this._syncManagedItems(t), this._hideMenuItems(), m(t, "context-menu-hidden");
-		let n = this._captureFrameworkAnchors(t);
-		this._orderMenuItems(t), this._restoreFrameworkAnchors(t, n);
-	}
-	_captureFrameworkAnchors(e) {
-		let t = /* @__PURE__ */ new Map();
-		for (let n of Array.from(e.childNodes)) if (n instanceof Comment && n.textContent !== C) {
-			let e = n.nextElementSibling;
-			t.set(n, e instanceof HTMLElement ? e : null);
-		}
-		return t;
-	}
-	_restoreFrameworkAnchors(e, t) {
-		for (let [n, r] of t) n.parentNode === e && (r && r.parentNode === e ? n.nextElementSibling !== r && e.insertBefore(n, r) : e.appendChild(n));
-	}
-	_syncManagedItems(e) {
-		let t = p(e), n = p(this), r = /* @__PURE__ */ new Set([...t, ...n]);
-		this._menuItemAnchors.forEach((e, t) => {
-			r.has(t) || (e.remove(), this._menuItemAnchors.delete(t));
-		});
-		let i = (e, t, n) => {
-			let r = this._menuItemAnchors.get(e);
-			if (r && r.parentNode === this) return r;
-			r?.remove();
-			let i = document.createComment(C);
-			return t ? this.insertBefore(i, e) : n && n.parentNode === this ? this.insertBefore(i, n) : this.appendChild(i), this._menuItemAnchors.set(e, i), i;
-		};
-		for (let e = t.length - 1; e >= 0; e--) {
-			let n = t[e], r = t[e + 1];
-			i(n, !1, r ? this._menuItemAnchors.get(r) : void 0);
-		}
-		for (let e of n) i(e, !0);
-		for (let t of n) e.appendChild(t);
-	}
-	_orderMenuItems(e) {
-		let t = [];
-		for (let n of Array.from(this.childNodes)) n.nodeType === Node.COMMENT_NODE && n.textContent === C && this._menuItemAnchors.forEach((r, i) => {
-			r === n && i.parentNode === e && t.push(i);
-		});
-		if (t.length === 0) return;
-		let n = Array.from(e.children);
-		if (!(n.length === t.length && n.every((e, n) => e === t[n]))) for (let n = t.length - 1; n >= 0; n--) {
-			let r = t[n], i = t[n + 1];
-			i ? r.nextElementSibling !== i && e.insertBefore(r, i) : e.appendChild(r);
-		}
+		_(this, t, this._menuItemAnchors, D), this._hideMenuItems(), m(t, "context-menu-hidden");
+		let n = c(t, D);
+		g(this, t, this._menuItemAnchors, D), v(t, n);
 	}
 	_returnItemsToSlot() {
 		let e = this._menu;
-		if (!e) return;
-		this._closeSubmenusFrom(0, !0), this._restoreClosingSubmenus();
-		let t = e.content, n = [];
-		for (let e of Array.from(t.childNodes)) {
-			if (e instanceof Comment) {
-				n.push(e);
-				continue;
-			}
-			if (!(e instanceof HTMLElement)) continue;
-			let t = this._menuItemAnchors.get(e);
-			if (t) {
-				for (let e of n) t.parentNode === this ? this.insertBefore(e, t) : this.appendChild(e);
-				n.length = 0, t.parentNode === this ? this.insertBefore(e, t) : this.appendChild(e), t.remove(), this._menuItemAnchors.delete(e);
-			}
-		}
-		for (let e of n) this.appendChild(e);
-		this._menuItemAnchors.forEach((e) => e.remove()), this._menuItemAnchors.clear();
+		e && (this._closeSubmenusFrom(0, !0), this._restoreClosingSubmenus(), y(this, e.content, this._menuItemAnchors));
 	}
 	async _closeMenuAfterPresence() {
 		let e = this._menu;
 		e && !await r(e.panel) || this._isOpen || !this.isConnected || this._menu !== e || (this._returnItemsToSlot(), e?.panel.remove(), this._menu = void 0, this._restoreFocusTarget?.focus(), this._restoreFocusTarget = void 0);
 	}
 	_hideMenuItems() {
-		d(this).forEach((e) => e.setAttribute("slot", "context-menu-hidden")), m(this, "context-menu-hidden");
+		f(this).forEach((e) => e.setAttribute("slot", "context-menu-hidden")), m(this, "context-menu-hidden");
 	}
 	_openSubmenu(e, t = !1) {
 		if (!this._isOpen || !e.hasAttribute("submenu") || e.hasAttribute("disabled")) return;
@@ -258,7 +200,7 @@ var C = "wui-context-menu-item", w = class extends _ {
 			this._closingSubmenus.delete(e), this._activeSubmenus[n] = r, this._activeSubmenuItems[n] = e, e.setAttribute("active", ""), this._positionSubmenu(e, r), i(r.panel, { isInstant: t }), this._bindLevelHovers();
 			return;
 		}
-		if (d(e).length === 0) return;
+		if (f(e).length === 0) return;
 		let a = s("context-submenu", this);
 		a.panel.dataset.level = String(n), a.panel.setAttribute("role", "menu"), a.panel.setAttribute("aria-label", "子菜单"), a.panel.style.visibility = "hidden", a.panel.addEventListener("click", this._onMenuClick), h(e, a.content), this._activeSubmenus[n] = a, this._activeSubmenuItems[n] = e, e.setAttribute("active", ""), this._positionSubmenu(e, a), i(a.panel, { isInstant: t }), this._bindLevelHovers();
 	}
@@ -318,7 +260,7 @@ var C = "wui-context-menu-item", w = class extends _ {
 	}
 	_getLevelItems(e) {
 		let t = e === 0 ? this._menu?.content : this._activeSubmenus[e - 1]?.content;
-		return t ? d(t) : [];
+		return t ? f(t) : [];
 	}
 	_bindLevelHovers() {
 		this._hoverCleanupFns.forEach((e) => e()), this._hoverCleanupFns.length = 0;
@@ -349,10 +291,10 @@ var C = "wui-context-menu-item", w = class extends _ {
 	}
 	_getEnabledLevelItems(e) {
 		let t = e === 0 ? this._menu?.content : this._activeSubmenus[e - 1]?.content;
-		return t ? u(t) : [];
+		return t ? d(t) : [];
 	}
 	_getFocusedItem() {
-		return c([this._menu?.content, ...this._activeSubmenus.map((e) => e.content)]);
+		return l([this._menu?.content, ...this._activeSubmenus.map((e) => e.content)]);
 	}
 	_getFocusedLevel() {
 		let e = this._getFocusedItem();
@@ -362,13 +304,13 @@ var C = "wui-context-menu-item", w = class extends _ {
 		return t < 0 ? void 0 : t + 1;
 	}
 	_focusMenuItem(e) {
-		l(e);
+		u(e);
 	}
 	_isMenuPanelEvent(e) {
 		return e.composedPath().some((e) => e instanceof HTMLElement && (e.classList.contains("context-menu") || e.classList.contains("context-submenu")));
 	}
 	render() {
-		return v`
+		return S`
       <div class="context-menu-anchor">
         <slot @slotchange=${this._onSlotChange}></slot>
       </div>
@@ -378,15 +320,15 @@ var C = "wui-context-menu-item", w = class extends _ {
 		this._hideMenuItems(), this._isOpen && this._scheduleRefresh();
 	}
 };
-e([x({
+e([T({
 	type: Boolean,
 	reflect: !0
-})], w.prototype, "disabled", void 0), e([x({
+})], O.prototype, "disabled", void 0), e([T({
 	type: Boolean,
 	reflect: !0,
 	attribute: "no-scroll-lock"
-})], w.prototype, "noScrollLock", void 0), e([S()], w.prototype, "_isOpen", void 0), e([S()], w.prototype, "_x", void 0), e([S()], w.prototype, "_y", void 0), w = e([b("web-ui-context-menu")], w);
+})], O.prototype, "noScrollLock", void 0), e([E()], O.prototype, "_isOpen", void 0), e([E()], O.prototype, "_x", void 0), e([E()], O.prototype, "_y", void 0), O = e([w("web-ui-context-menu")], O);
 //#endregion
-export { w as WebUiContextMenu };
+export { O as WebUiContextMenu };
 
 //# sourceMappingURL=index.js.map