@greypan/web-ui 1.4.2 → 2.0.0

package/dist/components/radio/index.js

@@ -0,0 +1,105 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import t from "./style.js";
+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 { classMap as c } from "lit/directives/class-map.js";
+//#region src/components/radio/index.ts
+var l = class extends n {
+	constructor(...e) {
+		super(...e), this._formDisabled = !1, this._groupDisabled = !1, this._checked = !1, this.value = "", this.name = "", this.disabled = !1, this.required = !1;
+	}
+	static {
+		this.styles = i(t);
+	}
+	static {
+		this.formAssociated = !0;
+	}
+	get checked() {
+		return this._checked;
+	}
+	set checked(e) {
+		let t = this._checked;
+		this._checked = e, this._syncFormValue(), this.requestUpdate("checked", t);
+	}
+	get _isDisabled() {
+		return this.disabled || this._formDisabled || this._groupDisabled;
+	}
+	get _isManagedByGroup() {
+		return this.closest("web-ui-radio-group") !== null;
+	}
+	setGroupDisabled(e) {
+		this._groupDisabled = e;
+	}
+	connectedCallback() {
+		super.connectedCallback(), !this._internals && (this._internals = this.attachInternals(), this.hasAttribute("checked") && (this._checked = !0), this._syncFormValue());
+	}
+	formResetCallback() {
+		this.checked = this.hasAttribute("checked");
+	}
+	formDisabledCallback(e) {
+		this._formDisabled = e;
+	}
+	updated() {
+		this._syncFormValue(), this._syncValidity();
+	}
+	_syncFormValue() {
+		this._internals?.setFormValue?.(!this._isManagedByGroup && this._checked ? this.value || "on" : null);
+	}
+	_syncValidity() {
+		if (!(!this._internals || typeof this._internals.setValidity != "function")) {
+			if (this._isDisabled || this._isManagedByGroup || !this.required || this._checked) {
+				this._internals.setValidity({});
+				return;
+			}
+			this._internals.setValidity({ valueMissing: !0 }, "请选择一项");
+		}
+	}
+	handleClick() {
+		this._isDisabled || this._checked || (this._checked = !0, this._syncFormValue(), this.requestUpdate("checked", !1), this.dispatchEvent(new Event("input", {
+			bubbles: !0,
+			composed: !0
+		})), this.dispatchEvent(new Event("change", {
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	handleKeyDown(e) {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClick());
+	}
+	render() {
+		return r`
+      <label
+        class=${c({
+			"wui-radio": !0,
+			"is-checked": this._checked,
+			"is-disabled": this._isDisabled
+		})}
+        tabindex="0"
+        role="radio"
+        aria-checked=${String(this._checked)}
+        aria-disabled=${String(this._isDisabled)}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        <span class="wui-radio-circle">
+          <span class="wui-radio-dot"></span>
+        </span>
+        <span class="wui-radio-label"><slot></slot></span>
+      </label>
+    `;
+	}
+};
+e([s()], l.prototype, "_formDisabled", void 0), e([s()], l.prototype, "_groupDisabled", void 0), e([s()], l.prototype, "_checked", void 0), e([o({ type: String })], l.prototype, "value", void 0), e([o({
+	type: String,
+	reflect: !0
+})], l.prototype, "name", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "disabled", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "required", void 0), l = e([a("web-ui-radio")], l);
+//#endregion
+export { l as WebUiRadio };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/radio/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'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-radio')\nexport class WebUiRadio extends LitElement {\n  static override styles = unsafeCSS(style)\n  static formAssociated = true\n\n  /** 内部表单关联实例（connectedCallback 中初始化） */\n  private _internals?: ElementInternals\n  @state() private _formDisabled = false\n  @state() private _groupDisabled = false\n\n  /** 内部 checked 状态，通过 getter/setter 暴露为公共 API */\n  @state() private _checked = false\n\n  get checked(): boolean {\n    return this._checked\n  }\n\n  set checked(v: boolean) {\n    const old = this._checked\n    this._checked = v\n    this._syncFormValue()\n    this.requestUpdate('checked', old)\n  }\n\n  @property({ type: String }) value = ''\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) required = false\n\n  private get _isDisabled(): boolean {\n    return this.disabled || this._formDisabled || this._groupDisabled\n  }\n\n  private get _isManagedByGroup(): boolean {\n    return this.closest('web-ui-radio-group') !== null\n  }\n\n  setGroupDisabled(disabled: boolean) {\n    this._groupDisabled = disabled\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    if (this._internals) return\n    this._internals = this.attachInternals()\n    if (this.hasAttribute('checked')) {\n      this._checked = true\n    }\n    this._syncFormValue()\n  }\n\n  formResetCallback() {\n    this.checked = this.hasAttribute('checked')\n  }\n\n  formDisabledCallback(disabled: boolean) {\n    this._formDisabled = disabled\n  }\n\n  override updated() {\n    this._syncFormValue()\n    this._syncValidity()\n  }\n\n  private _syncFormValue() {\n    this._internals?.setFormValue?.(!this._isManagedByGroup && this._checked ? this.value || 'on' : null)\n  }\n\n  private _syncValidity() {\n    if (!this._internals || typeof this._internals.setValidity !== 'function') return\n    if (this._isDisabled || this._isManagedByGroup || !this.required || this._checked) {\n      this._internals.setValidity({})\n      return\n    }\n    this._internals.setValidity({ valueMissing: true }, '请选择一项')\n  }\n\n  /** 用户点击选中（已选中时不重复触发） */\n  private handleClick() {\n    if (this._isDisabled || this._checked) return\n    this._checked = true\n    this._syncFormValue()\n    this.requestUpdate('checked', false)\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this.handleClick()\n    }\n  }\n\n  override render() {\n    const cls = {\n      'wui-radio': true,\n      'is-checked': this._checked,\n      'is-disabled': this._isDisabled\n    }\n\n    return html`\n      <label\n        class=${classMap(cls)}\n        tabindex=\"0\"\n        role=\"radio\"\n        aria-checked=${String(this._checked)}\n        aria-disabled=${String(this._isDisabled)}\n        @click=${this.handleClick}\n        @keydown=${this.handleKeyDown}\n      >\n        <span class=\"wui-radio-circle\">\n          <span class=\"wui-radio-dot\"></span>\n        </span>\n        <span class=\"wui-radio-label\"><slot></slot></span>\n      </label>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-radio': WebUiRadio\n  }\n}\n"],"mappings":"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"}

package/dist/components/radio/style.js

@@ -0,0 +1,6 @@
+//#region src/components/radio/style.css?inline
+var e = "*,:before,:after{box-sizing:border-box}:host{cursor:pointer;display:inline-block}:host([disabled]){cursor:not-allowed;opacity:.4}.wui-radio{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);align-items:center;gap:10px;line-height:1;display:inline-flex}.wui-radio:focus-visible{outline:3px solid var(--wui-focus-ring,#08f6);outline-offset:2px;border-radius:2147483647px}:host([disabled]) .wui-radio{cursor:not-allowed;color:var(--wui-color-text-muted,#6a6a6a)}.wui-radio-circle{background-color:var(--wui-color-surface-raised,#f2f2f7);border-radius:2147483647px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background-color .2s,border-color .2s;display:flex}.is-checked .wui-radio-circle{background-color:var(--wui-color-accent,#08f)}.wui-radio-dot{opacity:0;background-color:var(--wui-color-surface,#fff);width:8px;height:8px;transition:opacity var(--wui-duration-fast,.16s) ease, transform var(--wui-duration-fast,.16s) var(--wui-ease-out,cubic-bezier(.23, 1, .32, 1));border-radius:2147483647px;transform:scale(.85);box-shadow:inset 0 -1px 2px #0000001f,inset 0 1px 2px #ffffff80,0 0 4px #0088ff4d}.is-checked .wui-radio-dot{opacity:1;transform:scale(1)}.wui-radio-label{pointer-events:none}@media (prefers-reduced-motion:reduce){.wui-radio-dot,.is-checked .wui-radio-dot{transform:none}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/radio/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  cursor: pointer;\n  display: inline-block;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wui-radio {\n  cursor: pointer;\n  user-select: none;\n\n  display: inline-flex;\n  gap: 10px;\n  align-items: center;\n\n  font-size: var(--wui-font-size, 14px);\n  line-height: 1;\n  color: var(--wui-color-text, #1b1b1b);\n\n  &: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([disabled]) .wui-radio {\n  cursor: not-allowed;\n  color: var(--wui-color-text-muted, #6a6a6a);\n}\n\n.wui-radio-circle {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 18px;\n  height: 18px;\n  border-radius: calc(infinity * 1px);\n\n  background-color: var(--wui-color-surface-raised, #f2f2f7);\n\n  transition:\n    background-color 0.2s ease,\n    border-color 0.2s ease;\n}\n\n.is-checked .wui-radio-circle {\n  background-color: var(--wui-color-accent, #08f);\n}\n\n.wui-radio-dot {\n  transform: scale(0.85);\n\n  width: 8px;\n  height: 8px;\n  border-radius: calc(infinity * 1px);\n\n  opacity: 0;\n  background-color: var(--wui-color-surface, #fff);\n  box-shadow:\n    inset 0 -1px 2px rgb(0 0 0 / 0.12),\n    inset 0 1px 2px rgb(255 255 255 / 0.5),\n    0 0 4px rgb(0 136 255 / 0.3);\n\n  transition:\n    opacity var(--wui-duration-fast, 160ms) ease,\n    transform var(--wui-duration-fast, 160ms) var(--wui-ease-out, cubic-bezier(0.23, 1, 0.32, 1));\n}\n\n.is-checked .wui-radio-dot {\n  transform: scale(1);\n  opacity: 1;\n}\n\n.wui-radio-label {\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wui-radio-dot,\n  .is-checked .wui-radio-dot {\n    transform: none;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+export declare class WebUiRadioGroup extends LitElement {
+    static styles: import('lit').CSSResult;
+    static formAssociated: boolean;
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    private _internals?;
+    private _value;
+    private _formDisabled;
+    private _initialValue;
+    get value(): string;
+    set value(v: string);
+    private get _isDisabled();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    private _syncFormValue;
+    private _syncValidity;
+    private _syncValueToChildren;
+    private _handleChildChange;
+    private _handleSlotChange;
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: {
+        input: Event;
+        change: Event;
+    };
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-radio-group': WebUiRadioGroup;
+    }
+}

package/dist/components/radio-group/index.js

@@ -0,0 +1,87 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import t from "./style.js";
+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";
+//#region src/components/radio-group/index.ts
+var c = class extends n {
+	constructor(...e) {
+		super(...e), this.name = "", this.disabled = !1, this.required = !1, this._value = "", this._formDisabled = !1, this._initialValue = "";
+	}
+	static {
+		this.styles = i(t);
+	}
+	static {
+		this.formAssociated = !0;
+	}
+	get value() {
+		return this._value;
+	}
+	set value(e) {
+		let t = this._value;
+		this._value = e, this._syncFormValue(), this.requestUpdate("value", t);
+	}
+	get _isDisabled() {
+		return this.disabled || this._formDisabled;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._internals ||= this.attachInternals();
+		let e = this.getAttribute("value");
+		e !== null && (this.value = e), this._initialValue = this._value, this.addEventListener("change", this._handleChildChange);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("change", this._handleChildChange);
+	}
+	updated(e) {
+		(e.has("value") || e.has("disabled") || e.has("_formDisabled")) && this._syncValueToChildren(), this._syncFormValue(), this._syncValidity();
+	}
+	formResetCallback() {
+		this.value = this._initialValue;
+	}
+	formDisabledCallback(e) {
+		this._formDisabled = e;
+	}
+	_syncFormValue() {
+		this._internals?.setFormValue?.(this.name && this._value ? this._value : null);
+	}
+	_syncValidity() {
+		!this._internals || typeof this._internals.setValidity != "function" || (this._isDisabled || !this.required || this._value ? this._internals.setValidity({}) : this._internals.setValidity({ valueMissing: !0 }, "请选择一项"));
+	}
+	_syncValueToChildren() {
+		this.querySelectorAll("web-ui-radio").forEach((e) => {
+			e.checked = e.value === this._value, e.setGroupDisabled(this._isDisabled);
+		});
+	}
+	_handleChildChange(e) {
+		if (this._isDisabled) return;
+		let t = e.target;
+		if (!t.matches?.("web-ui-radio")) return;
+		let n = t;
+		!n.checked || n.value === this._value || (this.value = n.value, this.dispatchEvent(new Event("input", {
+			bubbles: !0,
+			composed: !0
+		})), this.dispatchEvent(new Event("change", {
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	_handleSlotChange() {
+		this._syncValueToChildren();
+	}
+	render() {
+		return r`<div class="wui-radio-group"><slot @slotchange=${this._handleSlotChange}></slot></div>`;
+	}
+};
+e([o({
+	type: String,
+	reflect: !0
+})], c.prototype, "name", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "required", void 0), e([s()], c.prototype, "_value", void 0), e([s()], c.prototype, "_formDisabled", void 0), c = e([a("web-ui-radio-group")], c);
+//#endregion
+export { c as WebUiRadioGroup };
+
+//# sourceMappingURL=index.js.map

package/dist/components/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/radio-group/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport type { WebUiRadio } from '../radio'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-radio-group')\nexport class WebUiRadioGroup extends LitElement {\n  static override styles = unsafeCSS(style)\n  static formAssociated = true\n\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) required = false\n\n  private _internals?: ElementInternals\n  @state() private _value = ''\n  @state() private _formDisabled = false\n  private _initialValue = ''\n\n  get value(): string {\n    return this._value\n  }\n\n  set value(v: string) {\n    const old = this._value\n    this._value = v\n    this._syncFormValue()\n    this.requestUpdate('value', old)\n  }\n\n  private get _isDisabled(): boolean {\n    return this.disabled || this._formDisabled\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    if (!this._internals) this._internals = this.attachInternals()\n    const attributeValue = this.getAttribute('value')\n    if (attributeValue !== null) this.value = attributeValue\n    this._initialValue = this._value\n    this.addEventListener('change', this._handleChildChange)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('change', this._handleChildChange)\n  }\n\n  override updated(changed: Map<string, unknown>) {\n    if (changed.has('value') || changed.has('disabled') || changed.has('_formDisabled')) this._syncValueToChildren()\n    this._syncFormValue()\n    this._syncValidity()\n  }\n\n  formResetCallback() {\n    this.value = this._initialValue\n  }\n\n  formDisabledCallback(disabled: boolean) {\n    this._formDisabled = disabled\n  }\n\n  private _syncFormValue() {\n    this._internals?.setFormValue?.(this.name && this._value ? this._value : null)\n  }\n\n  private _syncValidity() {\n    if (!this._internals || typeof this._internals.setValidity !== 'function') return\n    if (this._isDisabled || !this.required || this._value) this._internals.setValidity({})\n    else this._internals.setValidity({ valueMissing: true }, '请选择一项')\n  }\n\n  private _syncValueToChildren() {\n    this.querySelectorAll<WebUiRadio>('web-ui-radio').forEach(radio => {\n      radio.checked = radio.value === this._value\n      radio.setGroupDisabled(this._isDisabled)\n    })\n  }\n\n  private _handleChildChange(e: Event) {\n    if (this._isDisabled) return\n    const target = e.target as HTMLElement\n    if (!target.matches?.('web-ui-radio')) return\n\n    const radio = target as WebUiRadio\n    if (!radio.checked || radio.value === this._value) return\n\n    this.value = radio.value\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private _handleSlotChange() {\n    this._syncValueToChildren()\n  }\n\n  override render() {\n    return html`<div class=\"wui-radio-group\"><slot @slotchange=${this._handleSlotChange}></slot></div>`\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-radio-group': WebUiRadioGroup\n  }\n}\n"],"mappings":"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"}

package/dist/components/radio-group/style.js

@@ -0,0 +1,6 @@
+//#region src/components/radio-group/style.css?inline
+var e = "*,:before,:after{box-sizing:border-box}:host{flex-direction:column;gap:8px;display:inline-flex}.wui-radio-group{gap:inherit;flex-direction:column;display:flex}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

package/dist/components/radio-group/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/radio-group/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.wui-radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: inherit;\n}\n"],"mappings":""}

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

