agnosticui-core 2.0.0-alpha.16 → 2.0.0-alpha.18

package/dist/components/Button/core/_Button.d.ts.map

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

package/dist/components/Button/core/_Button.js

@@ -11,7 +11,16 @@ const d = class d extends l {
     super(), this.disabled = !1, this.loading = !1, this.toggle = !1, this.pressed = !1, this.bordered = !1, this.ghost = !1, this.link = !1, this.grouped = !1, this.fullWidth = !1, this.type = "button", this.ariaLabel = "", this.variant = "", this.size = "md", this.shape = "";
   }
   _handleClick(a) {
-    if (this.onClick && this.onClick(a), this.toggle && !this.disabled && !this.loading && !a.defaultPrevented) {
+    if (this.onClick && this.onClick(a), !this.disabled && !this.loading && !a.defaultPrevented) {
+      if (this.type === "submit") {
+        const e = this.closest("form");
+        e && e.requestSubmit();
+      } else if (this.type === "reset") {
+        const e = this.closest("form");
+        e && e.reset();
+      }
+    }
+    if (this.toggle && !this.disabled && !this.loading && !a.defaultPrevented) {
       this.pressed = !this.pressed;
       const e = new CustomEvent("toggle", {
         detail: { pressed: this.pressed },

package/dist/components/Checkbox/core/_Checkbox.d.ts

@@ -67,6 +67,20 @@ export declare class AgCheckbox extends AgCheckbox_base implements CheckboxProps
      * by the inner input; we just mirror its state.
      */
     private _syncValidity;
+    /**
+     * 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(checked)       — checkbox is checked
+     *  :state(indeterminate) — checkbox is in indeterminate state
+     *  :state(disabled)      — checkbox is disabled
+     *  :state(required)      — checkbox is required
+     *  :state(invalid)       — FACE constraint validation is failing
+     */
+    private _syncStates;
     updated(changedProperties: Map<string, unknown>): void;
     private handleClick;
     private handleChange;

package/dist/components/Checkbox/core/_Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/core/_Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AASrD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AAG7E,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,yBAAyB,CAAC,CAAC;AAEzE;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAEhC,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,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjD;;AAED,qBAAa,UAAW,SAAQ,eAAsB,YAAW,aAAa;IAC5E,OAAgB,MAAM,4BAsOpB;IAGM,KAAK,EAAE,MAAM,CAAC;IAGd,OAAO,EAAE,OAAO,CAAC;IAGjB,aAAa,EAAE,OAAO,CAAC;IAGvB,QAAQ,EAAE,OAAO,CAAC;IAGlB,IAAI,EAAE,YAAY,CAAC;IAGnB,KAAK,EAAE,aAAa,CAAC;IAGrB,SAAS,EAAE,MAAM,CAAC;IAGlB,aAAa,EAAE,KAAK,GAAG,OAAO,CAAC;IAI/B,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGjB,YAAY,EAAE,MAAM,CAAC;IAGrB,QAAQ,EAAE,MAAM,CAAC;IAGjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAGxD,OAAO,CAAC,IAAI,CAAuC;IAEnD,OAAO,CAAC,QAAQ,CAAC,CAAmB;;IAkBpC;;OAEG;IACH,IAAI,cAAc,IAAI,WAAW,GAAG,IAAI,CAEvC;IAID;;;OAGG;IACM,iBAAiB,IAAI,IAAI;IAOlC;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAMZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAexD,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,YAAY;IAuCpB;;OAEG;IACH,OAAO,CAAC,aAAa;IAcrB;;OAEG;IACH,OAAO,CAAC,YAAY;IAcpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IASlB,MAAM;IAqEN,YAAY;CAYtB"}
+{"version":3,"file":"_Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/core/_Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AASrD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AAG7E,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,yBAAyB,CAAC,CAAC;AAEzE;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAEhC,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,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjD;;AAED,qBAAa,UAAW,SAAQ,eAAsB,YAAW,aAAa;IAC5E,OAAgB,MAAM,4BAsOpB;IAGM,KAAK,EAAE,MAAM,CAAC;IAGd,OAAO,EAAE,OAAO,CAAC;IAGjB,aAAa,EAAE,OAAO,CAAC;IAGvB,QAAQ,EAAE,OAAO,CAAC;IAGlB,IAAI,EAAE,YAAY,CAAC;IAGnB,KAAK,EAAE,aAAa,CAAC;IAGrB,SAAS,EAAE,MAAM,CAAC;IAGlB,aAAa,EAAE,KAAK,GAAG,OAAO,CAAC;IAI/B,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGjB,YAAY,EAAE,MAAM,CAAC;IAGrB,QAAQ,EAAE,MAAM,CAAC;IAGjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAGxD,OAAO,CAAC,IAAI,CAAuC;IAEnD,OAAO,CAAC,QAAQ,CAAC,CAAmB;;IAkBpC;;OAEG;IACH,IAAI,cAAc,IAAI,WAAW,GAAG,IAAI,CAEvC;IAID;;;OAGG;IACM,iBAAiB,IAAI,IAAI;IAQlC;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAIrB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,WAAW;IAUV,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAgBxD,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,YAAY;IAwCpB;;OAEG;IACH,OAAO,CAAC,aAAa;IAcrB;;OAEG;IACH,OAAO,CAAC,YAAY;IAcpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IASlB,MAAM;IAqEN,YAAY;CAatB"}

package/dist/components/Checkbox/core/_Checkbox.js

@@ -1,14 +1,14 @@
-import { LitElement as p, css as u, nothing as c, html as l } from "lit";
+import { LitElement as p, css as u, nothing as l, html as c } from "lit";
 import { n as r } from "../../../property-CemaeiRl.js";
 import { formControlStyles as f } from "../../../shared/form-control-styles.js";
 import { createFormControlIds as g, buildAriaDescribedBy as m } from "../../../shared/form-control-utils.js";
-import { FaceMixin as x, syncInnerInputValidity as k } from "../../../shared/face-mixin.js";
-var v = Object.defineProperty, a = (d, t, o, s) => {
-  for (var i = void 0, n = d.length - 1, b; n >= 0; n--)
-    (b = d[n]) && (i = b(t, o, i) || i);
-  return i && v(t, o, i), i;
+import { FaceMixin as k, syncInnerInputValidity as x } from "../../../shared/face-mixin.js";
+var v = Object.defineProperty, i = (d, t, o, s) => {
+  for (var a = void 0, n = d.length - 1, b; n >= 0; n--)
+    (b = d[n]) && (a = b(t, o, a) || a);
+  return a && v(t, o, a), a;
 };
-const h = class h extends x(p) {
+const h = class h extends k(p) {
   constructor() {
     super(), this._ids = g("ag-checkbox"), this.value = "", this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.size = "medium", this.theme = "primary", this.labelText = "", this.labelPosition = "end", this.required = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "";
   }
@@ -24,7 +24,7 @@ const h = class h extends x(p) {
    * Restores checked and indeterminate to their default states.
    */
   formResetCallback() {
-    this.checked = !1, this.indeterminate = !1, this._internals.setFormValue(null), this._internals.setValidity({});
+    this.checked = !1, this.indeterminate = !1, this._internals.setFormValue(null), this._internals.setValidity({}), this._syncStates();
   }
   /**
    * Sync validity to ElementInternals by delegating to the inner
@@ -32,11 +32,27 @@ const h = class h extends x(p) {
    * by the inner input; we just mirror its state.
    */
   _syncValidity() {
-    k(this._internals, this.inputRef);
+    x(this._internals, this.inputRef);
+  }
+  /**
+   * 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(checked)       — checkbox is checked
+   *  :state(indeterminate) — checkbox is in indeterminate state
+   *  :state(disabled)      — checkbox is disabled
+   *  :state(required)      — checkbox is required
+   *  :state(invalid)       — FACE constraint validation is failing
+   */
+  _syncStates() {
+    this._setState("checked", this.checked), this._setState("indeterminate", this.indeterminate), this._setState("disabled", this.disabled), this._setState("required", this.required), this._setState("invalid", !this._internals.validity.valid);
   }
   // ─── End FACE ─────────────────────────────────────────────────────────────
   updated(t) {
-    super.updated(t), t.has("indeterminate") && this.inputRef && (this.inputRef.indeterminate = this.indeterminate), (t.has("checked") || t.has("indeterminate")) && (this._internals.setFormValue(this.checked ? this.value || "on" : null), this._syncValidity());
+    super.updated(t), t.has("indeterminate") && this.inputRef && (this.inputRef.indeterminate = this.indeterminate), (t.has("checked") || t.has("indeterminate")) && (this._internals.setFormValue(this.checked ? this.value || "on" : null), this._syncValidity(), this._syncStates());
   }
   handleClick(t) {
     this.onClick && this.onClick(t);
@@ -47,7 +63,7 @@ const h = class h extends x(p) {
       return;
     }
     const o = t.target;
-    this.checked = o.checked, this.indeterminate && (this.indeterminate = !1), this._internals.setFormValue(this.checked ? this.value || "on" : null), this._syncValidity();
+    this.checked = o.checked, this.indeterminate && (this.indeterminate = !1), this._internals.setFormValue(this.checked ? this.value || "on" : null), this._syncValidity(), this._syncStates();
     const s = new CustomEvent("change", {
       detail: {
         checked: this.checked,
@@ -64,7 +80,7 @@ const h = class h extends x(p) {
    * Render helper text
    */
   _renderHelper() {
-    return this.helpText ? l`
+    return this.helpText ? c`
       <div
         id="${this._ids.helperId}"
         class="ag-form-control__helper ag-checkbox__helper"
@@ -72,13 +88,13 @@ const h = class h extends x(p) {
       >
         ${this.helpText}
       </div>
-    ` : c;
+    ` : l;
   }
   /**
    * Render error text
    */
   _renderError() {
-    return !this.invalid || !this.errorMessage ? c : l`
+    return !this.invalid || !this.errorMessage ? l : c`
       <div
         id="${this._ids.errorId}"
         class="ag-form-control__error ag-checkbox__error"
@@ -110,8 +126,8 @@ const h = class h extends x(p) {
     `, s = `
       checkbox-label-copy
       checkbox-label-copy--${this.size}
-    `, i = this._getAriaDescribedBy();
-    return l`
+    `, a = this._getAriaDescribedBy();
+    return c`
       <div class="ag-checkbox-container">
         <label 
           for="${this._ids.inputId}"
@@ -132,7 +148,7 @@ const h = class h extends x(p) {
             aria-label="${this.labelText || "Checkbox"}"
             aria-required="${this.required ? "true" : "false"}"
             aria-invalid="${this.invalid ? "true" : "false"}"
-            aria-describedby="${i || c}"
+            aria-describedby="${a || l}"
             aria-checked=${this.indeterminate ? "mixed" : this.checked ? "true" : "false"}
             @click=${this.handleClick}
             @change=${this.handleChange}
@@ -143,8 +159,8 @@ const h = class h extends x(p) {
             aria-hidden="true"
           ></span>
           <span class=${s.trim()} part="ag-checkbox-label">
-            ${this.labelText || l`<slot></slot>`}
-            ${this.required ? l`<span class="ag-form-control__required" aria-label="required">*</span>` : c}
+            ${this.labelText || c`<slot></slot>`}
+            ${this.required ? c`<span class="ag-form-control__required" aria-label="required">*</span>` : l}
           </span>
         </label>
         ${this._renderHelper()}
@@ -155,7 +171,7 @@ const h = class h extends x(p) {
   firstUpdated() {
     this.inputRef = this.shadowRoot?.querySelector(
       ".checkbox-input"
-    ), this.inputRef && this.indeterminate && (this.inputRef.indeterminate = this.indeterminate), this._internals.setFormValue(this.checked ? this.value || "on" : null), this._syncValidity();
+    ), this.inputRef && this.indeterminate && (this.inputRef.indeterminate = this.indeterminate), this._internals.setFormValue(this.checked ? this.value || "on" : null), this._syncValidity(), this._syncStates();
   }
 };
 h.styles = [
@@ -390,46 +406,46 @@ h.styles = [
   `
 ];
 let e = h;
-a([
+i([
   r({ type: String })
 ], e.prototype, "value");
-a([
+i([
   r({ type: Boolean, reflect: !0 })
 ], e.prototype, "checked");
-a([
+i([
   r({ type: Boolean, reflect: !0 })
 ], e.prototype, "indeterminate");
-a([
+i([
   r({ type: Boolean, reflect: !0 })
 ], e.prototype, "disabled");
-a([
+i([
   r({ type: String })
 ], e.prototype, "size");
-a([
+i([
   r({ type: String })
 ], e.prototype, "theme");
-a([
+i([
   r({ type: String })
 ], e.prototype, "labelText");
-a([
+i([
   r({ type: String })
 ], e.prototype, "labelPosition");
-a([
+i([
   r({ type: Boolean, reflect: !0 })
 ], e.prototype, "required");
-a([
+i([
   r({ type: Boolean, reflect: !0 })
 ], e.prototype, "invalid");
-a([
+i([
   r({ type: String, attribute: "error-message" })
 ], e.prototype, "errorMessage");
-a([
+i([
   r({ type: String, attribute: "help-text" })
 ], e.prototype, "helpText");
-a([
+i([
   r({ attribute: !1 })
 ], e.prototype, "onClick");
-a([
+i([
   r({ attribute: !1 })
 ], e.prototype, "onChange");
 export {

package/dist/components/Radio/core/_Radio.d.ts

@@ -123,6 +123,19 @@ export declare class AgRadio extends AgRadio_base implements RadioProps {
      * Restores checked to false and clears the form value.
      */
     formResetCallback(): 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(checked)  — this radio is selected
+     *  :state(disabled) — radio is disabled
+     *  :state(required) — radio is required
+     *  :state(invalid)  — FACE constraint validation is failing
+     */
+    private _syncStates;
     firstUpdated(): void;
     updated(changedProperties: Map<string, unknown>): void;
     private handleClick;

package/dist/components/Radio/core/_Radio.d.ts.map

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

package/dist/components/Radio/core/_Radio.js

@@ -1,11 +1,11 @@
-import { LitElement as p, css as b, nothing as c, html as l } from "lit";
+import { LitElement as p, css as b, nothing as c, html as h } from "lit";
 import { n as o } from "../../../property-CemaeiRl.js";
 import { formControlStyles as v } from "../../../shared/form-control-styles.js";
 import { createFormControlIds as f, buildAriaDescribedBy as w } from "../../../shared/form-control-utils.js";
 import { FaceMixin as m, syncInnerInputValidity as y } from "../../../shared/face-mixin.js";
-var k = Object.defineProperty, d = (g, r, i, s) => {
-  for (var e = void 0, a = g.length - 1, h; a >= 0; a--)
-    (h = g[a]) && (e = h(r, i, e) || e);
+var k = Object.defineProperty, s = (g, r, i, d) => {
+  for (var e = void 0, a = g.length - 1, l; a >= 0; a--)
+    (l = g[a]) && (e = l(r, i, e) || e);
   return e && k(r, i, e), e;
 }, n;
 const t = (n = class extends m(p) {
@@ -35,14 +35,29 @@ const t = (n = class extends m(p) {
    * Restores checked to false and clears the form value.
    */
   formResetCallback() {
-    this.checked = !1, this._internals.setFormValue(null), this._internals.setValidity({});
+    this.checked = !1, this._internals.setFormValue(null), this._internals.setValidity({}), 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(checked)  — this radio is selected
+   *  :state(disabled) — radio is disabled
+   *  :state(required) — radio is required
+   *  :state(invalid)  — FACE constraint validation is failing
+   */
+  _syncStates() {
+    this._setState("checked", this.checked), this._setState("disabled", this.disabled), this._setState("required", this.required), this._setState("invalid", !this._internals.validity.valid);
   }
   // ─── End FACE ─────────────────────────────────────────────────────────────
   firstUpdated() {
-    this.inputRef = this.shadowRoot?.querySelector(".radio-input"), this._syncFormValue(), this._syncValidity();
+    this.inputRef = this.shadowRoot?.querySelector(".radio-input"), this._syncFormValue(), this._syncValidity(), this._syncStates();
   }
   updated(r) {
-    super.updated(r), r.has("checked") && (this._syncFormValue(), this._syncValidity());
+    super.updated(r), r.has("checked") && (this._syncFormValue(), this._syncValidity(), this._syncStates());
   }
   handleClick(r) {
     this.onClick && this.onClick(r);
@@ -53,15 +68,15 @@ const t = (n = class extends m(p) {
     r.preventDefault();
     const i = this.getRadiosInGroup();
     if (i.length === 0) return;
-    const s = i.indexOf(this);
-    if (s === -1) return;
+    const d = i.indexOf(this);
+    if (d === -1) return;
     let e;
-    r.key === "Home" ? e = 0 : r.key === "End" ? e = i.length - 1 : r.key === "ArrowDown" || r.key === "ArrowRight" ? e = (s + 1) % i.length : e = (s - 1 + i.length) % i.length;
+    r.key === "Home" ? e = 0 : r.key === "End" ? e = i.length - 1 : r.key === "ArrowDown" || r.key === "ArrowRight" ? e = (d + 1) % i.length : e = (d - 1 + i.length) % i.length;
     const a = i[e];
     if (a && !a.disabled) {
-      const h = a.shadowRoot?.querySelector(".radio-input");
-      if (h) {
-        h.focus(), a.checked = !0, a.uncheckOtherRadiosInGroup();
+      const l = a.shadowRoot?.querySelector(".radio-input");
+      if (l) {
+        l.focus(), a.checked = !0, a.uncheckOtherRadiosInGroup();
         const u = new CustomEvent(
           "change",
           {
@@ -88,16 +103,16 @@ const t = (n = class extends m(p) {
       else
         break;
     }
-    const s = (r instanceof Document ? r : document).querySelectorAll(`ag-radio[name="${this.name}"]`);
-    return Array.from(s).filter((e) => e instanceof n && !e.disabled);
+    const d = (r instanceof Document ? r : document).querySelectorAll(`ag-radio[name="${this.name}"]`);
+    return Array.from(d).filter((e) => e instanceof n && !e.disabled);
   }
   handleChange(r) {
     if (this.disabled) {
       r.preventDefault();
       return;
     }
-    const i = r.target, s = this.checked;
-    this.checked = i.checked, this._syncFormValue(), this._syncValidity(), this.checked && !s && this.name && this.uncheckOtherRadiosInGroup();
+    const i = r.target, d = this.checked;
+    this.checked = i.checked, this._syncFormValue(), this._syncValidity(), this._syncStates(), this.checked && !d && this.name && this.uncheckOtherRadiosInGroup();
     const e = new CustomEvent(
       "change",
       {
@@ -129,7 +144,7 @@ const t = (n = class extends m(p) {
    * Render optional external label (for groups or above radio)
    */
   _renderExternalLabel() {
-    return !this.label || this.noLabel ? c : l`
+    return !this.label || this.noLabel ? c : h`
       <label
         id="${this._ids.labelId}"
         for="${this._ids.inputId}"
@@ -137,7 +152,7 @@ const t = (n = class extends m(p) {
         part="ag-radio-external-label"
       >
         ${this.label}
-        ${this.required ? l`
+        ${this.required ? h`
               <span class="ag-form-control__required" part="ag-required" aria-hidden="true">*</span>
             ` : c}
       </label>
@@ -147,7 +162,7 @@ const t = (n = class extends m(p) {
    * Render helper text
    */
   _renderHelper() {
-    return this.helpText ? l`
+    return this.helpText ? h`
       <div
         id="${this._ids.helperId}"
         class="ag-form-control__helper ag-radio__helper"
@@ -161,7 +176,7 @@ const t = (n = class extends m(p) {
    * Render error text
    */
   _renderError() {
-    return l`
+    return h`
       <div
         id="${this._ids.errorId}"
         class="ag-form-control__error ag-radio__error"
@@ -191,10 +206,10 @@ const t = (n = class extends m(p) {
       radio-indicator
       radio-indicator--${this.size}
       radio-indicator--${this.theme}
-    `, s = `
+    `, d = `
       radio-label
       radio-label--${this.size}
-    `, e = this._getAriaDescribedBy(), a = l`
+    `, e = this._getAriaDescribedBy(), a = h`
       <label class=${r.trim()} part="ag-radio-wrapper">
         <input
           type="radio"
@@ -215,12 +230,12 @@ const t = (n = class extends m(p) {
           aria-checked=${this.checked ? "true" : "false"}
         />
         <span class=${i.trim()} part="ag-radio-indicator"></span>
-        <span class=${s.trim()} part="ag-radio-label">
-          ${this.labelText ? this.labelText : l`<slot></slot>`}
+        <span class=${d.trim()} part="ag-radio-label">
+          ${this.labelText ? this.labelText : h`<slot></slot>`}
         </span>
       </label>
     `;
-    return this.label || this.helpText || this.errorMessage ? l`
+    return this.label || this.helpText || this.errorMessage ? h`
         <div class="ag-radio-wrapper-with-external">
           ${this._renderExternalLabel()}
           ${a}
@@ -417,55 +432,55 @@ const t = (n = class extends m(p) {
     }
   `
 ], n);
-d([
+s([
   o({ type: String, reflect: !0 })
 ], t.prototype, "value");
-d([
+s([
   o({ type: Boolean, reflect: !0 })
 ], t.prototype, "checked");
-d([
+s([
   o({ type: Boolean, reflect: !0 })
 ], t.prototype, "disabled");
-d([
+s([
   o({ type: String })
 ], t.prototype, "size");
-d([
+s([
   o({ type: String })
 ], t.prototype, "theme");
-d([
+s([
   o({ type: String })
 ], t.prototype, "labelText");
-d([
+s([
   o({ type: String })
 ], t.prototype, "labelPosition");
-d([
+s([
   o({ type: String })
 ], t.prototype, "label");
-d([
+s([
   o({ type: Boolean, attribute: "label-hidden" })
 ], t.prototype, "labelHidden");
-d([
+s([
   o({ type: Boolean, attribute: "no-label" })
 ], t.prototype, "noLabel");
-d([
+s([
   o({ type: Boolean, reflect: !0 })
 ], t.prototype, "required");
-d([
+s([
   o({ type: Boolean, reflect: !0 })
 ], t.prototype, "invalid");
-d([
+s([
   o({ type: String, attribute: "error-message" })
 ], t.prototype, "errorMessage");
-d([
+s([
   o({ type: String, attribute: "help-text" })
 ], t.prototype, "helpText");
-d([
+s([
   o({ attribute: !1 })
 ], t.prototype, "onClick");
-d([
+s([
   o({ attribute: !1 })
 ], t.prototype, "onChange");
-let I = t;
+let R = t;
 export {
-  I as AgRadio
+  R as AgRadio
 };

package/dist/components/Toggle/core/_Toggle.d.ts

@@ -130,6 +130,21 @@ export declare class AgToggle extends AgToggle_base implements ToggleProps {
      * is implemented directly: unchecked + required = valueMissing.
      */
     private _syncValidity;
+    /**
+     * 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(checked)  — toggle is on
+     *  :state(disabled) — toggle is disabled
+     *  :state(readonly) — toggle is read-only
+     *  :state(required) — toggle is required
+     *  :state(invalid)  — FACE constraint validation is failing
+     */
+    private _syncStates;
+    updated(changedProperties: Map<string, unknown>): void;
     protected firstUpdated(): void;
     private renderLabel;
     private _handleClick;

package/dist/components/Toggle/core/_Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/core/_Toggle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhF,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC;IACtE,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;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACrD;;AAED;;;;;;;;;;;;;;GAcG;AACH,qBAAa,QAAS,SAAQ,aAAsB,YAAW,WAAW;IACxE,MAAM,CAAC,MAAM,4BAmKX;IAGF,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAc;IAE9B;;OAEG;IAEK,KAAK,EAAE,MAAM,CAAC;IAEtB;;OAEG;IAEH,aAAa,EAAE,aAAa,CAAS;IAErC;;OAEG;IAEK,WAAW,EAAE,OAAO,CAAC;IAE7B;;OAEG;IAEK,OAAO,EAAE,OAAO,CAAC;IAEzB;;OAEG;IAEK,OAAO,EAAE,OAAO,CAAC;IAEzB;;OAEG;IAEK,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE/C;;OAEG;IAEK,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC;IAE7E;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,QAAQ,EAAE,OAAO,CAAC;IAE1B;;OAEG;IAEK,OAAO,EAAE,OAAO,CAAC;IAEzB;;OAEG;IAEK,YAAY,EAAE,MAAM,CAAC;IAE7B;;OAEG;IAEK,QAAQ,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAEK,KAAK,EAAE,MAAM,CAAC;IAEtB;;OAEG;IAEK,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE9C;;OAEG;IAEK,kBAAkB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAE3D;;OAEG;IAEK,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;;IA+B5D;;;OAGG;IACM,iBAAiB,IAAI,IAAI;IAMlC;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAarB,SAAS,CAAC,YAAY;IAYtB,OAAO,CAAC,WAAW;IAyBnB,OAAO,CAAC,YAAY,CAOlB;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,OAAO,CAAC,cAAc,CA8BpB;IAEF,MAAM;CAiFP"}
+{"version":3,"file":"_Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/core/_Toggle.ts"],"names":[],"mappings":"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"}