@greypan/web-ui 11.1.0 → 12.0.0

package/dist/components/badge/index.js

@@ -1,134 +1,176 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
-import t from "../../classes/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 = [
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import glass_default from "../../classes/glass.js";
+import { normalizeLiteral, normalizeNumber } from "../../shared/normalize/index.js";
+import { formatBuiltinLabel, resolveBuiltinLabel } from "../../shared/locale/builtin-labels.js";
+import style_default from "./style.js";
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { styleMap } from "lit/directives/style-map.js";
+// src/components/badge/index.ts
+const ALLOWED_PLACEMENTS = [
 	"top-right",
 	"top-left",
 	"bottom-right",
 	"bottom-left"
-], h = 2 ** 53 - 1;
-function g(e) {
-	for (let t of e) if (t.nodeType === Node.TEXT_NODE && t.textContent?.trim() || t.nodeType === Node.ELEMENT_NODE && t.slot === "") return !0;
-	return !1;
+];
+const MAX_SAFE = Number.MAX_SAFE_INTEGER;
+function hasDefaultSlotContent(nodes) {
+	for (const node of nodes) {
+		if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) return true;
+		if (node.nodeType === Node.ELEMENT_NODE && node.slot === "") return true;
+	}
+	return false;
 }
-var _ = 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, this._contentObserver = new MutationObserver(() => this._syncHasContent()), this._handleSlotChange = () => {
+let WebUiBadge = class WebUiBadge extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this._count = 0;
+		this._max = 99;
+		this.dot = false;
+		this.showZero = false;
+		this.badgeHidden = false;
+		this.offsetX = 0;
+		this.offsetY = 0;
+		this.ariaLabel = null;
+		this._placement = "top-right";
+		this._hasContent = false;
+		this._contentObserver = new MutationObserver(() => this._syncHasContent());
+		this._handleSlotChange = () => {
 			this._syncHasContent();
 		};
 	}
 	static {
-		this.styles = [s(t), s(i)];
+		this.styles = [unsafeCSS(glass_default), unsafeCSS(style_default)];
 	}
-	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);
+	set count(value) {
+		const normalized = normalizeNumber(value, 0, MAX_SAFE, 0);
+		if (this._count !== normalized) {
+			const old = this._count;
+			this._count = normalized;
+			this.requestUpdate("count", old);
 		}
-		this.getAttribute("count") !== String(t) && this.setAttribute("count", String(t));
+		if (this.getAttribute("count") !== String(normalized)) this.setAttribute("count", String(normalized));
 	}
 	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);
+	set max(value) {
+		const normalized = normalizeNumber(value, 0, MAX_SAFE, 99);
+		if (this._max !== normalized) {
+			const old = this._max;
+			this._max = normalized;
+			this.requestUpdate("max", old);
 		}
-		this.getAttribute("max") !== String(t) && this.setAttribute("max", String(t));
+		if (this.getAttribute("max") !== String(normalized)) this.setAttribute("max", String(normalized));
 	}
 	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);
