@greypan/web-ui 1.4.2 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/layout/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-layout')\nexport class WebUiLayout extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  override render() {\n    return html`\n      <header>\n        <slot name=\"header\"></slot>\n      </header>\n      <main>\n        <slot></slot>\n      </main>\n      <aside>\n        <div class=\"menu\"><slot name=\"sidebar\"></slot></div>\n      </aside>\n      <footer>\n        <slot name=\"tabbar\"></slot>\n      </footer>\n    `\n  }\n}\n"],"mappings":";;;;;AAMO,IAAA,IAAA,cAA0B,EAAW;;gBACjB,EAAU,CAAK;;CAExC,SAAkB;EAChB,OAAO,CAAI;;;;;;;;;;;;;;CAcb;AACF;OApBC,EAAc,eAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/layout/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-layout')\nexport class WebUiLayout extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  override render() {\n    return html`\n      <div class=\"layout-grid\">\n        <header>\n          <slot name=\"header\"></slot>\n        </header>\n        <main>\n          <slot></slot>\n        </main>\n        <aside>\n          <div class=\"menu wui-glass\"><slot name=\"sidebar\"></slot></div>\n        </aside>\n        <footer>\n          <slot name=\"tabbar\"></slot>\n        </footer>\n      </div>\n    `\n  }\n\n  declare readonly $events: Record<string, never>\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-layout': WebUiLayout\n  }\n}\n"],"mappings":";;;;;;AAQO,IAAM,IAAN,cAA0B,EAAW;;EACjB,KAAA,SAAA,CAAC,EAAU,CAAK,GAAG,EAAU,CAAK,CAAC;;CAE5D,SAAkB;EAChB,OAAO,CAAI;;;;;;;;;;;;;;;;CAgBb;AAGF;AAxBC,IAAA,EAAA,CAAA,EAAc,eAAe,CAAA,GAAA,CAAA"}

package/dist/components/layout/style.js

@@ -1,5 +1,5 @@
 //#region src/components/layout/style.css?inline
