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

package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.js

@@ -1,60 +1,60 @@
-import { LitElement as p, css as g, nothing as y, html as c } from "lit";
+import { LitElement as p, css as _, nothing as g, html as c } from "lit";
 import { n as r } from "../../../property-CemaeiRl.js";
-import { r as f } from "../../../state-CovhUvdr.js";
-import { FaceMixin as _ } from "../../../shared/face-mixin.js";
+import { r as y } from "../../../state-CovhUvdr.js";
+import { FaceMixin as f } from "../../../shared/face-mixin.js";
 var m = Object.defineProperty, o = (d, e, t, s) => {
-  for (var i = void 0, a = d.length - 1, n; a >= 0; a--)
-    (n = d[a]) && (i = n(e, t, i) || i);
-  return i && m(e, t, i), i;
+  for (var n = void 0, a = d.length - 1, i; a >= 0; a--)
+    (i = d[a]) && (n = i(e, t, n) || n);
+  return n && m(e, t, n), n;
 };
-const h = class h extends _(p) {
+const h = class h extends f(p) {
   constructor() {
     super(), this._handleButtonChange = (e) => {
       e.stopPropagation();
       const { value: t, checked: s } = e.detail;
-      let i;
+      let n;
       if (this.type === "radio")
-        i = s ? [t] : [];
+        n = s ? [t] : [];
       else {
-        const n = [...this._getSelectedValues()];
+        const i = [...this._getSelectedValues()];
         if (s)
-          n.includes(t) || n.push(t);
+          i.includes(t) || i.push(t);
         else {
-          const u = n.indexOf(t);
-          u > -1 && n.splice(u, 1);
+          const u = i.indexOf(t);
+          u > -1 && i.splice(u, 1);
         }
-        i = n;
+        n = i;
       }
-      this._internalSelectedValues = i, this._syncFormValue(), this._syncValidity();
+      this._internalSelectedValues = n, this._syncFormValue(), this._syncValidity();
       const a = new CustomEvent("selection-change", {
         detail: {
           value: t,
           checked: s,
-          selectedValues: i
+          selectedValues: n
         },
         bubbles: !0,
         composed: !0
       });
       this.dispatchEvent(a), this.onSelectionChange && this.onSelectionChange(a);
     }, this._handleKeyDown = (e) => {
-      const t = this._getButtons().filter((n) => !n.disabled);
+      const t = this._getButtons().filter((i) => !i.disabled);
       if (t.length === 0) return;
-      const s = t.find((n) => {
+      const s = t.find((i) => {
         try {
-          return n.shadowRoot?.activeElement || n === document.activeElement;
+          return i.shadowRoot?.activeElement || i === document.activeElement;
         } catch {
-          return n === document.activeElement;
+          return i === document.activeElement;
         }
-      }), i = s ? t.indexOf(s) : -1;
+      }), n = s ? t.indexOf(s) : -1;
       let a = null;
       switch (e.key) {
         case "ArrowDown":
         case "ArrowRight":
-          e.preventDefault(), a = i === -1 ? 0 : (i + 1) % t.length;
+          e.preventDefault(), a = n === -1 ? 0 : (n + 1) % t.length;
           break;
         case "ArrowUp":
         case "ArrowLeft":
-          e.preventDefault(), a = i === -1 ? t.length - 1 : (i - 1 + t.length) % t.length;
+          e.preventDefault(), a = n === -1 ? t.length - 1 : (n - 1 + t.length) % t.length;
           break;
         case "Home":
           e.preventDefault(), a = 0;
@@ -64,9 +64,9 @@ const h = class h extends _(p) {
           break;
       }
       if (a !== null) {
-        const n = t[a];
-        n.focus(), this.type === "radio" && this._handleButtonChange(new CustomEvent("selection-button-change", {
-          detail: { value: n.value, checked: !0 }
+        const i = t[a];
+        i.focus(), this.type === "radio" && this._handleButtonChange(new CustomEvent("selection-button-change", {
+          detail: { value: i.value, checked: !0 }
         }));
       }
     }, this.type = "radio", this.legend = "", this.legendHidden = !1, this.theme = "", this.size = "md", this.shape = "", this.value = "", this.values = [], this.disabled = !1, this.required = !1, this._internalSelectedValues = [], this.validationMessages = void 0;
@@ -104,7 +104,29 @@ const h = class h extends _(p) {
    * Clears all selections and re-syncs child buttons.
    */
   formResetCallback() {
-    this._internalSelectedValues = [], this._internals.setFormValue(null), this._syncValidity(), this._syncChildButtons();
+    this._internalSelectedValues = [], this._internals.setFormValue(null), this._syncValidity(), this._syncChildButtons(), this._syncStates();
+  }
+  /**
+   * 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(e, t) {
+    e === null ? this._internalSelectedValues = [] : e instanceof FormData ? this._internalSelectedValues = Array.from(e.getAll(this.name)) : typeof e == "string" && (this._internalSelectedValues = [e]), this._syncFormValue(), this._syncValidity(), this._syncChildButtons(), 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) — group is disabled
+   *  :state(required) — group 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);
   }
   // ─── End FACE ─────────────────────────────────────────────────────────────
   connectedCallback() {
@@ -114,10 +136,10 @@ const h = class h extends _(p) {
     super.disconnectedCallback(), this.removeEventListener("selection-button-change", this._handleButtonChange), this.removeEventListener("keydown", this._handleKeyDown);
   }
   updated(e) {
-    super.updated(e), (e.has("type") || e.has("name") || e.has("theme") || e.has("size") || e.has("shape") || e.has("disabled") || e.has("value") || e.has("values") || e.has("_internalSelectedValues")) && this._syncChildButtons(), e.has("value") || e.has("values") || e.has("_internalSelectedValues") ? (this._syncFormValue(), this._syncValidity()) : e.has("required") && this._syncValidity();
+    super.updated(e), (e.has("type") || e.has("name") || e.has("theme") || e.has("size") || e.has("shape") || e.has("disabled") || e.has("value") || e.has("values") || e.has("_internalSelectedValues")) && this._syncChildButtons(), e.has("value") || e.has("values") || e.has("_internalSelectedValues") ? (this._syncFormValue(), this._syncValidity()) : e.has("required") && this._syncValidity(), (e.has("disabled") || e.has("required") || e.has("_internalSelectedValues")) && this._syncStates();
   }
   firstUpdated() {
-    this._syncChildButtons(), this._syncFormValue(), this._syncValidity();
+    this._syncChildButtons(), this._syncFormValue(), this._syncValidity(), this._syncStates();
   }
   _getButtons() {
     const e = this.shadowRoot?.querySelector("slot");
@@ -144,7 +166,7 @@ const h = class h extends _(p) {
         role="${this.type === "radio" ? "radiogroup" : "group"}"
         aria-disabled="${this.disabled ? "true" : "false"}"
       >
-        ${this.legend ? c`<legend class="${e}" part="ag-selection-button-group-legend">${this.legend}</legend>` : y}
+        ${this.legend ? c`<legend class="${e}" part="ag-selection-button-group-legend">${this.legend}</legend>` : g}
         <div class="selection-button-group__content" part="ag-selection-button-group-content">
           <slot @slotchange="${this._handleSlotChange}"></slot>
         </div>
@@ -152,7 +174,7 @@ const h = class h extends _(p) {
     `;
   }
 };
-h.styles = g`
+h.styles = _`
     :host {
       display: block;
     }
@@ -228,7 +250,7 @@ o([
   r({ attribute: !1 })
 ], l.prototype, "onSelectionChange");
 o([
-  f()
+  y()
 ], l.prototype, "_internalSelectedValues");
 export {
   l as AgSelectionButtonGroup

package/dist/components/SelectionCardGroup/core/_SelectionCardGroup.d.ts

@@ -54,6 +54,24 @@ export declare class AgSelectionCardGroup extends AgSelectionCardGroup_base impl
     private _syncFormValue;
     private _syncValidity;
     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/SelectionCardGroup/core/_SelectionCardGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_SelectionCardGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionCardGroup/core/_SelectionCardGroup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,UAAU,CAAC;AACjD,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,EAAE,CAAC;AAEnG,MAAM,WAAW,0BAA0B;IACzC,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,0BAA0B,CAAC,CAAC;AAE3E,MAAM,WAAW,uBAAuB;IACtC,gEAAgE;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC3D;;AAED,qBAAa,oBAAqB,SAAQ,yBAAsB,YAAW,uBAAuB;IAChG,OAAgB,MAAM,0BAqCpB;IAGM,IAAI,EAAE,aAAa,CAAC;IAGpB,MAAM,EAAE,MAAM,CAAC;IAGf,YAAY,EAAE,OAAO,CAAC;IAGtB,KAAK,EAAE,uBAAuB,CAAC;IAG/B,KAAK,EAAE,MAAM,CAAC;IAGd,MAAM,EAAE,MAAM,EAAE,CAAC;IAGjB,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,kBAAkB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAGnD,iBAAiB,EAAE,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAIvE,uBAAuB,EAAE,MAAM,EAAE,CAAC;;IAiB1C,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,aAAa;IAYZ,iBAAiB,IAAI,IAAI;IASzB,iBAAiB;IAMjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA6B/C,YAAY;IAMrB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,iBAAiB,CAgDvB;IAEF,OAAO,CAAC,cAAc,CAgDpB;IAEF,OAAO,CAAC,iBAAiB;IAIhB,MAAM;CAsBhB"}
+{"version":3,"file":"_SelectionCardGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionCardGroup/core/_SelectionCardGroup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,UAAU,CAAC;AACjD,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,EAAE,CAAC;AAEnG,MAAM,WAAW,0BAA0B;IACzC,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,0BAA0B,CAAC,CAAC;AAE3E,MAAM,WAAW,uBAAuB;IACtC,gEAAgE;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC3D;;AAED,qBAAa,oBAAqB,SAAQ,yBAAsB,YAAW,uBAAuB;IAChG,OAAgB,MAAM,0BAqCpB;IAGM,IAAI,EAAE,aAAa,CAAC;IAGpB,MAAM,EAAE,MAAM,CAAC;IAGf,YAAY,EAAE,OAAO,CAAC;IAGtB,KAAK,EAAE,uBAAuB,CAAC;IAG/B,KAAK,EAAE,MAAM,CAAC;IAGd,MAAM,EAAE,MAAM,EAAE,CAAC;IAGjB,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,kBAAkB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAGnD,iBAAiB,EAAE,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAIvE,uBAAuB,EAAE,MAAM,EAAE,CAAC;;IAiB1C,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,aAAa;IAYZ,iBAAiB,IAAI,IAAI;IAQlC;;;;OAIG;IACM,wBAAwB,CAC/B,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,EACtC,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IAcP;;;;;;;;;;OAUG;IACH,OAAO,CAAC,WAAW;IAQV,iBAAiB;IAMjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAoC/C,YAAY;IAOrB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,iBAAiB,CAgDvB;IAEF,OAAO,CAAC,cAAc,CAgDpB;IAEF,OAAO,CAAC,iBAAiB;IAIhB,MAAM;CAsBhB"}

package/dist/components/SelectionCardGroup/core/_SelectionCardGroup.js

@@ -1,36 +1,36 @@
-import { LitElement as p, css as g, nothing as f, html as u } from "lit";
-import { n as o } from "../../../property-CemaeiRl.js";
+import { LitElement as p, css as g, nothing as _, html as u } from "lit";
+import { n as d } from "../../../property-CemaeiRl.js";
 import { r as y } from "../../../state-CovhUvdr.js";
-import { FaceMixin as _ } from "../../../shared/face-mixin.js";
-var m = Object.defineProperty, r = (h, e, t, a) => {
-  for (var i = void 0, n = h.length - 1, s; n >= 0; n--)
-    (s = h[n]) && (i = s(e, t, i) || i);
-  return i && m(e, t, i), i;
+import { FaceMixin as f } from "../../../shared/face-mixin.js";
+var m = Object.defineProperty, r = (h, e, t, i) => {
+  for (var a = void 0, n = h.length - 1, s; n >= 0; n--)
+    (s = h[n]) && (a = s(e, t, a) || a);
+  return a && m(e, t, a), a;
 };
-const d = class d extends _(p) {
+const o = class o extends f(p) {
   constructor() {
     super(), this._handleCardChange = (e) => {
       e.stopPropagation();
-      const { value: t, checked: a } = e.detail;
-      let i;
+      const { value: t, checked: i } = e.detail;
+      let a;
       if (this.type === "radio")
-        i = a ? [t] : [];
+        a = i ? [t] : [];
       else {
         const s = [...this._getSelectedValues()];
-        if (a)
+        if (i)
           s.includes(t) || s.push(t);
         else {
           const c = s.indexOf(t);
           c > -1 && s.splice(c, 1);
         }
-        i = s;
+        a = s;
       }
-      this._internalSelectedValues = i, this._syncFormValue(), this._syncValidity();
+      this._internalSelectedValues = a, this._syncFormValue(), this._syncValidity();
       const n = new CustomEvent("selection-change", {
         detail: {
           value: t,
-          checked: a,
-          selectedValues: i
+          checked: i,
+          selectedValues: a
         },
         bubbles: !0,
         composed: !0
@@ -39,22 +39,22 @@ const d = class d extends _(p) {
     }, this._handleKeyDown = (e) => {
       const t = this._getCards().filter((s) => !s.disabled);
       if (t.length === 0) return;
-      const a = t.find((s) => {
+      const i = t.find((s) => {
         try {
           return s.shadowRoot?.activeElement || s === document.activeElement;
         } catch {
           return s === document.activeElement;
         }
-      }), i = a ? t.indexOf(a) : -1;
+      }), a = i ? t.indexOf(i) : -1;
       let n = null;
       switch (e.key) {
         case "ArrowDown":
         case "ArrowRight":
-          e.preventDefault(), n = i === -1 ? 0 : (i + 1) % t.length;
+          e.preventDefault(), n = a === -1 ? 0 : (a + 1) % t.length;
           break;
         case "ArrowUp":
         case "ArrowLeft":
-          e.preventDefault(), n = i === -1 ? t.length - 1 : (i - 1 + t.length) % t.length;
+          e.preventDefault(), n = a === -1 ? t.length - 1 : (a - 1 + t.length) % t.length;
           break;
         case "Home":
           e.preventDefault(), n = 0;
@@ -84,7 +84,7 @@ const d = class d extends _(p) {
       this._internals.setFormValue(null);
     else {
       const t = new FormData();
-      e.forEach((a) => t.append(this.name, a)), this._internals.setFormValue(t);
+      e.forEach((i) => t.append(this.name, i)), this._internals.setFormValue(t);
     }
   }
   _syncValidity() {
@@ -95,7 +95,29 @@ const d = class d extends _(p) {
     ) : this._internals.setValidity({});
   }
   formResetCallback() {
-    this._internalSelectedValues = [], this._internals.setFormValue(null), this._syncValidity(), this._syncChildCards();
+    this._internalSelectedValues = [], this._internals.setFormValue(null), this._syncValidity(), this._syncChildCards(), this._syncStates();
+  }
+  /**
+   * 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(e, t) {
+    e === null ? this._internalSelectedValues = [] : e instanceof FormData ? this._internalSelectedValues = Array.from(e.getAll(this.name)) : typeof e == "string" && (this._internalSelectedValues = [e]), this._syncFormValue(), this._syncValidity(), this._syncChildCards(), 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) — group is disabled
+   *  :state(required) — group 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);
   }
   // ─── End FACE ─────────────────────────────────────────────────────────────
   connectedCallback() {
@@ -105,10 +127,10 @@ const d = class d extends _(p) {
     super.disconnectedCallback(), this.removeEventListener("selection-card-change", this._handleCardChange), this.removeEventListener("keydown", this._handleKeyDown);
   }
   updated(e) {
-    super.updated(e), (e.has("type") || e.has("name") || e.has("theme") || e.has("disabled") || e.has("value") || e.has("values") || e.has("_internalSelectedValues")) && this._syncChildCards(), e.has("value") || e.has("values") || e.has("_internalSelectedValues") ? (this._syncFormValue(), this._syncValidity()) : e.has("required") && this._syncValidity();
+    super.updated(e), (e.has("type") || e.has("name") || e.has("theme") || e.has("disabled") || e.has("value") || e.has("values") || e.has("_internalSelectedValues")) && this._syncChildCards(), e.has("value") || e.has("values") || e.has("_internalSelectedValues") ? (this._syncFormValue(), this._syncValidity()) : e.has("required") && this._syncValidity(), (e.has("disabled") || e.has("required") || e.has("_internalSelectedValues")) && this._syncStates();
   }
   firstUpdated() {
-    this._syncChildCards(), this._syncFormValue(), this._syncValidity();
+    this._syncChildCards(), this._syncFormValue(), this._syncValidity(), this._syncStates();
   }
   _getCards() {
     const e = this.shadowRoot?.querySelector("slot");
@@ -116,8 +138,8 @@ const d = class d extends _(p) {
   }
   _syncChildCards() {
     const e = this._getCards(), t = this._getSelectedValues();
-    e.forEach((a) => {
-      a._type = this.type, a._name = this.name, a._theme = this.theme, a.checked = t.includes(a.value), this.disabled && (a.disabled = !0);
+    e.forEach((i) => {
+      i._type = this.type, i._name = this.name, i._theme = this.theme, i.checked = t.includes(i.value), this.disabled && (i.disabled = !0);
     });
   }
   _handleSlotChange() {
@@ -135,7 +157,7 @@ const d = class d extends _(p) {
         role="${this.type === "radio" ? "radiogroup" : "group"}"
         aria-disabled="${this.disabled ? "true" : "false"}"
       >
-        ${this.legend ? u`<legend class="${e}" part="ag-selection-card-group-legend">${this.legend}</legend>` : f}
+        ${this.legend ? u`<legend class="${e}" part="ag-selection-card-group-legend">${this.legend}</legend>` : _}
         <div class="selection-card-group__content" part="ag-selection-card-group-content">
           <slot @slotchange="${this._handleSlotChange}"></slot>
         </div>
@@ -143,7 +165,7 @@ const d = class d extends _(p) {
     `;
   }
 };
-d.styles = g`
+o.styles = g`
     :host {
       display: block;
     }
@@ -181,36 +203,36 @@ d.styles = g`
       gap: var(--ag-selection-card-group-gap, var(--ag-space-4));
     }
   `;
-let l = d;
+let l = o;
 r([
-  o({ type: String, reflect: !0 })
+  d({ type: String, reflect: !0 })
 ], l.prototype, "type");
 r([
-  o({ type: String })
+  d({ type: String })
 ], l.prototype, "legend");
 r([
-  o({ type: Boolean, attribute: "legend-hidden" })
+  d({ type: Boolean, attribute: "legend-hidden" })
 ], l.prototype, "legendHidden");
 r([
-  o({ type: String, reflect: !0 })
+  d({ type: String, reflect: !0 })
 ], l.prototype, "theme");
 r([
-  o({ type: String })
+  d({ type: String })
 ], l.prototype, "value");
 r([
-  o({ type: Array })
+  d({ type: Array })
 ], l.prototype, "values");
 r([
-  o({ type: Boolean, reflect: !0 })
+  d({ type: Boolean, reflect: !0 })
 ], l.prototype, "disabled");
 r([
-  o({ type: Boolean, reflect: !0 })
+  d({ type: Boolean, reflect: !0 })
 ], l.prototype, "required");
 r([
-  o({ attribute: !1 })
+  d({ attribute: !1 })
 ], l.prototype, "validationMessages");
 r([
-  o({ attribute: !1 })
+  d({ attribute: !1 })
 ], l.prototype, "onSelectionChange");
 r([
   y()

package/dist/components/Slider/core/_Slider.d.ts

@@ -126,12 +126,32 @@ export declare class AgSlider extends AgSlider_base implements SliderProps {
      * Clamp current value to min/max and validate
      */
     private _clampAndValidateValue;
+    updated(changedProperties: Map<string, unknown>): void;
     firstUpdated(): void;
     /**
      * FACE lifecycle: called when the parent form is reset.
      * Restores the slider to the value it had on first render.
      */
     formResetCallback(): void;
+    /**
+     * FACE lifecycle: called on session restore or browser autofill.
+     * Restores the slider value from the previously saved FormData.
+     * Single mode: one entry (name, valueStr). Dual mode: two entries.
+     */
+    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 _updateFormValue() (which also calls setValidity) so
+     * that :state(invalid) reads the freshly-updated _internals.validity.valid value.
+     *
+     * Exposed states:
+     *  :state(disabled)  — slider is disabled
+     *  :state(readonly)  — slider is read-only
+     *  :state(required)  — slider is required
+     *  :state(invalid)   — FACE constraint validation is failing
+     */
+    private _syncStates;
     /**
      * Update form value when component value changes
      */

package/dist/components/Slider/core/_Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/core/_Slider.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,oCAAoC,CAAC;AAK5C,MAAM,WAAW,WAAW;IAE1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAGlC,IAAI,CAAC,EAAE,OAAO,CAAC;IAGf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAGrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC9E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;;AAED;;GAEG;AACH,qBAAa,QAAS,SAAQ,aAAsB,YAAW,WAAW;IACxE,OAAgB,MAAM,4BA+VpB;IAGF,OAAO,CAAC,aAAa,CAAgC;IAGrD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,WAAW,CAMH;IAGhB,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,iBAAiB,CAAM;;IA2C/B;;OAEG;IAEK,KAAK,EAAE,MAAM,CAAC;IAGtB,aAAa,EAAE,aAAa,CAAS;IAG7B,WAAW,EAAE,OAAO,CAAC;IAGrB,OAAO,EAAE,OAAO,CAAC;IAGjB,SAAS,EAAE,MAAM,CAAC;IAG1B;;OAEG;IAEK,GAAG,EAAE,MAAM,CAAC;IAGZ,GAAG,EAAE,MAAM,CAAC;IAGZ,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEzC;;OAEG;IAEK,IAAI,EAAE,OAAO,CAAC;IAEtB;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,MAAM,EAAE,OAAO,CAAC;IAGhB,UAAU,EAAE,OAAO,CAAC;IAE5B;;OAEG;IAEK,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAE5C;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGjB,YAAY,EAAE,MAAM,CAAC;IAGrB,QAAQ,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAEK,WAAW,EAAE,OAAO,CAAC;IAGrB,SAAS,EAAE,OAAO,CAAC;IAGnB,QAAQ,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAEK,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAG9E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAG7E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE7C;;OAEG;IAEH,OAAO,CAAC,YAAY,CAA8B;IAGlD,OAAO,CAAC,aAAa,CAA8B;IAGnD,OAAO,CAAC,cAAc,CAAyC;IAG/D,OAAO,CAAC,MAAM,CAAC,CAAc;IAG7B,OAAO,CAAC,WAAW,CAAC,CAAc;IAElC;;OAEG;IACH,SAAS,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA6B5D;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAiBrB,YAAY;IAQrB;;;OAGG;IACM,iBAAiB,IAAI,IAAI;IASlC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAmBxB;;OAEG;IACH,OAAO,KAAK,OAAO,GAKlB;IAED;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAK/B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAiB5B;;OAEG;IACH,OAAO,CAAC,WAAW;IAQnB;;OAEG;IACH,OAAO,CAAC,cAAc;IAyBtB;;OAEG;IACL,OAAO,CAAC,uBAAuB;IAiC7B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAwC1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAsBxB;;OAEG;IACH,OAAO,CAAC,YAAY;IAuDpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAyBpB;;OAEG;IACH,OAAO,CAAC,aAAa;IAyBrB;;OAEG;IACH,OAAO,CAAC,YAAY;IAcpB;;OAEG;IACH,OAAO,CAAC,WAAW;IAcnB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAuBzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAmCpB;;OAEG;IACH,OAAO,CAAC,YAAY;IA+BpB;;OAEG;IACH,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,WAAW;IA0BnB,MAAM;IA2LN,oBAAoB;CAOrB"}
+{"version":3,"file":"_Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/core/_Slider.ts"],"names":[],"mappings":"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"}