@greypan/web-ui 1.4.2 → 2.0.1

package/dist/_virtual/{_@oxc-project_runtime@0.138.0 → _@oxc-project_runtime@0.140.0}/helpers/esm/decorate.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.138.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function e(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);

package/dist/assets/glass.js

@@ -0,0 +1,6 @@
+//#region src/assets/glass.css?inline
+var e = ".wui-glass{border:.5px double var(--wui-color-glass-border,#33333314);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset -1px -1px .5px -.5px var(--wui-color-glass-highlight,#ffffffe6), inset 1px 1px .5px -.5px var(--wui-color-glass-highlight,#ffffffe6), inset -3px -3px .5px -3px color-mix(in srgb, var(--wui-color-glass-highlight,#ffffffe6) 60%, transparent), inset 3px 3px .5px -3px color-mix(in srgb, var(--wui-color-glass-highlight,#ffffffe6) 60%, transparent), inset 0 0 1px #000c, var(--wui-glass-shadow,var(--wui-shadow-glass,0 2px 16px #0000000f));position:relative}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=glass.js.map

package/dist/assets/glass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass.js","names":[],"sources":["../../src/assets/glass.css?inline"],"sourcesContent":["/*\n * 玻璃公共样式\n */\n\n.wui-glass {\n  position: relative;\n  border: 0.5px double var(--wui-color-glass-border, rgb(51 51 51 / 0.08));\n  backdrop-filter: blur(2px);\n  box-shadow:\n    inset -1px -1px 0.5px -0.5px var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)),\n    inset 1px 1px 0.5px -0.5px var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)),\n    inset -3px -3px 0.5px -3px\n      color-mix(in srgb, var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)) 60%, transparent),\n    inset 3px 3px 0.5px -3px\n      color-mix(in srgb, var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)) 60%, transparent),\n    inset 0 0 1px rgb(0 0 0 / 0.8),\n    var(--wui-glass-shadow, var(--wui-shadow-glass, 0 2px 16px rgb(0 0 0 / 0.06)));\n}\n"],"mappings":""}

package/dist/assets/menu-portal.js

@@ -0,0 +1,6 @@
+//#region src/assets/menu-portal.css?inline
+var e = ".wui-menu-portal-overlay{--wui-glass-shadow:var(--wui-shadow-pop,0 3px 9px #00000045);z-index:var(--wui-layer-menu,100);box-sizing:border-box;min-width:200px;max-width:90vw;max-height:80vh;color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-overlay,#f6f6f6e0);border-radius:20px;padding:4px;position:fixed;overflow-y:auto}.wui-menu-portal-overlay.dropdown-overlay .dropdown-scroll{min-width:200px;max-height:320px;overflow-y:auto}.wui-menu-portal-overlay.dropdown-overlay[data-level]:not([data-level=\"0\"]),.wui-menu-portal-overlay.context-submenu{z-index:var(--wui-layer-menu-submenu,110)}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=menu-portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-portal.js","names":[],"sources":["../../src/assets/menu-portal.css?inline"],"sourcesContent":[".wui-menu-portal-overlay {\n  --wui-glass-shadow: var(--wui-shadow-pop, 0 3px 9px rgb(0 0 0 / 0.27));\n\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n\n  overflow-y: auto;\n\n  box-sizing: border-box;\n  min-width: 200px;\n  max-width: 90vw;\n  max-height: 80vh;\n  padding: 4px;\n  border-radius: 20px;\n\n  color: var(--wui-color-text, #1b1b1b);\n\n  background-color: var(--wui-color-surface-overlay, rgb(246 246 246 / 0.88));\n}\n\n.wui-menu-portal-overlay.dropdown-overlay .dropdown-scroll {\n  overflow-y: auto;\n  min-width: 200px;\n  max-height: 320px;\n}\n\n.wui-menu-portal-overlay.dropdown-overlay[data-level]:not([data-level='0']),\n.wui-menu-portal-overlay.context-submenu {\n  z-index: var(--wui-layer-menu-submenu, 110);\n}\n"],"mappings":""}

package/dist/assets/overlay-motion.js

@@ -0,0 +1,6 @@
+//#region src/assets/overlay-motion.css?inline
+var e = ".wui-floating-panel{transform-origin:var(--wui-overlay-transform-origin,center);opacity:1;transition:opacity var(--wui-duration-overlay-enter,.18s) var(--wui-ease-out,cubic-bezier(.23, 1, .32, 1)), transform var(--wui-duration-overlay-enter,.18s) var(--wui-ease-out,cubic-bezier(.23, 1, .32, 1));transform:scale(1)}.wui-floating-panel[data-wui-presence=entering],.wui-floating-panel[data-wui-presence=closing]{transform:scale(var(--wui-scale-enter,.97));opacity:0}.wui-floating-panel[data-wui-presence=closing]{pointer-events:none;transition-duration:var(--wui-duration-overlay-exit,.14s)}@media (prefers-reduced-motion:reduce){.wui-floating-panel,.wui-floating-panel[data-wui-presence=entering],.wui-floating-panel[data-wui-presence=closing]{transition-duration:.12s;transform:none}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=overlay-motion.js.map

package/dist/assets/overlay-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-motion.js","names":[],"sources":["../../src/assets/overlay-motion.css?inline"],"sourcesContent":[".wui-floating-panel {\n  transform-origin: var(--wui-overlay-transform-origin, center);\n  transform: scale(1);\n  opacity: 1;\n  transition:\n    opacity var(--wui-duration-overlay-enter, 180ms) var(--wui-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),\n    transform var(--wui-duration-overlay-enter, 180ms) var(--wui-ease-out, cubic-bezier(0.23, 1, 0.32, 1));\n}\n\n.wui-floating-panel[data-wui-presence='entering'],\n.wui-floating-panel[data-wui-presence='closing'] {\n  transform: scale(var(--wui-scale-enter, 0.97));\n  opacity: 0;\n}\n\n.wui-floating-panel[data-wui-presence='closing'] {\n  pointer-events: none;\n  transition-duration: var(--wui-duration-overlay-exit, 140ms);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wui-floating-panel,\n  .wui-floating-panel[data-wui-presence='entering'],\n  .wui-floating-panel[data-wui-presence='closing'] {\n    transform: none;\n    transition-duration: 120ms;\n  }\n}\n"],"mappings":""}

