@greypan/web-ui 11.2.0 → 12.0.0

package/dist/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":[],"sources":["../../../src/components/toast/toast.ts"],"sourcesContent":["// web-ui-button 复用 icon 变体的焦点环与统一样式（secondary 变体，浅灰底贴合 toast 角落）\nimport '@/components/button'\nimport '@/components/icon'\n\nimport type { IconifyIcon } from '@iconify/types'\nimport { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/classes/glass.css?inline'\nimport {\n  lucideInfo,\n  lucideTriangleAlert,\n  lucideCircleAlert,\n  heroiconsXMark16Solid,\n  heroiconsCheck16Solid\n} from '@/icons'\nimport { getTransitionDuration } from '@/shared/overlay/presence'\n\nimport style from './style.css?inline'\nimport type { ToastCloseReason, ToastPosition, ToastType } from './types'\n\nconst TYPE_ICONS: Record<ToastType, IconifyIcon> = {\n  success: heroiconsCheck16Solid,\n  info: lucideInfo,\n  warning: lucideTriangleAlert,\n  error: lucideCircleAlert\n}\n\nfunction _formatTime(): string {\n  const now = new Date()\n  const h = now.getHours().toString().padStart(2, '0')\n  const m = now.getMinutes().toString().padStart(2, '0')\n  return `${h}:${m}`\n}\n\n@customElement('web-ui-toast')\nexport class WebUiToast extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: String, attribute: false }) toastId = ''\n  @property({ type: String, reflect: true }) type: ToastType = 'info'\n  @property({ type: String, reflect: true }) position: ToastPosition = 'top-right'\n  @property({ type: String }) heading = ''\n  @property({ type: String }) message = ''\n  @property({ type: Number }) duration = 3000\n  @property({ type: Boolean, reflect: true, attribute: 'no-close-button' }) noCloseButton = false\n  @property({ type: Boolean, reflect: true }) visible = false\n\n  private _closeTimer?: ReturnType<typeof setTimeout>\n  private _deadline = 0\n  /**\n   * 暂停自动关闭时记下的剩余时间。`undefined` 表示暂停时本来就没有计时器（`duration` 为 0、\n   * 或元素尚未 `show()`），与「已到期」（剩余 0）是两件事，不能共用一个 0。\n   */\n  private _pausedRemaining?: number\n  /** 指针停在 toast 上：计时处于悬停暂停态，只有指针离开才能续跑。 */\n  private _hoverPaused = false\n  private _dismissing = false\n\n  /**\n   * 退场已开始、`toast-close` 尚未派发。这段窗口内元素仍连接在 DOM、也仍被 manager 的映射\n   * 持有，但已不再接受属性更新：manager 的 upsert 据此走新建路径，否则「更新」会写进一条\n   * 正在消失的元素里 —— 调用方拿到同一个 id，却看不到任何可见通知。\n   */\n  get dismissing(): boolean {\n    return this._dismissing\n  }\n\n  /** 指针仍停在 toast 上，自动关闭计时处于暂停态。 */\n  get hoverPaused(): boolean {\n    return this._hoverPaused\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('pointerenter', this._onPointerEnter)\n    this.addEventListener('pointerleave', this._onPointerLeave)\n    // 悬停中被搬迁（不支持 moveBefore 的引擎走摘出重插）时暂停态要连兜底一起带回来，\n    // 否则新位置上既没有 document 监听、也不会再补发 pointerenter，这条 toast 又变成永久停留。\n    if (this._hoverPaused) this._attachHoverFallback()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    this._detachHoverFallback()\n    this._clearTimer()\n  }\n\n  /**\n   * 定义该回调后，`Element.moveBefore()` 搬迁节点不再触发 disconnected/connected，\n   * 自动关闭计时与动画状态得以保留；未定义时旧引擎会走摘出重插，计时被 `_clearTimer()` 清掉。\n   */\n  connectedMoveCallback() {}\n\n  protected override updated(changed: PropertyValues) {\n    if (changed.has('position')) {\n      this._applySlideDirection()\n    }\n  }\n\n  private _applySlideDirection() {\n    const SLIDE_OFFSET = 20\n    let x = 0\n    let y = 0\n\n    if (this.position.includes('left')) x = -SLIDE_OFFSET\n    else if (this.position.includes('right')) x = SLIDE_OFFSET\n\n    if (this.position.startsWith('top')) y = -SLIDE_OFFSET\n    else if (this.position.startsWith('bottom')) y = SLIDE_OFFSET\n\n    this.style.setProperty('--toast-slide-x', `${x}px`)\n    this.style.setProperty('--toast-slide-y', `${y}px`)\n  }\n\n  startAutoClose() {\n    this._clearTimer()\n    if (this.duration > 0) {\n      this._deadline = Date.now() + this.duration\n      this._closeTimer = setTimeout(() => {\n        this.dismiss('auto')\n      }, this.duration)\n    }\n  }\n\n  /**\n   * 由 manager 调用：显式 `duration` 更新。悬停暂停期间只记新值、不点火 —— 否则指针还压在\n   * toast 上时计时就被重启，「悬停暂停」在这条路径上直接失效。恢复时按新 duration 计满：\n   * 调用方显式改了生命周期，续跑按旧时长算出的剩余没有意义。`0` 表示不自动关闭，记成\n   * 「没有计时器」，否则恢复时会被当成「已到期」立即退场。\n   */\n  setDuration(ms: number) {\n    this.duration = ms\n    if (this._hoverPaused) {\n      this._pausedRemaining = ms > 0 ? ms : undefined\n      return\n    }\n    this.startAutoClose()\n  }\n\n  // 不支持 moveBefore 的引擎上搬迁节点前调用：记下剩余时间，搬完由 resumeAutoClose() 续跑。\n  pauseAutoClose() {\n    // 已经在暂停态时保留既有剩余：悬停暂停期间若发生搬迁，降级路径也会走到这里，无条件\n    // 重算会把悬停记下的剩余抹成「没有计时器」，指针离开后这条 toast 就再也不会关闭。\n    if (this._closeTimer === undefined && this._pausedRemaining !== undefined) return\n    // 计时器仍在跑时剩余时间可能算出 0：deadline 已过、回调还排在队列里没执行。这一支与\n    // 「本来就没有计时器」必须分开记（undefined vs 0），否则续跑无法区分两者。\n    this._pausedRemaining = this._closeTimer === undefined ? undefined : Math.max(0, this._deadline - Date.now())\n    this._clearTimer()\n  }\n\n  // 与 pauseAutoClose() 成对：暂停时没有计时器就保持原状，不重启满时长；\n  // 已到期则立即退场 —— 而不是把「已到期」当成「从来没有计时器」放过，那样这条 toast 会永不关闭。\n  resumeAutoClose() {\n    // 悬停还没结束时只交还剩余时间、不点火：搬迁降级路径也会走到这里，真正的续跑等指针\n    // 离开（_resumeFromHover）再开始，否则鼠标还停着就已经在倒计时了。\n    if (this._hoverPaused) return\n    const remaining = this._pausedRemaining\n    this._pausedRemaining = undefined\n    if (remaining === undefined) return\n    // 装新计时器前先拆掉可能仍在跑的旧计时器：pause/resume 一旦不再严格成对（调用序被重排），\n    // 直接覆盖 `_closeTimer` 会留下两个 deadline 同时倒计时，先到的那个把 toast 提前关掉。\n    this._clearTimer()\n    if (remaining <= 0) {\n      this.dismiss('auto')\n      return\n    }\n    this._deadline = Date.now() + remaining\n    this._closeTimer = setTimeout(() => {\n      this.dismiss('auto')\n    }, remaining)\n  }\n\n  // 由 manager 调用：播放入场动画后自动开始计时\n  show() {\n    this._dismissing = false\n    this.visible = true\n    // 挂载时指针已经压在上面（光标停在 toast 将要出现的位置）：入场后直接进入暂停，\n    // 不能点火 —— 那条计时会在指针还停着的时候把 toast 关掉。\n    if (this._hoverPaused) {\n      this._pausedRemaining = this.duration > 0 ? this.duration : undefined\n      return\n    }\n    this.startAutoClose()\n  }\n\n  // 含退场动画，结束由 transitionend 驱动后派发 close。\n  dismiss(reason: ToastCloseReason = 'programmatic') {\n    if (this._dismissing) return\n    this._dismissing = true\n    // 退场优先于悬停：暂停态不再有意义，document 兜底监听也要收掉，否则退场中的\n    // 元素会继续持有「指针还在上面」的状态。\n    this._hoverPaused = false\n    this._detachHoverFallback()\n    if (!this.visible) {\n      // 尚未 show()（manager 挂载之后、rAF 之前）或从未显示过：没有退场动画可播，立即派发，\n      // 由 manager 的 toast-close 监听摘除元素。若在这里早退，close()/clear() 落在这段窗口\n      // 里就会静默失效 —— 元素照常入场，调用方却以为已经关掉了。\n      this._dispatchClose(reason)\n      return\n    }\n    this.visible = false\n    this._clearTimer()\n    const onEnd = () => {\n      this.removeEventListener('transitionend', onEnd)\n      this._dispatchClose(reason)\n    }\n    this.addEventListener('transitionend', onEnd)\n    // fallback: transitionend 不触发时（display:none 等）\n    const toast = this.shadowRoot?.querySelector<HTMLElement>('.toast')\n    setTimeout(onEnd, getTransitionDuration(toast ?? this) + 80)\n  }\n\n  private _clearTimer() {\n    if (this._closeTimer !== undefined) {\n      clearTimeout(this._closeTimer)\n      this._closeTimer = undefined\n    }\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this._hoverPaused) return\n    this._hoverPaused = true\n    this.pauseAutoClose()\n    // pointerleave 是唯一的恢复入口时，漏掉一次（指针拖出窗口、元素在悬停期间被搬迁或\n    // 摘出、光标静止时布局把 toast 移走）这条 toast 就永久停在屏幕上。document 级兜底\n    // 补上这个缺口：指针落到别的元素上、或离开文档，都判定悬停结束。三个信号互相兜底，\n    // 因为单一信号在不同引擎上都有漏派发的场景。\n    this._attachHoverFallback()\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针移到别的元素上（冒泡到 document）。路径不含本元素说明指针已经不在\n  // toast 上；composedPath() 覆盖 shadow DOM，指针在 toast 内部节点之间移动不算离开。\n  private _onDocumentPointerOver = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (e.composedPath().includes(this)) return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针移出窗口。部分引擎不保证 document 上的 pointerleave，用 relatedTarget\n  // 为空的 pointerout 补上 —— 悬停中的 toast 被摘除时同样会派发这种 pointerout。\n  private _onDocumentPointerOut = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (e.relatedTarget !== null) return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针离开整个文档（移出窗口）。文档内的元素间移动不会派发到 document。\n  private _onDocumentPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    this._resumeFromHover()\n  }\n\n  private _resumeFromHover() {\n    if (!this._hoverPaused) return\n    this._hoverPaused = false\n    this._detachHoverFallback()\n    this.resumeAutoClose()\n  }\n\n  private _attachHoverFallback() {\n    document.addEventListener('pointerover', this._onDocumentPointerOver)\n    document.addEventListener('pointerout', this._onDocumentPointerOut)\n    document.addEventListener('pointerleave', this._onDocumentPointerLeave)\n  }\n\n  private _detachHoverFallback() {\n    document.removeEventListener('pointerover', this._onDocumentPointerOver)\n    document.removeEventListener('pointerout', this._onDocumentPointerOut)\n    document.removeEventListener('pointerleave', this._onDocumentPointerLeave)\n  }\n\n  private _onCloseClick = () => {\n    this.dismiss('manual')\n  }\n\n  private _dispatchClose(reason: ToastCloseReason) {\n    this.dispatchEvent(\n      new CustomEvent('toast-close', {\n        detail: { id: this.toastId, reason },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  override render() {\n    const icon = TYPE_ICONS[this.type]\n    const ariaLive = this.type === 'error' ? 'assertive' : 'polite'\n    // role=\"alert\" 会强制隐式 aria-live=\"assertive\"，覆盖掉上方 aria-live 设置，\n    // 因此仅 error toast 使用 alert（本就应 assertive）；其余类型交给容器 role=\"log\" 的 polite 播报。\n    const role = this.type === 'error' ? 'alert' : nothing\n\n    return html`\n      <div class=\"toast wui-glass ${this.type}\" role=${role} aria-live=${ariaLive} aria-atomic=\"true\">\n        <span class=\"toast-icon\" aria-hidden=\"true\">\n          <web-ui-icon .icon=${icon} size=\"14\"></web-ui-icon>\n        </span>\n        <div class=\"toast-body\">\n          ${this.heading ? html`<div class=\"toast-heading\">${this.heading}</div>` : nothing}\n          <div class=\"toast-message\">${this.message}</div>\n        </div>\n        <span class=\"toast-time\">${_formatTime()}</span>\n        ${\n          !this.noCloseButton\n            ? html`\n                <web-ui-button\n                  class=\"toast-close-btn\"\n                  icon\n                  variant=\"secondary\"\n                  size=\"24\"\n                  aria-label=\"Close\"\n                  @click=${this._onCloseClick}\n                >\n                  <web-ui-icon .icon=${heroiconsXMark16Solid} size=\"16\"></web-ui-icon>\n                </web-ui-button>\n              `\n            : nothing\n        }\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'toast-close': CustomEvent<{ id: string; reason: ToastCloseReason }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-toast': WebUiToast\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"toast.js","names":["heroiconsCheck16Solid","lucideInfo","lucideTriangleAlert","lucideCircleAlert","glass","style","heroiconsXMark16Solid"],"sources":["../../../src/components/toast/toast.ts"],"sourcesContent":["// web-ui-button 复用 icon 变体的焦点环与统一样式（secondary 变体，浅灰底贴合 toast 角落）\nimport '@/components/button'\nimport '@/components/icon'\n\nimport type { IconifyIcon } from '@iconify/types'\nimport { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/classes/glass.css?inline'\nimport {\n  lucideInfo,\n  lucideTriangleAlert,\n  lucideCircleAlert,\n  heroiconsXMark16Solid,\n  heroiconsCheck16Solid\n} from '@/icons'\nimport { getTransitionDuration } from '@/shared/overlay/presence'\n\nimport style from './style.css?inline'\nimport type { ToastCloseReason, ToastPosition, ToastType } from './types'\n\nconst TYPE_ICONS: Record<ToastType, IconifyIcon> = {\n  success: heroiconsCheck16Solid,\n  info: lucideInfo,\n  warning: lucideTriangleAlert,\n  error: lucideCircleAlert\n}\n\nfunction _formatTime(): string {\n  const now = new Date()\n  const h = now.getHours().toString().padStart(2, '0')\n  const m = now.getMinutes().toString().padStart(2, '0')\n  return `${h}:${m}`\n}\n\n@customElement('web-ui-toast')\nexport class WebUiToast extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: String, attribute: false }) toastId = ''\n  @property({ type: String, reflect: true }) type: ToastType = 'info'\n  @property({ type: String, reflect: true }) position: ToastPosition = 'top-right'\n  @property({ type: String }) heading = ''\n  @property({ type: String }) message = ''\n  @property({ type: Number }) duration = 3000\n  @property({ type: Boolean, reflect: true, attribute: 'no-close-button' }) noCloseButton = false\n  @property({ type: Boolean, reflect: true }) visible = false\n\n  private _closeTimer?: ReturnType<typeof setTimeout>\n  private _cancelDismiss?: () => void\n  private _deadline = 0\n  /**\n   * 暂停自动关闭时记下的剩余时间。`undefined` 表示暂停时本来就没有计时器（`duration` 为 0、\n   * 或元素尚未 `show()`），与「已到期」（剩余 0）是两件事，不能共用一个 0。\n   */\n  private _pausedRemaining?: number\n  /** 指针停在 toast 上：计时处于悬停暂停态，只有指针离开才能续跑。 */\n  private _hoverPaused = false\n  private _dismissing = false\n\n  /**\n   * 退场已开始、`toast-close` 尚未派发。这段窗口内元素仍连接在 DOM、也仍被 manager 的映射\n   * 持有，但已不再接受属性更新：manager 的 upsert 据此走新建路径，否则「更新」会写进一条\n   * 正在消失的元素里 —— 调用方拿到同一个 id，却看不到任何可见通知。\n   */\n  get dismissing(): boolean {\n    return this._dismissing\n  }\n\n  /** 指针仍停在 toast 上，自动关闭计时处于暂停态。 */\n  get hoverPaused(): boolean {\n    return this._hoverPaused\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('pointerenter', this._onPointerEnter)\n    this.addEventListener('pointerleave', this._onPointerLeave)\n    // 悬停中被搬迁（不支持 moveBefore 的引擎走摘出重插）时暂停态要连兜底一起带回来，\n    // 否则新位置上既没有 document 监听、也不会再补发 pointerenter，这条 toast 又变成永久停留。\n    if (this._hoverPaused) this._attachHoverFallback()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    this._detachHoverFallback()\n    this._clearTimer()\n    this._cancelDismiss?.()\n  }\n\n  /**\n   * 定义该回调后，`Element.moveBefore()` 搬迁节点不再触发 disconnected/connected，\n   * 自动关闭计时与动画状态得以保留；未定义时旧引擎会走摘出重插，计时被 `_clearTimer()` 清掉。\n   */\n  connectedMoveCallback() {}\n\n  protected override updated(changed: PropertyValues) {\n    if (changed.has('position')) {\n      this._applySlideDirection()\n    }\n  }\n\n  private _applySlideDirection() {\n    const SLIDE_OFFSET = 20\n    let x = 0\n    let y = 0\n\n    if (this.position.includes('left')) x = -SLIDE_OFFSET\n    else if (this.position.includes('right')) x = SLIDE_OFFSET\n\n    if (this.position.startsWith('top')) y = -SLIDE_OFFSET\n    else if (this.position.startsWith('bottom')) y = SLIDE_OFFSET\n\n    this.style.setProperty('--toast-slide-x', `${x}px`)\n    this.style.setProperty('--toast-slide-y', `${y}px`)\n  }\n\n  startAutoClose() {\n    this._clearTimer()\n    if (this.duration > 0) {\n      this._deadline = Date.now() + this.duration\n      this._closeTimer = setTimeout(() => {\n        this.dismiss('auto')\n      }, this.duration)\n    }\n  }\n\n  /**\n   * 由 manager 调用：显式 `duration` 更新。悬停暂停期间只记新值、不点火 —— 否则指针还压在\n   * toast 上时计时就被重启，「悬停暂停」在这条路径上直接失效。恢复时按新 duration 计满：\n   * 调用方显式改了生命周期，续跑按旧时长算出的剩余没有意义。`0` 表示不自动关闭，记成\n   * 「没有计时器」，否则恢复时会被当成「已到期」立即退场。\n   */\n  setDuration(ms: number) {\n    this.duration = ms\n    if (this._hoverPaused) {\n      this._pausedRemaining = ms > 0 ? ms : undefined\n      return\n    }\n    this.startAutoClose()\n  }\n\n  // 不支持 moveBefore 的引擎上搬迁节点前调用：记下剩余时间，搬完由 resumeAutoClose() 续跑。\n  pauseAutoClose() {\n    // 已经在暂停态时保留既有剩余：悬停暂停期间若发生搬迁，降级路径也会走到这里，无条件\n    // 重算会把悬停记下的剩余抹成「没有计时器」，指针离开后这条 toast 就再也不会关闭。\n    if (this._closeTimer === undefined && this._pausedRemaining !== undefined) return\n    // 计时器仍在跑时剩余时间可能算出 0：deadline 已过、回调还排在队列里没执行。这一支与\n    // 「本来就没有计时器」必须分开记（undefined vs 0），否则续跑无法区分两者。\n    this._pausedRemaining = this._closeTimer === undefined ? undefined : Math.max(0, this._deadline - Date.now())\n    this._clearTimer()\n  }\n\n  // 与 pauseAutoClose() 成对：暂停时没有计时器就保持原状，不重启满时长；\n  // 已到期则立即退场 —— 而不是把「已到期」当成「从来没有计时器」放过，那样这条 toast 会永不关闭。\n  resumeAutoClose() {\n    // 悬停还没结束时只交还剩余时间、不点火：搬迁降级路径也会走到这里，真正的续跑等指针\n    // 离开（_resumeFromHover）再开始，否则鼠标还停着就已经在倒计时了。\n    if (this._hoverPaused) return\n    const remaining = this._pausedRemaining\n    this._pausedRemaining = undefined\n    if (remaining === undefined) return\n    // 装新计时器前先拆掉可能仍在跑的旧计时器：pause/resume 一旦不再严格成对（调用序被重排），\n    // 直接覆盖 `_closeTimer` 会留下两个 deadline 同时倒计时，先到的那个把 toast 提前关掉。\n    this._clearTimer()\n    if (remaining <= 0) {\n      this.dismiss('auto')\n      return\n    }\n    this._deadline = Date.now() + remaining\n    this._closeTimer = setTimeout(() => {\n      this.dismiss('auto')\n    }, remaining)\n  }\n\n  // 由 manager 调用：播放入场动画后自动开始计时\n  show() {\n    this._cancelDismiss?.()\n    this._dismissing = false\n    this.visible = true\n    // 挂载时指针已经压在上面（光标停在 toast 将要出现的位置）：入场后直接进入暂停，\n    // 不能点火 —— 那条计时会在指针还停着的时候把 toast 关掉。\n    if (this._hoverPaused) {\n      this._pausedRemaining = this.duration > 0 ? this.duration : undefined\n      return\n    }\n    this.startAutoClose()\n  }\n\n  // 含退场动画，结束由 transitionend 驱动后派发 close。\n  dismiss(reason: ToastCloseReason = 'programmatic') {\n    if (this._dismissing) return\n    this._dismissing = true\n    // 退场优先于悬停：暂停态不再有意义，document 兜底监听也要收掉，否则退场中的\n    // 元素会继续持有「指针还在上面」的状态。\n    this._hoverPaused = false\n    this._detachHoverFallback()\n    this._clearTimer()\n    if (!this.visible) {\n      // 尚未 show()（manager 挂载之后、rAF 之前）或从未显示过：没有退场动画可播，立即派发，\n      // 由 manager 的 toast-close 监听摘除元素。若在这里早退，close()/clear() 落在这段窗口\n      // 里就会静默失效 —— 元素照常入场，调用方却以为已经关掉了。\n      this._dispatchClose(reason)\n      return\n    }\n    this.visible = false\n    // transitionend 不穿过 shadow 边界；仅接受承担退场过渡的面板自身完成。\n    const panel = this.shadowRoot?.querySelector<HTMLElement>('.toast') ?? this\n    let completed = false\n    let fallback: ReturnType<typeof setTimeout> | undefined\n    const cancel = () => {\n      if (completed) return\n      completed = true\n      panel.removeEventListener('transitionend', onEnd)\n      clearTimeout(fallback)\n      this._cancelDismiss = undefined\n    }\n    const onEnd = (event?: Event) => {\n      if (completed || (event && event.target !== panel)) return\n      cancel()\n      this._dispatchClose(reason)\n    }\n    this._cancelDismiss = cancel\n    panel.addEventListener('transitionend', onEnd)\n    // [visible] 反射后才应用退出时长；取消须覆盖等待 Lit 提交的这段窗口。\n    void this.updateComplete.then(() => {\n      if (!completed) fallback = setTimeout(onEnd, getTransitionDuration(panel) + 80)\n    })\n  }\n\n  private _clearTimer() {\n    if (this._closeTimer !== undefined) {\n      clearTimeout(this._closeTimer)\n      this._closeTimer = undefined\n    }\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this._hoverPaused) return\n    this._hoverPaused = true\n    this.pauseAutoClose()\n    // pointerleave 是唯一的恢复入口时，漏掉一次（指针拖出窗口、元素在悬停期间被搬迁或\n    // 摘出、光标静止时布局把 toast 移走）这条 toast 就永久停在屏幕上。document 级兜底\n    // 补上这个缺口：指针落到别的元素上、或离开文档，都判定悬停结束。三个信号互相兜底，\n    // 因为单一信号在不同引擎上都有漏派发的场景。\n    this._attachHoverFallback()\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针移到别的元素上（冒泡到 document）。路径不含本元素说明指针已经不在\n  // toast 上；composedPath() 覆盖 shadow DOM，指针在 toast 内部节点之间移动不算离开。\n  private _onDocumentPointerOver = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (e.composedPath().includes(this)) return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针移出窗口。部分引擎不保证 document 上的 pointerleave，用 relatedTarget\n  // 为空的 pointerout 补上 —— 悬停中的 toast 被摘除时同样会派发这种 pointerout。\n  private _onDocumentPointerOut = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (e.relatedTarget !== null) return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针离开整个文档（移出窗口）。文档内的元素间移动不会派发到 document。\n  private _onDocumentPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    this._resumeFromHover()\n  }\n\n  private _resumeFromHover() {\n    if (!this._hoverPaused) return\n    this._hoverPaused = false\n    this._detachHoverFallback()\n    this.resumeAutoClose()\n  }\n\n  private _attachHoverFallback() {\n    document.addEventListener('pointerover', this._onDocumentPointerOver)\n    document.addEventListener('pointerout', this._onDocumentPointerOut)\n    document.addEventListener('pointerleave', this._onDocumentPointerLeave)\n  }\n\n  private _detachHoverFallback() {\n    document.removeEventListener('pointerover', this._onDocumentPointerOver)\n    document.removeEventListener('pointerout', this._onDocumentPointerOut)\n    document.removeEventListener('pointerleave', this._onDocumentPointerLeave)\n  }\n\n  private _onCloseClick = () => {\n    this.dismiss('manual')\n  }\n\n  private _dispatchClose(reason: ToastCloseReason) {\n    this.dispatchEvent(\n      new CustomEvent('toast-close', {\n        detail: { id: this.toastId, reason },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  override render() {\n    const icon = TYPE_ICONS[this.type]\n    const ariaLive = this.type === 'error' ? 'assertive' : 'polite'\n    // role=\"alert\" 会强制隐式 aria-live=\"assertive\"，覆盖掉上方 aria-live 设置，\n    // 因此仅 error toast 使用 alert（本就应 assertive）；其余类型交给容器 role=\"log\" 的 polite 播报。\n    const role = this.type === 'error' ? 'alert' : nothing\n\n    return html`\n      <div class=\"toast wui-glass ${this.type}\" role=${role} aria-live=${ariaLive} aria-atomic=\"true\">\n        <span class=\"toast-icon\" aria-hidden=\"true\">\n          <web-ui-icon .icon=${icon} size=\"14\"></web-ui-icon>\n        </span>\n        <div class=\"toast-body\">\n          ${this.heading ? html`<div class=\"toast-heading\">${this.heading}</div>` : nothing}\n          <div class=\"toast-message\">${this.message}</div>\n        </div>\n        <span class=\"toast-time\">${_formatTime()}</span>\n        ${\n          !this.noCloseButton\n            ? html`\n                <web-ui-button\n                  class=\"toast-close-btn\"\n                  icon\n                  variant=\"secondary\"\n                  size=\"24\"\n                  aria-label=\"Close\"\n                  @click=${this._onCloseClick}\n                >\n                  <web-ui-icon .icon=${heroiconsXMark16Solid} size=\"16\"></web-ui-icon>\n                </web-ui-button>\n              `\n            : nothing\n        }\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'toast-close': CustomEvent<{ id: string; reason: ToastCloseReason }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-toast': WebUiToast\n  }\n}\n"],"mappings":"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"}