+	set placement(value) {
+		const normalized = normalizeLiteral(value, ALLOWED_PLACEMENTS, "top-right");
+		if (this._placement !== normalized) {
+			const old = this._placement;
+			this._placement = normalized;
+			this.requestUpdate("placement", old);
 		}
-		this.getAttribute("placement") !== t && this.setAttribute("placement", t);
+		if (this.getAttribute("placement") !== normalized) this.setAttribute("placement", normalized);
 	}
 	get placement() {
 		return this._placement;
 	}
 	_syncHasContent() {
-		let e = this.renderRoot.querySelector("slot");
-		this._hasContent = g(e?.assignedNodes() ?? this.childNodes);
+		const slot = this.renderRoot.querySelector("slot");
+		this._hasContent = hasDefaultSlotContent(slot?.assignedNodes() ?? this.childNodes);
 	}
 	connectedCallback() {
-		super.connectedCallback(), this._syncHasContent(), this._contentObserver.observe(this, {
-			characterData: !0,
-			subtree: !0
+		super.connectedCallback();
+		this._syncHasContent();
+		this._contentObserver.observe(this, {
+			characterData: true,
+			subtree: true
 		});
 	}
 	disconnectedCallback() {
-		this._contentObserver.disconnect(), super.disconnectedCallback();
+		this._contentObserver.disconnect();
+		super.disconnectedCallback();
 	}
 	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 ? "Unread" : this.count > 0 ? `${this.count} unread messages` : this.showZero ? "No unread messages" : void 0, r = {
-			"badge-wrapper": !0,
+		const showBadge = this.badgeHidden ? false : this.dot ? true : this.count > 0 || this.showZero;
+		const display = this.dot ? "" : this.count > this.max ? `${this.max}+` : String(this.count);
+		const fallback = this.dot ? resolveBuiltinLabel("unread") : this.count > 0 ? resolveBuiltinLabel("unreadCount") : this.showZero ? resolveBuiltinLabel("noUnread") : void 0;
+		const raw = this.ariaLabel?.trim() || fallback;
+		const ariaLabel = raw === void 0 ? void 0 : formatBuiltinLabel(raw, { count: this.count });
+		const wrapperClass = {
+			"badge-wrapper": true,
 			"badge-wrapper-fixed": this._hasContent
-		}, i = {
-			badge: !0,
+		};
+		const badgeClass = {
+			badge: true,
 			"badge-dot": this.dot,
 			"badge-fixed": this._hasContent
-		}, a = {
+		};
+		const badgeStyle = {
 			"--badge-offset-x": `${this.offsetX}px`,
 			"--badge-offset-y": `${this.offsetY}px`
 		};
-		return o`
-      <div class=${d(r)}>
+		return html`
+      <div class=${classMap(wrapperClass)}>
         <slot @slotchange=${this._handleSlotChange}></slot>
-        ${e ? o`<span
-                class=${d(i)}
-                style=${p(a)}
+        ${showBadge ? html`<span
+                class=${classMap(badgeClass)}
+                style=${styleMap(badgeStyle)}
                 role="status"
-                aria-label=${f(n)}
-                >${t}</span
+                aria-label=${ifDefined(ariaLabel)}
+                >${display}</span
               >` : ""}
       </div>
     `;
 	}
 };
-e([l({
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], _.prototype, "count", null), e([l({
+	reflect: true
+})], WebUiBadge.prototype, "count", null);
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], _.prototype, "max", null), e([l({
+	reflect: true
+})], WebUiBadge.prototype, "max", null);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], _.prototype, "dot", void 0), e([l({
+	reflect: true
+})], WebUiBadge.prototype, "dot", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0,
+	reflect: true,
 	attribute: "show-zero"
-})], _.prototype, "showZero", void 0), e([l({
+})], WebUiBadge.prototype, "showZero", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0,
+	reflect: true,
 	attribute: "badge-hidden"
-})], _.prototype, "badgeHidden", void 0), e([l({
+})], WebUiBadge.prototype, "badgeHidden", void 0);
+__decorate([property({
 	type: Number,
-	reflect: !0,
+	reflect: true,
 	attribute: "offset-x"
-})], _.prototype, "offsetX", void 0), e([l({
+})], WebUiBadge.prototype, "offsetX", void 0);
+__decorate([property({
 	type: Number,
-	reflect: !0,
+	reflect: true,
 	attribute: "offset-y"
-})], _.prototype, "offsetY", void 0), e([l({
+})], WebUiBadge.prototype, "offsetY", void 0);
+__decorate([property({
+	type: String,
+	attribute: "aria-label"
+})], WebUiBadge.prototype, "ariaLabel", void 0);
+__decorate([property({
 	type: String,
-	reflect: !0
-})], _.prototype, "placement", null), e([u()], _.prototype, "_hasContent", void 0), _ = e([c("web-ui-badge")], _);
-//#endregion
-export { _ as WebUiBadge };
+	reflect: true
+})], WebUiBadge.prototype, "placement", null);
+__decorate([state()], WebUiBadge.prototype, "_hasContent", void 0);
+WebUiBadge = __decorate([customElement("web-ui-badge")], WebUiBadge);
+export { WebUiBadge };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +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 '@/classes/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\nfunction hasDefaultSlotContent(nodes: Iterable<Node>): boolean {\n  for (const node of nodes) {\n    if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) return true\n    if (node.nodeType === Node.ELEMENT_NODE && (node as Element).slot === '') return true\n  }\n  return false\n}\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  private readonly _contentObserver = new MutationObserver(() => this._syncHasContent())\n\n  private readonly _handleSlotChange = () => {\n    this._syncHasContent()\n  }\n\n  private _syncHasContent(): void {\n    const slot = this.renderRoot.querySelector('slot')\n    this._hasContent = hasDefaultSlotContent(slot?.assignedNodes() ?? this.childNodes)\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._syncHasContent()\n    this._contentObserver.observe(this, { characterData: true, subtree: true })\n  }\n\n  override disconnectedCallback() {\n    this._contentObserver.disconnect()\n    super.disconnectedCallback()\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      ? 'Unread'\n      : this.count > 0\n        ? `${this.count} unread messages`\n        : this.showZero\n          ? 'No unread messages'\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 @slotchange=${this._handleSlotChange}></slot>\n        ${\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        }\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-badge': WebUiBadge\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["glass","style"],"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 '@/classes/glass.css?inline'\nimport { formatBuiltinLabel, resolveBuiltinLabel } from '@/shared/locale/builtin-labels'\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\nfunction hasDefaultSlotContent(nodes: Iterable<Node>): boolean {\n  for (const node of nodes) {\n    if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) return true\n    if (node.nodeType === Node.ELEMENT_NODE && (node as Element).slot === '') return true\n  }\n  return false\n}\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  /**\n   * 徽标 status 的无障碍名称；设置后点/计数/零三种状态都用它（支持 `{count}` 占位）。\n   * 未设置时回退内置英文文案（见 ADR-0016）。\n   */\n  @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\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  private readonly _contentObserver = new MutationObserver(() => this._syncHasContent())\n\n  private readonly _handleSlotChange = () => {\n    this._syncHasContent()\n  }\n\n  private _syncHasContent(): void {\n    const slot = this.renderRoot.querySelector('slot')\n    this._hasContent = hasDefaultSlotContent(slot?.assignedNodes() ?? this.childNodes)\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._syncHasContent()\n    this._contentObserver.observe(this, { characterData: true, subtree: true })\n  }\n\n  override disconnectedCallback() {\n    this._contentObserver.disconnect()\n    super.disconnectedCallback()\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 fallback = this.dot\n      ? resolveBuiltinLabel('unread')\n      : this.count > 0\n        ? resolveBuiltinLabel('unreadCount')\n        : this.showZero\n          ? resolveBuiltinLabel('noUnread')\n          : undefined\n    const raw = this.ariaLabel?.trim() || fallback\n    const ariaLabel = raw === undefined ? undefined : formatBuiltinLabel(raw, { count: this.count })\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 @slotchange=${this._handleSlotChange}></slot>\n        ${\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        }\n      </div>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-badge': WebUiBadge\n  }\n}\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,qBAAqB;CAAC;CAAa;CAAY;CAAgB;AAAa;AAClF,MAAM,WAAW,OAAO;AAExB,SAAS,sBAAsB,OAAgC;CAC7D,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,KAAK,aAAa,KAAK,aAAa,KAAK,aAAa,KAAK,GAAG,OAAO;EACzE,IAAI,KAAK,aAAa,KAAK,gBAAiB,KAAiB,SAAS,IAAI,OAAO;CACnF;CACA,OAAO;AACT;AAGO,IAAM,aAAN,MAAM,mBAAmB,WAAW;;;EAoBxB,KAAA,SAAA;EAmBF,KAAA,OAAA;EAEmC,KAAA,MAAA;EAC6B,KAAA,WAAA;EACM,KAAA,cAAA;EACT,KAAA,UAAA;EACA,KAAA,UAAA;EAMa,KAAA,YAAA;EAmBT,KAAA,aAAA;EAEjD,KAAA,cAAA;EAEK,KAAA,mBAAA,IAAI,uBAAuB,KAAK,gBAAgB,CAAC;EAE1C,KAAA,0BAAA;GACzC,KAAK,gBAAgB;EACvB;;;EA7EyB,KAAA,SAAA,CAAC,UAAUA,aAAK,GAAG,UAAUC,aAAK,CAAC;;CAE5D,IACI,MAAM,OAAe;EACvB,MAAM,aAAa,gBAAgB,OAAO,GAAG,UAAU,CAAC;EACxD,IAAI,KAAK,WAAW,YAAY;GAC9B,MAAM,MAAM,KAAK;GACjB,KAAK,SAAS;GACd,KAAK,cAAc,SAAS,GAAG;EACjC;EACA,IAAI,KAAK,aAAa,OAAO,MAAM,OAAO,UAAU,GAClD,KAAK,aAAa,SAAS,OAAO,UAAU,CAAC;CAEjD;CAEA,IAAI,QAAgB;EAClB,OAAO,KAAK;CACd;CAIA,IACI,IAAI,OAAe;EACrB,MAAM,aAAa,gBAAgB,OAAO,GAAG,UAAU,EAAE;EACzD,IAAI,KAAK,SAAS,YAAY;GAC5B,MAAM,MAAM,KAAK;GACjB,KAAK,OAAO;GACZ,KAAK,cAAc,OAAO,GAAG;EAC/B;EACA,IAAI,KAAK,aAAa,KAAK,MAAM,OAAO,UAAU,GAChD,KAAK,aAAa,OAAO,OAAO,UAAU,CAAC;CAE/C;CAEA,IAAI,MAAc;EAChB,OAAO,KAAK;CACd;CAgBA,IACI,UAAU,OAAe;EAC3B,MAAM,aAAa,iBAAiB,OAAO,oBAAoB,WAAW;EAC1E,IAAI,KAAK,eAAe,YAAY;GAClC,MAAM,MAAM,KAAK;GACjB,KAAK,aAAa;GAClB,KAAK,cAAc,aAAa,GAAG;EACrC;EACA,IAAI,KAAK,aAAa,WAAW,MAAM,YACrC,KAAK,aAAa,aAAa,UAAU;CAE7C;CAEA,IAAI,YAAuE;EACzE,OAAO,KAAK;CACd;CAYA,kBAAgC;EAC9B,MAAM,OAAO,KAAK,WAAW,cAAc,MAAM;EACjD,KAAK,cAAc,sBAAsB,MAAM,cAAc,KAAK,KAAK,UAAU;CACnF;CAEA,oBAA6B;EAC3B,MAAM,kBAAkB;EACxB,KAAK,gBAAgB;EACrB,KAAK,iBAAiB,QAAQ,MAAM;GAAE,eAAe;GAAM,SAAS;EAAK,CAAC;CAC5E;CAEA,uBAAgC;EAC9B,KAAK,iBAAiB,WAAW;EACjC,MAAM,qBAAqB;CAC7B;CAEA,SAAkB;EAChB,MAAM,YAAY,KAAK,cAAc,QAAQ,KAAK,MAAM,OAAO,KAAK,QAAQ,KAAK,KAAK;EACtF,MAAM,UAAU,KAAK,MAAM,KAAK,KAAK,QAAQ,KAAK,MAAM,GAAG,KAAK,IAAI,KAAK,OAAO,KAAK,KAAK;EAC1F,MAAM,WAAW,KAAK,MAClB,oBAAoB,QAAQ,IAC5B,KAAK,QAAQ,IACX,oBAAoB,aAAa,IACjC,KAAK,WACH,oBAAoB,UAAU,IAC9B,KAAA;EACR,MAAM,MAAM,KAAK,WAAW,KAAK,KAAK;EACtC,MAAM,YAAY,QAAQ,KAAA,IAAY,KAAA,IAAY,mBAAmB,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC;EAC/F,MAAM,eAAe;GAAE,iBAAiB;GAAM,uBAAuB,KAAK;EAAY;EACtF,MAAM,aAAa;GAAE,OAAO;GAAM,aAAa,KAAK;GAAK,eAAe,KAAK;EAAY;EACzF,MAAM,aAAa;GACjB,oBAAoB,GAAG,KAAK,QAAQ;GACpC,oBAAoB,GAAG,KAAK,QAAQ;EACtC;EAEA,OAAO,IAAI;mBACI,SAAS,YAAY,EAAE;4BACd,KAAK,kBAAkB;UAEzC,YACI,IAAI;wBACM,SAAS,UAAU,EAAE;wBACrB,SAAS,UAAU,EAAE;;6BAEhB,UAAU,SAAS,EAAE;mBAC/B,QAAQ;mBAEb,GACL;;;CAGP;AACF;AAjIG,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,WAAA,WAAA,SAAA,IAAA;AAmBxC,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,WAAA,WAAA,OAAA,IAAA;AAmBxC,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,WAAA,WAAA,OAAA,KAAA,CAAA;AACzC,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAY,CAAC,CAAA,GAAA,WAAA,WAAA,YAAA,KAAA,CAAA;AACjE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAe,CAAC,CAAA,GAAA,WAAA,WAAA,eAAA,KAAA,CAAA;AACpE,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;AAAW,CAAC,CAAA,GAAA,WAAA,WAAA,WAAA,KAAA,CAAA;AAC/D,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;AAAW,CAAC,CAAA,GAAA,WAAA,WAAA,WAAA,KAAA,CAAA;AAM/D,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,WAAA,WAAA,aAAA,KAAA,CAAA;AAElD,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,WAAA,WAAA,aAAA,IAAA;AAmBxC,WAAA,CAAA,MAAM,CAAA,GAAA,WAAA,WAAA,eAAA,KAAA,CAAA;AAzER,aAAA,WAAA,CAAA,cAAc,cAAc,CAAA,GAAA,UAAA"}

