@greypan/web-ui 11.2.0 → 12.0.1

package/dist/components/back-top/index.d.ts

@@ -1,31 +1,34 @@
-import { LitElement, PropertyValues } from 'lit';
+import "../icon/index.js";
+import "../button/index.js";
+import { LitElement, PropertyValues } from "lit";
 export declare class WebUiBackTop extends LitElement {
-    static styles: import('lit').CSSResult;
-    get scrollBehavior(): 'smooth' | 'auto';
-    set scrollBehavior(value: string);
-    private _scrollBehavior;
-    visible: boolean;
-    scrollTarget: HTMLElement | Window;
-    ariaLabel: string | null;
-    get threshold(): number;
-    set threshold(v: number);
-    private _threshold;
-    private eventController?;
-    private readonly slottedTextObserver;
-    private readonly onSlotChange;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected willUpdate(props: PropertyValues): void;
-    private get target();
-    private onScrollTarget;
-    private computeVisible;
-    toTop(): void;
-    private onEnter;
-    private hasDefaultSlotContent;
-    render(): import('lit').TemplateResult<1>;
+  static styles: import("lit").CSSResult;
+  get scrollBehavior(): 'smooth' | 'auto';
+  set scrollBehavior(value: string);
+  private _scrollBehavior;
+  visible: boolean;
+  scrollTarget: HTMLElement | Window;
+  ariaLabel: string | null;
+  get threshold(): number;
+  set threshold(v: number);
+  private _threshold;
+  private eventController?;
+  private readonly slottedTextObserver;
+  private readonly onSlotChange;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected willUpdate(props: PropertyValues): void;
+  private get target();
+  private onScrollTarget;
+  private computeVisible;
+  toTop(): void;
+  private onEnter;
+  private hasDefaultSlotContent;
+  render(): import("lit").TemplateResult<1>;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'web-ui-back-top': WebUiBackTop;
-    }
+  interface HTMLElementTagNameMap {
+    'web-ui-back-top': WebUiBackTop;
+  }
 }
+//# sourceMappingURL=index.d.ts.map

package/dist/components/back-top/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/back-top/index.ts"],"mappings":";;;qBAea,qBAAqB;SAChB,sBAAM;MAGlB;MAGA,eAAe;UAKX;EACoC;EACZ,cAAc,cAAc;EACE;MAG1D;MAGA,UAAU;UAKN;UAES;mBAEA;mBACA;EAER;EAOA;YAMU,WAAW,OAAO;cAezB;UASJ;UAaA;EAWR;UAqBQ;UAOA;EAUC,wBAAM;;QAuBT;YACI;IACR,mBAAmB"}

package/dist/components/back-top/index.js

@@ -1,131 +1,165 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import "../icon/index.js";
-import t from "../../icons/generated/lucide-arrow-up-to-line.js";
-import { normalizeLiteral as n, normalizeNumber as r } from "../../shared/normalize/index.js";
+import lucide_arrow_up_to_line_default from "../../icons/generated/lucide-arrow-up-to-line.js";
+import { normalizeLiteral, normalizeNumber } from "../../shared/normalize/index.js";
 import "../button/index.js";