package/dist/assets/toast-containers.js

@@ -0,0 +1,6 @@
+//#region src/assets/toast-containers.css?inline
+var e = ".wui-toast-container{pointer-events:none;z-index:var(--wui-layer-toast,200);overscroll-behavior:contain;flex-direction:column;gap:8px;max-height:100vh;padding:20px;display:flex;position:fixed;overflow-y:auto}.wui-toast-container>*{pointer-events:auto}.wui-toast-top-left{align-items:flex-start;top:0;left:0}.wui-toast-top-center{align-items:center;top:0;left:50%;transform:translate(-50%)}.wui-toast-top-right{align-items:flex-end;top:0;right:0}.wui-toast-bottom-left{flex-direction:column-reverse;align-items:flex-start;bottom:0;left:0}.wui-toast-bottom-center{flex-direction:column-reverse;align-items:center;bottom:0;left:50%;transform:translate(-50%)}.wui-toast-bottom-right{flex-direction:column-reverse;align-items:flex-end;bottom:0;right:0}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=toast-containers.js.map

package/dist/assets/toast-containers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-containers.js","names":[],"sources":["../../src/assets/toast-containers.css?inline"],"sourcesContent":["/* Toast 容器定位 — 由 toast 命令式 API 动态注入到 body */\n\n.wui-toast-container {\n  pointer-events: none;\n\n  position: fixed;\n  z-index: var(--wui-layer-toast, 200);\n\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  max-height: 100vh;\n\n  /* padding 需要 >= 阴影模糊半径，否则 overflow 会裁剪子元素 box-shadow */\n  padding: 20px;\n}\n\n.wui-toast-container > * {\n  pointer-events: auto;\n}\n\n/* ===== 顶部位置 ===== */\n\n.wui-toast-top-left {\n  top: 0;\n  left: 0;\n  align-items: flex-start;\n}\n\n.wui-toast-top-center {\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.wui-toast-top-right {\n  top: 0;\n  right: 0;\n  align-items: flex-end;\n}\n\n/* ===== 底部位置 ===== */\n\n.wui-toast-bottom-left {\n  bottom: 0;\n  left: 0;\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n\n.wui-toast-bottom-center {\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.wui-toast-bottom-right {\n  right: 0;\n  bottom: 0;\n  flex-direction: column-reverse;\n  align-items: flex-end;\n}\n"],"mappings":""}

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

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+export declare class WebUiAvatar extends LitElement {
+    static styles: import('lit').CSSResult[];
+    set src(value: string);
+    get src(): string;
+    private _src;
+    alt: string;
+    name: string;
+    size: number;
+    set shape(value: string);
+    get shape(): 'circle' | 'square';
+    private _shape;
+    private _imgError;
+    private _hasDefaultSlot;
+    connectedCallback(): void;
+    private _checkSlot;
+    private get _initials();
+    private get _iconSize();
+    private get _showImage();
+    private get _showFallback();
+    private _onImgError;
+    private get _ariaLabel();
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: Record<string, never>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-avatar': WebUiAvatar;
+    }
+}

package/dist/components/avatar/index.js

@@ -0,0 +1,112 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import "../icon/index.js";
+import t from "../../assets/glass.js";
+import n from "../../icons/generated/lucide-user.js";
+import { normalizeLiteral as r } from "../../shared/normalize/index.js";
+import i from "./style.js";
+import { LitElement as a, html as o, unsafeCSS as s } from "lit";
+import { customElement as c, property as l, state as u } from "lit/decorators.js";
+import { classMap as d } from "lit/directives/class-map.js";
+import { ifDefined as f } from "lit/directives/if-defined.js";
+//#region src/components/avatar/index.ts
+var p = ["circle", "square"], m = class extends a {
+	constructor(...e) {
+		super(...e), this._src = "", this.alt = "", this.name = "", this.size = 40, this._shape = "circle", this._imgError = !1, this._hasDefaultSlot = !1;
+	}
+	static {
+		this.styles = [s(t), s(i)];
+	}
+	set src(e) {
+		let t = this._src;
+		this._src = e, t !== e && (this._imgError = !1, this.requestUpdate("src", t));
+	}
+	get src() {
+		return this._src;
+	}
+	set shape(e) {
+		let t = r(e, p, "circle");
+		if (this._shape !== t) {
+			let e = this._shape;
+			this._shape = t, this.requestUpdate("shape", e);
+		}
+		this.getAttribute("shape") !== t && this.setAttribute("shape", t);
+	}
+	get shape() {
+		return this._shape;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.updateComplete.then(() => {
+			this.shadowRoot?.querySelector("slot:not([name])")?.addEventListener("slotchange", () => this._checkSlot());
+		});
+	}
+	_checkSlot() {
+		let e = this.shadowRoot?.querySelector("slot:not([name])"), t = e instanceof HTMLSlotElement && e.assignedElements().length > 0;
+		this._hasDefaultSlot !== t && (this._hasDefaultSlot = t);
+	}
+	get _initials() {
+		return this.name.trim().split(/\s+/).slice(0, 2).map((e) => Array.from(e)[0]).join("").toUpperCase();
+	}
+	get _iconSize() {
+		return Math.round(this.size * .4);
+	}
+	get _showImage() {
+		return !!this.src && !this._imgError;
+	}
+	get _showFallback() {
+		return !this._showImage && !this._hasDefaultSlot;
+	}
+	_onImgError() {
+		this._imgError = !0;
+	}
+	get _ariaLabel() {
+		if (this.alt) return this.alt;
+		if (this.name) return this.name;
+	}
+	render() {
+		let e = !this._ariaLabel;
+		return o`
+      <div
+        class=${d({
+			"avatar-inner": !0,
+			"wui-glass": this._showFallback
+		})}
+        role=${e ? "presentation" : "img"}
+        aria-label=${f(this._ariaLabel)}
+        aria-hidden=${e ? "true" : void 0}
+        style="width:${this.size}px;height:${this.size}px;--wui-avatar-size:${this.size}px"
+      >
+        ${this._showImage ? o`<img
+              class="avatar-img"
+              src=${this.src}
+              alt=${f(this.alt || void 0)}
+              @error=${this._onImgError}
+            />` : ""}
+        <slot @slotchange=${this._checkSlot}></slot>
+        ${this._showFallback && this._initials ? o`<span class="avatar-fallback avatar-initials">${this._initials}</span>` : ""}
+        ${this._showFallback && !this._initials ? o`<span class="avatar-fallback"
+              ><web-ui-icon .icon=${n} size=${this._iconSize}></web-ui-icon
+            ></span>` : ""}
+      </div>
+    `;
+	}
+};
+e([l({
+	type: String,
+	reflect: !0
+})], m.prototype, "src", null), e([l({
+	type: String,
+	reflect: !0
+})], m.prototype, "alt", void 0), e([l({
+	type: String,
+	reflect: !0
+})], m.prototype, "name", void 0), e([l({
+	type: Number,
+	reflect: !0
+})], m.prototype, "size", void 0), e([l({
+	type: String,
+	reflect: !0
+})], m.prototype, "shape", null), e([u()], m.prototype, "_imgError", void 0), e([u()], m.prototype, "_hasDefaultSlot", void 0), m = e([c("web-ui-avatar")], m);
+//#endregion
+export { m as WebUiAvatar };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/avatar/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n// 注册 web-ui-icon（Rolldown tree-shake 副作用 import，引用类名阻止删除）\nimport '@/components/icon'\nimport glass from '@/assets/glass.css?inline'\nimport { lucideUser } from '@/icons'\nimport { normalizeLiteral } from '@/shared/normalize'\n\nimport style from './style.css?inline'\n\nconst ALLOWED_SHAPES = ['circle', 'square'] as const\n\n@customElement('web-ui-avatar')\nexport class WebUiAvatar extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: String, reflect: true })\n  set src(value: string) {\n    const old = this._src\n    this._src = value\n    if (old !== value) {\n      this._imgError = false\n      this.requestUpdate('src', old)\n    }\n  }\n\n  get src(): string {\n    return this._src\n  }\n\n  private _src = ''\n\n  @property({ type: String, reflect: true }) alt = ''\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Number, reflect: true }) size = 40\n\n  @property({ type: String, reflect: true })\n  set shape(value: string) {\n    const normalized = normalizeLiteral(value, ALLOWED_SHAPES, 'circle')\n    if (this._shape !== normalized) {\n      const old = this._shape\n      this._shape = normalized\n      this.requestUpdate('shape', old)\n    }\n    // 外部 setAttribute 非法值后，宿主 attribute 与规范化后的值不同步，立即修正\n    if (this.getAttribute('shape') !== normalized) {\n      this.setAttribute('shape', normalized)\n    }\n  }\n\n  get shape(): 'circle' | 'square' {\n    return this._shape\n  }\n\n  private _shape: 'circle' | 'square' = 'circle'\n\n  @state() private _imgError = false\n  @state() private _hasDefaultSlot = false\n\n  override connectedCallback() {\n    super.connectedCallback()\n    void this.updateComplete.then(() => {\n      this.shadowRoot?.querySelector('slot:not([name])')?.addEventListener('slotchange', () => this._checkSlot())\n    })\n  }\n\n  private _checkSlot() {\n    const slot = this.shadowRoot?.querySelector('slot:not([name])')\n    const has = slot instanceof HTMLSlotElement && slot.assignedElements().length > 0\n    if (this._hasDefaultSlot !== has) {\n      this._hasDefaultSlot = has\n    }\n  }\n\n  private get _initials(): string {\n    const words = this.name.trim().split(/\\s+/)\n    return words\n      .slice(0, 2)\n      .map(w => Array.from(w)[0])\n      .join('')\n      .toUpperCase()\n  }\n\n  private get _iconSize(): number {\n    return Math.round(this.size * 0.4)\n  }\n\n  private get _showImage(): boolean {\n    return !!this.src && !this._imgError\n  }\n\n  private get _showFallback(): boolean {\n    return !this._showImage && !this._hasDefaultSlot\n  }\n\n  private _onImgError() {\n    this._imgError = true\n  }\n\n  private get _ariaLabel(): string | undefined {\n    if (this.alt) return this.alt\n    if (this.name) return this.name\n    return undefined\n  }\n\n  override render() {\n    const isDecorative = !this._ariaLabel\n\n    return html`\n      <div\n        class=${classMap({ 'avatar-inner': true, 'wui-glass': this._showFallback })}\n        role=${isDecorative ? 'presentation' : 'img'}\n        aria-label=${ifDefined(this._ariaLabel)}\n        aria-hidden=${isDecorative ? 'true' : undefined}\n        style=\"width:${this.size}px;height:${this.size}px;--wui-avatar-size:${this.size}px\"\n      >\n        ${this._showImage\n          ? html`<img\n              class=\"avatar-img\"\n              src=${this.src}\n              alt=${ifDefined(this.alt || undefined)}\n              @error=${this._onImgError}\n            />`\n          : ''}\n        <slot @slotchange=${this._checkSlot}></slot>\n        ${this._showFallback && this._initials\n          ? html`<span class=\"avatar-fallback avatar-initials\">${this._initials}</span>`\n          : ''}\n        ${this._showFallback && !this._initials\n          ? html`<span class=\"avatar-fallback\"\n              ><web-ui-icon .icon=${lucideUser} size=${this._iconSize}></web-ui-icon\n            ></span>`\n          : ''}\n      </div>\n    `\n  }\n\n  declare readonly $events: Record<string, never>\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-avatar': WebUiAvatar\n  }\n}\n"],"mappings":"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"}

package/dist/components/avatar/style.js

@@ -0,0 +1,6 @@
+//#region src/components/avatar/style.css?inline
+var e = "*,:before,:after{box-sizing:border-box}:host{line-height:0;display:inline-block}.avatar-inner{background-color:#e5e5e599;border-radius:2147483647px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}:host([shape=square]) .avatar-inner{border-radius:12px}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-fallback{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}slot{justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.avatar-initials{-webkit-user-select:none;user-select:none;font-size:calc(var(--wui-avatar-size,40px) * .4);color:#1b1b1bb3;font-weight:500;line-height:1}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

package/dist/components/avatar/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/avatar/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-block;\n  line-height: 0;\n}\n\n.avatar-inner {\n  position: relative;\n\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: calc(infinity * 1px);\n\n  background-color: rgb(229 229 229 / 0.6);\n}\n\n:host([shape='square']) .avatar-inner {\n  border-radius: 12px;\n}\n\n.avatar-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.avatar-fallback {\n  position: absolute;\n  inset: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\nslot {\n  position: absolute;\n  inset: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  line-height: 1;\n}\n\n.avatar-initials {\n  user-select: none;\n\n  font-size: calc(var(--wui-avatar-size, 40px) * 0.4);\n  font-weight: 500;\n  line-height: 1;\n  color: rgb(27 27 27 / 0.7);\n}\n"],"mappings":""}

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

@@ -2,9 +2,11 @@ import { LitElement, PropertyValues } from 'lit';
 export declare class WebUiBackTop extends LitElement {
     static styles: import('lit').CSSResult;
     smooth: boolean;
-    threshold: number;
     visible: boolean;
     scrollTarget: HTMLElement | Window;
+    get threshold(): number;
+    set threshold(v: number);
+    private _threshold;
     private eventController?;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -15,11 +17,10 @@ export declare class WebUiBackTop extends LitElement {
     toTop(): void;
     private onEnter;
     render(): import('lit').TemplateResult<1>;
+    readonly $events: Record<string, never>;
 }
-export interface WebUiBackTop {
-    readonly $events: {
-        'visible-change': CustomEvent<{
-            visible: boolean;
-        }>;
-    };
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-back-top': WebUiBackTop;
+    }
 }

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

@@ -1,16 +1,27 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.138.0/helpers/esm/decorate.js";
-import t from "./style.js";
-import "iconify-icon";
-import { LitElement as n, html as r, unsafeCSS as i } from "lit";
-import { customElement as a, property as o, state as s } from "lit/decorators.js";
-import { getRootScrollTop as c } from "@greypan/browser-kit";
+import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import "../icon/index.js";
+import t from "../../icons/generated/lucide-arrow-up-to-line.js";
+import { normalizeNumber as n } from "../../shared/normalize/index.js";
+import "../button/index.js";
+import { booleanWithFalseString as r } from "../../shared/property-converters/boolean-with-false-string.js";
+import i from "./style.js";
+import { LitElement as a, html as o, unsafeCSS as s } from "lit";
+import { customElement as c, property as l, state as u } from "lit/decorators.js";
+import { getRootScrollTop as d } from "@greypan/browser-kit";
 //#region src/components/back-top/index.ts
-var l = class extends n {
+var f = class extends a {
 	constructor(...e) {
-		super(...e), this.smooth = !0, this.threshold = 200, this.visible = !1, this.scrollTarget = window;
+		super(...e), this.smooth = !0, this.visible = !1, this.scrollTarget = window, this._threshold = 200;
 	}
 	static {
-		this.styles = i(t);
+		this.styles = s(i);
+	}
+	get threshold() {
+		return this._threshold;
+	}
+	set threshold(e) {
+		let t = this._threshold;
+		this._threshold = n(e, 0, 1e4, 200), this.requestUpdate("threshold", t);
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.computeVisible(), this.onScrollTarget();
@@ -33,15 +44,10 @@ var l = class extends n {
 		});
 	}
 	computeVisible() {
-		let { target: e } = this, t;
-		if (e === window) t = c() >= this.threshold;
-		else if (e instanceof HTMLElement) t = e.scrollTop >= this.threshold;
+		let e = this.target;
+		if (e === window) this.visible = d() >= this.threshold;
+		else if (e instanceof HTMLElement) this.visible = e.scrollTop >= this.threshold;
 		else throw Error("Prop scrollTarget must be HTMLElement or Window.");
-		t !== this.visible && (this.visible = t, this.dispatchEvent(new CustomEvent("visible-change", {
-			detail: { visible: t },
-			bubbles: !0,
-			composed: !0
-		})));
 	}
 	toTop() {
 		this.target.scrollTo({
@@ -50,35 +56,34 @@ var l = class extends n {
 		});
 	}
 	onEnter(e) {
-		e.key == "Enter" && (e.preventDefault(), this.toTop());
+		e.key === "Enter" && (e.preventDefault(), this.toTop());
 	}
 	render() {
-		return r`
-      <div role="button" tabindex="0" @click=${this.toTop} @keydown=${this.onEnter}>
+		return o`
+      <div class="back-top-inner" role="button" tabindex="0" @click=${this.toTop} @keydown=${this.onEnter}>
         <slot>
-          <!-- 默认 slot 加上 tabindex="-1"，防止双重 focus -->
           <web-ui-button tabindex="-1" icon>
-            <iconify-icon icon="octicon:move-to-top-16" width="16" height="16"></iconify-icon>
+            <web-ui-icon .icon=${t}></web-ui-icon>
           </web-ui-button>
         </slot>
       </div>
     `;
 	}
 };
-e([o({
-	type: Boolean,
-	reflect: !0
-})], l.prototype, "smooth", void 0), e([o({
-	type: Number,
-	reflect: !0
-})], l.prototype, "threshold", void 0), e([o({
+e([l({
+	reflect: !0,
+	converter: r
+})], f.prototype, "smooth", void 0), e([l({
 	type: Boolean,
 	reflect: !0
-})], l.prototype, "visible", void 0), e([o({
+})], f.prototype, "visible", void 0), e([l({
 	type: Object,
 	attribute: !1
-})], l.prototype, "scrollTarget", void 0), e([s()], l.prototype, "eventController", void 0), l = e([a("web-ui-back-top")], l);
+})], f.prototype, "scrollTarget", void 0), e([l({
+	type: Number,
+	reflect: !0
+})], f.prototype, "threshold", null), e([u()], f.prototype, "eventController", void 0), f = e([c("web-ui-back-top")], f);
 //#endregion
-export { l as WebUiBackTop };
+export { f as 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 'iconify-icon'\nimport '@/components/button'\nimport { getRootScrollTop } from '@greypan/browser-kit'\nimport { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\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({ type: Boolean, reflect: true }) smooth = true\n  @property({ type: Number, reflect: true }) threshold: number = 200\n  @property({ type: Boolean, reflect: true }) visible = false\n  @property({ type: Object, attribute: false }) scrollTarget: HTMLElement | Window = window\n\n  @state() private eventController?: AbortController\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.computeVisible()\n    this.onScrollTarget()\n  }\n\n  override disconnectedCallback() {\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    if (props.has('scrollTarget') && this.hasUpdated) {\n      this.onScrollTarget()\n    }\n  }\n\n  private get target() {\n    if (!this.scrollTarget) {\n      return window\n    }\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      {\n        signal: this.eventController.signal,\n        passive: true\n      }\n    )\n  }\n\n  private computeVisible() {\n    const { target } = this\n    let nextVisible: boolean\n    if (target === window) {\n      nextVisible = getRootScrollTop() >= this.threshold\n    } else if (target instanceof HTMLElement) {\n      nextVisible = target.scrollTop >= this.threshold\n    } else {\n      throw new Error('Prop scrollTarget must be HTMLElement or Window.')\n    }\n    if (nextVisible !== this.visible) {\n      this.visible = nextVisible\n      this.dispatchEvent(\n        new CustomEvent('visible-change', {\n          detail: { visible: nextVisible },\n          bubbles: true,\n          composed: true\n        })\n      )\n    }\n  }\n\n  toTop() {\n    this.target.scrollTo({\n      top: 0,\n      behavior: this.smooth ? 'smooth' : 'auto'\n    })\n  }\n\n  private onEnter(e: KeyboardEvent) {\n    if ((e as KeyboardEvent).key == 'Enter') {\n      e.preventDefault()\n      this.toTop()\n    }\n  }\n\n  override render() {\n    return html`\n      <div role=\"button\" tabindex=\"0\" @click=${this.toTop} @keydown=${this.onEnter}>\n        <slot>\n          <!-- 默认 slot 加上 tabindex=\"-1\"，防止双重 focus -->\n          <web-ui-button tabindex=\"-1\" icon>\n            <iconify-icon icon=\"octicon:move-to-top-16\" width=\"16\" height=\"16\"></iconify-icon>\n          </web-ui-button>\n        </slot>\n      </div>\n    `\n  }\n}\n\nexport interface WebUiBackTop {\n  readonly $events: {\n    'visible-change': CustomEvent<{ visible: boolean }>\n  }\n}\n"],"mappings":";;;;;;;AASO,IAAA,IAAA,cAA2B,EAAW;;6BAGU,qBACU,oBACT,wBAC6B;;;gBAL1D,EAAU,CAAK;;CASxC,oBAA6B;EAG3B,AAFA,MAAM,kBAAkB,GACxB,KAAK,eAAe,GACpB,KAAK,eAAe;CACtB;CAEA,uBAAgC;EAE9B,AADA,MAAM,qBAAqB,GAC3B,KAAK,iBAAiB,MAAM;CAC9B;CAEA,WAA8B,GAAuB;EAMnD,AALA,MAAM,WAAW,CAAK,IAElB,EAAM,IAAI,WAAW,KAAK,EAAM,IAAI,cAAc,MACpD,KAAK,eAAe,GAElB,EAAM,IAAI,cAAc,KAAK,KAAK,cACpC,KAAK,eAAe;CAExB;CAEA,IAAY,SAAS;EAQnB,OAPK,KAAK,eAIR,KAAK,iBAAiB,UACtB,KAAK,iBAAiB,SAAS,mBAC/B,KAAK,iBAAiB,SAAS,OACjB,SAAS,KAAK,eANrB;CAOX;CAEA,iBAAyB;EAIvB,AAHA,KAAK,iBAAiB,MAAM,GAC5B,KAAK,kBAAkB,IAAI,gBAAgB,GAE3C,KAAK,OAAO,iBACV,gBACM;GACJ,KAAK,eAAe;EACtB,GACA;GACE,QAAQ,KAAK,gBAAgB;GAC7B,SAAS;EACX,CACF;CACF;CAEA,iBAAyB;EACvB,IAAM,EAAE,cAAW,MACf;EACJ,IAAI,MAAW,QACb,IAAc,EAAiB,KAAK,KAAK;OACpC,IAAI,aAAkB,aAC3B,IAAc,EAAO,aAAa,KAAK;OAEvC,MAAU,MAAM,kDAAkD;EAEpE,AAAI,MAAgB,KAAK,YACvB,KAAK,UAAU,GACf,KAAK,cACH,IAAI,YAAY,kBAAkB;GAChC,QAAQ,EAAE,SAAS,EAAY;GAC/B,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CAEJ;CAEA,QAAQ;EACN,KAAK,OAAO,SAAS;GACnB,KAAK;GACL,UAAU,KAAK,SAAS,WAAW;EACrC,CAAC;CACH;CAEA,QAAgB,GAAkB;EAChC,AAAK,EAAoB,OAAO,YAC9B,EAAE,eAAe,GACjB,KAAK,MAAM;CAEf;CAEA,SAAkB;EAChB,OAAO,CAAI;+CACgC,KAAK,MAAM,YAAY,KAAK,QAAQ;;;;;;;;;CASjF;AACF;GAxGG,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MACxC,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,MACzC,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAM,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,MAE3C,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,UATR,EAAc,iBAAiB,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/back-top/index.ts"],"sourcesContent":["import { getRootScrollTop } from '@greypan/browser-kit'\nimport { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/icon'\nimport '@/components/button'\nimport { lucideArrowUpToLine } from '@/icons'\nimport { normalizeNumber } from '@/shared/normalize'\nimport { booleanWithFalseString } from '@/shared/property-converters/boolean-with-false-string'\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, converter: booleanWithFalseString }) smooth = true\n  @property({ type: Boolean, reflect: true }) visible = false\n  @property({ type: Object, attribute: false }) scrollTarget: HTMLElement | Window = window\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\n  override connectedCallback() {\n    super.connectedCallback()\n    this.computeVisible()\n    this.onScrollTarget()\n  }\n\n  override disconnectedCallback() {\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    if (props.has('scrollTarget') && this.hasUpdated) {\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    this.target.scrollTo({\n      top: 0,\n      behavior: this.smooth ? 'smooth' : 'auto'\n    })\n  }\n\n  private onEnter(e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n      this.toTop()\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"back-top-inner\" role=\"button\" tabindex=\"0\" @click=${this.toTop} @keydown=${this.onEnter}>\n        <slot>\n          <web-ui-button tabindex=\"-1\" icon>\n            <web-ui-icon .icon=${lucideArrowUpToLine}></web-ui-icon>\n          </web-ui-button>\n        </slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: Record<string, never>\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-back-top': WebUiBackTop\n  }\n}\n"],"mappings":";;;;;;;;;;;AAaO,IAAM,IAAN,cAA2B,EAAW;;EAgBtB,aAboD,KAAA,SAAA,IACnB,KAAA,UAAA,IAC6B,KAAA,eAAA,QAW9D,KAAA,aAAA;;;EAfI,KAAA,SAAA,EAAU,CAAK;;CAMxC,IACI,YAAoB;EACtB,OAAO,KAAK;CACd;CACA,IAAI,UAAU,GAAW;EACvB,IAAM,IAAM,KAAK;EAEjB,AADA,KAAK,aAAa,EAAgB,GAAG,GAAG,KAAO,GAAG,GAClD,KAAK,cAAc,aAAa,CAAG;CACrC;CAKA,oBAA6B;EAG3B,AAFA,MAAM,kBAAkB,GACxB,KAAK,eAAe,GACpB,KAAK,eAAe;CACtB;CAEA,uBAAgC;EAE9B,AADA,MAAM,qBAAqB,GAC3B,KAAK,iBAAiB,MAAM;CAC9B;CAEA,WAA8B,GAAuB;EAMnD,AALA,MAAM,WAAW,CAAK,IAElB,EAAM,IAAI,WAAW,KAAK,EAAM,IAAI,cAAc,MACpD,KAAK,eAAe,GAElB,EAAM,IAAI,cAAc,KAAK,KAAK,cACpC,KAAK,eAAe;CAExB;CAEA,IAAY,SAAS;EAMnB,OALK,KAAK,eAER,KAAK,iBAAiB,UACtB,KAAK,iBAAiB,SAAS,mBAC/B,KAAK,iBAAiB,SAAS,OACjB,SAAS,KAAK,eALC;CAMjC;CAEA,iBAAyB;EAIvB,AAHA,KAAK,iBAAiB,MAAM,GAC5B,KAAK,kBAAkB,IAAI,gBAAgB,GAE3C,KAAK,OAAO,iBACV,gBACM;GACJ,KAAK,eAAe;EACtB,GACA;GAAE,QAAQ,KAAK,gBAAgB;GAAQ,SAAS;EAAK,CACvD;CACF;CAEA,iBAAyB;EACvB,IAAM,IAAS,KAAK;EACpB,IAAI,MAAW,QACb,KAAK,UAAU,EAAiB,KAAK,KAAK;OACrC,IAAI,aAAkB,aAC3B,KAAK,UAAU,EAAO,aAAa,KAAK;OAExC,MAAU,MAAM,kDAAkD;CAEtE;CAEA,QAAQ;EACN,KAAK,OAAO,SAAS;GACnB,KAAK;GACL,UAAU,KAAK,SAAS,WAAW;EACrC,CAAC;CACH;CAEA,QAAgB,GAAkB;EAChC,AAAI,EAAE,QAAQ,YACZ,EAAE,eAAe,GACjB,KAAK,MAAM;CAEf;CAEA,SAAkB;EAChB,OAAO,CAAI;sEACuD,KAAK,MAAM,YAAY,KAAK,QAAQ;;;iCAGzE,EAAoB;;;;;CAKnD;AAGF;AAnGG,EAAA,CAAA,EAAS;CAAE,SAAS;CAAM,WAAW;AAAuB,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAC7D,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GACzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAM,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GAE3C,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,IAAA,GAWxC,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,GAnBR,IAAA,EAAA,CAAA,EAAc,iBAAiB,CAAA,GAAA,CAAA"}

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

@@ -1,5 +1,5 @@
 //#region src/components/back-top/style.css?inline
-var e = ":host{pointer-events:none;z-index:var(--web-ui-back-top-z-index,auto);top:var(--web-ui-back-top-top,auto);right:var(--web-ui-back-top-right,20px);bottom:var(--web-ui-back-top-bottom,20px);left:var(--web-ui-back-top-left,auto);visibility:hidden;opacity:0;transition:all .3s ease-out;display:inline-block;position:fixed;transform:scale(0)}:host([visible]){pointer-events:auto;visibility:visible;opacity:1;transform:scale(1)}";
+var e = "*,:before,:after{box-sizing:border-box}:host{--wui-shadow-glass:var(--wui-shadow-pop);display:block}.back-top-inner{pointer-events:none;z-index:var(--web-ui-back-top-z-index,var(--wui-layer-auxiliary,20));top:var(--web-ui-back-top-top,auto);right:var(--web-ui-back-top-right,20px);bottom:var(--web-ui-back-top-bottom,20px);left:var(--web-ui-back-top-left,auto);visibility:hidden;opacity:0;position:fixed}.back-top-inner .back-top-inner:focus-visible{outline:3px solid var(--wui-focus-ring,#08f6);outline-offset:2px;border-radius:2147483647px}:host([visible]) .back-top-inner{pointer-events:auto;visibility:visible;opacity:1}";
 //#endregion
 export { e as default };
 

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":[":host {\n  pointer-events: none;\n\n  position: fixed;\n  z-index: var(--web-ui-back-top-z-index, auto);\n  top: var(--web-ui-back-top-top, auto);\n  right: var(--web-ui-back-top-right, 20px);\n  bottom: var(--web-ui-back-top-bottom, 20px);\n  left: var(--web-ui-back-top-left, auto);\n  transform: scale(0);\n\n  display: inline-block;\n\n  visibility: hidden;\n  opacity: 0;\n\n  transition: all 0.3s ease-out;\n}\n\n:host([visible]) {\n  pointer-events: auto;\n  transform: scale(1);\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  --wui-shadow-glass: var(--wui-shadow-pop);\n  display: block;\n}\n\n.back-top-inner {\n  pointer-events: none;\n\n  position: fixed;\n  z-index: var(--web-ui-back-top-z-index, var(--wui-layer-auxiliary, 20));\n  top: var(--web-ui-back-top-top, auto);\n  right: var(--web-ui-back-top-right, 20px);\n  bottom: var(--web-ui-back-top-bottom, 20px);\n  left: var(--web-ui-back-top-left, auto);\n\n  visibility: hidden;\n  opacity: 0;\n\n  .back-top-inner:focus-visible {\n    border-radius: calc(infinity * 1px);\n    outline: 3px solid var(--wui-focus-ring, rgb(0 136 255 / 0.4));\n    outline-offset: 2px;\n  }\n}\n\n:host([visible]) .back-top-inner {\n  pointer-events: auto;\n  visibility: visible;\n  opacity: 1;\n}\n"],"mappings":""}

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

@@ -0,0 +1,27 @@
+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;
+    connectedCallback(): void;
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: Record<string, never>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-badge': WebUiBadge;
+    }
+}