package/dist/components/badge/style.js

@@ -1,6 +1,5 @@
-//#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{pointer-events:none;z-index:1;min-width:18px;height:18px;padding:0 var(--wui-space-1,4px);border:1px solid var(--wui-color-page,#fff);border-radius:var(--wui-radius-control,calc(infinity * 1px));font-size:var(--wui-font-size-caption,12px);font-weight:var(--wui-font-weight-medium,500);color:var(--wui-color-on-danger,#fff);white-space:nowrap;background-color:var(--wui-color-danger,#dc2626);justify-content:center;align-items:center;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 };
+// src/components/badge/style.css?inline
+var style_default = "*,: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{pointer-events:none;z-index:1;min-width:18px;height:18px;padding:0 var(--wui-space-1,4px);border:1px solid var(--wui-color-page,#fff);border-radius:var(--wui-radius-control,calc(infinity * 1px));font-size:var(--wui-font-size-caption,12px);font-weight:var(--wui-font-weight-medium,500);color:var(--wui-color-on-danger,#fff);white-space:nowrap;background-color:var(--wui-color-danger,#dc2626);justify-content:center;align-items:center;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%}\n";
+export { style_default as default };
 
 //# sourceMappingURL=style.js.map

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

@@ -1 +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  pointer-events: none;\n\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 var(--wui-space-1, 4px);\n  border: 1px solid var(--wui-color-page, #fff);\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n\n  font-size: var(--wui-font-size-caption, 12px);\n  font-weight: var(--wui-font-weight-medium, 500);\n  line-height: 1;\n  color: var(--wui-color-on-danger, #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: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.badge-dot {\n  min-width: 8px;\n  height: 8px;\n  padding: 0;\n  font-size: 0;\n}\n\n.badge-fixed.badge-dot {\n  --badge-x: 40%;\n  --badge-y: -40%;\n}\n"],"mappings":""}
+{"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  pointer-events: none;\n\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 var(--wui-space-1, 4px);\n  border: 1px solid var(--wui-color-page, #fff);\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n\n  font-size: var(--wui-font-size-caption, 12px);\n  font-weight: var(--wui-font-weight-medium, 500);\n  line-height: 1;\n  color: var(--wui-color-on-danger, #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: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.badge-dot {\n  min-width: 8px;\n  height: 8px;\n  padding: 0;\n  font-size: 0;\n}\n\n.badge-fixed.badge-dot {\n  --badge-x: 40%;\n  --badge-y: -40%;\n}\n"],"mappings":";AAAA,IAAA,gBAAA"}