-import { prefersReducedMotion as i } from "../../shared/theme/reduced-motion.js";
-import a from "./style.js";
-import { LitElement as o, html as s, nothing as c, unsafeCSS as l } from "lit";
-import { customElement as u, property as d, state as f } from "lit/decorators.js";
-import { getRootScrollTop as p } from "@greypan/browser-kit";
-//#region src/components/back-top/index.ts
-var m = class extends o {
-	constructor(...e) {
-		super(...e), this._scrollBehavior = "smooth", this.visible = !1, this.scrollTarget = window, this.ariaLabel = null, this._threshold = 200, this.slottedTextObserver = new MutationObserver(() => this.requestUpdate()), this.onSlotChange = () => this.requestUpdate();
+import { resolveBuiltinLabel } from "../../shared/locale/builtin-labels.js";
+import { prefersReducedMotion } from "../../shared/theme/reduced-motion.js";
+import style_default from "./style.js";
+import { LitElement, html, nothing, unsafeCSS } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { getRootScrollTop } from "@greypan/browser-kit";
+// src/components/back-top/index.ts
+let WebUiBackTop = class WebUiBackTop extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this._scrollBehavior = "smooth";
+		this.visible = false;
+		this.scrollTarget = window;
+		this.ariaLabel = null;
+		this._threshold = 200;
+		this.slottedTextObserver = new MutationObserver(() => this.requestUpdate());
+		this.onSlotChange = () => this.requestUpdate();
 	}
 	static {
-		this.styles = l(a);
+		this.styles = unsafeCSS(style_default);
 	}
 	get scrollBehavior() {
 		return this._scrollBehavior;
 	}
-	set scrollBehavior(e) {
-		let t = this._scrollBehavior;
-		this._scrollBehavior = n(e, ["smooth", "auto"], "smooth"), this.requestUpdate("scrollBehavior", t);
+	set scrollBehavior(value) {
+		const old = this._scrollBehavior;
+		this._scrollBehavior = normalizeLiteral(value, ["smooth", "auto"], "smooth");
+		this.requestUpdate("scrollBehavior", old);
 	}
 	get threshold() {
 		return this._threshold;
 	}
-	set threshold(e) {
-		let t = this._threshold;
-		this._threshold = r(e, 0, 1e4, 200), this.requestUpdate("threshold", t);
+	set threshold(v) {
+		const old = this._threshold;
+		this._threshold = normalizeNumber(v, 0, 1e4, 200);
+		this.requestUpdate("threshold", old);
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.slottedTextObserver.observe(this, {
-			characterData: !0,
-			subtree: !0
-		}), this.computeVisible(), this.onScrollTarget();
+		super.connectedCallback();
+		this.slottedTextObserver.observe(this, {
+			characterData: true,
+			subtree: true
+		});
+		this.computeVisible();
+		this.onScrollTarget();
 	}
 	disconnectedCallback() {
-		this.slottedTextObserver.disconnect(), super.disconnectedCallback(), this.eventController?.abort();
-	}
-	willUpdate(e) {
-		super.willUpdate(e), (e.has("threshold") || e.has("scrollTarget")) && this.computeVisible(), e.has("scrollTarget") && (this.toggleAttribute("container-mode", this.target !== window), this.onScrollTarget());
+		this.slottedTextObserver.disconnect();
+		super.disconnectedCallback();
+		this.eventController?.abort();
+	}
+	willUpdate(props) {
+		super.willUpdate(props);
+		if (props.has("threshold") || props.has("scrollTarget")) this.computeVisible();
+		if (props.has("scrollTarget")) {
+			this.toggleAttribute("container-mode", this.target !== window);
+			this.onScrollTarget();
+		}
 	}
 	get target() {
-		return this.scrollTarget ? this.scrollTarget === window || this.scrollTarget === document.documentElement || this.scrollTarget === document.body ? window : this.scrollTarget : window;
+		if (!this.scrollTarget) return window;
+		return this.scrollTarget === window || this.scrollTarget === document.documentElement || this.scrollTarget === document.body ? window : this.scrollTarget;
 	}
 	onScrollTarget() {
-		this.eventController?.abort(), this.eventController = new AbortController(), this.target.addEventListener("scroll", () => {
+		this.eventController?.abort();
+		this.eventController = new AbortController();
+		this.target.addEventListener("scroll", () => {
 			this.computeVisible();
 		}, {
 			signal: this.eventController.signal,
-			passive: !0
+			passive: true
 		});
 	}
 	computeVisible() {
-		let e = this.target;
-		if (e === window) this.visible = p() >= this.threshold;
-		else if (e instanceof HTMLElement) this.visible = e.scrollTop >= this.threshold;
-		else throw Error("Prop scrollTarget must be HTMLElement or Window.");
+		const target = this.target;
+		if (target === window) this.visible = getRootScrollTop() >= this.threshold;
+		else if (target instanceof HTMLElement) this.visible = target.scrollTop >= this.threshold;
+		else throw new Error("Prop scrollTarget must be HTMLElement or Window.");
 	}
 	toTop() {
-		let e = this.target;
-		if (!i(this)) {
-			e.scrollTo({
+		const target = this.target;
+		if (!prefersReducedMotion(this)) {
+			target.scrollTo({
 				top: 0,
 				behavior: this.scrollBehavior
 			});
 			return;
 		}
-		let t = e instanceof HTMLElement ? e : document.documentElement, n = t.style.getPropertyValue("scroll-behavior"), r = t.style.getPropertyPriority("scroll-behavior");
-		t.style.setProperty("scroll-behavior", "auto", "important");
+		const scrollElement = target instanceof HTMLElement ? target : document.documentElement;
+		const previousBehavior = scrollElement.style.getPropertyValue("scroll-behavior");
+		const previousPriority = scrollElement.style.getPropertyPriority("scroll-behavior");
+		scrollElement.style.setProperty("scroll-behavior", "auto", "important");
 		try {
-			e.scrollTo({
+			target.scrollTo({
 				top: 0,
 				behavior: "auto"
 			});
 		} finally {
-			n ? t.style.setProperty("scroll-behavior", n, r) : t.style.removeProperty("scroll-behavior");
+			if (previousBehavior) scrollElement.style.setProperty("scroll-behavior", previousBehavior, previousPriority);
+			else scrollElement.style.removeProperty("scroll-behavior");
 		}
 	}
 	onEnter(e) {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.toTop());
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			this.toTop();
+		}
 	}
 	hasDefaultSlotContent() {
-		return [...this.childNodes].some((e) => {
-			if (e.nodeType === Node.ELEMENT_NODE) {
-				let t = e;
-				return !t.hasAttribute("slot") || t.getAttribute("slot") === "";
+		return [...this.childNodes].some((node) => {
+			if (node.nodeType === Node.ELEMENT_NODE) {
+				const element = node;
+				return !element.hasAttribute("slot") || element.getAttribute("slot") === "";
 			}
-			return e.nodeType === Node.TEXT_NODE && !!e.textContent?.trim();
+			return node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim());
 		});
 	}
 	render() {
-		let e = this.ariaLabel?.trim() || (this.hasDefaultSlotContent() ? c : "Back to top");
-		return s`
+		const ariaLabel = this.ariaLabel?.trim() || (this.hasDefaultSlotContent() ? nothing : resolveBuiltinLabel("backToTop"));
+		return html`
       <div
         class="back-top-inner"
         role="button"
-        aria-label=${e}
+        aria-label=${ariaLabel}
         tabindex="0"
         @click=${this.toTop}
         @keydown=${this.onEnter}
       >
         <slot @slotchange=${this.onSlotChange}>
           <web-ui-button variant="glass" tabindex="-1" icon>
-            <web-ui-icon .icon=${t}></web-ui-icon>
+            <web-ui-icon .icon=${lucide_arrow_up_to_line_default}></web-ui-icon>
           </web-ui-button>
         </slot>
       </div>
     `;
 	}
 };
-e([d({
-	reflect: !0,
+__decorate([property({
+	reflect: true,
 	attribute: "scroll-behavior",
-	useDefault: !0
-})], m.prototype, "scrollBehavior", null), e([d({
+	useDefault: true
+})], WebUiBackTop.prototype, "scrollBehavior", null);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], m.prototype, "visible", void 0), e([d({ attribute: !1 })], m.prototype, "scrollTarget", void 0), e([d({
+	reflect: true
+})], WebUiBackTop.prototype, "visible", void 0);
+__decorate([property({ attribute: false })], WebUiBackTop.prototype, "scrollTarget", void 0);
+__decorate([property({
 	type: String,
 	attribute: "aria-label"
-})], m.prototype, "ariaLabel", void 0), e([d({
+})], WebUiBackTop.prototype, "ariaLabel", void 0);
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], m.prototype, "threshold", null), e([f()], m.prototype, "eventController", void 0), m = e([u("web-ui-back-top")], m);
-//#endregion
-export { m as WebUiBackTop };
+	reflect: true
+})], WebUiBackTop.prototype, "threshold", null);
+__decorate([state()], WebUiBackTop.prototype, "eventController", void 0);
+WebUiBackTop = __decorate([customElement("web-ui-back-top")], WebUiBackTop);
+export { WebUiBackTop };
 
 //# sourceMappingURL=index.js.map

package/dist/components/back-top/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/back-top/index.ts"],"sourcesContent":["import '@/components/button'\nimport '@/components/icon'\n\nimport { getRootScrollTop } from '@greypan/browser-kit'\nimport { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { lucideArrowUpToLine } from '@/icons'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\nimport { prefersReducedMotion } from '@/shared/theme/reduced-motion'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-back-top')\nexport class WebUiBackTop extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ reflect: true, attribute: 'scroll-behavior', useDefault: true })\n  get scrollBehavior(): 'smooth' | 'auto' {\n    return this._scrollBehavior\n  }\n  set scrollBehavior(value: string) {\n    const old = this._scrollBehavior\n    this._scrollBehavior = normalizeLiteral(value, ['smooth', 'auto'] as const, 'smooth')\n    this.requestUpdate('scrollBehavior', old)\n  }\n  private _scrollBehavior: 'smooth' | 'auto' = 'smooth'\n  @property({ type: Boolean, reflect: true }) visible = false\n  @property({ attribute: false }) scrollTarget: HTMLElement | Window = window\n  @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n\n  @property({ type: Number, reflect: true })\n  get threshold(): number {\n    return this._threshold\n  }\n  set threshold(v: number) {\n    const old = this._threshold\n    this._threshold = normalizeNumber(v, 0, 10000, 200)\n    this.requestUpdate('threshold', old)\n  }\n  private _threshold = 200\n\n  @state() private eventController?: AbortController\n  // `slotchange` 不覆盖同一个 Text 节点的内容变化，需要同步重新计算 fallback name。\n  private readonly slottedTextObserver = new MutationObserver(() => this.requestUpdate())\n  private readonly onSlotChange = () => this.requestUpdate()\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.slottedTextObserver.observe(this, { characterData: true, subtree: true })\n    this.computeVisible()\n    this.onScrollTarget()\n  }\n\n  override disconnectedCallback() {\n    this.slottedTextObserver.disconnect()\n    super.disconnectedCallback()\n    this.eventController?.abort()\n  }\n\n  protected override willUpdate(props: PropertyValues) {\n    super.willUpdate(props)\n\n    if (props.has('threshold') || props.has('scrollTarget')) {\n      this.computeVisible()\n    }\n    // 不设 hasUpdated 门控：scrollTarget 可能在首次更新完成前赋值（如框架 onMounted 中），\n    // 此时 connectedCallback 已按 window 绑定，必须重绑到新容器；onScrollTarget 幂等，重复调用安全\n    if (props.has('scrollTarget')) {\n      // 容器模式：scrollTarget 为元素时 button 通过 sticky 悬浮于容器底部，而非固定视口角落\n      this.toggleAttribute('container-mode', this.target !== window)\n      this.onScrollTarget()\n    }\n  }\n\n  private get target() {\n    if (!this.scrollTarget) return window\n    const isRoot =\n      this.scrollTarget === window ||\n      this.scrollTarget === document.documentElement ||\n      this.scrollTarget === document.body\n    return isRoot ? window : this.scrollTarget\n  }\n\n  private onScrollTarget() {\n    this.eventController?.abort()\n    this.eventController = new AbortController()\n\n    this.target.addEventListener(\n      'scroll',\n      () => {\n        this.computeVisible()\n      },\n      { signal: this.eventController.signal, passive: true }\n    )\n  }\n\n  private computeVisible() {\n    const target = this.target\n    if (target === window) {\n      this.visible = getRootScrollTop() >= this.threshold\n    } else if (target instanceof HTMLElement) {\n      this.visible = target.scrollTop >= this.threshold\n    } else {\n      throw new Error('Prop scrollTarget must be HTMLElement or Window.')\n    }\n  }\n\n  toTop() {\n    const target = this.target\n    if (!prefersReducedMotion(this)) {\n      target.scrollTo({ top: 0, behavior: this.scrollBehavior })\n      return\n    }\n\n    // `auto` 会跟随 CSS scroll-behavior，因此仅在启动减少动效的滚动时临时覆盖目标元素。\n    const scrollElement = target instanceof HTMLElement ? target : document.documentElement\n    const previousBehavior = scrollElement.style.getPropertyValue('scroll-behavior')\n    const previousPriority = scrollElement.style.getPropertyPriority('scroll-behavior')\n    scrollElement.style.setProperty('scroll-behavior', 'auto', 'important')\n    try {\n      target.scrollTo({ top: 0, behavior: 'auto' })\n    } finally {\n      if (previousBehavior) scrollElement.style.setProperty('scroll-behavior', previousBehavior, previousPriority)\n      else scrollElement.style.removeProperty('scroll-behavior')\n    }\n  }\n\n  // ARIA button 契约要求 Enter 与 Space 均能激活\n  private onEnter(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this.toTop()\n    }\n  }\n\n  private hasDefaultSlotContent() {\n    return [...this.childNodes].some(node => {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const element = node as Element\n        return !element.hasAttribute('slot') || element.getAttribute('slot') === ''\n      }\n      return node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim())\n    })\n  }\n\n  override render() {\n    const ariaLabel = this.ariaLabel?.trim() || (this.hasDefaultSlotContent() ? nothing : 'Back to top')\n\n    return html`\n      <div\n        class=\"back-top-inner\"\n        role=\"button\"\n        aria-label=${ariaLabel}\n        tabindex=\"0\"\n        @click=${this.toTop}\n        @keydown=${this.onEnter}\n      >\n        <slot @slotchange=${this.onSlotChange}>\n          <web-ui-button variant=\"glass\" tabindex=\"-1\" icon>\n            <web-ui-icon .icon=${lucideArrowUpToLine}></web-ui-icon>\n          </web-ui-button>\n        </slot>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-back-top': WebUiBackTop\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["style","lucideArrowUpToLine"],"sources":["../../../src/components/back-top/index.ts"],"sourcesContent":["import '@/components/button'\nimport '@/components/icon'\n\nimport { getRootScrollTop } from '@greypan/browser-kit'\nimport { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { lucideArrowUpToLine } from '@/icons'\nimport { resolveBuiltinLabel } from '@/shared/locale/builtin-labels'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\nimport { prefersReducedMotion } from '@/shared/theme/reduced-motion'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-back-top')\nexport class WebUiBackTop extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ reflect: true, attribute: 'scroll-behavior', useDefault: true })\n  get scrollBehavior(): 'smooth' | 'auto' {\n    return this._scrollBehavior\n  }\n  set scrollBehavior(value: string) {\n    const old = this._scrollBehavior\n    this._scrollBehavior = normalizeLiteral(value, ['smooth', 'auto'] as const, 'smooth')\n    this.requestUpdate('scrollBehavior', old)\n  }\n  private _scrollBehavior: 'smooth' | 'auto' = 'smooth'\n  @property({ type: Boolean, reflect: true }) visible = false\n  @property({ attribute: false }) scrollTarget: HTMLElement | Window = window\n  @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n\n  @property({ type: Number, reflect: true })\n  get threshold(): number {\n    return this._threshold\n  }\n  set threshold(v: number) {\n    const old = this._threshold\n    this._threshold = normalizeNumber(v, 0, 10000, 200)\n    this.requestUpdate('threshold', old)\n  }\n  private _threshold = 200\n\n  @state() private eventController?: AbortController\n  // `slotchange` 不覆盖同一个 Text 节点的内容变化，需要同步重新计算 fallback name。\n  private readonly slottedTextObserver = new MutationObserver(() => this.requestUpdate())\n  private readonly onSlotChange = () => this.requestUpdate()\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.slottedTextObserver.observe(this, { characterData: true, subtree: true })\n    this.computeVisible()\n    this.onScrollTarget()\n  }\n\n  override disconnectedCallback() {\n    this.slottedTextObserver.disconnect()\n    super.disconnectedCallback()\n    this.eventController?.abort()\n  }\n\n  protected override willUpdate(props: PropertyValues) {\n    super.willUpdate(props)\n\n    if (props.has('threshold') || props.has('scrollTarget')) {\n      this.computeVisible()\n    }\n    // 不设 hasUpdated 门控：scrollTarget 可能在首次更新完成前赋值（如框架 onMounted 中），\n    // 此时 connectedCallback 已按 window 绑定，必须重绑到新容器；onScrollTarget 幂等，重复调用安全\n    if (props.has('scrollTarget')) {\n      // 容器模式：scrollTarget 为元素时 button 通过 sticky 悬浮于容器底部，而非固定视口角落\n      this.toggleAttribute('container-mode', this.target !== window)\n      this.onScrollTarget()\n    }\n  }\n\n  private get target() {\n    if (!this.scrollTarget) return window\n    const isRoot =\n      this.scrollTarget === window ||\n      this.scrollTarget === document.documentElement ||\n      this.scrollTarget === document.body\n    return isRoot ? window : this.scrollTarget\n  }\n\n  private onScrollTarget() {\n    this.eventController?.abort()\n    this.eventController = new AbortController()\n\n    this.target.addEventListener(\n      'scroll',\n      () => {\n        this.computeVisible()\n      },\n      { signal: this.eventController.signal, passive: true }\n    )\n  }\n\n  private computeVisible() {\n    const target = this.target\n    if (target === window) {\n      this.visible = getRootScrollTop() >= this.threshold\n    } else if (target instanceof HTMLElement) {\n      this.visible = target.scrollTop >= this.threshold\n    } else {\n      throw new Error('Prop scrollTarget must be HTMLElement or Window.')\n    }\n  }\n\n  toTop() {\n    const target = this.target\n    if (!prefersReducedMotion(this)) {\n      target.scrollTo({ top: 0, behavior: this.scrollBehavior })\n      return\n    }\n\n    // `auto` 会跟随 CSS scroll-behavior，因此仅在启动减少动效的滚动时临时覆盖目标元素。\n    const scrollElement = target instanceof HTMLElement ? target : document.documentElement\n    const previousBehavior = scrollElement.style.getPropertyValue('scroll-behavior')\n    const previousPriority = scrollElement.style.getPropertyPriority('scroll-behavior')\n    scrollElement.style.setProperty('scroll-behavior', 'auto', 'important')\n    try {\n      target.scrollTo({ top: 0, behavior: 'auto' })\n    } finally {\n      if (previousBehavior) scrollElement.style.setProperty('scroll-behavior', previousBehavior, previousPriority)\n      else scrollElement.style.removeProperty('scroll-behavior')\n    }\n  }\n\n  // ARIA button 契约要求 Enter 与 Space 均能激活\n  private onEnter(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this.toTop()\n    }\n  }\n\n  private hasDefaultSlotContent() {\n    return [...this.childNodes].some(node => {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const element = node as Element\n        return !element.hasAttribute('slot') || element.getAttribute('slot') === ''\n      }\n      return node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim())\n    })\n  }\n\n  override render() {\n    const ariaLabel =\n      this.ariaLabel?.trim() || (this.hasDefaultSlotContent() ? nothing : resolveBuiltinLabel('backToTop'))\n\n    return html`\n      <div\n        class=\"back-top-inner\"\n        role=\"button\"\n        aria-label=${ariaLabel}\n        tabindex=\"0\"\n        @click=${this.toTop}\n        @keydown=${this.onEnter}\n      >\n        <slot @slotchange=${this.onSlotChange}>\n          <web-ui-button variant=\"glass\" tabindex=\"-1\" icon>\n            <web-ui-icon .icon=${lucideArrowUpToLine}></web-ui-icon>\n          </web-ui-button>\n        </slot>\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-back-top': WebUiBackTop\n  }\n}\n"],"mappings":"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"}

package/dist/components/back-top/style.js

@@ -1,6 +1,5 @@
-//#region src/components/back-top/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{display:block}:host([container-mode]){bottom:var(--wui-back-top-bottom,20px);position:sticky}.back-top-inner{pointer-events:none;position:var(--wui-back-top-position,fixed);z-index:var(--wui-back-top-z-index,var(--wui-layer-auxiliary,20));top:var(--wui-back-top-top,auto);right:var(--wui-back-top-right,20px);bottom:var(--wui-back-top-bottom,20px);left:var(--wui-back-top-left,auto);visibility:hidden;opacity:0}.back-top-inner:focus-visible{border-radius:var(--wui-radius-control,calc(infinity * 1px));outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#0071e3) 40%, transparent));outline-offset:2px}:host([container-mode]) .back-top-inner{width:fit-content;margin-right:var(--wui-back-top-right,20px);margin-left:var(--wui-back-top-left,auto);position:static}:host([visible]) .back-top-inner{pointer-events:auto;visibility:visible;opacity:1}";
-//#endregion
-export { e as default };
+// src/components/back-top/style.css?inline
+var style_default = "*,:before,:after{box-sizing:border-box}:host{display:block}:host([container-mode]){bottom:var(--wui-back-top-bottom,20px);position:sticky}.back-top-inner{pointer-events:none;position:var(--wui-back-top-position,fixed);z-index:var(--wui-back-top-z-index,var(--wui-layer-auxiliary,20));top:var(--wui-back-top-top,auto);right:var(--wui-back-top-right,20px);bottom:var(--wui-back-top-bottom,20px);left:var(--wui-back-top-left,auto);visibility:hidden;opacity:0}.back-top-inner:focus-visible{border-radius:var(--wui-radius-control,calc(infinity * 1px));outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#0071e3) 40%, transparent));outline-offset:2px}:host([container-mode]) .back-top-inner{width:fit-content;margin-right:var(--wui-back-top-right,20px);margin-left:var(--wui-back-top-left,auto);position:static}:host([visible]) .back-top-inner{pointer-events:auto;visibility:visible;opacity:1}\n";
+export { style_default as default };
 
 //# sourceMappingURL=style.js.map

package/dist/components/back-top/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/back-top/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n/* 容器模式：scrollTarget 为元素时 button 悬浮于容器底部（元素需置于容器内部），\n   横向偏移沿用 --wui-back-top-left/right，纵向沿用 --wui-back-top-bottom；不使用 top */\n:host([container-mode]) {\n  position: sticky;\n  bottom: var(--wui-back-top-bottom, 20px);\n}\n\n.back-top-inner {\n  pointer-events: none;\n\n  position: var(--wui-back-top-position, fixed);\n  z-index: var(--wui-back-top-z-index, var(--wui-layer-auxiliary, 20));\n  top: var(--wui-back-top-top, auto);\n  right: var(--wui-back-top-right, 20px);\n  bottom: var(--wui-back-top-bottom, 20px);\n  left: var(--wui-back-top-left, auto);\n\n  visibility: hidden;\n  opacity: 0;\n\n  &:focus-visible {\n    border-radius: var(--wui-radius-control, calc(infinity * 1px));\n    outline: var(--wui-focus-ring-width, 3px) solid\n      var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #0071e3) 40%, transparent));\n    outline-offset: 2px;\n  }\n}\n\n:host([container-mode]) .back-top-inner {\n  position: static;\n  width: fit-content;\n  margin-right: var(--wui-back-top-right, 20px);\n  margin-left: var(--wui-back-top-left, auto);\n}\n\n:host([visible]) .back-top-inner {\n  pointer-events: auto;\n  visibility: visible;\n  opacity: 1;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/back-top/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n/* 容器模式：scrollTarget 为元素时 button 悬浮于容器底部（元素需置于容器内部），\n   横向偏移沿用 --wui-back-top-left/right，纵向沿用 --wui-back-top-bottom；不使用 top */\n:host([container-mode]) {\n  position: sticky;\n  bottom: var(--wui-back-top-bottom, 20px);\n}\n\n.back-top-inner {\n  pointer-events: none;\n\n  position: var(--wui-back-top-position, fixed);\n  z-index: var(--wui-back-top-z-index, var(--wui-layer-auxiliary, 20));\n  top: var(--wui-back-top-top, auto);\n  right: var(--wui-back-top-right, 20px);\n  bottom: var(--wui-back-top-bottom, 20px);\n  left: var(--wui-back-top-left, auto);\n\n  visibility: hidden;\n  opacity: 0;\n\n  &:focus-visible {\n    border-radius: var(--wui-radius-control, calc(infinity * 1px));\n    outline: var(--wui-focus-ring-width, 3px) solid\n      var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #0071e3) 40%, transparent));\n    outline-offset: 2px;\n  }\n}\n\n:host([container-mode]) .back-top-inner {\n  position: static;\n  width: fit-content;\n  margin-right: var(--wui-back-top-right, 20px);\n  margin-left: var(--wui-back-top-left, auto);\n}\n\n:host([visible]) .back-top-inner {\n  pointer-events: auto;\n  visibility: visible;\n  opacity: 1;\n}\n"],"mappings":";AAAA,IAAA,gBAAA"}

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

@@ -1,30 +1,36 @@
-import { LitElement } from 'lit';
+import { LitElement } from "lit";
 export declare class WebUiBadge extends LitElement {
-    static styles: import('lit').CSSResult[];
-    set count(value: number);
-    get count(): number;
-    private _count;
-    set max(value: number);
-    get max(): number;
-    private _max;
-    dot: boolean;
-    showZero: boolean;
-    badgeHidden: boolean;
-    offsetX: number;
-    offsetY: number;
-    set placement(value: string);
-    get placement(): 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-    private _placement;
-    private _hasContent;
-    private readonly _contentObserver;
-    private readonly _handleSlotChange;
-    private _syncHasContent;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import('lit').TemplateResult<1>;
+  static styles: import("lit").CSSResult[];
+  set count(value: number);
+  get count(): number;
+  private _count;
+  set max(value: number);
+  get max(): number;
+  private _max;
+  dot: boolean;
+  showZero: boolean;
+  badgeHidden: boolean;
+  offsetX: number;
+  offsetY: number;
+  /**
+   * 徽标 status 的无障碍名称；设置后点/计数/零三种状态都用它（支持 `{count}` 占位）。
+   * 未设置时回退内置英文文案（见 ADR-0016）。
+   */
+  ariaLabel: string | null;
+  set placement(value: string);
+  get placement(): 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+  private _placement;
+  private _hasContent;
+  private readonly _contentObserver;
+  private readonly _handleSlotChange;
+  private _syncHasContent;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): import("lit").TemplateResult<1>;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'web-ui-badge': WebUiBadge;
-    }
+  interface HTMLElementTagNameMap {
+    'web-ui-badge': WebUiBadge;
+  }
 }
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/badge/index.ts"],"mappings":";qBAwBa,mBAAmB;SACd,sBAAM;MAGlB,MAAM;MAYN;UAII;MAGJ,IAAI;MAYJ;UAII;EAEoC;EACwB;EACG;EACL;EACA;;;;;EAMJ;MAG1D,UAAU;MAYV;UAII;UAES;mBAEA;mBAEA;UAIT;EAKC;EAMA;EAKA,wBAAM;;QAsCT;YACI;IACR,gBAAgB"}