package/dist/components/badge/index.js

@@ -0,0 +1,121 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import t from "../../assets/glass.js";
+import { normalizeLiteral as n, normalizeNumber as r } from "../../shared/normalize/index.js";
+import i from "./style.js";
+import { LitElement as a, html as o, unsafeCSS as s } from "lit";
+import { customElement as c, property as l, state as u } from "lit/decorators.js";
+import { classMap as d } from "lit/directives/class-map.js";
+import { ifDefined as f } from "lit/directives/if-defined.js";
+import { styleMap as p } from "lit/directives/style-map.js";
+//#region src/components/badge/index.ts
+var m = [
+	"top-right",
+	"top-left",
+	"bottom-right",
+	"bottom-left"
+], h = 2 ** 53 - 1, g = class extends a {
+	constructor(...e) {
+		super(...e), this._count = 0, this._max = 99, this.dot = !1, this.showZero = !1, this.badgeHidden = !1, this.offsetX = 0, this.offsetY = 0, this._placement = "top-right", this._hasContent = !1;
+	}
+	static {
+		this.styles = [s(t), s(i)];
+	}
+	set count(e) {
+		let t = r(e, 0, h, 0);
+		if (this._count !== t) {
+			let e = this._count;
+			this._count = t, this.requestUpdate("count", e);
+		}
+		this.getAttribute("count") !== String(t) && this.setAttribute("count", String(t));
+	}
+	get count() {
+		return this._count;
+	}
+	set max(e) {
+		let t = r(e, 0, h, 99);
+		if (this._max !== t) {
+			let e = this._max;
+			this._max = t, this.requestUpdate("max", e);
+		}
+		this.getAttribute("max") !== String(t) && this.setAttribute("max", String(t));
+	}
+	get max() {
+		return this._max;
+	}
+	set placement(e) {
+		let t = n(e, m, "top-right");
+		if (this._placement !== t) {
+			let e = this._placement;
+			this._placement = t, this.requestUpdate("placement", e);
+		}
+		this.getAttribute("placement") !== t && this.setAttribute("placement", t);
+	}
+	get placement() {
+		return this._placement;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._hasContent = this.children.length > 0, this.updateComplete.then(() => {
+			this.shadowRoot?.querySelector("slot")?.addEventListener("slotchange", () => {
+				this._hasContent = this.children.length > 0;
+			});
+		});
+	}
+	render() {
+		let e = this.badgeHidden ? !1 : this.dot ? !0 : this.count > 0 || this.showZero, t = this.dot ? "" : this.count > this.max ? `${this.max}+` : String(this.count), n = this.dot ? "未读" : this.count > 0 ? `${this.count} 条未读消息` : this.showZero ? "无未读消息" : void 0, r = {
+			"badge-wrapper": !0,
+			"badge-wrapper-fixed": this._hasContent
+		}, i = {
+			badge: !0,
+			"badge-dot": this.dot,
+			"badge-fixed": this._hasContent
+		}, a = {
+			"--badge-offset-x": `${this.offsetX}px`,
+			"--badge-offset-y": `${this.offsetY}px`
+		};
+		return o`
+      <div class=${d(r)}>
+        <slot></slot>
+        ${e ? o`<span
+              class=${d(i)}
+              style=${p(a)}
+              role="status"
+              aria-label=${f(n)}
+              >${t}</span
+            >` : ""}
+      </div>
+    `;
+	}
+};
+e([l({
+	type: Number,
+	reflect: !0
+})], g.prototype, "count", null), e([l({
+	type: Number,
+	reflect: !0
+})], g.prototype, "max", null), e([l({
+	type: Boolean,
+	reflect: !0
+})], g.prototype, "dot", void 0), e([l({
+	type: Boolean,
+	reflect: !0,
+	attribute: "show-zero"
+})], g.prototype, "showZero", void 0), e([l({
+	type: Boolean,
+	reflect: !0,
+	attribute: "badge-hidden"
+})], g.prototype, "badgeHidden", void 0), e([l({
+	type: Number,
+	reflect: !0,
+	attribute: "offset-x"
+})], g.prototype, "offsetX", void 0), e([l({
+	type: Number,
+	reflect: !0,
+	attribute: "offset-y"
+})], g.prototype, "offsetY", void 0), e([l({
+	type: String,
+	reflect: !0
+})], g.prototype, "placement", null), e([u()], g.prototype, "_hasContent", void 0), g = e([c("web-ui-badge")], g);
+//#endregion
+export { g as WebUiBadge };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/badge/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\n\nimport style from './style.css?inline'\n\nconst ALLOWED_PLACEMENTS = ['top-right', 'top-left', 'bottom-right', 'bottom-left'] as const\nconst MAX_SAFE = Number.MAX_SAFE_INTEGER\n\n@customElement('web-ui-badge')\nexport class WebUiBadge extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: Number, reflect: true })\n  set count(value: number) {\n    const normalized = normalizeNumber(value, 0, MAX_SAFE, 0)\n    if (this._count !== normalized) {\n      const old = this._count\n      this._count = normalized\n      this.requestUpdate('count', old)\n    }\n    if (this.getAttribute('count') !== String(normalized)) {\n      this.setAttribute('count', String(normalized))\n    }\n  }\n\n  get count(): number {\n    return this._count\n  }\n\n  private _count = 0\n\n  @property({ type: Number, reflect: true })\n  set max(value: number) {\n    const normalized = normalizeNumber(value, 0, MAX_SAFE, 99)\n    if (this._max !== normalized) {\n      const old = this._max\n      this._max = normalized\n      this.requestUpdate('max', old)\n    }\n    if (this.getAttribute('max') !== String(normalized)) {\n      this.setAttribute('max', String(normalized))\n    }\n  }\n\n  get max(): number {\n    return this._max\n  }\n\n  private _max = 99\n\n  @property({ type: Boolean, reflect: true }) dot = false\n  @property({ type: Boolean, reflect: true, attribute: 'show-zero' }) showZero = false\n  @property({ type: Boolean, reflect: true, attribute: 'badge-hidden' }) badgeHidden = false\n  @property({ type: Number, reflect: true, attribute: 'offset-x' }) offsetX = 0\n  @property({ type: Number, reflect: true, attribute: 'offset-y' }) offsetY = 0\n\n  @property({ type: String, reflect: true })\n  set placement(value: string) {\n    const normalized = normalizeLiteral(value, ALLOWED_PLACEMENTS, 'top-right')\n    if (this._placement !== normalized) {\n      const old = this._placement\n      this._placement = normalized\n      this.requestUpdate('placement', old)\n    }\n    if (this.getAttribute('placement') !== normalized) {\n      this.setAttribute('placement', normalized)\n    }\n  }\n\n  get placement(): 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' {\n    return this._placement\n  }\n\n  private _placement: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' = 'top-right'\n\n  @state() private _hasContent = false\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._hasContent = this.children.length > 0\n    void this.updateComplete.then(() => {\n      this.shadowRoot?.querySelector('slot')?.addEventListener('slotchange', () => {\n        this._hasContent = this.children.length > 0\n      })\n    })\n  }\n\n  override render() {\n    const showBadge = this.badgeHidden ? false : this.dot ? true : this.count > 0 || this.showZero\n    const display = this.dot ? '' : this.count > this.max ? `${this.max}+` : String(this.count)\n    const ariaLabel = this.dot\n      ? '未读'\n      : this.count > 0\n        ? `${this.count} 条未读消息`\n        : this.showZero\n          ? '无未读消息'\n          : undefined\n    const wrapperClass = { 'badge-wrapper': true, 'badge-wrapper-fixed': this._hasContent }\n    const badgeClass = { badge: true, 'badge-dot': this.dot, 'badge-fixed': this._hasContent }\n    const badgeStyle = {\n      '--badge-offset-x': `${this.offsetX}px`,\n      '--badge-offset-y': `${this.offsetY}px`\n    }\n\n    return html`\n      <div class=${classMap(wrapperClass)}>\n        <slot></slot>\n        ${showBadge\n          ? html`<span\n              class=${classMap(badgeClass)}\n              style=${styleMap(badgeStyle)}\n              role=\"status\"\n              aria-label=${ifDefined(ariaLabel)}\n              >${display}</span\n            >`\n          : ''}\n      </div>\n    `\n  }\n\n  declare readonly $events: Record<string, never>\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-badge': WebUiBadge\n  }\n}\n"],"mappings":"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"}