-var e = ":host{grid-template-areas:\"sidebar header\"\"sidebar content\";grid-template-columns:var(--web-ui-base-layout-sidebar-width,240px) 1fr;grid-template-rows:var(--web-ui-base-layout-header-height,64px) 1fr;box-sizing:border-box;min-height:100vh;display:grid}:host *{box-sizing:inherit}header{grid-area:header;position:sticky;top:0;right:0}main{grid-area:content}aside{grid-area:sidebar;height:100vh;padding:8px;position:sticky;top:0;left:0}aside .menu{background-color:var(--web-ui-base-layout-bg,#f5f5f5);border-radius:16px;height:100%;box-shadow:2px 4px 32px #0003}footer{grid-area:footer}";
+var e = "*,:before,:after{box-sizing:border-box}:host{display:block}.layout-grid{grid-template-areas:\"sidebar header\"\"sidebar content\";grid-template-columns:var(--web-ui-base-layout-sidebar-width,240px) 1fr;grid-template-rows:var(--web-ui-base-layout-header-height,64px) 1fr;box-sizing:border-box;min-height:100vh;display:grid}.layout-grid *{box-sizing:inherit}header{z-index:var(--wui-layer-header,10);grid-area:header;position:sticky;top:0;right:0}main{grid-area:content}aside{grid-area:sidebar;height:100vh;padding:8px;position:sticky;top:0;left:0}aside .menu{background-color:var(--wui-color-surface-overlay,#f5f5f5d9);border-radius:20px;height:100%}footer{grid-area:footer}@media (width<=640px){.layout-grid{grid-template-columns:1fr;grid-template-areas:\"header\"\"content\"}aside{display:none}}";
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/layout/style.css?inline"],"sourcesContent":[":host {\n  display: grid;\n  grid-template-areas:\n    'sidebar header'\n    'sidebar content';\n  grid-template-columns: var(--web-ui-base-layout-sidebar-width, 240px) 1fr;\n  grid-template-rows: var(--web-ui-base-layout-header-height, 64px) 1fr;\n\n  box-sizing: border-box;\n  min-height: 100dvh;\n  min-height: 100vh;\n\n  * {\n    box-sizing: inherit;\n  }\n}\n\nheader {\n  position: sticky;\n  top: 0;\n  right: 0;\n  grid-area: header;\n}\n\nmain {\n  grid-area: content;\n}\n\naside {\n  position: sticky;\n  top: 0;\n  left: 0;\n\n  grid-area: sidebar;\n\n  height: 100dvh;\n  height: 100vh;\n  padding: 8px;\n\n  .menu {\n    height: 100%;\n    border-radius: 16px;\n    background-color: var(--web-ui-base-layout-bg, #f5f5f5);\n    box-shadow: 2px 4px 32px rgb(0 0 0 / 0.2);\n  }\n}\n\nfooter {\n  grid-area: footer;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/layout/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n.layout-grid {\n  display: grid;\n  grid-template-areas:\n    'sidebar header'\n    'sidebar content';\n  grid-template-columns: var(--web-ui-base-layout-sidebar-width, 240px) 1fr;\n  grid-template-rows: var(--web-ui-base-layout-header-height, 64px) 1fr;\n\n  box-sizing: border-box;\n  min-height: 100dvh;\n  min-height: 100vh;\n\n  * {\n    box-sizing: inherit;\n  }\n}\n\nheader {\n  position: sticky;\n  z-index: var(--wui-layer-header, 10);\n  top: 0;\n  right: 0;\n\n  grid-area: header;\n}\n\nmain {\n  grid-area: content;\n}\n\naside {\n  position: sticky;\n  top: 0;\n  left: 0;\n\n  grid-area: sidebar;\n\n  height: 100dvh;\n  height: 100vh;\n  padding: 8px;\n\n  .menu {\n    height: 100%;\n    border-radius: 20px;\n    background-color: var(--wui-color-surface-overlay, rgb(245 245 245 / 0.85));\n  }\n}\n\nfooter {\n  grid-area: footer;\n}\n\n@media (width <= 640px) {\n  .layout-grid {\n    grid-template-areas:\n      'header'\n      'content';\n    grid-template-columns: 1fr;\n  }\n\n  aside {\n    display: none;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,33 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class WebUiOption extends LitElement {
+    static styles: import('lit').CSSResult;
+    value: string;
+    get label(): string;
+    set label(value: string);
+    private _label;
+    private _slottedLabel;
+    disabled: boolean;
+    selected: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private _onLabelSlotChange;
+    private _getSlottedLabel;
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: {
+        'option-register': CustomEvent<{
+            value: string;
+            label: string;
+            disabled: boolean;
+        }>;
+        'option-unregister': CustomEvent<{
+            value: string;
+        }>;
+        'option-update': CustomEvent<void>;
+    };
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-option': WebUiOption;
+    }
+}

package/dist/components/option/index.js

@@ -0,0 +1,78 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import "../icon/index.js";
+import t from "../../icons/generated/heroicons-check-16-solid.js";
+import n from "./style.js";
+import { LitElement as r, html as i, unsafeCSS as a } from "lit";
+import { customElement as o, property as s } from "lit/decorators.js";
+//#region src/components/option/index.ts
+var c = class extends r {
+	constructor(...e) {
+		super(...e), this.value = "", this._label = "", this._slottedLabel = "", this.disabled = !1, this.selected = !1, this._onLabelSlotChange = () => {
+			let e = this._getSlottedLabel();
+			if (e === this._slottedLabel) return;
+			let t = this._label || this._slottedLabel;
+			this._slottedLabel = e, this.requestUpdate("label", t);
+		};
+	}
+	static {
+		this.styles = a(n);
+	}
+	get label() {
+		return this._label || this._getSlottedLabel();
+	}
+	set label(e) {
+		let t = this.label;
+		this._label = e, this.requestUpdate("label", t);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.dispatchEvent(new CustomEvent("option-register", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: this.value,
+				label: this.label,
+				disabled: this.disabled
+			}
+		}));
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.dispatchEvent(new CustomEvent("option-unregister", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.value }
+		}));
+	}
+	updated(e) {
+		(e.has("value") || e.has("label") || e.has("disabled")) && this.dispatchEvent(new CustomEvent("option-update", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_getSlottedLabel() {
+		return [...this.childNodes].filter((e) => !(e instanceof HTMLElement && e.slot)).map((e) => e.textContent).join("").trim();
+	}
+	render() {
+		return i`
+      <div class="option-label">
+        <web-ui-icon class="check" .size=${16} .icon=${t}></web-ui-icon>
+        <slot name="prefix"></slot>
+        <span class="content-wrap">${this._label || i`<slot @slotchange=${this._onLabelSlotChange}></slot>`}</span>
+        <slot name="suffix"></slot>
+      </div>
+    `;
+	}
+};
+e([s({
+	type: String,
+	reflect: !0
+})], c.prototype, "value", void 0), e([s({ type: String })], c.prototype, "label", null), e([s({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), e([s({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "selected", void 0), c = e([o("web-ui-option")], c);
+//#endregion
+export { c as WebUiOption };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/option/index.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport '@/components/icon'\nimport { heroiconsCheck16Solid } from '@/icons'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-option')\nexport class WebUiOption extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: String, reflect: true }) value = ''\n  @property({ type: String })\n  get label(): string {\n    return this._label || this._getSlottedLabel()\n  }\n  set label(value: string) {\n    const old = this.label\n    this._label = value\n    this.requestUpdate('label', old)\n  }\n  private _label = ''\n  private _slottedLabel = ''\n\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) selected = false\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.dispatchEvent(\n      new CustomEvent('option-register', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value, label: this.label, disabled: this.disabled }\n      })\n    )\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.dispatchEvent(\n      new CustomEvent('option-unregister', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value }\n      })\n    )\n  }\n\n  override updated(changed: PropertyValues) {\n    if (changed.has('value') || changed.has('label') || changed.has('disabled')) {\n      this.dispatchEvent(\n        new CustomEvent('option-update', {\n          bubbles: true,\n          composed: true\n        })\n      )\n    }\n  }\n\n  private _onLabelSlotChange = () => {\n    const label = this._getSlottedLabel()\n    if (label === this._slottedLabel) return\n\n    const old = this._label || this._slottedLabel\n    this._slottedLabel = label\n    this.requestUpdate('label', old)\n  }\n\n  private _getSlottedLabel(): string {\n    return [...this.childNodes]\n      .filter(node => !(node instanceof HTMLElement && node.slot))\n      .map(node => node.textContent)\n      .join('')\n      .trim()\n  }\n\n  override render() {\n    return html`\n      <div class=\"option-label\">\n        <web-ui-icon class=\"check\" .size=${16} .icon=${heroiconsCheck16Solid}></web-ui-icon>\n        <slot name=\"prefix\"></slot>\n        <span class=\"content-wrap\">${this._label || html`<slot @slotchange=${this._onLabelSlotChange}></slot>`}</span>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'option-register': CustomEvent<{ value: string; label: string; disabled: boolean }>\n    'option-unregister': CustomEvent<{ value: string }>\n    'option-update': CustomEvent<void>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-option': WebUiOption\n  }\n}\n"],"mappings":";;;;;;;AASO,IAAM,IAAN,cAA0B,EAAW;;EAoDP,aAjDgB,KAAA,QAAA,IAUlC,KAAA,SAAA,IACO,KAAA,gBAAA,IAE+B,KAAA,WAAA,IACA,KAAA,WAAA,IAmCpB,KAAA,2BAAA;GACjC,IAAM,IAAQ,KAAK,iBAAiB;GACpC,IAAI,MAAU,KAAK,eAAe;GAElC,IAAM,IAAM,KAAK,UAAU,KAAK;GAEhC,AADA,KAAK,gBAAgB,GACrB,KAAK,cAAc,SAAS,CAAG;EACjC;;;EA1DyB,KAAA,SAAA,EAAU,CAAK;;CAGxC,IACI,QAAgB;EAClB,OAAO,KAAK,UAAU,KAAK,iBAAiB;CAC9C;CACA,IAAI,MAAM,GAAe;EACvB,IAAM,IAAM,KAAK;EAEjB,AADA,KAAK,SAAS,GACd,KAAK,cAAc,SAAS,CAAG;CACjC;CAOA,oBAA6B;EAE3B,AADA,MAAM,kBAAkB,GACxB,KAAK,cACH,IAAI,YAAY,mBAAmB;GACjC,SAAS;GACT,UAAU;GACV,QAAQ;IAAE,OAAO,KAAK;IAAO,OAAO,KAAK;IAAO,UAAU,KAAK;GAAS;EAC1E,CAAC,CACH;CACF;CAEA,uBAAgC;EAE9B,AADA,MAAM,qBAAqB,GAC3B,KAAK,cACH,IAAI,YAAY,qBAAqB;GACnC,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,OAAO,KAAK,MAAM;EAC9B,CAAC,CACH;CACF;CAEA,QAAiB,GAAyB;EACxC,CAAI,EAAQ,IAAI,OAAO,KAAK,EAAQ,IAAI,OAAO,KAAK,EAAQ,IAAI,UAAU,MACxE,KAAK,cACH,IAAI,YAAY,iBAAiB;GAC/B,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CAEJ;CAWA,mBAAmC;EACjC,OAAO,CAAC,GAAG,KAAK,UAAU,CAAC,CACxB,QAAO,MAAQ,EAAE,aAAgB,eAAe,EAAK,KAAK,CAAC,CAC3D,KAAI,MAAQ,EAAK,WAAW,CAAC,CAC7B,KAAK,EAAE,CAAC,CACR,KAAK;CACV;CAEA,SAAkB;EAChB,OAAO,CAAI;;2CAE4B,GAAG,SAAS,EAAsB;;qCAExC,KAAK,UAAU,CAAI,qBAAqB,KAAK,mBAAmB,UAAU;;;;CAI7G;AAOF;AAlFG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GACxC,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,IAAA,GAYzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GACzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAlB3C,IAAA,EAAA,CAAA,EAAc,eAAe,CAAA,GAAA,CAAA"}

package/dist/components/option/style.js

@@ -0,0 +1,6 @@
+//#region src/components/option/style.css?inline
+var e = "*,:before,:after{box-sizing:border-box}:host{display:block}:host([disabled]){cursor:not-allowed;opacity:.4}.option-label{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;height:32px;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);text-overflow:ellipsis;white-space:nowrap;transition:color var(--wui-duration-fast,.16s) ease, background-color var(--wui-duration-fast,.16s) ease;border-radius:2147483647px;align-items:center;gap:8px;padding:0 12px;display:flex;overflow:hidden}.check{flex-shrink:0}.content-wrap{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}:host(:not([selected])) .check{visibility:hidden}::slotted([slot=prefix]),::slotted([slot=suffix]){flex-shrink:0}.option-label:focus-visible{outline:3px solid var(--wui-focus-ring,#08f6);outline-offset:2px}:host([active]) .option-label{color:var(--wui-color-on-accent,#fff);background:var(--wui-color-accent,#08f)}@media (hover:hover) and (pointer:fine){.option-label:hover{color:var(--wui-color-on-accent,#fff);background:var(--wui-color-accent,#08f)}}:host([disabled]) .option-label{cursor:not-allowed}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/option/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.option-label {\n  cursor: pointer;\n  user-select: none;\n\n  overflow: hidden;\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  box-sizing: border-box;\n  height: 32px;\n  padding: 0 12px;\n  border-radius: calc(infinity * 1px);\n\n  font-size: var(--wui-font-size, 14px);\n  color: var(--wui-color-text, #1b1b1b);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  transition:\n    color var(--wui-duration-fast, 160ms) ease,\n    background-color var(--wui-duration-fast, 160ms) ease;\n}\n\n.check {\n  flex-shrink: 0;\n}\n\n.content-wrap {\n  overflow: hidden;\n  flex: 1;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host(:not([selected])) .check {\n  visibility: hidden;\n}\n\n::slotted([slot='prefix']),\n::slotted([slot='suffix']) {\n  flex-shrink: 0;\n}\n\n.option-label:focus-visible {\n  outline: 3px solid var(--wui-focus-ring, rgb(0 136 255 / 0.4));\n  outline-offset: 2px;\n}\n\n:host([active]) .option-label {\n  color: var(--wui-color-on-accent, #fff);\n  background: var(--wui-color-accent, #08f);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .option-label:hover {\n    color: var(--wui-color-on-accent, #fff);\n    background: var(--wui-color-accent, #08f);\n  }\n}\n\n:host([disabled]) .option-label {\n  cursor: not-allowed;\n}\n"],"mappings":""}

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

@@ -0,0 +1,69 @@
+import { Placement } from '@floating-ui/dom';
+import { LitElement } from 'lit';
+import { OverlayContainer } from '../../shared/overlay/portal';
+export declare class WebUiPopover extends LitElement {
+    static styles: import('lit').CSSResult[];
+    open: boolean;
+    disabled: boolean;
+    get placement(): Placement;
+    set placement(v: string);
+    private _placement;
+    get offset(): number;
+    set offset(v: number);
+    private _offset;
+    get trigger(): 'click' | 'hover' | 'manual';
+    set trigger(v: string);
+    private _trigger;
+    portal: boolean;
+    overlayContainer?: OverlayContainer;
+    private _overlay?;
+    private _showTimer?;
+    private _hideTimer?;
+    private _suppressEvent;
+    private _portal?;
+    private _shouldOpenInstantly;
+    private _panelId;
+    /** 当前是否打开 */
+    get isOpen(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    /** 打开 popover */
+    show(): void;
+    /** 关闭 popover */
+    close(): void;
+    /** 切换 popover */
+    toggle(): void;
+    private _isInsideShadowRoot;
+    private _syncTriggerListeners;
+    private _initLocalOverlay;
+    private _openOverlay;
+    private _openPortal;
+    private _closeOverlay;
+    private _disposeOverlay;
+    private _reconfigureOverlay;
+    private _dispatchChange;
+    private _focusPanel;
+    private _returnFocus;
+    private _queryTrigger;
+    private _onTriggerClick;
+    private _onClickOutside;
+    private _onFocusOut;
+    private _onKeydown;
+    private _onPointerEnter;
+    private _onPointerLeave;
+    private _onPanelPointerEnter;
+    private _onPanelPointerLeave;
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: {
+        'open-change': CustomEvent<{
+            open: boolean;
+        }>;
+    };
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-popover': WebUiPopover;
+    }
+}

package/dist/components/popover/index.js

@@ -0,0 +1,231 @@
+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 "../../assets/overlay-motion.js";
+import { hideOverlayPresence as a, showOverlayPresence as o } from "../../shared/overlay/presence.js";
+import { withOverlay as s } from "../../shared/overlay/overlay.js";
+import { createOverlayPortal as c } from "../../shared/overlay/portal.js";
+import l from "./style.js";
+import { LitElement as u, html as d, unsafeCSS as f } from "lit";
+import { customElement as p, property as m } from "lit/decorators.js";
+//#region src/components/popover/index.ts
+var h = [
+	"top",
+	"top-start",
+	"top-end",
+	"bottom",
+	"bottom-start",
+	"bottom-end",
+	"left",
+	"left-start",
+	"left-end",
+	"right",
+	"right-start",
+	"right-end"
+], g = [
+	"click",
+	"hover",
+	"manual"
+], _ = 0, v = class extends u {
+	constructor(...e) {
+		super(...e), this.open = !1, this.disabled = !1, this._placement = "bottom", this._offset = 8, this._trigger = "click", this.portal = !1, this._suppressEvent = !1, this._shouldOpenInstantly = !0, this._panelId = `wui-popover-panel-${++_}`, this._onTriggerClick = (e) => {
+			this.disabled || (clearTimeout(this._showTimer), clearTimeout(this._hideTimer), this.trigger !== "hover" && (this.open || (this._shouldOpenInstantly = e.detail === 0), this.toggle()));
+		}, this._onClickOutside = (e) => {
+			this.open && this.trigger !== "manual" && this.trigger !== "hover" && (e.target instanceof Node && this._portal?.panel.contains(e.target) || this._isInsideShadowRoot(e) || (this.open = !1));
+		}, this._onFocusOut = () => {
+			this.trigger !== "manual" && this.trigger !== "hover" && requestAnimationFrame(() => {
+				this.open && !this.matches(":focus-within") && !this._portal?.panel.matches(":focus-within") && (this.open = !1);
+			});
+		}, this._onKeydown = (e) => {
+			this.open && this.trigger !== "manual" && e.key === "Escape" && (this.open = !1, e.preventDefault());
+		}, this._onPointerEnter = (e) => {
+			e.pointerType !== "touch" && (this.disabled || this.trigger !== "hover" || (clearTimeout(this._hideTimer), this._showTimer = setTimeout(() => {
+				this._shouldOpenInstantly = !1, this.show();
+			}, 100)));
+		}, this._onPointerLeave = (e) => {
+			e.pointerType !== "touch" && (this.disabled || this.trigger !== "hover" || (clearTimeout(this._showTimer), this._hideTimer = setTimeout(() => this.close(), 100)));
+		}, this._onPanelPointerEnter = (e) => {
+			e.pointerType !== "touch" && this.trigger === "hover" && clearTimeout(this._hideTimer);
+		}, this._onPanelPointerLeave = (e) => {
+			e.pointerType !== "touch" && this.trigger === "hover" && (this._hideTimer = setTimeout(() => this.close(), 100));
+		};
+	}
+	static {
+		this.styles = [
+			f(t),
+			f(i),
+			f(l)
+		];
+	}
+	get placement() {
+		return this._placement;
+	}
+	set placement(e) {
+		let t = this._placement;
+		this._placement = n(e, h, "bottom"), this.requestUpdate("placement", t);
+	}
+	get offset() {
+		return this._offset;
+	}
+	set offset(e) {
+		let t = this._offset;
+		this._offset = r(e, 0, 100, 8), this.requestUpdate("offset", t);
+	}
+	get trigger() {
+		return this._trigger;
+	}
+	set trigger(e) {
+		let t = this._trigger;
+		this._trigger = n(e, g, "click"), this.requestUpdate("trigger", t);
+	}
+	get isOpen() {
+		return this.open;
+	}
+	connectedCallback() {
+		super.connectedCallback(), document.addEventListener("click", this._onClickOutside), document.addEventListener("keydown", this._onKeydown), this.addEventListener("focusout", this._onFocusOut), this._syncTriggerListeners();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.removeEventListener("click", this._onClickOutside), document.removeEventListener("keydown", this._onKeydown), this.removeEventListener("focusout", this._onFocusOut), this.removeEventListener("pointerenter", this._onPointerEnter), this.removeEventListener("pointerleave", this._onPointerLeave), clearTimeout(this._showTimer), clearTimeout(this._hideTimer), this._disposeOverlay();
+	}
+	firstUpdated() {
+		this._initLocalOverlay(), this.open && (requestAnimationFrame(() => this._openOverlay(this._shouldOpenInstantly)), this._shouldOpenInstantly = !0);
+	}
+	updated(e) {
+		if ((e.has("placement") || e.has("portal") || e.has("overlayContainer")) && requestAnimationFrame(() => this._reconfigureOverlay()), e.has("open")) if (this.open) {
+			let e = this._shouldOpenInstantly;
+			this._shouldOpenInstantly = !0, requestAnimationFrame(() => this._openOverlay(e)), this._dispatchChange(!0), this._focusPanel();
+		} else this._returnFocus(), this._closeOverlay(), this._suppressEvent || this._dispatchChange(!1);
+		e.has("trigger") && (this.removeEventListener("pointerenter", this._onPointerEnter), this.removeEventListener("pointerleave", this._onPointerLeave), clearTimeout(this._showTimer), clearTimeout(this._hideTimer), this._syncTriggerListeners());
+	}
+	show() {
+		this.disabled || this.open || (this._suppressEvent = !0, this.open = !0, this._suppressEvent = !1);
+	}
+	close() {
+		this.open && (this._suppressEvent = !0, this.open = !1, this._suppressEvent = !1);
+	}
+	toggle() {
+		this.open ? this.close() : this.show();
+	}
+	_isInsideShadowRoot(e) {
+		for (let t of e.composedPath()) if (t instanceof Node && t.getRootNode() === this.shadowRoot) return !0;
+		return !1;
+	}
+	_syncTriggerListeners() {
+		this.trigger === "hover" && (this.addEventListener("pointerenter", this._onPointerEnter), this.addEventListener("pointerleave", this._onPointerLeave));
+	}
+	_initLocalOverlay() {
+		let e = this.shadowRoot?.querySelector(".popover-trigger"), t = this.shadowRoot?.querySelector(".popover-panel");
+		!e || !t || (this._overlay = s.make({
+			anchor: e,
+			overlay: t,
+			placement: this.placement,
+			offset: this.offset
+		}));
+	}
+	_openOverlay(e = !1) {
+		if (this.portal) this._openPortal(e);
+		else {
+			this._overlay?.open();
+			let t = this.shadowRoot?.querySelector(".popover-panel");
+			t && o(t, { isInstant: e });
+		}
+	}
+	_openPortal(e = !1) {
+		if (this._portal) {
+			this._overlay?.open(), o(this._portal.panel, { isInstant: e });
+			return;
+		}
+		let n = this.shadowRoot?.querySelector(".popover-trigger");
+		if (!n) return;
+		let r = c({
+			container: this.overlayContainer,
+			target: this,
+			style: `${t}\n${i}\n${l}`,
+			className: "popover-panel portal wui-glass wui-floating-panel"
+		});
+		r.panel.id = this._panelId, r.panel.setAttribute("role", "dialog"), r.panel.tabIndex = -1, r.panel.addEventListener("pointerenter", this._onPanelPointerEnter), r.panel.addEventListener("pointerleave", this._onPanelPointerLeave), r.moveContent(Array.from(this.childNodes).filter((e) => !(e instanceof HTMLElement && e.slot === "trigger"))), this._portal = r, this._overlay = s.make({
+			anchor: n,
+			overlay: r.panel,
+			placement: this.placement,
+			offset: this.offset,
+			strategy: "fixed"
+		}), this._overlay.open(), o(r.panel, { isInstant: e });
+	}
+	async _closeOverlay() {
+		this._overlay?.close();
+		let e = this._portal?.panel ?? this.shadowRoot?.querySelector(".popover-panel");
+		e && !await a(e) || !this._portal || this.open || (this._portal.restoreContent(), this._portal.remove(), this._portal = void 0, this._overlay = void 0);
+	}
+	_disposeOverlay() {
+		this._overlay?.dispose(), this._overlay = void 0, this._portal?.restoreContent(), this._portal?.remove(), this._portal = void 0;
+	}
+	_reconfigureOverlay() {
+		let e = (this._portal?.panel ?? this.shadowRoot?.querySelector(".popover-panel"))?.dataset.wuiPresence === "entering";
+		this._disposeOverlay(), this.portal || this._initLocalOverlay(), this.open && this._openOverlay(!e);
+	}
+	_dispatchChange(e) {
+		this.dispatchEvent(new CustomEvent("open-change", {
+			detail: { open: e },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_focusPanel() {
+		requestAnimationFrame(() => {
+			let e = (this._portal?.panel ?? this.shadowRoot?.querySelector(".popover-panel"))?.querySelector("[autofocus]");
+			e && !e.matches(":disabled, [disabled]") && e.focus();
+		});
+	}
+	_returnFocus() {
+		(this._portal?.panel ?? this.shadowRoot?.querySelector(".popover-panel"))?.matches(":focus-within") && this._queryTrigger()?.focus();
+	}
+	_queryTrigger() {
+		let e = (this.shadowRoot?.querySelector("slot[name=\"trigger\"]"))?.assignedElements()[0];
+		return e instanceof HTMLElement ? e : null;
+	}
+	render() {
+		return d`
+      <div class="popover-anchor">
+        <div
+          class="popover-trigger"
+          aria-expanded=${String(this.open)}
+          aria-controls=${this._panelId}
+          @click=${this._onTriggerClick}
+        >
+          <slot name="trigger"></slot>
+        </div>
+        <div
+          id=${this._panelId}
+          class="popover-panel wui-glass wui-floating-panel"
+          hidden
+          role="dialog"
+          tabindex="-1"
+          @pointerenter=${this._onPanelPointerEnter}
+          @pointerleave=${this._onPanelPointerLeave}
+        >
+          <slot></slot>
+        </div>
+      </div>
+    `;
+	}
+};
+e([m({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "open", void 0), e([m({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "disabled", void 0), e([m({
+	type: String,
+	reflect: !0
+})], v.prototype, "placement", null), e([m({ type: Number })], v.prototype, "offset", null), e([m({
+	type: String,
+	reflect: !0
+})], v.prototype, "trigger", null), e([m({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "portal", void 0), e([m({ attribute: !1 })], v.prototype, "overlayContainer", void 0), v = e([p("web-ui-popover")], v);
+//#endregion
+export { v as WebUiPopover };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/popover/index.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/dom'\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\nimport { withOverlay } from '@/shared/overlay/overlay'\nimport type { OverlayApi } from '@/shared/overlay/overlay'\nimport { createOverlayPortal } from '@/shared/overlay/portal'\nimport type { OverlayContainer, OverlayPortal } from '@/shared/overlay/portal'\nimport { hideOverlayPresence, showOverlayPresence } from '@/shared/overlay/presence'\n\nimport style from './style.css?inline'\n\nconst ALLOWED_PLACEMENTS = [\n  'top',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'left',\n  'left-start',\n  'left-end',\n  'right',\n  'right-start',\n  'right-end'\n] as const\n\nconst ALLOWED_TRIGGERS = ['click', 'hover', 'manual'] as const\n\nlet popoverIdCounter = 0\n\n@customElement('web-ui-popover')\nexport class WebUiPopover extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(style)]\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true }) disabled = false\n\n  @property({ type: String, reflect: true })\n  get placement(): Placement {\n    return this._placement\n  }\n  set placement(v: string) {\n    const old = this._placement\n    this._placement = normalizeLiteral(v, ALLOWED_PLACEMENTS, 'bottom')\n    this.requestUpdate('placement', old)\n  }\n  private _placement: Placement = 'bottom'\n\n  @property({ type: Number })\n  get offset(): number {\n    return this._offset\n  }\n  set offset(v: number) {\n    const old = this._offset\n    this._offset = normalizeNumber(v, 0, 100, 8)\n    this.requestUpdate('offset', old)\n  }\n  private _offset = 8\n\n  @property({ type: String, reflect: true })\n  get trigger(): 'click' | 'hover' | 'manual' {\n    return this._trigger\n  }\n  set trigger(v: string) {\n    const old = this._trigger\n    this._trigger = normalizeLiteral(v, ALLOWED_TRIGGERS, 'click')\n    this.requestUpdate('trigger', old)\n  }\n  private _trigger: 'click' | 'hover' | 'manual' = 'click'\n\n  @property({ type: Boolean, reflect: true }) portal = false\n  @property({ attribute: false }) overlayContainer?: OverlayContainer\n\n  private _overlay?: OverlayApi & { anchor: HTMLElement; overlay: HTMLElement }\n  private _showTimer?: ReturnType<typeof setTimeout>\n  private _hideTimer?: ReturnType<typeof setTimeout>\n  private _suppressEvent = false\n  private _portal?: OverlayPortal\n  private _shouldOpenInstantly = true\n\n  private _panelId = `wui-popover-panel-${++popoverIdCounter}`\n\n  /** 当前是否打开 */\n  get isOpen(): boolean {\n    return this.open\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    document.addEventListener('click', this._onClickOutside)\n    document.addEventListener('keydown', this._onKeydown)\n    this.addEventListener('focusout', this._onFocusOut)\n    this._syncTriggerListeners()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    document.removeEventListener('click', this._onClickOutside)\n    document.removeEventListener('keydown', this._onKeydown)\n    this.removeEventListener('focusout', this._onFocusOut)\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    clearTimeout(this._showTimer)\n    clearTimeout(this._hideTimer)\n    this._disposeOverlay()\n  }\n\n  override firstUpdated() {\n    this._initLocalOverlay()\n    if (this.open) {\n      requestAnimationFrame(() => this._openOverlay(this._shouldOpenInstantly))\n      this._shouldOpenInstantly = true\n    }\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    if (changed.has('placement') || changed.has('portal') || changed.has('overlayContainer'))\n      requestAnimationFrame(() => this._reconfigureOverlay())\n\n    if (changed.has('open')) {\n      if (this.open) {\n        const isInstant = this._shouldOpenInstantly\n        this._shouldOpenInstantly = true\n        requestAnimationFrame(() => this._openOverlay(isInstant))\n        this._dispatchChange(true)\n        this._focusPanel()\n      } else {\n        this._returnFocus()\n        void this._closeOverlay()\n        if (!this._suppressEvent) this._dispatchChange(false)\n      }\n    }\n\n    if (changed.has('trigger')) {\n      this.removeEventListener('pointerenter', this._onPointerEnter)\n      this.removeEventListener('pointerleave', this._onPointerLeave)\n      clearTimeout(this._showTimer)\n      clearTimeout(this._hideTimer)\n      this._syncTriggerListeners()\n    }\n  }\n\n  /** 打开 popover */\n  show() {\n    if (this.disabled || this.open) return\n    this._suppressEvent = true\n    this.open = true\n    this._suppressEvent = false\n  }\n\n  /** 关闭 popover */\n  close() {\n    if (!this.open) return\n    this._suppressEvent = true\n    this.open = false\n    this._suppressEvent = false\n  }\n\n  /** 切换 popover */\n  toggle() {\n    if (this.open) this.close()\n    else this.show()\n  }\n\n  private _isInsideShadowRoot(e: MouseEvent): boolean {\n    for (const node of e.composedPath()) {\n      if (node instanceof Node && node.getRootNode() === this.shadowRoot) return true\n    }\n    return false\n  }\n\n  private _syncTriggerListeners() {\n    if (this.trigger === 'hover') {\n      this.addEventListener('pointerenter', this._onPointerEnter)\n      this.addEventListener('pointerleave', this._onPointerLeave)\n    }\n  }\n\n  private _initLocalOverlay() {\n    const anchor = this.shadowRoot?.querySelector<HTMLElement>('.popover-trigger')\n    const panel = this.shadowRoot?.querySelector<HTMLElement>('.popover-panel')\n    if (!anchor || !panel) return\n    this._overlay = withOverlay.make({\n      anchor,\n      overlay: panel,\n      placement: this.placement,\n      offset: this.offset\n    })\n  }\n\n  private _openOverlay(isInstant = false) {\n    if (this.portal) this._openPortal(isInstant)\n    else {\n      this._overlay?.open()\n      const panel = this.shadowRoot?.querySelector<HTMLElement>('.popover-panel')\n      if (panel) showOverlayPresence(panel, { isInstant })\n    }\n  }\n\n  private _openPortal(isInstant = false) {\n    if (this._portal) {\n      this._overlay?.open()\n      showOverlayPresence(this._portal.panel, { isInstant })\n      return\n    }\n    const anchor = this.shadowRoot?.querySelector('.popover-trigger') as HTMLElement | null\n    if (!anchor) return\n    const portal = createOverlayPortal({\n      container: this.overlayContainer,\n      target: this,\n      style: `${glass}\\n${overlayMotion}\\n${style}`,\n      className: 'popover-panel portal wui-glass wui-floating-panel'\n    })\n    portal.panel.id = this._panelId\n    portal.panel.setAttribute('role', 'dialog')\n    portal.panel.tabIndex = -1\n    portal.panel.addEventListener('pointerenter', this._onPanelPointerEnter)\n    portal.panel.addEventListener('pointerleave', this._onPanelPointerLeave)\n    portal.moveContent(\n      Array.from(this.childNodes).filter(node => !(node instanceof HTMLElement && node.slot === 'trigger'))\n    )\n    this._portal = portal\n    this._overlay = withOverlay.make({\n      anchor,\n      overlay: portal.panel,\n      placement: this.placement,\n      offset: this.offset,\n      strategy: 'fixed'\n    })\n    this._overlay.open()\n    showOverlayPresence(portal.panel, { isInstant })\n  }\n\n  private async _closeOverlay() {\n    this._overlay?.close()\n    const panel = this._portal?.panel ?? this.shadowRoot?.querySelector<HTMLElement>('.popover-panel')\n    if (panel && !(await hideOverlayPresence(panel))) return\n    if (!this._portal || this.open) return\n    this._portal.restoreContent()\n    this._portal.remove()\n    this._portal = undefined\n    this._overlay = undefined\n  }\n\n  private _disposeOverlay() {\n    this._overlay?.dispose()\n    this._overlay = undefined\n    this._portal?.restoreContent()\n    this._portal?.remove()\n    this._portal = undefined\n  }\n\n  private _reconfigureOverlay() {\n    const panel = this._portal?.panel ?? this.shadowRoot?.querySelector<HTMLElement>('.popover-panel')\n    const shouldAnimate = panel?.dataset.wuiPresence === 'entering'\n    this._disposeOverlay()\n    if (!this.portal) this._initLocalOverlay()\n    // 已稳定显示的面板重新定位不应重播动效；正在入场的指针交互则保持原有动效。\n    if (this.open) this._openOverlay(!shouldAnimate)\n  }\n\n  private _dispatchChange(open: boolean) {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _focusPanel() {\n    requestAnimationFrame(() => {\n      const panel = this._portal?.panel ?? this.shadowRoot?.querySelector<HTMLElement>('.popover-panel')\n      const autofocus = panel?.querySelector<HTMLElement>('[autofocus]')\n      if (autofocus && !autofocus.matches(':disabled, [disabled]')) autofocus.focus()\n    })\n  }\n\n  private _returnFocus() {\n    const panel = this._portal?.panel ?? this.shadowRoot?.querySelector<HTMLElement>('.popover-panel')\n    if (!panel?.matches(':focus-within')) return\n    const trigger = this._queryTrigger()\n    trigger?.focus()\n  }\n\n  private _queryTrigger(): HTMLElement | null {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"trigger\"]')\n    const el = slot?.assignedElements()[0]\n    return el instanceof HTMLElement ? el : null\n  }\n\n  private _onTriggerClick = (event: MouseEvent) => {\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    clearTimeout(this._hideTimer)\n    if (this.trigger === 'hover') return\n    if (!this.open) this._shouldOpenInstantly = event.detail === 0\n    this.toggle()\n  }\n\n  private _onClickOutside = (e: MouseEvent) => {\n    if (!this.open) return\n    if (this.trigger === 'manual' || this.trigger === 'hover') return\n    if (e.target instanceof Node && this._portal?.panel.contains(e.target)) return\n    if (this._isInsideShadowRoot(e)) return\n    this.open = false\n  }\n\n  private _onFocusOut = () => {\n    if (this.trigger === 'manual' || this.trigger === 'hover') return\n\n    requestAnimationFrame(() => {\n      if (this.open && !this.matches(':focus-within') && !this._portal?.panel.matches(':focus-within')) {\n        this.open = false\n      }\n    })\n  }\n\n  private _onKeydown = (e: KeyboardEvent) => {\n    if (!this.open) return\n    if (this.trigger === 'manual') return\n    if (e.key === 'Escape') {\n      this.open = false\n      e.preventDefault()\n    }\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled || this.trigger !== 'hover') return\n    clearTimeout(this._hideTimer)\n    this._showTimer = setTimeout(() => {\n      this._shouldOpenInstantly = false\n      this.show()\n    }, 100)\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled || this.trigger !== 'hover') return\n    clearTimeout(this._showTimer)\n    this._hideTimer = setTimeout(() => this.close(), 100)\n  }\n\n  private _onPanelPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.trigger !== 'hover') return\n    clearTimeout(this._hideTimer)\n  }\n\n  private _onPanelPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.trigger !== 'hover') return\n    this._hideTimer = setTimeout(() => this.close(), 100)\n  }\n\n  override render() {\n    return html`\n      <div class=\"popover-anchor\">\n        <div\n          class=\"popover-trigger\"\n          aria-expanded=${String(this.open)}\n          aria-controls=${this._panelId}\n          @click=${this._onTriggerClick}\n        >\n          <slot name=\"trigger\"></slot>\n        </div>\n        <div\n          id=${this._panelId}\n          class=\"popover-panel wui-glass wui-floating-panel\"\n          hidden\n          role=\"dialog\"\n          tabindex=\"-1\"\n          @pointerenter=${this._onPanelPointerEnter}\n          @pointerleave=${this._onPanelPointerLeave}\n        >\n          <slot></slot>\n        </div>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-popover': WebUiPopover\n  }\n}\n"],"mappings":"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"}

package/dist/components/popover/style.js

@@ -0,0 +1,6 @@
+//#region src/components/popover/style.css?inline
+var e = "*,:before,:after{box-sizing:border-box}:host{display:inline-flex}:host([disabled]){cursor:not-allowed}.popover-trigger{display:inline-flex}.popover-anchor{display:inline-flex;position:relative}.popover-panel{--wui-glass-shadow:var(--wui-shadow-pop,0 3px 9px #00000045);z-index:var(--wui-layer-local-overlay,1);box-sizing:border-box;width:max-content;max-width:min(90vw,400px);font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-overlay,#f5f5f5d9);border-radius:20px;padding:8px 12px;line-height:1.5;position:absolute;top:-9999px;left:-9999px}.popover-panel:where([hidden]){display:none}.popover-panel:focus-visible{outline:2px solid var(--wui-focus-ring,#08f6);outline-offset:2px}.popover-panel.portal{z-index:var(--wui-layer-menu,100);position:fixed}:host([portal]) .popover-panel{display:none}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/popover/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-flex;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n}\n\n.popover-trigger {\n  display: inline-flex;\n}\n\n.popover-anchor {\n  position: relative;\n  display: inline-flex;\n}\n\n.popover-panel {\n  --wui-glass-shadow: var(--wui-shadow-pop, 0 3px 9px rgb(0 0 0 / 0.27));\n  position: absolute;\n  z-index: var(--wui-layer-local-overlay, 1);\n  top: -9999px;\n  left: -9999px;\n\n  box-sizing: border-box;\n  width: max-content;\n  max-width: min(90vw, 400px);\n  padding: 8px 12px;\n  border-radius: 20px;\n\n  font-size: var(--wui-font-size, 14px);\n  line-height: 1.5;\n  color: var(--wui-color-text, #1b1b1b);\n\n  background-color: var(--wui-color-surface-overlay, rgb(245 245 245 / 0.85));\n\n  &:where([hidden]) {\n    display: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid var(--wui-focus-ring, rgb(0 136 255 / 0.4));\n    outline-offset: 2px;\n  }\n}\n\n.popover-panel.portal {\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n}\n\n:host([portal]) .popover-panel {\n  display: none;\n}\n"],"mappings":""}

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

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+export declare class WebUiRadio extends LitElement {
+    static styles: import('lit').CSSResult;
+    static formAssociated: boolean;
+    /** 内部表单关联实例（connectedCallback 中初始化） */
+    private _internals?;
+    private _formDisabled;
+    private _groupDisabled;
+    /** 内部 checked 状态，通过 getter/setter 暴露为公共 API */
+    private _checked;
+    get checked(): boolean;
+    set checked(v: boolean);
+    value: string;
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    private get _isDisabled();
+    private get _isManagedByGroup();
+    setGroupDisabled(disabled: boolean): void;
+    connectedCallback(): void;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    updated(): void;
+    private _syncFormValue;
+    private _syncValidity;
+    /** 用户点击选中（已选中时不重复触发） */
+    private handleClick;
+    private handleKeyDown;
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: {
+        input: Event;
+        change: Event;
+    };
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-radio': WebUiRadio;
+    }
+}