agnosticui-core 2.0.0-alpha.21 → 2.0.0-alpha.22

package/dist/components/Rating/core/_Rating.js

@@ -1,22 +1,22 @@
-import { LitElement as b, css as w, html as h, svg as g } from "lit";
+import { LitElement as b, css as _, html as h, svg as g } from "lit";
 import { n as o } from "../../../property-CemaeiRl.js";
 import { r as v } from "../../../state-CovhUvdr.js";
 import { o as f } from "../../../if-defined-C8i28hSj.js";
-import { createFormControlIds as _, isHorizontalLabel as m, buildAriaDescribedBy as $ } from "../../../shared/form-control-utils.js";
-import { formControlStyles as P } from "../../../shared/form-control-styles.js";
-import { FaceMixin as V } from "../../../shared/face-mixin.js";
-var C = Object.defineProperty, s = (u, e, i, t) => {
+import { createFormControlIds as w, isHorizontalLabel as m, buildAriaDescribedBy as $ } from "../../../shared/form-control-utils.js";
+import { formControlStyles as V } from "../../../shared/form-control-styles.js";
+import { FaceMixin as P } from "../../../shared/face-mixin.js";
+var C = Object.defineProperty, s = (u, t, i, e) => {
   for (var a = void 0, l = u.length - 1, n; l >= 0; l--)
-    (n = u[l]) && (a = n(e, i, a) || a);
-  return a && C(e, i, a), a;
+    (n = u[l]) && (a = n(t, i, a) || a);
+  return a && C(t, i, a), a;
 };
 let H = 0;
-const p = class p extends V(b) {
+const p = class p extends P(b) {
   // Flag for pointer down state
   constructor() {
     super(), this.uniqueId = ++H, this._ratingId = "", this._labelId = "", this._helperId = "", this._errorId = "", this.labelPosition = "top", this.hoverValue = 0, this.isHovering = !1, this.isPointerDown = !1;
-    const e = _("rating");
-    this._ratingId = e.inputId, this._labelId = e.labelId, this._helperId = e.helperId, this._errorId = e.errorId, this.value = 0, this.max = 5, this.precision = "whole", this.readonly = !1, this.allowClear = !1, this.variant = "", this.size = "md", this.label = "", this.labelHidden = !1, this.noLabel = !1, this.required = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "", this.validationMessages = void 0, this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerUp = this.handlePointerUp.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this);
+    const t = w("rating");
+    this._ratingId = t.inputId, this._labelId = t.labelId, this._helperId = t.helperId, this._errorId = t.errorId, this.value = 0, this.max = 5, this.precision = "whole", this.readonly = !1, this.allowClear = !1, this.variant = "", this.size = "md", this.label = "", this.labelHidden = !1, this.noLabel = !1, this.required = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "", this.validationMessages = void 0, this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerUp = this.handlePointerUp.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this);
   }
   // ─── FACE ─────────────────────────────────────────────────────────────────
   /**
@@ -37,17 +37,39 @@ const p = class p extends V(b) {
     ) : this._internals.setValidity({});
   }
   firstUpdated() {
-    this._syncFormValue(), this._syncValidity();
+    this._syncFormValue(), this._syncValidity(), this._syncStates();
   }
-  updated(e) {
-    super.updated(e), e.has("value") && (this._syncFormValue(), this._syncValidity());
+  updated(t) {
+    super.updated(t), t.has("value") && (this._syncFormValue(), this._syncValidity()), (t.has("value") || t.has("readonly") || t.has("required") || t.has("invalid")) && this._syncStates();
   }
   /**
    * FACE lifecycle: called when the parent form is reset.
    * Restores rating to 0 (no selection).
    */
   formResetCallback() {
-    this.value = 0, this._internals.setFormValue(null), this._internals.setValidity({});
+    this.value = 0, this._internals.setFormValue(null), this._internals.setValidity({}), this._syncStates();
+  }
+  /**
+   * FACE lifecycle: called on session restore or browser autofill.
+   * Restores the rating value from the previously saved form state.
+   * The state is a numeric string (e.g. "3" or "3.5"), or null for no rating.
+   */
+  formStateRestoreCallback(t, i) {
+    this.value = typeof t == "string" ? parseFloat(t) : 0, this._syncFormValue(), this._syncValidity(), this._syncStates();
+  }
+  /**
+   * Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
+   *
+   * Must be called AFTER _syncValidity() so that :state(invalid) reads the
+   * freshly-updated _internals.validity.valid value.
+   *
+   * Exposed states:
+   *  :state(readonly) — rating is read-only
+   *  :state(required) — rating is required
+   *  :state(invalid)  — FACE constraint validation is failing
+   */
+  _syncStates() {
+    this._setState("readonly", this.readonly), this._setState("required", this.required), this._setState("invalid", !this._internals.validity.valid);
   }
   // ─── End FACE ─────────────────────────────────────────────────────────────
   connectedCallback() {
@@ -58,12 +80,12 @@ const p = class p extends V(b) {
   }
   renderLabel() {
     if (!this.label || this.noLabel) return "";
-    const e = [];
-    return m(this.labelPosition) ? (e.push("ag-form-control__label--horizontal"), e.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && e.push(`ag-form-control__label--${this.labelPosition}`), h`
+    const t = [];
+    return m(this.labelPosition) ? (t.push("ag-form-control__label--horizontal"), t.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && t.push(`ag-form-control__label--${this.labelPosition}`), h`
       <label
         id=${this._labelId}
         for=${this._ratingId}
-        class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${e.join(" ")}"
+        class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${t.join(" ")}"
         part="ag-rating-label"
       >
         ${this.label}
@@ -71,7 +93,7 @@ const p = class p extends V(b) {
     `;
   }
   render() {
-    const e = this.isHovering ? this.hoverValue : this.value, i = Array.from({ length: this.max }, (d, y) => y + 1), t = $({
+    const t = this.isHovering ? this.hoverValue : this.value, i = Array.from({ length: this.max }, (d, y) => y + 1), e = $({
       helperId: this._helperId,
       errorId: this._errorId,
       hasHelper: !!this.helpText && !this.invalid,
@@ -88,7 +110,7 @@ const p = class p extends V(b) {
         role="slider"
         aria-label="${this.label || "Rating"}"
         aria-labelledby="${f(this.label && !this.noLabel ? this._labelId : void 0)}"
-        aria-describedby="${f(t)}"
+        aria-describedby="${f(e)}"
         aria-valuemin="0"
         aria-valuemax="${this.max}"
         aria-valuenow="${Number(this.value).toFixed(this.precision === "half" ? 1 : 0)}"
@@ -100,10 +122,10 @@ const p = class p extends V(b) {
         @pointerleave="${this.handlePointerLeave}"
         @pointerenter="${this.handlePointerEnter}"
       >
-        ${i.map((d) => this.renderStar(d, e))}
+        ${i.map((d) => this.renderStar(d, t))}
       </div>
       <span class="visually-hidden" aria-live="polite">
-        ${e} of ${this.max}
+        ${t} of ${this.max}
       </span>
     `;
     return m(this.labelPosition) ? h`
@@ -125,32 +147,32 @@ const p = class p extends V(b) {
       ${l}
     `;
   }
-  renderStar(e, i) {
-    const t = i >= e, a = !t && i >= e - 0.5 && this.precision === "half", l = t || a ? "filled" : "", n = this.isHovering && this.hoverValue >= e ? "hover" : "", c = `ag-rating-half-${this.uniqueId}-${e}`;
+  renderStar(t, i) {
+    const e = i >= t, a = !e && i >= t - 0.5 && this.precision === "half", l = e || a ? "filled" : "", n = this.isHovering && this.hoverValue >= t ? "hover" : "", c = `ag-rating-half-${this.uniqueId}-${t}`;
     return h`
       <span
         class="star-button"
         part="star-button"
-        @click="${(d) => this.handleClickStar(d, e)}"
-        aria-label="${e} star"
-        title="${e} star"
+        @click="${(d) => this.handleClickStar(d, t)}"
+        aria-label="${t} star"
+        title="${t} star"
       >
-        <span class="star ${l} ${n}" part="star" data-star="${e}">
-          ${this.renderStarSvg(t, a, c)}
+        <span class="star ${l} ${n}" part="star" data-star="${t}">
+          ${this.renderStarSvg(e, a, c)}
         </span>
       </span>
     `;
   }
-  renderStarSvg(e, i, t) {
+  renderStarSvg(t, i, e) {
     return i ? g`
         <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
           <defs>
-            <clipPath id="${t}">
+            <clipPath id="${e}">
               <rect x="0" y="0" width="12" height="24"></rect>
             </clipPath>
           </defs>
           <path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.782 1.401 8.174L12 18.896l-7.335 3.86 1.401-8.174L.132 9.21l8.2-1.192z" />
-          <path clip-path="url(#${t})" d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.782 1.401 8.174L12 18.896l-7.335 3.86 1.401-8.174L.132 9.21l8.2-1.192z" />
+          <path clip-path="url(#${e})" d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.782 1.401 8.174L12 18.896l-7.335 3.86 1.401-8.174L.132 9.21l8.2-1.192z" />
         </svg>
       ` : g`
       <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
@@ -158,78 +180,78 @@ const p = class p extends V(b) {
       </svg>
     `;
   }
-  roundToPrecision(e) {
-    return this.precision === "half" ? Math.round(e * 2) / 2 : Math.round(e);
+  roundToPrecision(t) {
+    return this.precision === "half" ? Math.round(t * 2) / 2 : Math.round(t);
   }
-  getValueFromClientX(e) {
+  getValueFromClientX(t) {
     const i = this.shadowRoot?.querySelector(".rating");
     if (!i) return 0;
-    const t = i.getBoundingClientRect(), a = Math.max(0, Math.min(e - t.left, t.width)), n = (t.width > 0 ? a / t.width : 0) * this.max;
+    const e = i.getBoundingClientRect(), a = Math.max(0, Math.min(t - e.left, e.width)), n = (e.width > 0 ? a / e.width : 0) * this.max;
     return this.roundToPrecision(n);
   }
-  handleClickStar(e, i) {
-    if (e.stopPropagation(), this.readonly) return;
-    const t = this.value;
+  handleClickStar(t, i) {
+    if (t.stopPropagation(), this.readonly) return;
+    const e = this.value;
     let a = (this.precision === "half", i);
-    this.allowClear && a === t && (a = 0), this.commitValue(a, t);
+    this.allowClear && a === e && (a = 0), this.commitValue(a, e);
   }
-  handlePointerEnter(e) {
+  handlePointerEnter(t) {
   }
-  handlePointerLeave(e) {
+  handlePointerLeave(t) {
     this.isPointerDown || (this.isHovering = !1, this.hoverValue = 0, this.emitHoverEvent("end", this.hoverValue));
   }
-  handlePointerDown(e) {
+  handlePointerDown(t) {
     if (this.readonly) return;
-    this.isPointerDown = !0, this.setPointerCapture(e.pointerId);
-    const i = e.clientX, t = this.getValueFromClientX(i);
-    this.hoverValue = t, this.isHovering = !0, this.emitHoverEvent("start", t), window.addEventListener("pointermove", this.handlePointerMove), window.addEventListener("pointerup", this.handlePointerUp);
+    this.isPointerDown = !0, this.setPointerCapture(t.pointerId);
+    const i = t.clientX, e = this.getValueFromClientX(i);
+    this.hoverValue = e, this.isHovering = !0, this.emitHoverEvent("start", e), window.addEventListener("pointermove", this.handlePointerMove), window.addEventListener("pointerup", this.handlePointerUp);
   }
-  handlePointerMoveHost(e) {
+  handlePointerMoveHost(t) {
     if (!this.isPointerDown && !this.isHovering) return;
-    const i = e.clientX, t = this.getValueFromClientX(i);
-    this.hoverValue = t, this.isHovering ? this.emitHoverEvent("move", t) : (this.isHovering = !0, this.emitHoverEvent("start", t));
+    const i = t.clientX, e = this.getValueFromClientX(i);
+    this.hoverValue = e, this.isHovering ? this.emitHoverEvent("move", e) : (this.isHovering = !0, this.emitHoverEvent("start", e));
   }
-  handlePointerMove(e) {
+  handlePointerMove(t) {
     if (this.readonly) return;
-    const i = e.clientX, t = this.getValueFromClientX(i);
-    t !== this.hoverValue && (this.hoverValue = t, this.emitHoverEvent("move", t));
+    const i = t.clientX, e = this.getValueFromClientX(i);
+    e !== this.hoverValue && (this.hoverValue = e, this.emitHoverEvent("move", e));
   }
-  handlePointerUp(e) {
+  handlePointerUp(t) {
     if (this.readonly) return;
-    const i = e.clientX, t = this.getValueFromClientX(i), a = this.value;
-    let l = t;
-    this.allowClear && l === a && (l = 0), this.commitValue(l, a), this.isPointerDown = !1, this.isHovering = !1, this.hoverValue = 0, this.emitHoverEvent("end", t), this.removeGlobalPointerListeners();
+    const i = t.clientX, e = this.getValueFromClientX(i), a = this.value;
+    let l = e;
+    this.allowClear && l === a && (l = 0), this.commitValue(l, a), this.isPointerDown = !1, this.isHovering = !1, this.hoverValue = 0, this.emitHoverEvent("end", e), this.removeGlobalPointerListeners();
   }
   removeGlobalPointerListeners() {
     window.removeEventListener("pointermove", this.handlePointerMove), window.removeEventListener("pointerup", this.handlePointerUp);
   }
-  handleKeyDown(e) {
+  handleKeyDown(t) {
     if (this.readonly) return;
-    const i = this.value, t = this.precision === "half" ? 0.5 : 1;
-    e.key === "ArrowRight" || e.key === "ArrowUp" ? (e.preventDefault(), this.value = Math.min(this.max, this.value + t), this.commitValue(this.value, i)) : e.key === "ArrowLeft" || e.key === "ArrowDown" ? (e.preventDefault(), this.value = Math.max(0, this.value - t), this.commitValue(this.value, i)) : e.key === "Home" ? (e.preventDefault(), this.value = 0, this.commitValue(this.value, i)) : e.key === "End" && (e.preventDefault(), this.value = this.max, this.commitValue(this.value, i));
+    const i = this.value, e = this.precision === "half" ? 0.5 : 1;
+    t.key === "ArrowRight" || t.key === "ArrowUp" ? (t.preventDefault(), this.value = Math.min(this.max, this.value + e), this.commitValue(this.value, i)) : t.key === "ArrowLeft" || t.key === "ArrowDown" ? (t.preventDefault(), this.value = Math.max(0, this.value - e), this.commitValue(this.value, i)) : t.key === "Home" ? (t.preventDefault(), this.value = 0, this.commitValue(this.value, i)) : t.key === "End" && (t.preventDefault(), this.value = this.max, this.commitValue(this.value, i));
   }
-  commitValue(e, i) {
-    const t = this.roundToPrecision(e);
-    this.value = t, this._syncFormValue(), this._syncValidity();
+  commitValue(t, i) {
+    const e = this.roundToPrecision(t);
+    this.value = e, this._syncFormValue(), this._syncValidity();
     const a = new CustomEvent("rating-change", {
-      detail: { oldValue: i, newValue: t },
+      detail: { oldValue: i, newValue: e },
       bubbles: !0,
       composed: !0
     });
     this.dispatchEvent(a), this.onRatingChange && this.onRatingChange(a);
   }
-  emitHoverEvent(e, i) {
-    const t = new CustomEvent("rating-hover", {
-      detail: { phase: e, value: i },
+  emitHoverEvent(t, i) {
+    const e = new CustomEvent("rating-hover", {
+      detail: { phase: t, value: i },
       bubbles: !0,
       composed: !0
     });
-    this.dispatchEvent(t), this.onRatingHover && this.onRatingHover(t);
+    this.dispatchEvent(e), this.onRatingHover && this.onRatingHover(e);
   }
 };
 p.styles = [
-  P,
-  w`
+  V,
+  _`
     :host {
       display: block;
       line-height: 1;

package/dist/components/Select/core/_Select.d.ts

@@ -59,6 +59,24 @@ export declare class Select extends Select_base implements SelectProps {
      * attribute from the original HTML), then re-syncs the form value.
      */
     formResetCallback(): void;
+    /**
+     * FACE lifecycle: called on session restore or browser autofill.
+     * Restores the selected option(s) from the previously saved form state.
+     * Uses updateComplete to ensure options are in the DOM before restoring.
+     */
+    formStateRestoreCallback(state: File | string | FormData | null, _mode: 'restore' | 'autocomplete'): void;
+    /**
+     * Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
+     *
+     * Must be called AFTER _syncValidity() so that :state(invalid) reads the
+     * freshly-updated _internals.validity.valid value.
+     *
+     * Exposed states:
+     *  :state(disabled) — select is disabled
+     *  :state(required) — select is required
+     *  :state(invalid)  — FACE constraint validation is failing
+     */
+    private _syncStates;
     /**
      * Sync the form value to ElementInternals.
      * Single select: submits the selected value as a string.
@@ -70,6 +88,7 @@ export declare class Select extends Select_base implements SelectProps {
      * Sync validity to ElementInternals by delegating to the inner <select>.
      */
     private _syncValidity;
+    updated(changedProperties: Map<string, unknown>): void;
     protected firstUpdated(): void;
     private handleSlotChange;
     static styles: import('lit').CSSResult[];

package/dist/components/Select/core/_Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/core/_Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,oCAAoC,CAAC;AAI5C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,EAAE,CAAC;AAGhD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC1B;AACD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;;AAED;;;;;;;;GAQG;AACH,qBAAa,MAAO,SAAQ,WAAsB,YAAW,WAAW;IAE/D,IAAI,EAAE,UAAU,CAAM;IAGtB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAItB,KAAK,SAAM;IAGX,aAAa,EAAE,aAAa,CAAS;IAGrC,WAAW,UAAS;IAGpB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,YAAY,SAAM;IAGlB,QAAQ,SAAM;IAGb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAGtD,OAAO,CAAC,aAAa,CAAqB;IAI1C;;;;OAIG;IACM,iBAAiB,IAAI,IAAI;IAQlC;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAatB;;OAEG;IACH,OAAO,CAAC,aAAa;IAMrB,SAAS,CAAC,YAAY;IAetB,OAAO,CAAC,gBAAgB;IAwBxB,MAAM,CAAC,MAAM,4BA6FX;IAEF,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,YAAY;IA4BpB,OAAO,CAAC,WAAW;IAwBnB,MAAM;CA0EP;AAOD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,MAAM,CAAC;KACrB;CACF"}
+{"version":3,"file":"_Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/core/_Select.ts"],"names":[],"mappings":"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"}

package/dist/components/Select/core/_Select.js

@@ -1,13 +1,13 @@
 import { LitElement as u, css as g, html as n } from "lit";
-import { n as i } from "../../../property-CemaeiRl.js";
+import { n as r } from "../../../property-CemaeiRl.js";
 import { e as m } from "../../../query-BykXNUlT.js";
-import { isHorizontalLabel as p, createFormControlIds as b, buildAriaDescribedBy as f } from "../../../shared/form-control-utils.js";
+import { isHorizontalLabel as p, createFormControlIds as f, buildAriaDescribedBy as b } from "../../../shared/form-control-utils.js";
 import { formControlStyles as v } from "../../../shared/form-control-styles.js";
-import { FaceMixin as y, syncInnerInputValidity as $ } from "../../../shared/face-mixin.js";
-var E = Object.defineProperty, s = (h, e, o, r) => {
-  for (var a = void 0, l = h.length - 1, d; l >= 0; l--)
-    (d = h[l]) && (a = d(e, o, a) || a);
-  return a && E(e, o, a), a;
+import { FaceMixin as y, syncInnerInputValidity as _ } from "../../../shared/face-mixin.js";
+var E = Object.defineProperty, i = (h, e, a, o) => {
+  for (var s = void 0, l = h.length - 1, d; l >= 0; l--)
+    (d = h[l]) && (s = d(e, a, s) || s);
+  return s && E(e, a, s), s;
 };
 const c = class c extends y(u) {
   constructor() {
@@ -20,7 +20,41 @@ const c = class c extends y(u) {
    * attribute from the original HTML), then re-syncs the form value.
    */
   formResetCallback() {
-    this.selectElement && Array.from(this.selectElement.options).forEach((e) => e.selected = e.defaultSelected), this._syncFormValue(), this._internals.setValidity({});
+    this.selectElement && Array.from(this.selectElement.options).forEach((e) => e.selected = e.defaultSelected), this._syncFormValue(), this._internals.setValidity({}), this._syncStates();
+  }
+  /**
+   * FACE lifecycle: called on session restore or browser autofill.
+   * Restores the selected option(s) from the previously saved form state.
+   * Uses updateComplete to ensure options are in the DOM before restoring.
+   */
+  formStateRestoreCallback(e, a) {
+    this.updateComplete.then(() => {
+      if (this.selectElement) {
+        if (this.multiple && e instanceof FormData) {
+          const o = new Set(Array.from(e.values()));
+          Array.from(this.selectElement.options).forEach((s) => {
+            s.selected = o.has(s.value);
+          });
+        } else typeof e == "string" && Array.from(this.selectElement.options).forEach((o) => {
+          o.selected = o.value === e;
+        });
+        this._syncFormValue(), this._syncValidity(), this._syncStates();
+      }
+    });
+  }
+  /**
+   * Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
+   *
+   * Must be called AFTER _syncValidity() so that :state(invalid) reads the
+   * freshly-updated _internals.validity.valid value.
+   *
+   * Exposed states:
+   *  :state(disabled) — select is disabled
+   *  :state(required) — select is required
+   *  :state(invalid)  — FACE constraint validation is failing
+   */
+  _syncStates() {
+    this._setState("disabled", this.disabled), this._setState("required", this.required), this._setState("invalid", !this._internals.validity.valid);
   }
   /**
    * Sync the form value to ElementInternals.
@@ -32,8 +66,8 @@ const c = class c extends y(u) {
     if (this.selectElement)
       if (this.multiple) {
         const e = new FormData();
-        Array.from(this.selectElement.selectedOptions).forEach((o) => {
-          e.append(this.name, o.value);
+        Array.from(this.selectElement.selectedOptions).forEach((a) => {
+          e.append(this.name, a.value);
         }), this._internals.setFormValue(e);
       } else
         this._internals.setFormValue(this.selectElement.value || "");
@@ -42,22 +76,25 @@ const c = class c extends y(u) {
    * Sync validity to ElementInternals by delegating to the inner <select>.
    */
   _syncValidity() {
-    $(this._internals, this.selectElement);
+    _(this._internals, this.selectElement);
   }
   // ─── End FACE ─────────────────────────────────────────────────────────────
+  updated(e) {
+    super.updated(e), (e.has("disabled") || e.has("required") || e.has("invalid")) && this._syncStates();
+  }
   firstUpdated() {
     this.handleSlotChange();
     const e = this.shadowRoot?.querySelector("slot");
-    e && e.addEventListener("slotchange", () => this.handleSlotChange()), this._syncFormValue(), this._syncValidity();
+    e && e.addEventListener("slotchange", () => this.handleSlotChange()), this._syncFormValue(), this._syncValidity(), this._syncStates();
   }
   handleSlotChange() {
     if (!this.selectElement) return;
     const e = this.shadowRoot?.querySelector("slot");
     if (!e) return;
-    e.assignedNodes().forEach((r) => {
-      if (r.nodeType === Node.ELEMENT_NODE) {
-        const a = r;
-        (a.tagName === "OPTION" || a.tagName === "OPTGROUP") && this.selectElement.appendChild(r);
+    e.assignedNodes().forEach((o) => {
+      if (o.nodeType === Node.ELEMENT_NODE) {
+        const s = o;
+        (s.tagName === "OPTION" || s.tagName === "OPTGROUP") && this.selectElement.appendChild(o);
       }
     });
   }
@@ -77,35 +114,35 @@ const c = class c extends y(u) {
     })), this.onBlur && this.onBlur(e);
   }
   handleChange(e) {
-    const o = e.target;
-    let r;
-    this.multiple ? r = Array.from(o.selectedOptions).map((l) => l.value) : r = o.value, this._syncFormValue(), this._syncValidity();
-    const a = new CustomEvent("change", {
-      detail: { value: r },
+    const a = e.target;
+    let o;
+    this.multiple ? o = Array.from(a.selectedOptions).map((l) => l.value) : o = a.value, this._syncFormValue(), this._syncValidity();
+    const s = new CustomEvent("change", {
+      detail: { value: o },
       bubbles: !0,
       composed: !0
     });
-    this.dispatchEvent(a), this.onChange && this.onChange(a);
+    this.dispatchEvent(s), this.onChange && this.onChange(s);
   }
   renderLabel(e) {
     if (!this.label || this.noLabel) return "";
-    const o = [];
-    return p(this.labelPosition) ? (o.push("ag-form-control__label--horizontal"), o.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && o.push(`ag-form-control__label--${this.labelPosition}`), n`
+    const a = [];
+    return p(this.labelPosition) ? (a.push("ag-form-control__label--horizontal"), a.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && a.push(`ag-form-control__label--${this.labelPosition}`), n`
       <label
         for=${e.inputId}
-        class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${o.join(" ")}"
+        class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${a.join(" ")}"
       >
         ${this.label}
       </label>
     `;
   }
   render() {
-    const e = b("select"), o = f({
+    const e = f("select"), a = b({
       helperId: e.helperId,
       errorId: e.errorId,
       hasHelper: !!this.helpText && !this.invalid,
       hasError: !!this.invalid && !!this.errorMessage
-    }), r = p(this.labelPosition), a = n`
+    }), o = p(this.labelPosition), s = n`
       <select
         id=${e.inputId}
         class="select"
@@ -121,7 +158,7 @@ const c = class c extends y(u) {
         @change=${this.handleChange}
         aria-disabled=${this.disabled ? "true" : "false"}
         aria-invalid=${this.invalid ? "true" : "false"}
-        aria-describedby=${o || void 0}
+        aria-describedby=${a || void 0}
       ></select>
       <slot></slot>
     `, l = this.helpText && !this.invalid ? n`<div id=${e.helperId} class="ag-form-control__helper">
@@ -129,21 +166,21 @@ const c = class c extends y(u) {
         </div>` : "", d = this.invalid && this.errorMessage ? n`<div id=${e.errorId} class="ag-form-control__error">
           ${this.errorMessage}
         </div>` : "";
-    return r ? n`
+    return o ? n`
         <div class="ag-form-control--horizontal">
           ${this.renderLabel(e)}
-          ${a}
+          ${s}
         </div>
         ${l}
         ${d}
       ` : this.labelPosition === "bottom" ? n`
-        ${a}
+        ${s}
         ${l}
         ${d}
         ${this.renderLabel(e)}
       ` : n`
       ${this.renderLabel(e)}
-      ${a}
+      ${s}
       ${l}
       ${d}
     `;
@@ -244,55 +281,55 @@ c.styles = [
   `
 ];
 let t = c;
-s([
-  i({ type: String, reflect: !0 })
+i([
+  r({ type: String, reflect: !0 })
 ], t.prototype, "size");
-s([
-  i({ type: Boolean, reflect: !0 })
+i([
+  r({ type: Boolean, reflect: !0 })
 ], t.prototype, "multiple");
-s([
-  i({ type: Boolean, reflect: !0 })
+i([
+  r({ type: Boolean, reflect: !0 })
 ], t.prototype, "disabled");
-s([
-  i({ type: Number, attribute: "multiple-size" })
+i([
+  r({ type: Number, attribute: "multiple-size" })
 ], t.prototype, "multipleSize");
-s([
-  i({ type: String })
+i([
+  r({ type: String })
 ], t.prototype, "label");
-s([
-  i({ type: String, attribute: "label-position" })
+i([
+  r({ type: String, attribute: "label-position" })
 ], t.prototype, "labelPosition");
-s([
-  i({ type: Boolean, attribute: "label-hidden" })
+i([
+  r({ type: Boolean, attribute: "label-hidden" })
 ], t.prototype, "labelHidden");
-s([
-  i({ type: Boolean, attribute: "no-label" })
+i([
+  r({ type: Boolean, attribute: "no-label" })
 ], t.prototype, "noLabel");
-s([
-  i({ type: Boolean })
+i([
+  r({ type: Boolean })
 ], t.prototype, "required");
-s([
-  i({ type: Boolean })
+i([
+  r({ type: Boolean })
 ], t.prototype, "invalid");
-s([
-  i({ type: String, attribute: "error-message" })
+i([
+  r({ type: String, attribute: "error-message" })
 ], t.prototype, "errorMessage");
-s([
-  i({ type: String, attribute: "help-text" })
+i([
+  r({ type: String, attribute: "help-text" })
 ], t.prototype, "helpText");
-s([
-  i({ attribute: !1 })
+i([
+  r({ attribute: !1 })
 ], t.prototype, "onClick");
-s([
-  i({ attribute: !1 })
+i([
+  r({ attribute: !1 })
 ], t.prototype, "onFocus");
-s([
-  i({ attribute: !1 })
+i([
+  r({ attribute: !1 })
 ], t.prototype, "onBlur");
-s([
-  i({ attribute: !1 })
+i([
+  r({ attribute: !1 })
 ], t.prototype, "onChange");
-s([
+i([
   m("select")
 ], t.prototype, "selectElement");
 customElements.get("ag-select") || customElements.define("ag-select", t);

package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.d.ts

@@ -72,6 +72,24 @@ export declare class AgSelectionButtonGroup extends AgSelectionButtonGroup_base
      * Clears all selections and re-syncs child buttons.
      */
     formResetCallback(): void;
+    /**
+     * FACE lifecycle: called on session restore or browser autofill.
+     * Restores selected value(s) from the previously saved form state.
+     * Radio mode: state is a single string. Checkbox mode: state is FormData.
+     */
+    formStateRestoreCallback(state: File | string | FormData | null, _mode: 'restore' | 'autocomplete'): void;
+    /**
+     * Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
+     *
+     * Must be called AFTER _syncValidity() so that :state(invalid) reads the
+     * freshly-updated _internals.validity.valid value.
+     *
+     * Exposed states:
+     *  :state(disabled) — group is disabled
+     *  :state(required) — group is required
+     *  :state(invalid)  — FACE constraint validation is failing
+     */
+    private _syncStates;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changedProperties: Map<string, unknown>): void;

package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_SelectionButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionButtonGroup/core/_SelectionButtonGroup.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"_SelectionButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionButtonGroup/core/_SelectionButtonGroup.ts"],"names":[],"mappings":"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"}