package/dist/components/badge/style.js

@@ -0,0 +1,6 @@
+//#region src/components/badge/style.css?inline
+var e = "*,:before,:after{box-sizing:border-box}:host{-webkit-user-select:none;user-select:none;display:inline-block}.badge-wrapper{display:inline-flex}.badge-wrapper-fixed{position:relative}.badge{z-index:1;border:1px solid var(--wui-color-page,#fff);min-width:18px;height:18px;color:var(--wui-color-on-accent,#fff);white-space:nowrap;background-color:var(--wui-color-danger,#dc2626);border-radius:2147483647px;justify-content:center;align-items:center;padding:0 4px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.badge-fixed{transform:translate(calc(var(--badge-x,50%) + var(--badge-offset-x,0px)), calc(var(--badge-y,-50%) + var(--badge-offset-y,0px)));position:absolute}:host([placement=top-right]) .badge{--badge-x:50%;--badge-y:-50%;top:0;right:0}:host([placement=top-left]) .badge{--badge-x:-50%;--badge-y:-50%;top:0;left:0}:host([placement=bottom-right]) .badge{--badge-x:50%;--badge-y:50%;bottom:0;right:0}:host([placement=bottom-left]) .badge{--badge-x:-50%;--badge-y:50%;bottom:0;left:0}.badge-dot{min-width:8px;height:8px;padding:0;font-size:0}.badge-fixed.badge-dot{--badge-x:40%;--badge-y:-40%}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

