agnosticui-core 2.0.0-alpha.15 → 2.0.0-alpha.17

package/dist/{VueCombobox.vue_vue_type_script_setup_true_lang-C7gDMrYJ.js → VueCombobox.vue_vue_type_script_setup_true_lang-BSTZGX2X.js}

@@ -1,6 +1,6 @@
-import { defineComponent as m, ref as v, createElementBlock as h, openBlock as x, renderSlot as g } from "vue";
+import { defineComponent as v, ref as m, createElementBlock as g, openBlock as h, renderSlot as x } from "vue";
 import "./components/Combobox/core/Combobox.js";
-const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid", ".clearable", ".readonly", ".required", ".loading", ".multiple", ".closeOnSelect", ".options", ".value", ".defaultValue", ".maxOptionsVisible", "placeholder", "label", "ariaLabel", "helpText", "errorMessage", "autocomplete", "filterMode", "size", "variant", "loadingText", "noResultsText"], T = /* @__PURE__ */ m({
+const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid", ".clearable", ".readonly", ".required", ".validationMessages", ".loading", ".multiple", ".closeOnSelect", ".options", ".value", ".defaultValue", ".maxOptionsVisible", "placeholder", "label", "ariaLabel", "helpText", "errorMessage", "autocomplete", "filterMode", "size", "variant", "loadingText", "noResultsText"], M = /* @__PURE__ */ v({
   __name: "VueCombobox",
   props: {
     options: { default: () => [] },
@@ -30,16 +30,17 @@ const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid"
     maxOptionsVisible: { default: 3 },
     loading: { type: Boolean, default: !1 },
     loadingText: { default: "Loading..." },
-    noResultsText: { default: "No results found" }
+    noResultsText: { default: "No results found" },
+    validationMessages: {}
   },
   emits: ["change", "select", "search", "open", "close", "focus", "blur", "update:value"],