@@ -0,0 +1,33 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class WebUiSegmented extends LitElement {
+    static styles: import('lit').CSSResult[];
+    static formAssociated: boolean;
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    private _internals?;
+    private _value;
+    private _initialValue;
+    get value(): string;
+    set value(v: string);
+    private readonly childObserver;
+    private _syncPropsToChildren;
+    private _updateIndicator;
+    updated(props: PropertyValues): void;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private _handleChildChange;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: {
+        input: Event;
+        change: Event;
+    };
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-segmented': WebUiSegmented;
+    }
+}

package/dist/components/segmented/index.js

@@ -0,0 +1,95 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import t from "../../assets/glass.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, state as c } from "lit/decorators.js";
+//#region src/components/segmented/index.ts
+var l = class extends r {
+	constructor(...e) {
+		super(...e), this.name = "", this.disabled = !1, this.required = !1, this._value = "", this._initialValue = "", this.childObserver = new MutationObserver(() => {
+			this._syncPropsToChildren(), requestAnimationFrame(() => this._updateIndicator());
+		});
+	}
+	static {
+		this.styles = [a(t), a(n)];
+	}
+	static {
+		this.formAssociated = !0;
+	}
+	get value() {
+		return this._value;
+	}
+	set value(e) {
+		let t = this._value;
+		this._value = e, this._internals?.setFormValue?.(e), this.requestUpdate("value", t);
+	}
+	_syncPropsToChildren() {
+		this.querySelectorAll("web-ui-segmented-trigger").forEach((e) => {
+			e.checked = e.value === this._value, e.disabled = this.disabled;
+		});
+	}
+	_updateIndicator() {
+		let e = this.querySelectorAll("web-ui-segmented-trigger"), t = 0, n = 0;
+		e.forEach((e) => {
+			if (e.value === this._value) {
+				let r = e.getBoundingClientRect(), i = this.getBoundingClientRect();
+				t = r.left - i.left, n = r.width;
+			}
+		}), this.style.setProperty("--indicator-left", `${t}px`), this.style.setProperty("--indicator-width", `${n}px`);
+	}
+	updated(e) {
+		(e.has("value") || e.has("disabled")) && (this._syncPropsToChildren(), requestAnimationFrame(() => this._updateIndicator()));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._internals = this.attachInternals();
+		let e = this.getAttribute("value");
+		e !== null && this._value === "" && (this._value = e), this._initialValue = e ?? "", this._internals?.setFormValue?.(this._value), this.childObserver.observe(this, { childList: !0 }), this.addEventListener("change", this._handleChildChange);
+	}
+	firstUpdated() {
+		this._syncPropsToChildren(), requestAnimationFrame(() => this._updateIndicator());
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.childObserver.disconnect(), this.removeEventListener("change", this._handleChildChange);
+	}
+	_handleChildChange(e) {
+		if (this.disabled) return;
+		let t = e.target;
+		if (!t.matches?.("web-ui-segmented-trigger")) return;
+		let n = t;
+		n.value !== this._value && (this.value = n.value, this.dispatchEvent(new Event("input", {
+			bubbles: !0,
+			composed: !0
+		})), this.dispatchEvent(new Event("change", {
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	formResetCallback() {
+		this.value = this._initialValue;
+	}
+	formDisabledCallback(e) {
+		this.disabled = e;
+	}
+	render() {
+		return i`
+      <div class="wui-segmented">
+        <span class="wui-segmented-indicator wui-glass"></span>
+        <slot></slot>
+      </div>
+    `;
+	}
+};
+e([s({
+	type: String,
+	reflect: !0
+})], l.prototype, "name", void 0), e([s({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "disabled", void 0), e([s({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "required", void 0), e([c()], l.prototype, "_value", void 0), l = e([o("web-ui-segmented")], l);
+//#endregion
+export { l as WebUiSegmented };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/segmented/index.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\n\nimport type { WebUiSegmentedTrigger } from '../segmented-trigger'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-segmented')\nexport class WebUiSegmented extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n  static formAssociated = true\n\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) required = false\n\n  private _internals?: ElementInternals\n  @state() private _value = ''\n  private _initialValue = ''\n\n  get value(): string {\n    return this._value\n  }\n\n  set value(v: string) {\n    const old = this._value\n    this._value = v\n    this._internals?.setFormValue?.(v)\n    this.requestUpdate('value', old)\n  }\n\n  private readonly childObserver = new MutationObserver(() => {\n    this._syncPropsToChildren()\n    requestAnimationFrame(() => this._updateIndicator())\n  })\n\n  private _syncPropsToChildren() {\n    this.querySelectorAll<WebUiSegmentedTrigger>('web-ui-segmented-trigger').forEach(trigger => {\n      trigger.checked = trigger.value === this._value\n      trigger.disabled = this.disabled\n    })\n  }\n\n  private _updateIndicator() {\n    const triggers = this.querySelectorAll<WebUiSegmentedTrigger>('web-ui-segmented-trigger')\n    let left = 0\n    let width = 0\n\n    triggers.forEach(trigger => {\n      if (trigger.value === this._value) {\n        const triggerRect = trigger.getBoundingClientRect()\n        const groupRect = this.getBoundingClientRect()\n        left = triggerRect.left - groupRect.left\n        width = triggerRect.width\n      }\n    })\n\n    this.style.setProperty('--indicator-left', `${left}px`)\n    this.style.setProperty('--indicator-width', `${width}px`)\n  }\n\n  override updated(props: PropertyValues) {\n    if (props.has('value') || props.has('disabled')) {\n      this._syncPropsToChildren()\n      requestAnimationFrame(() => this._updateIndicator())\n    }\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._internals = this.attachInternals()\n\n    // 仅当属性在连接前未被 property setter 设值时，才从 attribute 读取初始值\n    const attrValue = this.getAttribute('value')\n    if (attrValue !== null && this._value === '') {\n      this._value = attrValue\n    }\n    this._initialValue = attrValue ?? ''\n    this._internals?.setFormValue?.(this._value)\n\n    this.childObserver.observe(this, { childList: true })\n    this.addEventListener('change', this._handleChildChange)\n  }\n\n  override firstUpdated() {\n    this._syncPropsToChildren()\n    requestAnimationFrame(() => this._updateIndicator())\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.childObserver.disconnect()\n    this.removeEventListener('change', this._handleChildChange)\n  }\n\n  private _handleChildChange(e: Event) {\n    if (this.disabled) return\n    const target = e.target as HTMLElement\n    if (!target.matches?.('web-ui-segmented-trigger')) return\n    const trigger = target as WebUiSegmentedTrigger\n    if (trigger.value === this._value) return\n\n    this.value = trigger.value\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  formResetCallback() {\n    this.value = this._initialValue\n  }\n\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled\n  }\n\n  override render() {\n    return html`\n      <div class=\"wui-segmented\">\n        <span class=\"wui-segmented-indicator wui-glass\"></span>\n        <slot></slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-segmented': WebUiSegmented\n  }\n}\n"],"mappings":"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"}

package/dist/components/segmented/style.js

@@ -0,0 +1,6 @@
+//#region src/components/segmented/style.css?inline
+var e = "*,:before,:after{box-sizing:border-box}:host{display:inline-block}.wui-segmented{background-color:var(--wui-color-surface-raised-mid,#dfdfdf);border-radius:2147483647px;align-items:stretch;padding:4px;display:inline-flex;position:relative}:host([disabled]){cursor:not-allowed}:host([disabled]) .wui-segmented{opacity:.4}.wui-segmented-indicator{z-index:0;top:3px;bottom:3px;left:var(--indicator-left,0);width:var(--indicator-width,0);background-color:var(--wui-color-surface-glass,#fafafa8c);transition:left var(--wui-duration-fast,.16s) var(--wui-ease-standard,cubic-bezier(.77, 0, .175, 1)), width var(--wui-duration-fast,.16s) var(--wui-ease-standard,cubic-bezier(.77, 0, .175, 1));border-radius:2147483647px;position:absolute}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/segmented/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-block;\n}\n\n.wui-segmented {\n  position: relative;\n\n  display: inline-flex;\n  align-items: stretch;\n\n  padding: 4px;\n  border-radius: calc(infinity * 1px);\n\n  background-color: var(--wui-color-surface-raised-mid, #dfdfdf);\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n\n  .wui-segmented {\n    opacity: 0.4;\n  }\n}\n\n.wui-segmented-indicator {\n  position: absolute;\n  z-index: 0;\n  top: 3px;\n  bottom: 3px;\n  left: var(--indicator-left, 0);\n\n  width: var(--indicator-width, 0);\n  border-radius: calc(infinity * 1px);\n\n  background-color: var(--wui-color-surface-glass, rgb(250 250 250 / 0.55));\n\n  transition:\n    left var(--wui-duration-fast, 160ms) var(--wui-ease-standard, cubic-bezier(0.77, 0, 0.175, 1)),\n    width var(--wui-duration-fast, 160ms) var(--wui-ease-standard, cubic-bezier(0.77, 0, 0.175, 1));\n}\n"],"mappings":""}

package/dist/components/segmented-trigger/index.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+export declare class WebUiSegmentedTrigger extends LitElement {
+    static styles: import('lit').CSSResult;
+    value: string;
+    checked: boolean;
+    disabled: boolean;
+    private handleClick;
+    private handleKeyDown;
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: {
+        change: Event;
+    };
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-segmented-trigger': WebUiSegmentedTrigger;
+    }
+}

package/dist/components/segmented-trigger/index.js

@@ -0,0 +1,52 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import t from "./style.js";
+import { LitElement as n, html as r, unsafeCSS as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { classMap as s } from "lit/directives/class-map.js";
+//#region src/components/segmented-trigger/index.ts
+var c = class extends n {
+	constructor(...e) {
+		super(...e), this.value = "", this.checked = !1, this.disabled = !1;
+	}
+	static {
+		this.styles = i(t);
+	}
+	handleClick() {
+		this.disabled || this.checked || (this.checked = !0, this.dispatchEvent(new Event("change", {
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	handleKeyDown(e) {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleClick());
+	}
+	render() {
+		return r`
+      <div
+        class=${s({
+			"wui-segmented-trigger": !0,
+			"is-checked": this.checked,
+			"is-disabled": this.disabled
+		})}
+        tabindex="0"
+        role="option"
+        .ariaSelected=${String(this.checked)}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        <slot></slot>
+      </div>
+    `;
+	}
+};
+e([o({ type: String })], c.prototype, "value", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "checked", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), c = e([a("web-ui-segmented-trigger")], c);
+//#endregion
+export { c as WebUiSegmentedTrigger };
+
+//# sourceMappingURL=index.js.map

package/dist/components/segmented-trigger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/segmented-trigger/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-segmented-trigger')\nexport class WebUiSegmentedTrigger extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: String }) value = ''\n  @property({ type: Boolean, reflect: true }) checked = false\n  @property({ type: Boolean, reflect: true }) disabled = false\n\n  private handleClick() {\n    if (this.disabled || this.checked) return\n    this.checked = true\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      this.handleClick()\n    }\n  }\n\n  override render() {\n    const cls = {\n      'wui-segmented-trigger': true,\n      'is-checked': this.checked,\n      'is-disabled': this.disabled\n    }\n\n    return html`\n      <div\n        class=${classMap(cls)}\n        tabindex=\"0\"\n        role=\"option\"\n        .ariaSelected=${String(this.checked)}\n        @click=${this.handleClick}\n        @keydown=${this.handleKeyDown}\n      >\n        <slot></slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-segmented-trigger': WebUiSegmentedTrigger\n  }\n}\n"],"mappings":";;;;;;AAOO,IAAM,IAAN,cAAoC,EAAW;;EAKG,aAFnB,KAAA,QAAA,IACkB,KAAA,UAAA,IACC,KAAA,WAAA;;;EAJ9B,KAAA,SAAA,EAAU,CAAK;;CAMxC,cAAsB;EAChB,KAAK,YAAY,KAAK,YAC1B,KAAK,UAAU,IACf,KAAK,cAAc,IAAI,MAAM,UAAU;GAAE,SAAS;GAAM,UAAU;EAAK,CAAC,CAAC;CAC3E;CAEA,cAAsB,GAAkB;EACtC,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAe,GACjB,KAAK,YAAY;CAErB;CAEA,SAAkB;EAOhB,OAAO,CAAI;;gBAEC,EAAS;GAPnB,yBAAyB;GACzB,cAAc,KAAK;GACnB,eAAe,KAAK;EAKD,CAAG,EAAE;;;wBAGN,OAAO,KAAK,OAAO,EAAE;iBAC5B,KAAK,YAAY;mBACf,KAAK,cAAc;;;;;CAKpC;AAKF;AAzCG,EAAA,CAAA,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GACzB,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GACzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GAN3C,IAAA,EAAA,CAAA,EAAc,0BAA0B,CAAA,GAAA,CAAA"}

package/dist/components/segmented-trigger/style.js

@@ -0,0 +1,6 @@
+//#region src/components/segmented-trigger/style.css?inline
+var e = "*,:before,:after{box-sizing:border-box}:host{display:inline-block}:host([disabled]){cursor:not-allowed}.wui-segmented-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;height:34px;font-size:var(--wui-font-size,14px);color:var(--wui-color-text-muted,#6a6a6a);white-space:nowrap;border-radius:2147483647px;justify-content:center;align-items:center;padding:0 16px;line-height:1;transition:color .2s;display:inline-flex;position:relative}.wui-segmented-trigger:focus-visible{outline:3px solid var(--wui-focus-ring,#08f6);outline-offset:2px}.wui-segmented-trigger.is-checked{color:var(--wui-color-text,#1a1a1a)}:host([disabled]) .wui-segmented-trigger{cursor:not-allowed;opacity:.4}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

package/dist/components/segmented-trigger/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/segmented-trigger/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-block;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n}\n\n.wui-segmented-trigger {\n  cursor: pointer;\n  user-select: none;\n\n  position: relative;\n  z-index: 1;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  height: 34px;\n  padding: 0 16px;\n  border-radius: calc(infinity * 1px);\n\n  font-size: var(--wui-font-size, 14px);\n  line-height: 1;\n  color: var(--wui-color-text-muted, #6a6a6a);\n  white-space: nowrap;\n\n  transition: color 0.2s ease;\n\n  &:focus-visible {\n    outline: 3px solid var(--wui-focus-ring, rgb(0 136 255 / 0.4));\n    outline-offset: 2px;\n  }\n\n  &.is-checked {\n    color: var(--wui-color-text, #1a1a1a);\n  }\n}\n\n:host([disabled]) .wui-segmented-trigger {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n"],"mappings":""}

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

@@ -0,0 +1,80 @@
+import { LitElement, PropertyValues } from 'lit';
+import { OverlayContainer } from '../../shared/overlay/portal';
+export declare class WebUiSelect extends LitElement {
+    static styles: import('lit').CSSResult[];
+    static formAssociated: boolean;
+    private _internals?;
+    private _formDisabled;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    portal: boolean;
+    lockScroll: boolean;
+    overlayContainer?: OverlayContainer;
+    name: string;
+    private _value;
+    get value(): string;
+    set value(v: string);
+    private get _isDisabled();
+    private _isOpen;
+    private _activeIndex;
+    private _selectedLabel;
+    private _hasTriggerSlot;
+    private _options;
+    private _overlay?;
+    private _portal?;
+    private _hasScrollLock;
+    get isOpen(): boolean;
+    get open(): boolean;
+    private _onClickOutside;
+    private _onFocusOut;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    willUpdate(): void;
+    updated(changed: PropertyValues): void;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    private _syncValidity;
+    private _syncOpenAttribute;
+    private _onTriggerSlotChange;
+    private _syncSelected;
+    private _ensureOptionIds;
+    private _onOptionRegister;
+    private _onOptionUnregister;
+    private _onSlotChange;
+    private _handleOptionClick;
+    private _onOptionUpdate;
+    private _handleOptionPointerOver;
+    private _handleOptionPointerDown;
+    private _onKeydown;
+    private _navigateActive;
+    private _open;
+    private _close;
+    private _dispatchOpenChange;
+    private _setInitialActiveOption;
+    private _syncActiveOption;
+    private _notifyValueChange;
+    private _syncScrollLock;
+    private _togglePopup;
+    private _initLocalOverlay;
+    private _openOverlay;
+    private _getDesiredWidth;
+    private _openPortal;
+    private _closeOverlay;
+    private _disposeOverlay;
+    private _reconfigureOverlay;
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: {
+        input: Event;
+        change: Event;
+        'open-change': CustomEvent<{
+            open: boolean;
+        }>;
+    };
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-select': WebUiSelect;
+    }
+}