package/dist/components/badge/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/badge/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  user-select: none;\n  display: inline-block;\n}\n\n.badge-wrapper {\n  display: inline-flex;\n}\n\n.badge-wrapper-fixed {\n  position: relative;\n}\n\n.badge {\n  z-index: 1;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 18px;\n  height: 18px;\n  padding: 0 4px;\n  border: 1px solid var(--wui-color-page, #fff);\n  border-radius: calc(infinity * 1px);\n\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  color: var(--wui-color-on-accent, #fff);\n  white-space: nowrap;\n\n  background-color: var(--wui-color-danger, #dc2626);\n}\n\n.badge-fixed {\n  position: absolute;\n  transform: translate(\n    calc(var(--badge-x, 50%) + var(--badge-offset-x, 0px)),\n    calc(var(--badge-y, -50%) + var(--badge-offset-y, 0px))\n  );\n}\n\n/* ===== Placement ===== */\n\n:host([placement='top-right']) .badge {\n  --badge-x: 50%;\n  --badge-y: -50%;\n  top: 0;\n  right: 0;\n}\n\n:host([placement='top-left']) .badge {\n  --badge-x: -50%;\n  --badge-y: -50%;\n  top: 0;\n  left: 0;\n}\n\n:host([placement='bottom-right']) .badge {\n  --badge-x: 50%;\n  --badge-y: 50%;\n  right: 0;\n  bottom: 0;\n}\n\n:host([placement='bottom-left']) .badge {\n  --badge-x: -50%;\n  --badge-y: 50%;\n  bottom: 0;\n  left: 0;\n}\n\n/* ===== Dot ===== */\n\n.badge-dot {\n  min-width: 8px;\n  height: 8px;\n  padding: 0;\n  font-size: 0;\n}\n\n/* ===== Fixed mode (has slotted content) ===== */\n\n.badge-fixed.badge-dot {\n  --badge-x: 40%;\n  --badge-y: -40%;\n}\n"],"mappings":""}