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

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/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 {

package/dist/components/Combobox/core/_Combobox.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import { ValidationMessages } from '../../../shared/face-mixin';
 import { LabelPosition } from '../../../shared/form-control-utils';
 
 export interface ComboboxOption {
@@ -69,7 +70,9 @@ export interface ComboboxProps {
     onClose?: (event: ComboboxCloseEvent) => void;
     onFocus?: (event: FocusEvent) => void;
     onBlur?: (event: FocusEvent) => void;
+    validationMessages?: ValidationMessages;
 }
+declare const AgCombobox_base: (new (...args: any[]) => import('../../../shared/face-mixin').FaceMixinInterface) & typeof LitElement;
 /**
  * @element ag-combobox
  * @fires {ComboboxChangeEvent} change - Fired when value changes
@@ -90,7 +93,7 @@ export interface ComboboxProps {
  * @csspart ag-combobox-help-text - Help text element
  * @csspart ag-combobox-error-message - Error message element
  */
-export declare class AgCombobox extends LitElement implements ComboboxProps {
+export declare class AgCombobox extends AgCombobox_base implements ComboboxProps {
     static styles: import('lit').CSSResult[];
     options: ComboboxOption[];
     private _value;
@@ -129,6 +132,7 @@ export declare class AgCombobox extends LitElement implements ComboboxProps {
     onClose?: (event: ComboboxCloseEvent) => void;
     onFocus?: (event: FocusEvent) => void;
     onBlur?: (event: FocusEvent) => void;
+    validationMessages: ValidationMessages | undefined;
     private _open;
     private _searchTerm;
     private _filteredOptions;
@@ -150,6 +154,7 @@ export declare class AgCombobox extends LitElement implements ComboboxProps {
     disconnectedCallback(): void;
     private _isDefaultValueInitialized;
     willUpdate(changedProperties: Map<string, unknown>): void;
+    updated(changedProperties: Map<string, unknown>): void;
     focus(): void;
     blur(): void;
     open(): void;
@@ -157,6 +162,23 @@ export declare class AgCombobox extends LitElement implements ComboboxProps {
     toggle(): void;
     selectOption(optionOrValue: ComboboxOption | string): void;
     clearSelection(): void;
+    /**
+     * Sync the form value to ElementInternals.
+     * Single: submits the selected value string, or null if nothing selected.
+     * Multiple: submits all selected values via FormData overload.
+     * Typed text that hasn't been committed via selectOption() is never submitted.
+     */
+    private _syncFormValue;
+    /**
+     * Sync validity. Required with no selection = valueMissing.
+     */
+    private _syncValidity;
+    firstUpdated(): void;
+    /**
+     * FACE lifecycle: called when the parent form is reset.
+     * Clears selection and re-syncs form value.
+     */
+    formResetCallback(): void;
     private _selectionChanged;
     private _renderSelectedTags;
     private _handleTagRemove;
@@ -181,4 +203,5 @@ export declare class AgCombobox extends LitElement implements ComboboxProps {
     private renderLabel;
     render(): import('lit').TemplateResult<1>;
 }
+export {};
 //# sourceMappingURL=_Combobox.d.ts.map