-  setup(e, { expose: n, emit: d }) {
-    const a = d, t = v(), i = (l) => {
+  setup(e, { expose: n, emit: i }) {
+    const a = i, t = m(), d = (l) => {
       const o = l;
       a("change", o.detail), a("update:value", o.detail.value);
-    }, u = (l) => {
-      a("select", l.detail);
     }, s = (l) => {
+      a("select", l.detail);
+    }, u = (l) => {
       a("search", l.detail);
     }, c = (l) => {
       a("open", l.detail);
@@ -58,7 +59,7 @@ const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid"
       toggle: () => t.value?.toggle?.(),
       selectOption: (l) => t.value?.selectOption?.(l),
       clearSelection: () => t.value?.clearSelection?.()
-    }), (l, o) => (x(), h("ag-combobox", {
+    }), (l, o) => (h(), g("ag-combobox", {
       ref_key: "comboboxRef",
       ref: t,
       ".labelHidden": e.labelHidden,
@@ -69,6 +70,7 @@ const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid"
       ".clearable": e.clearable,
       ".readonly": e.readonly,
       ".required": e.required,
+      ".validationMessages": e.validationMessages,
       ".loading": e.loading,
       ".multiple": e.multiple,
       ".closeOnSelect": e.closeOnSelect,
@@ -87,18 +89,18 @@ const y = [".labelHidden", ".labelPosition", ".noLabel", ".disabled", ".invalid"
       variant: e.variant,
       loadingText: e.loadingText,
       noResultsText: e.noResultsText,
-      onChange: i,
-      onSelect: u,
-      onSearch: s,
+      onChange: d,
+      onSelect: s,
+      onSearch: u,
       onOpen: c,
       onClose: f,
       onFocus: r,
       onBlur: b
     }, [
-      g(l.$slots, "default")
+      x(l.$slots, "default")
     ], 40, y));
   }
 });
 export {
-  T as _
+  M as _
 };

package/dist/{VueInput.vue_vue_type_script_setup_true_lang-cOALNmlO.js → VueInput.vue_vue_type_script_setup_true_lang-fMqllTsp.js}

@@ -14,6 +14,7 @@ const g = [".value", ".labelHidden", ".noLabel", ".capsule", ".rounded", ".under
     labelPosition: {},
     noLabel: { type: Boolean, default: !1 },
     ariaLabel: { default: "" },
+    name: {},
     type: { default: "text" },
     value: { default: "" },
     placeholder: { default: "" },

package/dist/{VueRating.vue_vue_type_script_setup_true_lang-CICncp71.js → VueRating.vue_vue_type_script_setup_true_lang-Bm2nRrqr.js}

@@ -1,6 +1,6 @@
-import { defineComponent as r, ref as u, createElementBlock as s, openBlock as f, mergeProps as m, renderSlot as c } from "vue";
+import { defineComponent as r, ref as s, createElementBlock as u, openBlock as f, mergeProps as v, renderSlot as m } from "vue";
 import "./components/Rating/core/Rating.js";
-const v = [".value", ".readonly", ".allowClear", ".required", ".invalid", "max", "precision", "variant", "size", "name", "label", "labelPosition", "labelHidden", "noLabel", "errorMessage", "helpText"], h = /* @__PURE__ */ r({
+const c = [".value", ".readonly", ".allowClear", ".required", ".invalid", ".validationMessages", "max", "precision", "variant", "size", "name", "label", "labelPosition", "labelHidden", "noLabel", "errorMessage", "helpText"], h = /* @__PURE__ */ r({
   __name: "VueRating",
   props: {
     value: { default: 0 },
@@ -18,24 +18,26 @@ const v = [".value", ".readonly", ".allowClear", ".required", ".invalid", "max",
     required: { type: Boolean, default: !1 },
     invalid: { type: Boolean, default: !1 },
     errorMessage: { default: "" },
-    helpText: { default: "" }
+    helpText: { default: "" },
+    validationMessages: {}
   },
   emits: ["update:value", "change", "hover"],
   setup(e, { emit: n }) {
-    const t = n, o = u(), i = (a) => {
+    const t = n, i = s(), o = (a) => {
       const l = a;
       t("change", l.detail), t("update:value", l.detail.newValue);
     }, d = (a) => {
       t("hover", a.detail);
     };
-    return (a, l) => (f(), s("ag-rating", m({
+    return (a, l) => (f(), u("ag-rating", v({
       ref_key: "ratingRef",
-      ref: o,
+      ref: i,
       ".value": e.value,
       ".readonly": e.readonly,
       ".allowClear": e.allowClear,
       ".required": e.required,
       ".invalid": e.invalid,
+      ".validationMessages": e.validationMessages,
       max: e.max,
       precision: e.precision,
       variant: e.variant,
@@ -47,11 +49,11 @@ const v = [".value", ".readonly", ".allowClear", ".required", ".invalid", "max",
       noLabel: e.noLabel,
       errorMessage: e.errorMessage,
       helpText: e.helpText,
-      onRatingChange: i,
+      onRatingChange: o,
       onRatingHover: d
     }, a.$attrs), [
-      c(a.$slots, "default")
-    ], 48, v));
+      m(a.$slots, "default")
+    ], 48, c));
   }
 });
 export {

package/dist/{VueSelectionButtonGroup.vue_vue_type_script_setup_true_lang-CLuww2Ac.js → VueSelectionButtonGroup.vue_vue_type_script_setup_true_lang-DwYrIMVO.js}

@@ -1,6 +1,6 @@
-import { defineComponent as u, createElementBlock as s, openBlock as i, mergeProps as o, renderSlot as c } from "vue";
+import { defineComponent as s, createElementBlock as u, openBlock as i, mergeProps as o, renderSlot as c } from "vue";
 import "./components/SelectionButtonGroup/core/SelectionButtonGroup.js";
-const m = ["type", "name", "legend", "legend-hidden", "theme", "size", "shape", "value", "values", ".disabled"], g = /* @__PURE__ */ u({
+const g = ["type", "name", "legend", "legend-hidden", "theme", "size", "shape", "value", "values", ".disabled", ".required", ".validationMessages"], h = /* @__PURE__ */ s({
   __name: "VueSelectionButtonGroup",
   props: {
     type: { default: "radio" },
@@ -12,15 +12,17 @@ const m = ["type", "name", "legend", "legend-hidden", "theme", "size", "shape",
     shape: { default: "" },
     value: { default: "" },
     values: { default: () => [] },
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    validationMessages: {}
   },
   emits: ["selection-change", "update:value", "update:values"],
   setup(e, { emit: d }) {
-    const l = d, n = (a) => {
-      const t = a.detail;
-      l("selection-change", t), t.selectedValues.length <= 1 && l("update:value", t.selectedValues[0] || ""), l("update:values", t.selectedValues);
+    const l = d, n = (t) => {
+      const a = t.detail;
+      l("selection-change", a), a.selectedValues.length <= 1 && l("update:value", a.selectedValues[0] || ""), l("update:values", a.selectedValues);
     };
-    return (a, t) => (i(), s("ag-selection-button-group", o({
+    return (t, a) => (i(), u("ag-selection-button-group", o({
       type: e.type,
       name: e.name,
       legend: e.legend,
@@ -31,12 +33,14 @@ const m = ["type", "name", "legend", "legend-hidden", "theme", "size", "shape",
       value: e.value,
       values: e.values,
       ".disabled": e.disabled,
+      ".required": e.required,
+      ".validationMessages": e.validationMessages,
       onSelectionChange: n
-    }, a.$attrs), [
-      c(a.$slots, "default")
-    ], 48, m));
+    }, t.$attrs), [
+      c(t.$slots, "default")
+    ], 48, g));
   }
 });
 export {
-  g as _
+  h as _
 };

package/dist/VueSelectionCardGroup.vue_vue_type_script_setup_true_lang-D5CycLY5.js

@@ -0,0 +1,40 @@
+import { defineComponent as s, createElementBlock as i, openBlock as u, mergeProps as o, renderSlot as c } from "vue";
+import "./components/SelectionCardGroup/core/SelectionCardGroup.js";
+const g = ["type", "name", "legend", "legend-hidden", "value", "values", ".disabled", ".required", ".validationMessages"], v = /* @__PURE__ */ s({
+  __name: "VueSelectionCardGroup",
+  props: {
+    type: { default: "radio" },
+    name: { default: "" },
+    legend: { default: "" },
+    legendHidden: { type: Boolean, default: !1 },
+    value: { default: "" },
+    values: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    validationMessages: {}
+  },
+  emits: ["selection-change", "update:value", "update:values"],
+  setup(e, { emit: t }) {
+    const d = t, n = (l) => {
+      const a = l.detail;
+      d("selection-change", a), a.selectedValues.length <= 1 && d("update:value", a.selectedValues[0] || ""), d("update:values", a.selectedValues);
+    };
+    return (l, a) => (u(), i("ag-selection-card-group", o({
+      type: e.type,
+      name: e.name,
+      legend: e.legend,
+      "legend-hidden": e.legendHidden,
+      value: e.value,
+      values: e.values,
+      ".disabled": e.disabled,
+      ".required": e.required,
+      ".validationMessages": e.validationMessages,
+      onSelectionChange: n
+    }, l.$attrs), [
+      c(l.$slots, "default")
+    ], 48, g));
+  }
+});
+export {
+  v as _
+};

package/dist/{VueToggle.vue_vue_type_script_setup_true_lang-BxrvAsse.js → VueToggle.vue_vue_type_script_setup_true_lang-DLPCBOqZ.js}

@@ -1,6 +1,6 @@
-import { defineComponent as r, ref as u, watch as f, createElementBlock as s, openBlock as g, mergeProps as h } from "vue";
+import { defineComponent as s, ref as g, watch as u, createElementBlock as f, openBlock as r, mergeProps as h } from "vue";
 import "./components/Toggle/core/Toggle.js";
-const b = ["label", ".labelPosition", ".labelHidden", ".noLabel", "size", "variant", ".checked", ".disabled", ".readonly", ".required", ".invalid", "errorMessage", "helpText", "name", "value"], v = /* @__PURE__ */ r({
+const b = ["label", ".labelPosition", ".labelHidden", ".noLabel", "size", "variant", ".checked", ".disabled", ".readonly", ".required", ".invalid", "errorMessage", "helpText", "name", "value", ".validationMessages"], m = /* @__PURE__ */ s({
   __name: "VueToggle",
   props: {
     label: {},
@@ -17,24 +17,25 @@ const b = ["label", ".labelPosition", ".labelHidden", ".noLabel", "size", "varia
     errorMessage: { default: "" },
     helpText: { default: "" },
     name: {},
-    value: {}
+    value: {},
+    validationMessages: {}
   },
   emits: ["click", "toggle-change", "update:checked"],
   setup(e, { emit: d }) {
-    const o = e, t = d, a = u(), i = (l) => {
-      t("click", l);
-    }, c = (l) => {
-      const n = l;
+    const i = e, t = d, l = g(), o = (a) => {
+      t("click", a);
+    }, c = (a) => {
+      const n = a;
       t("toggle-change", n.detail), t("update:checked", n.detail.checked);
     };
-    return f(
-      () => o.checked,
-      (l) => {
-        a.value && a.value.checked !== l && (a.value.checked = l);
+    return u(
+      () => i.checked,
+      (a) => {
+        l.value && l.value.checked !== a && (l.value.checked = a);
       }
-    ), (l, n) => (g(), s("ag-toggle", h({
+    ), (a, n) => (r(), f("ag-toggle", h({
       ref_key: "toggleRef",
-      ref: a,
+      ref: l,
       label: e.label,
       ".labelPosition": e.labelPosition,
       ".labelHidden": e.labelHidden,
@@ -50,11 +51,12 @@ const b = ["label", ".labelPosition", ".labelHidden", ".noLabel", "size", "varia
       helpText: e.helpText,
       name: e.name,
       value: e.value,
-      onClick: i,
+      ".validationMessages": e.validationMessages,
+      onClick: o,
       onToggleChange: c
-    }, l.$attrs), null, 48, b));
+    }, a.$attrs), null, 48, b));
   }
 });
 export {
-  v as _
+  m as _
 };

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

@@ -32,9 +32,9 @@ export interface CheckboxProps {
     onClick?: (event: MouseEvent) => void;
     onChange?: (event: CheckboxChangeEvent) => void;
 }
-export declare class AgCheckbox extends LitElement implements CheckboxProps {
+declare const AgCheckbox_base: (new (...args: any[]) => import('../../../shared/face-mixin').FaceMixinInterface) & typeof LitElement;
+export declare class AgCheckbox extends AgCheckbox_base implements CheckboxProps {
     static styles: import('lit').CSSResult[];
-    name: string;
     value: string;
     checked: boolean;
     indeterminate: boolean;
@@ -56,6 +56,17 @@ export declare class AgCheckbox extends LitElement implements CheckboxProps {
      * Expose the internal focusable element for FormControl ARIA wiring
      */
     get controlElement(): HTMLElement | null;
+    /**
+     * FACE lifecycle: called when the parent form is reset.
+     * Restores checked and indeterminate to their default states.
+     */
+    formResetCallback(): void;
+    /**
+     * Sync validity to ElementInternals by delegating to the inner
+     * <input type="checkbox">. Required validation is handled natively
+     * by the inner input; we just mirror its state.
+     */
+    private _syncValidity;
     updated(changedProperties: Map<string, unknown>): void;
     private handleClick;
     private handleChange;
@@ -74,4 +85,5 @@ export declare class AgCheckbox extends LitElement implements CheckboxProps {
     render(): import('lit').TemplateResult<1>;
     firstUpdated(): void;
 }
+export {};
 //# sourceMappingURL=_Checkbox.d.ts.map

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;AAQrD,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,UAAW,YAAW,aAAa;IACjE,OAAgB,MAAM,4BAsOpB;IAGM,IAAI,EAAE,MAAM,CAAC;IAGb,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;;IAmBpC;;OAEG;IACH,IAAI,cAAc,IAAI,WAAW,GAAG,IAAI,CAEvC;IAEQ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IASxD,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,YAAY;IAmCpB;;OAEG;IACH,OAAO,CAAC,aAAa;IAcrB;;OAEG;IACH,OAAO,CAAC,YAAY;IAcpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IASlB,MAAM;IAqEN,YAAY;CAQtB"}
+{"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"}

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

@@ -1,15 +1,16 @@
-import { LitElement as p, css as u, nothing as l, html as c } from "lit";
+import { LitElement as p, css as u, nothing as c, html as l } 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 x } from "../../../shared/form-control-utils.js";
-var m = Object.defineProperty, t = (d, a, o, s) => {
+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(a, o, i) || i);
-  return i && m(a, o, i), i;
+    (b = d[n]) && (i = b(t, o, i) || i);
+  return i && v(t, o, i), i;
 };
-const h = class h extends p {
+const h = class h extends x(p) {
   constructor() {
-    super(), this._ids = g("ag-checkbox"), this.name = "", 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 = "";
+    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 = "";
   }
   /**
    * Expose the internal focusable element for FormControl ARIA wiring
@@ -17,19 +18,36 @@ const h = class h extends p {
   get controlElement() {
     return this.inputRef || null;
   }
-  updated(a) {
-    super.updated(a), a.has("indeterminate") && this.inputRef && (this.inputRef.indeterminate = this.indeterminate);
+  // ─── FACE ─────────────────────────────────────────────────────────────────
+  /**
+   * FACE lifecycle: called when the parent form is reset.
+   * Restores checked and indeterminate to their default states.
+   */
+  formResetCallback() {
+    this.checked = !1, this.indeterminate = !1, this._internals.setFormValue(null), this._internals.setValidity({});
   }
-  handleClick(a) {
-    this.onClick && this.onClick(a);
+  /**
+   * Sync validity to ElementInternals by delegating to the inner
+   * <input type="checkbox">. Required validation is handled natively
+   * by the inner input; we just mirror its state.
+   */
+  _syncValidity() {
+    k(this._internals, this.inputRef);
   }
-  handleChange(a) {
+  // ─── 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());
+  }
+  handleClick(t) {
+    this.onClick && this.onClick(t);
+  }
+  handleChange(t) {
     if (this.disabled) {
-      a.preventDefault();
+      t.preventDefault();
       return;
     }
-    const o = a.target;
-    this.checked = o.checked, this.indeterminate && (this.indeterminate = !1);
+    const o = t.target;
+    this.checked = o.checked, this.indeterminate && (this.indeterminate = !1), this._internals.setFormValue(this.checked ? this.value || "on" : null), this._syncValidity();
     const s = new CustomEvent("change", {
       detail: {
         checked: this.checked,
@@ -46,7 +64,7 @@ const h = class h extends p {
    * Render helper text
    */
   _renderHelper() {
-    return this.helpText ? c`
+    return this.helpText ? l`
       <div
         id="${this._ids.helperId}"
         class="ag-form-control__helper ag-checkbox__helper"
@@ -54,13 +72,13 @@ const h = class h extends p {
       >
         ${this.helpText}
       </div>
-    ` : l;
+    ` : c;
   }
   /**
    * Render error text
    */
   _renderError() {
-    return !this.invalid || !this.errorMessage ? l : c`
+    return !this.invalid || !this.errorMessage ? c : l`
       <div
         id="${this._ids.errorId}"
         class="ag-form-control__error ag-checkbox__error"
@@ -74,7 +92,7 @@ const h = class h extends p {
    * Build ARIA describedby attribute
    */
   _getAriaDescribedBy() {
-    return x({
+    return m({
       helperId: this._ids.helperId,
       errorId: this._ids.errorId,
       hasHelper: !!this.helpText,
@@ -82,7 +100,7 @@ const h = class h extends p {
     });
   }
   render() {
-    const a = `
+    const t = `
       checkbox-wrapper
       ${this.labelPosition === "start" ? "checkbox-wrapper--label-start" : ""}
     `, o = `
@@ -93,11 +111,11 @@ const h = class h extends p {
       checkbox-label-copy
       checkbox-label-copy--${this.size}
     `, i = this._getAriaDescribedBy();
-    return c`
+    return l`
       <div class="ag-checkbox-container">
         <label 
           for="${this._ids.inputId}"
-          class=${a.trim()} 
+          class=${t.trim()} 
           part="ag-checkbox-wrapper"
         >
           <input
@@ -114,7 +132,7 @@ const h = class h extends p {
             aria-label="${this.labelText || "Checkbox"}"
             aria-required="${this.required ? "true" : "false"}"
             aria-invalid="${this.invalid ? "true" : "false"}"
-            aria-describedby="${i || l}"
+            aria-describedby="${i || c}"
             aria-checked=${this.indeterminate ? "mixed" : this.checked ? "true" : "false"}
             @click=${this.handleClick}
             @change=${this.handleChange}
@@ -125,8 +143,8 @@ const h = class h extends p {
             aria-hidden="true"
           ></span>
           <span class=${s.trim()} part="ag-checkbox-label">
-            ${this.labelText || c`<slot></slot>`}
-            ${this.required ? c`<span class="ag-form-control__required" aria-label="required">*</span>` : l}
+            ${this.labelText || l`<slot></slot>`}
+            ${this.required ? l`<span class="ag-form-control__required" aria-label="required">*</span>` : c}
           </span>
         </label>
         ${this._renderHelper()}
@@ -137,7 +155,7 @@ const h = class h extends p {
   firstUpdated() {
     this.inputRef = this.shadowRoot?.querySelector(
       ".checkbox-input"
-    ), this.inputRef && this.indeterminate && (this.inputRef.indeterminate = this.indeterminate);
+    ), this.inputRef && this.indeterminate && (this.inputRef.indeterminate = this.indeterminate), this._internals.setFormValue(this.checked ? this.value || "on" : null), this._syncValidity();
   }
 };
 h.styles = [
@@ -372,49 +390,46 @@ h.styles = [
   `
 ];
 let e = h;
-t([
-  r({ type: String })
-], e.prototype, "name");
-t([
+a([
   r({ type: String })
 ], e.prototype, "value");
-t([
+a([
   r({ type: Boolean, reflect: !0 })
 ], e.prototype, "checked");
-t([
+a([
   r({ type: Boolean, reflect: !0 })
 ], e.prototype, "indeterminate");
-t([
+a([
   r({ type: Boolean, reflect: !0 })
 ], e.prototype, "disabled");
-t([
+a([
   r({ type: String })
 ], e.prototype, "size");
-t([
+a([
   r({ type: String })
 ], e.prototype, "theme");
-t([
+a([
   r({ type: String })
 ], e.prototype, "labelText");
-t([
+a([
   r({ type: String })
 ], e.prototype, "labelPosition");
-t([
+a([
   r({ type: Boolean, reflect: !0 })
 ], e.prototype, "required");
-t([
+a([
   r({ type: Boolean, reflect: !0 })
 ], e.prototype, "invalid");
-t([
+a([
   r({ type: String, attribute: "error-message" })
 ], e.prototype, "errorMessage");
-t([
+a([
   r({ type: String, attribute: "help-text" })
 ], e.prototype, "helpText");
-t([
+a([
   r({ attribute: !1 })
 ], e.prototype, "onClick");
-t([
+a([
   r({ attribute: !1 })
 ], e.prototype, "onChange");
 export {