package/dist/components/toast/types.d.ts

@@ -2,15 +2,16 @@ export type ToastType = 'success' | 'info' | 'warning' | 'error';
 export type ToastCloseReason = 'auto' | 'manual' | 'programmatic' | 'clear';
 export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 export interface ToastOptions {
-    message: string;
-    type?: ToastType;
-    duration?: number;
-    closable?: boolean;
-    id?: string;
-    heading?: string;
-    target?: Element;
-    container?: HTMLElement;
+  message: string;
+  type?: ToastType;
+  duration?: number;
+  closable?: boolean;
+  id?: string;
+  heading?: string;
+  target?: Element;
+  container?: HTMLElement;
 }
 export interface ToastInstanceOptions extends ToastOptions {
-    position?: ToastPosition;
+  position?: ToastPosition;
 }
+//# sourceMappingURL=types.d.ts.map

package/dist/components/toast/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/components/toast/types.ts"],"mappings":"A,YAAY;YACA;YACA;iBAEK;EACf;EACA,OAAO;EACP;EACA;EAEA;EACA;EAEA,SAAS;EAET,YAAY;;iBAGG,6BAA6B;EAC5C,WAAW"}

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

@@ -1,66 +1,76 @@
-import { Placement } from '@floating-ui/dom';
-import { LitElement } from 'lit';
-import { OverlayContainer } from '../../shared/overlay/portal';
+import { OverlayContainer } from "../../shared/overlay/portal.js";
+import { LitElement } from "lit";
+import { Placement } from "@floating-ui/dom";
 export declare class WebUiTooltip extends LitElement {
-    static styles: import('lit').CSSResult[];
-    get placement(): Placement;
-    set placement(v: string);
-    private _placement;
-    get showDelay(): number;
-    set showDelay(v: number);
-    private _showDelay;
-    get hideDelay(): number;
-    set hideDelay(v: number);
-    private _hideDelay;
-    disabled: boolean;
-    get offset(): number;
-    set offset(v: number);
-    private _offset;
-    content: string;
-    open: boolean;
-    portal: boolean;
-    overlayContainer?: OverlayContainer;
-    private _showTimer?;
-    private _hideTimer?;
-    private _isCountedVisible;
-    private readonly _userOpenChange;
-    private _shouldOpenInstantly;
-    private _portal?;
-    /**
-     * 实例作用域的帧事务入口。`requestClose` 是关闭入口的唯一接线：panel 的
-     * `arbitration: 'none'` 让 tooltip 在组合树里但永不成候选，因此这条**现在不会被
-     * 模块调用**。保留它是不想把「怎么关」藏起来，也让仲裁策略变化时依然成立。
-     */
-    private readonly _overlay;
-    private readonly _panel;
-    get isOpen(): boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    protected willUpdate(changed: Map<string, unknown>): void;
-    protected updated(changed: Map<string, unknown>): void;
-    private _onPointerEnter;
-    private _onPointerLeave;
-    private _onFocusIn;
-    private _onFocusOut;
-    private _show;
-    private _hide;
-    private _openOverlay;
-    private _createPortal;
-    private _closeOverlay;
-    private _reconfigureOverlay;
-    private _syncPortalContent;
-    private _dispatchChange;
-    private _syncVisibleTooltipCount;
-    render(): import('lit').TemplateResult<1>;
-    readonly $events: {
-        'open-change': CustomEvent<{
-            open: boolean;
-        }>;
-    };
+  static styles: import("lit").CSSResult[];
+  get placement(): Placement;
+  set placement(v: string);
+  private _placement;
+  get showDelay(): number;
+  set showDelay(v: number);
+  private _showDelay;
+  get hideDelay(): number;
+  set hideDelay(v: number);
+  private _hideDelay;
+  disabled: boolean;
+  get offset(): number;
+  set offset(v: number);
+  private _offset;
+  content: string;
+  open: boolean;
+  portal: boolean;
+  overlayContainer?: OverlayContainer;
+  private _showTimer?;
+  private _hideTimer?;
+  private _isCountedVisible;
+  private readonly _userOpenChange;
+  private _shouldOpenInstantly;
+  private _portal?;
+  private readonly _panelId;
+  private readonly _descriptionTargets;
+  /**
+   * 实例作用域的帧事务入口。`requestClose` 是关闭入口的唯一接线：panel 的
+   * `arbitration: 'none'` 让 tooltip 在组合树里但永不成候选，因此这条**现在不会被
+   * 模块调用**。保留它是不想把「怎么关」藏起来，也让仲裁策略变化时依然成立。
+   */
+  private readonly _overlay;
+  private readonly _panel;
+  get isOpen(): boolean;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  firstUpdated(): void;
+  protected willUpdate(changed: Map<string, unknown>): void;
+  protected updated(changed: Map<string, unknown>): void;
+  private _onPointerEnter;
+  private _onPointerLeave;
+  private _onFocusIn;
+  private _onFocusOut;
+  private _show;
+  private _hide;
+  private _openOverlay;
+  private _createPortal;
+  private _closeOverlay;
+  private _reconfigureOverlay;
+  private _syncPortalContent;
+  private _dispatchChange;
+  private _getDescriptionTargets;
+  private _readDescription;
+  private _syncDescription;
+  private _clearDescription;
+  private _restoreDescription;
+  private _onTriggerSlotChange;
+  private _onContentSlotChange;
+  private _syncVisibleTooltipCount;
+  render(): import("lit").TemplateResult<1>;
+  readonly $events: {
+    'open-change': CustomEvent<{
+      open: boolean;
+    }>;
+  };
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'web-ui-tooltip': WebUiTooltip;
-    }
+  interface HTMLElementTagNameMap {
+    'web-ui-tooltip': WebUiTooltip;
+  }
 }
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/tooltip/index.ts"],"mappings":";;;qBAqBa,qBAAqB;SAChB,sBAAM;MAGlB,aAAa;MAGb,UAAU;UAKN;MAGJ;MAGA,UAAU;UAKN;MAGJ;MAGA,UAAU;UAKN;EAEoC;MAGxC;MAGA,OAAO;UAKH;EAEoB;EAEgB;EACA;EACZ,mBAAmB;UAE3C;UACA;UACA;mBACS;UACT;UACA;mBACS;mBAOA;;;;;;mBAMA;mBAIA;MAgBb;EAIK;EASA;EAeA;YAQU,WAAW,SAAS;YAQpB,QAAQ,SAAS;UA4B5B;UASA;UAMA;UAUA;UAKA;UAOA;UAMA;UAIA;UAwBM;UAIN;UAIA;UAkBA;UAIA;UAUA;UAWA;UAwBA;UAKA;UAKA;UAIA;UAIA;EAUC,wBAAM;WAoBE;IACf,eAAe;MAAc;;;;QAIzB;YACI;IACR,kBAAkB"}