@nysds/nys-checkbox 1.13.0 → 1.13.1

package/dist/nys-checkbox.js

@@ -1,8 +1,8 @@
 import { LitElement as x, unsafeCSS as v, html as b } from "lit";
-import { property as r, state as g } from "lit/decorators.js";
+import { property as t, state as g } from "lit/decorators.js";
 import { ifDefined as k } from "lit/directives/if-defined.js";
-const _ = ':host{--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px);--_nys-checkbox-border-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-color: var(--nys-color-focus, #004dd1);--_nys-checkbox-outline-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-offset: var(--nys-space-2px, 2px);--_nys-checkbox-gap: var(--nys-space-150, 12px);--_nys-checkboxgroup-gap: var(--nys-space-200, 16px);--_nys-checkbox-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-checkbox-font-size: var(--nys-font-size-ui-md, 16px);--_nys-checkbox-font-weight: var(--nys-font-weight-regular, 400);--_nys-checkbox-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-checkbox-color: var( --nys-color-ink, var(--nys-color-neutral-900, #1b1b1b) );--_nys-checkbox-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-border-color: var(--nys-color-neutral-600, #62666a);--_nys-checkbox-background-color--hover: var( --nys-color-neutral-50, #ededed );--_nys-checkbox-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-border-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-border-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-border-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--disabled: var( --nys-color-neutral-400, #757575 );--_nys-checkbox-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-checkbox-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-checkbox-size: var(--nys-size-300, 24px);--_nys-checkbox-border-radius: var(--nys-radius-sm, 2px);--_nys-checkboxgroup-gap: var(--nys-space-100, 8px);--_nys-checkbox-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px)}:host([tile]){--_nys-checkbox-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-checkbox-border-radius--tile: var(--nys-radius-md, 4px);--_nys-checkbox-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-checkbox-background-color--tile: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-padding--x--tile: var(--nys-space-250, 20px);--_nys-checkbox-padding--y--tile: var(--nys-space-200, 16px);--_nys-checkbox-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-checkbox-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-checkbox-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-checkbox-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-checkbox-background-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-checkbox-padding--x--tile: var(--nys-space-200, 16px);--_nys-checkbox-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-checkbox-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--hover: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--active: var( --nys-color-danger, #b52c2c );--_nys-checkbox-border-color--tile--checked: var( --nys-color-danger, #b52c2c )}#single-error-message{--_nys-errormessage-margin-top: var(--nys-space-50, 4px)}.nys-checkboxgroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height)}.nys-checkboxgroup__content{display:flex;flex-direction:column;gap:var(--_nys-checkboxgroup-gap)}.nys-checkbox{display:flex;font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height);border-radius:var(--_nys-checkbox-border-radius--tile);border:var(--_nys-checkbox-border-width--tile) solid var(--_nys-checkbox-border-color--tile);background:var(--_nys-checkbox-background-color--tile);padding:var(--_nys-checkbox-padding--y--tile) var(--_nys-checkbox-padding--x--tile);gap:var(--_nys-checkbox-gap)}.nys-checkbox__checkboxwrapper{position:relative;display:flex;justify-content:center;align-items:center;max-height:var(--_nys-checkbox-size)}.nys-checkbox__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fff}.nys-checkbox__checkbox{appearance:none;background-repeat:no-repeat;background-position:center;width:var(--_nys-checkbox-size);min-width:var(--_nys-checkbox-size);min-height:var(--_nys-checkbox-size);height:var(--_nys-checkbox-size);max-width:var(--_nys-checkbox-size);max-height:var(--_nys-checkbox-size);border:solid var(--_nys-checkbox-border-width) var(--_nys-checkbox-border-color);background-color:var(--_nys-checkbox-background-color);border-radius:var(--_nys-checkbox-border-radius);outline-offset:var(--_nys-checkbox-outline-offset);outline:none}.nys-checkbox:hover,.nys-checkbox:hover *{cursor:pointer}.nys-checkbox__checkbox:not(:disabled):checked{background-color:var(--_nys-checkbox-background-color--checked);border-color:var(--_nys-checkbox-border-color--checked)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:not(:disabled):checked){border-color:var(--_nys-checkbox-border-color--tile--checked);background-color:var(--_nys-checkbox-background-color--tile--checked)}.nys-checkbox__checkbox:disabled:checked{background-color:var(--_nys-checkbox-background-color--checked--disabled);border-color:var(--_nys-checkbox-border-color--checked--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled:checked){border-color:var(--_nys-checkbox-border-color--tile--disabled);background-color:var(--_nys-checkbox-background-color--tile--disabled)}.nys-checkbox__checkbox:disabled{background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox:has(.nys-checkbox__checkbox:disabled) *{color:var(--_nys-checkbox-color--disabled);cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-checkbox-color--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled){background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox__checkbox:hover:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--hover);border-color:var(--_nys-checkbox-border-color--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--hover);background-color:var(--_nys-checkbox-background-color--tile--hover);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--hover)}.nys-checkbox__checkbox:hover:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--hover);background-color:var(--_nys-checkbox-background-color--checked--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):checked){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--checked)}.nys-checkbox__checkbox:active:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--active);border-color:var(--_nys-checkbox-border-color--active)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:active:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--active);background-color:var(--_nys-checkbox-background-color--tile--active);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--active)}.nys-checkbox__checkbox:active:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--active);background-color:var(--_nys-checkbox-background-color--checked--active)}:host(:not([tile])) .nys-checkbox__checkbox:focus{outline:solid var(--_nys-checkbox-outline-width) var(--_nys-checkbox-outline-color)}:host([tile]) .nys-checkbox:has(*:focus){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-outline-color)!important;border-color:var(--_nys-checkbox-outline-color)!important}:host(:not([tile])) .nys-checkbox>nys-label{--_nys-label-font-weight: var(--_nys-checkbox-font-weight)}:host([tile]) .nys-checkbox>nys-label{--_nys-description-font-style: normal}.nys-checkbox__required{color:var(--nys-color-danger, #b52c2c)}.nys-checkbox__requiredwrapper{display:flex;gap:3px}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}';
-var m = Object.defineProperty, l = (d, e, o, t) => {
+const f = ':host{--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px);--_nys-checkbox-border-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-color: var(--nys-color-focus, #004dd1);--_nys-checkbox-outline-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-offset: var(--nys-space-2px, 2px);--_nys-checkbox-gap: var(--nys-space-150, 12px);--_nys-checkboxgroup-gap: var(--nys-space-200, 16px);--_nys-checkbox-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-checkbox-font-size: var(--nys-font-size-ui-md, 16px);--_nys-checkbox-font-weight: var(--nys-font-weight-regular, 400);--_nys-checkbox-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-checkbox-color: var( --nys-color-ink, var(--nys-color-neutral-900, #1b1b1b) );--_nys-checkbox-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-border-color: var(--nys-color-neutral-600, #62666a);--_nys-checkbox-background-color--hover: var( --nys-color-neutral-50, #ededed );--_nys-checkbox-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-border-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-border-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-border-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--disabled: var( --nys-color-neutral-400, #757575 );--_nys-checkbox-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-checkbox-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-checkbox-size: var(--nys-size-300, 24px);--_nys-checkbox-border-radius: var(--nys-radius-sm, 2px);--_nys-checkboxgroup-gap: var(--nys-space-100, 8px);--_nys-checkbox-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px)}:host([tile]){--_nys-checkbox-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-checkbox-border-radius--tile: var(--nys-radius-md, 4px);--_nys-checkbox-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-checkbox-background-color--tile: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-padding--x--tile: var(--nys-space-250, 20px);--_nys-checkbox-padding--y--tile: var(--nys-space-200, 16px);--_nys-checkbox-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-checkbox-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-checkbox-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-checkbox-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-checkbox-background-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-checkbox-padding--x--tile: var(--nys-space-200, 16px);--_nys-checkbox-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-checkbox-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--hover: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--active: var( --nys-color-danger, #b52c2c );--_nys-checkbox-border-color--tile--checked: var( --nys-color-danger, #b52c2c )}#single-error-message{--_nys-errormessage-margin-top: var(--nys-space-50, 4px)}.nys-checkboxgroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height)}.nys-checkboxgroup__content{display:flex;flex-direction:column;gap:var(--_nys-checkboxgroup-gap)}.nys-checkbox{display:flex;font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height);border-radius:var(--_nys-checkbox-border-radius--tile);border:var(--_nys-checkbox-border-width--tile) solid var(--_nys-checkbox-border-color--tile);background:var(--_nys-checkbox-background-color--tile);padding:var(--_nys-checkbox-padding--y--tile) var(--_nys-checkbox-padding--x--tile);gap:var(--_nys-checkbox-gap)}.nys-checkbox__checkboxwrapper{position:relative;display:flex;justify-content:center;align-items:center;max-height:var(--_nys-checkbox-size)}.nys-checkbox__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fff}.nys-checkbox__checkbox{appearance:none;background-repeat:no-repeat;background-position:center;width:var(--_nys-checkbox-size);min-width:var(--_nys-checkbox-size);min-height:var(--_nys-checkbox-size);height:var(--_nys-checkbox-size);max-width:var(--_nys-checkbox-size);max-height:var(--_nys-checkbox-size);border:solid var(--_nys-checkbox-border-width) var(--_nys-checkbox-border-color);background-color:var(--_nys-checkbox-background-color);border-radius:var(--_nys-checkbox-border-radius);outline-offset:var(--_nys-checkbox-outline-offset);outline:none}.nys-checkbox:hover,.nys-checkbox:hover *{cursor:pointer}.nys-checkbox__checkbox:not(:disabled):checked{background-color:var(--_nys-checkbox-background-color--checked);border-color:var(--_nys-checkbox-border-color--checked)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:not(:disabled):checked){border-color:var(--_nys-checkbox-border-color--tile--checked);background-color:var(--_nys-checkbox-background-color--tile--checked)}.nys-checkbox__checkbox:disabled:checked{background-color:var(--_nys-checkbox-background-color--checked--disabled);border-color:var(--_nys-checkbox-border-color--checked--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled:checked){border-color:var(--_nys-checkbox-border-color--tile--disabled);background-color:var(--_nys-checkbox-background-color--tile--disabled)}.nys-checkbox__checkbox:disabled{background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox:has(.nys-checkbox__checkbox:disabled) *{color:var(--_nys-checkbox-color--disabled);cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-checkbox-color--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled){background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox__checkbox:hover:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--hover);border-color:var(--_nys-checkbox-border-color--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--hover);background-color:var(--_nys-checkbox-background-color--tile--hover);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--hover)}.nys-checkbox__checkbox:hover:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--hover);background-color:var(--_nys-checkbox-background-color--checked--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):checked){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--checked)}.nys-checkbox__checkbox:active:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--active);border-color:var(--_nys-checkbox-border-color--active)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:active:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--active);background-color:var(--_nys-checkbox-background-color--tile--active);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--active)}.nys-checkbox__checkbox:active:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--active);background-color:var(--_nys-checkbox-background-color--checked--active)}:host(:not([tile])) .nys-checkbox__checkbox:focus{outline:solid var(--_nys-checkbox-outline-width) var(--_nys-checkbox-outline-color)}:host([tile]) .nys-checkbox:has(*:focus){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-outline-color)!important;border-color:var(--_nys-checkbox-outline-color)!important}:host(:not([tile])) .nys-checkbox>nys-label{--_nys-label-font-weight: var(--_nys-checkbox-font-weight)}:host([tile]) .nys-checkbox>nys-label{--_nys-description-font-style: normal}.nys-checkbox__required{color:var(--nys-color-danger, #b52c2c)}.nys-checkbox__requiredwrapper{display:flex;gap:3px}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}';
+var m = Object.defineProperty, l = (d, e, o, r) => {
   for (var s = void 0, h = d.length - 1, a; h >= 0; h--)
     (a = d[h]) && (s = a(e, o, s) || s);
   return s && m(e, o, s), s;
@@ -15,7 +15,7 @@ const u = class u extends x {
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${w++}`), this.addEventListener("nys-change", this._handleCheckboxChange), this.addEventListener("invalid", this._handleInvalid);
+    super.connectedCallback(), this.id || (this.id = `nys-checkboxgroup-${Date.now()}-${w++}`), this.addEventListener("nys-change", this._handleCheckboxChange), this.addEventListener("invalid", this._handleInvalid);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("nys-change", this._handleCheckboxChange), this.removeEventListener("invalid", this._handleInvalid);
@@ -37,23 +37,23 @@ const u = class u extends x {
   }
   // Initial update on checkbox required attribute
   async _setupCheckboxRequired() {
-    const e = this.querySelector("nys-checkbox"), o = this.errorMessage || "This field is required", t = e ? await e.getInputElement() : null;
+    const e = this.querySelector("nys-checkbox"), o = this.errorMessage || "This field is required", r = e ? await e.getInputElement() : null;
     this._internals.setValidity(
       { valueMissing: !0 },
       o,
-      t || this
+      r || this
     );
   }
   // Updates the required attribute of each checkbox in the group
   async _manageRequire() {
     if (this.required) {
-      const e = this.errorMessage || "Please select at least one option.", o = this.querySelector("nys-checkbox"), t = o ? await o.getInputElement().catch(() => null) : null, s = this.querySelectorAll("nys-checkbox");
+      const e = this.errorMessage || "Please select at least one option.", o = this.querySelector("nys-checkbox"), r = o ? await o.getInputElement().catch(() => null) : null, s = this.querySelectorAll("nys-checkbox");
       Array.from(s).some(
         (a) => a.checked
       ) ? (this._internals.setValidity({}), this.showError = !1) : (this._internals.setValidity(
         { valueMissing: !0 },
         e,
-        t || this
+        r || this
       ), this.showError = !0);
     }
   }
@@ -88,24 +88,30 @@ const u = class u extends x {
     const o = this.shadowRoot?.querySelector(
       'slot[name="description"]'
     )?.assignedNodes({ flatten: !0 }) || [];
-    this._slottedDescriptionText = o.map((t) => t.textContent?.trim()).filter(Boolean).join(", ");
+    this._slottedDescriptionText = o.map((r) => r.textContent?.trim()).filter(Boolean).join(", ");
+  }
+  // This callback is automatically called when the parent form is reset.
+  formResetCallback() {
+    this.querySelectorAll("nys-checkbox").forEach((o) => {
+      o.formResetCallback();
+    }), this._internals.setFormValue(""), this.showError = !1, this._internals.setValidity({}), this.requestUpdate();
   }
   async _handleInvalid(e) {
     e.preventDefault(), this.showError = !0, this._manageRequire();
-    const o = this.querySelector("nys-checkbox"), t = o ? await o.getInputElement() : null;
-    if (t) {
+    const o = this.querySelector("nys-checkbox"), r = o ? await o.getInputElement() : null;
+    if (r) {
       const s = this._internals.form;
       s ? Array.from(s.elements).find((y) => {
         if (y.tagName.toLowerCase() === "nys-checkboxgroup") {
           if (Array.from(
             this.querySelectorAll("nys-checkbox")
           ).filter(
-            (f) => f.checked
+            (_) => _.checked
           ).length === 0)
             return y;
         } else
           return typeof y.checkValidity == "function" && !y.checkValidity();
-      }) === this && t.focus() : t.focus();
+      }) === this && r.focus() : r.focus();
     }
   }
   /**
@@ -114,8 +120,8 @@ const u = class u extends x {
    */
   // Similar to how native forms handle multiple same-name fields, we group the selected values into a list for FormData.
   _handleCheckboxChange(e) {
-    const o = e, { name: t } = o.detail, h = Array.from(this.querySelectorAll("nys-checkbox")).filter((a) => a.checked).map((a) => a.value);
-    this.name = t, this._internals.setFormValue(h.join(", ")), this._manageRequire();
+    const o = e, { name: r } = o.detail, h = Array.from(this.querySelectorAll("nys-checkbox")).filter((a) => a.checked).map((a) => a.value);
+    this.name = r, this._internals.setFormValue(h.join(", ")), this._manageRequire();
   }
   render() {
     return b`
@@ -147,52 +153,52 @@ const u = class u extends x {
     `;
   }
 };
-u.styles = v(_), u.formAssociated = !0;
+u.styles = v(f), u.formAssociated = !0;
 let i = u;
 l([
-  r({ type: String, reflect: !0 })
+  t({ type: String, reflect: !0 })
 ], i.prototype, "id");
 l([
-  r({ type: String, reflect: !0 })
+  t({ type: String, reflect: !0 })
 ], i.prototype, "name");
 l([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], i.prototype, "required");
 l([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], i.prototype, "optional");
 l([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], i.prototype, "showError");
 l([
-  r({ type: String })
+  t({ type: String })
 ], i.prototype, "errorMessage");
 l([
-  r({ type: String })
+  t({ type: String })
 ], i.prototype, "label");
 l([
-  r({ type: String })
+  t({ type: String })
 ], i.prototype, "description");
 l([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], i.prototype, "tile");
 l([
-  r({ type: String })
+  t({ type: String })
 ], i.prototype, "tooltip");
 l([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], i.prototype, "inverted");
 l([
-  r({ type: String, reflect: !0 })
+  t({ type: String, reflect: !0 })
 ], i.prototype, "form");
 l([
-  r({ type: String, reflect: !0 })
+  t({ type: String, reflect: !0 })
 ], i.prototype, "size");
 l([
   g()
 ], i.prototype, "_slottedDescriptionText");
 customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", i);
-var E = Object.defineProperty, n = (d, e, o, t) => {
+var E = Object.defineProperty, n = (d, e, o, r) => {
   for (var s = void 0, h = d.length - 1, a; h >= 0; h--)
     (a = d[h]) && (s = a(e, o, s) || s);
   return s && E(e, o, s), s;
@@ -203,8 +209,8 @@ const p = class p extends x {
   constructor() {
     super(), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.form = null, this.showError = !1, this.errorMessage = "", this.groupExist = !1, this.tile = !1, this.inverted = !1, this.tooltip = "", this.size = "md", this._manageLabelClick = () => {
       const e = this.shadowRoot?.querySelector(".nys-checkbox"), o = this.shadowRoot?.querySelector("input");
-      !e || !o || e.addEventListener("click", (t) => {
-        t.target.tagName.toLowerCase() !== "input" && (this.disabled || o.click());
+      !e || !o || e.addEventListener("click", (r) => {
+        r.target.tagName.toLowerCase() !== "input" && (this.disabled || o.click());
       });
     }, this._internals = this.attachInternals();
   }
@@ -244,12 +250,14 @@ const p = class p extends x {
     const e = this.shadowRoot?.querySelector("input");
     if (!e) return;
     const o = e.validity;
-    let t = "";
-    o.valueMissing && (t = "This field is required"), this._setValidityMessage(t);
+    let r = "";
+    o.valueMissing && (r = "This field is required"), this._setValidityMessage(r);
   }
   // Called automatically when the parent form is reset
   formResetCallback() {
-    this.checked = !1;
+    this.checked = !1, this._internals.setFormValue(null);
+    const e = this.shadowRoot?.querySelector("input");
+    e && (e.checked = !1), this.showError = !1, this.errorMessage = "", this._internals.setValidity({}), this.requestUpdate();
   }
   /**
    * Functions
@@ -266,8 +274,8 @@ const p = class p extends x {
     e.preventDefault(), this.showError = !0, this._validate();
     const o = this.shadowRoot?.querySelector("input");
     if (o) {
-      const t = this._internals.form;
-      t ? Array.from(t.elements).find(
+      const r = this._internals.form;
+      r ? Array.from(r.elements).find(
         (a) => typeof a.checkValidity == "function" && !a.checkValidity()
       ) === this && o.focus() : o.focus();
     }
@@ -358,55 +366,55 @@ const p = class p extends x {
     `;
   }
 };
-p.styles = v(_), p.formAssociated = !0;
+p.styles = v(f), p.formAssociated = !0;
 let c = p;
 n([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], c.prototype, "checked");
 n([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], c.prototype, "disabled");
 n([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], c.prototype, "required");
 n([
-  r({ type: String })
+  t({ type: String })
 ], c.prototype, "label");
 n([
-  r({ type: String })
+  t({ type: String })
 ], c.prototype, "description");
 n([
-  r({ type: String, reflect: !0 })
+  t({ type: String, reflect: !0 })
 ], c.prototype, "id");
 n([
-  r({ type: String, reflect: !0 })
+  t({ type: String, reflect: !0 })
 ], c.prototype, "name");
 n([
-  r({ type: String })
+  t({ type: String })
 ], c.prototype, "value");
 n([
-  r({ type: String, reflect: !0 })
+  t({ type: String, reflect: !0 })
 ], c.prototype, "form");
 n([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], c.prototype, "showError");
 n([
-  r({ type: String })
+  t({ type: String })
 ], c.prototype, "errorMessage");
 n([
-  r({ type: Boolean })
+  t({ type: Boolean })
 ], c.prototype, "groupExist");
 n([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], c.prototype, "tile");
 n([
-  r({ type: Boolean, reflect: !0 })
+  t({ type: Boolean, reflect: !0 })
 ], c.prototype, "inverted");
 n([
-  r({ type: String })
+  t({ type: String })
 ], c.prototype, "tooltip");
 n([
-  r({ type: String, reflect: !0 })
+  t({ type: String, reflect: !0 })
 ], c.prototype, "size");
 customElements.get("nys-checkbox") || customElements.define("nys-checkbox", c);
 export {

package/dist/nys-checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-checkbox.js","sources":["../src/nys-checkboxgroup.ts","../src/nys-checkbox.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-checkbox.scss?inline\";\n\nlet checkboxgroupIdCounter = 0;\n\n/**\n * `<nys-checkboxgroup>` is a form-associated container for multiple `<nys-checkbox>` components.\n * Handles grouping, validation, required constraints, form submission, and accessibility.\n *\n * Features:\n * - Manages multiple checkboxes as a single form field\n * - Supports required/optional flags and error messages\n * - Propagates size, tile, and inverted styling to child checkboxes\n * - Keyboard and screen reader accessible via fieldset/legend\n *\n * @slot default - Slot for child `<nys-checkbox>` elements\n * @slot description - Slot for custom description content\n *\n * @fires nys-change - Fired when any child checkbox changes\n * @fires nys-focus - Fired when any child checkbox gains focus\n * @fires nys-blur - Fired when any child checkbox loses focus\n */\n\nexport class NysCheckboxgroup extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  @property({ type: String, reflect: true }) id = \"\";\n  @property({ type: String, reflect: true }) name = \"\";\n  @property({ type: Boolean, reflect: true }) required = false;\n  @property({ type: Boolean, reflect: true }) optional = false;\n  @property({ type: Boolean, reflect: true }) showError = false;\n  @property({ type: String }) errorMessage = \"\";\n  @property({ type: String }) label = \"\";\n  @property({ type: String }) description = \"\";\n  @property({ type: Boolean, reflect: true }) tile = false;\n  @property({ type: String }) tooltip = \"\";\n  @property({ type: Boolean, reflect: true }) inverted = false;\n  @property({ type: String, reflect: true }) form: string | null = null;\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  @state() private _slottedDescriptionText = \"\";\n\n  private _internals: ElementInternals;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  static formAssociated = true; // allows use of elementInternals' API\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  // Generate a unique ID if one is not provided\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-checkbox-${Date.now()}-${checkboxgroupIdCounter++}`;\n    }\n    this.addEventListener(\"nys-change\", this._handleCheckboxChange);\n    this.addEventListener(\"invalid\", this._handleInvalid);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"nys-change\", this._handleCheckboxChange);\n    this.removeEventListener(\"invalid\", this._handleInvalid);\n  }\n\n  firstUpdated() {\n    // This ensures our checkboxes sets the value only once for formData (not within the individual checkboxes)\n    this._setGroupExist();\n    this._updateCheckboxSize();\n    this._updateCheckboxTile();\n    this._updateCheckboxShowError();\n    this._getSlotDescriptionForAria();\n  }\n\n  updated(changedProperties: Map<string | symbol, unknown>) {\n    if (changedProperties.has(\"required\")) {\n      if (this.required) {\n        this._setupCheckboxRequired();\n      }\n    }\n    if (changedProperties.has(\"size\")) {\n      this._updateCheckboxSize();\n    }\n    if (changedProperties.has(\"tile\")) {\n      this._updateCheckboxTile();\n    }\n    if (changedProperties.has(\"inverted\")) {\n      this._updateCheckboxInvert();\n    }\n    if (changedProperties.has(\"showError\")) {\n      this._updateCheckboxShowError();\n    }\n    if (changedProperties.has(\"form\")) {\n      this._updateCheckboxForm();\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  private _setGroupExist() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox: any) => {\n      checkbox.groupExist = true;\n    });\n  }\n\n  // Initial update on checkbox required attribute\n  private async _setupCheckboxRequired() {\n    const firstCheckbox = this.querySelector(\"nys-checkbox\");\n    const message = this.errorMessage || \"This field is required\";\n\n    const firstCheckboxInput = firstCheckbox\n      ? await (firstCheckbox as any).getInputElement()\n      : null;\n\n    this._internals.setValidity(\n      { valueMissing: true },\n      message,\n      firstCheckboxInput ? firstCheckboxInput : this,\n    );\n  }\n\n  // Updates the required attribute of each checkbox in the group\n  private async _manageRequire() {\n    if (this.required) {\n      const message = this.errorMessage || \"Please select at least one option.\";\n      const firstCheckbox = this.querySelector(\"nys-checkbox\");\n      const firstCheckboxInput = firstCheckbox\n        ? await (firstCheckbox as any).getInputElement().catch(() => null)\n        : null;\n\n      const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n      // Loop through each child checkbox to see if one is checked.\n      const atLeastOneChecked = Array.from(checkboxes).some(\n        (checkbox: any) => checkbox.checked,\n      );\n\n      if (atLeastOneChecked) {\n        this._internals.setValidity({});\n        this.showError = false;\n      } else {\n        this._internals.setValidity(\n          { valueMissing: true },\n          message,\n          firstCheckboxInput ? firstCheckboxInput : this,\n        );\n        this.showError = true;\n      }\n    }\n  }\n\n  // Updates the size of each checkbox in the group\n  private _updateCheckboxSize() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox) => {\n      checkbox.setAttribute(\"size\", this.size);\n    });\n  }\n\n  private _updateCheckboxTile() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox) => {\n      if (this.tile) {\n        checkbox.toggleAttribute(\"tile\", true);\n      } else {\n        checkbox.removeAttribute(\"tile\");\n      }\n    });\n  }\n\n  private _updateCheckboxInvert() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox) => {\n      if (this.inverted) {\n        checkbox.toggleAttribute(\"inverted\", true);\n      } else {\n        checkbox.removeAttribute(\"inverted\");\n      }\n    });\n  }\n\n  private _updateCheckboxShowError() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox) => {\n      if (this.showError) {\n        checkbox.setAttribute(\"showError\", \"\");\n      } else {\n        checkbox.removeAttribute(\"showError\");\n      }\n    });\n  }\n\n  private _updateCheckboxForm() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox) => {\n      if (this.showError) {\n        if (this.form !== null) {\n          checkbox.setAttribute(\"form\", this.form);\n        } else {\n          checkbox.removeAttribute(\"form\");\n        }\n      } else {\n        checkbox.removeAttribute(\"form\");\n      }\n    });\n  }\n\n  // Get the slotted text contents so native VO can attempt to announce it within the legend in the fieldset\n  private _getSlotDescriptionForAria() {\n    const slot = this.shadowRoot?.querySelector(\n      'slot[name=\"description\"]',\n    ) as HTMLSlotElement;\n    const nodes = slot?.assignedNodes({ flatten: true }) || [];\n\n    this._slottedDescriptionText = nodes\n      .map((node) => node.textContent?.trim())\n      .filter(Boolean)\n      .join(\", \");\n  }\n\n  private async _handleInvalid(event: Event) {\n    event.preventDefault();\n\n    this.showError = true;\n    this._manageRequire(); // Refresh validation message\n\n    const firstCheckbox = this.querySelector(\"nys-checkbox\");\n    const firstCheckboxInput = firstCheckbox\n      ? await (firstCheckbox as any).getInputElement()\n      : null;\n\n    if (firstCheckboxInput) {\n      // Focus only if this is the first invalid element (top-down approach)\n      const form = this._internals.form;\n      if (form) {\n        const elements = Array.from(form.elements) as Array<\n          HTMLElement & { checkValidity?: () => boolean }\n        >;\n        // Find the first element in the form that is invalid\n        const firstInvalidElement = elements.find((element) => {\n          // If element is checkboxgroup, we see if anyone checkboxes within the group is checked to fulfill required constraint\n          if (element.tagName.toLowerCase() === \"nys-checkboxgroup\") {\n            const allCheckboxes = Array.from(\n              this.querySelectorAll(\"nys-checkbox\"),\n            ) as any[];\n            const hasCheckedCheckbox = allCheckboxes.filter(\n              (checkbox) => checkbox.checked,\n            );\n            // Required constraint not met, continue logic to have this component be focused\n            if (hasCheckedCheckbox.length === 0) {\n              return element;\n            }\n          } else {\n            return (\n              typeof element.checkValidity === \"function\" &&\n              !element.checkValidity()\n            );\n          }\n        });\n\n        if (firstInvalidElement === this) {\n          firstCheckboxInput.focus();\n        }\n      } else {\n        // If not part of a form, simply focus.\n        firstCheckboxInput.focus();\n      }\n    }\n  }\n\n  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n\n  // Similar to how native forms handle multiple same-name fields, we group the selected values into a list for FormData.\n  private _handleCheckboxChange(event: Event) {\n    const customEvent = event as CustomEvent;\n    const { name } = customEvent.detail;\n    const checkboxes = Array.from(this.querySelectorAll(\"nys-checkbox\"));\n\n    // Filter to only the checked ones and extract their values.\n    const selectedValues = checkboxes\n      .filter((checkbox: any) => checkbox.checked)\n      .map((checkbox: any) => checkbox.value);\n\n    this.name = name;\n\n    this._internals.setFormValue(selectedValues.join(\", \"));\n\n    this._manageRequire();\n  }\n\n  render() {\n    return html`\n      <div class=\"nys-checkboxgroup\">\n        <nys-label\n          for=${this.id + \"--native\"}\n          label=${this.label}\n          description=${this.description}\n          flag=${this.required ? \"required\" : this.optional ? \"optional\" : \"\"}\n          tooltip=${this.tooltip}\n          ?inverted=${this.inverted}\n        >\n          <slot name=\"description\" slot=\"description\">${this.description}</slot>\n        </nys-label>\n        <div class=\"nys-checkboxgroup__content\">\n          <fieldset>\n            <legend class=\"sr-only\">\n              ${this.label}${this._slottedDescriptionText\n                ? ` ${this._slottedDescriptionText}`\n                : this.description\n                  ? ` ${this.description}`\n                  : \"\"}\n            </legend>\n            <slot></slot>\n          </fieldset>\n        </div>\n        <nys-errormessage\n          ?showError=${this.showError}\n          errorMessage=${this._internals.validationMessage || this.errorMessage}\n          .showDivider=${!this.tile}\n        ></nys-errormessage>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-checkboxgroup\")) {\n  customElements.define(\"nys-checkboxgroup\", NysCheckboxgroup);\n}\n","import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport \"./nys-checkboxgroup\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-checkbox.scss?inline\";\n\nlet checkboxIdCounter = 0;\n\n/**\n * `<nys-checkbox>` is an accessible, form-associated checkbox component.\n * Can be used standalone or within a `<nys-checkboxgroup>`.\n *\n * Features:\n * - Supports labels, descriptions, and tooltips\n * - Displays error messages with `showError` and `errorMessage`\n * - Keyboard interaction with spacebar toggle\n * - Form integration via ElementInternals (`checked` value submitted)\n *\n * @fires nys-change - Fired when checkbox value changes\n * @fires nys-focus - Fired on focus\n * @fires nys-blur - Fired on blur\n *\n * @slot description - Slot to provide a custom description element\n */\n\nexport class NysCheckbox extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  @property({ type: Boolean, reflect: true }) checked = false;\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: Boolean, reflect: true }) required = false;\n  @property({ type: String }) label = \"\";\n  @property({ type: String }) description = \"\";\n  @property({ type: String, reflect: true }) id = \"\";\n  @property({ type: String, reflect: true }) name = \"\";\n  @property({ type: String }) value = \"\";\n  @property({ type: String, reflect: true }) form: string | null = null;\n  @property({ type: Boolean, reflect: true }) showError = false;\n  @property({ type: String }) errorMessage = \"\";\n  @property({ type: Boolean }) groupExist = false;\n  @property({ type: Boolean, reflect: true }) tile = false;\n  @property({ type: Boolean, reflect: true }) inverted = false;\n  @property({ type: String }) tooltip = \"\";\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  public async getInputElement(): Promise<HTMLInputElement | null> {\n    await this.updateComplete; // Wait for the component to finish rendering\n    return this.shadowRoot?.querySelector(\"input\") || null;\n  }\n\n  private _internals: ElementInternals;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  static formAssociated = true; // allows use of elementInternals' API\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  // Generate a unique ID if one is not provided\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-checkbox-${Date.now()}-${checkboxIdCounter++}`;\n    }\n    this.addEventListener(\"invalid\", this._handleInvalid);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"invalid\", this._handleInvalid);\n  }\n\n  firstUpdated() {\n    // This ensures our element always participates in the form\n    this._setValue();\n    this._manageRequire();\n    this._manageLabelClick();\n  }\n\n  /**\n   * Form Integration\n   * --------------------------------------------------------------------------\n   */\n\n  private _setValue() {\n    if (!this.groupExist) {\n      this._internals.setFormValue(this.checked ? this.value : null);\n    }\n  }\n\n  private _manageRequire() {\n    const input = this.shadowRoot?.querySelector(\"input\");\n    const message = this.errorMessage || \"This field is required\";\n    if (!input) return;\n\n    if (this.required && !this.checked) {\n      this._internals.ariaRequired = \"true\";\n      this._internals.setValidity({ valueMissing: true }, message, input);\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  private _setValidityMessage(message: string = \"\") {\n    const input = this.shadowRoot?.querySelector(\"input\");\n    if (!input) return;\n\n    // Toggle the HTML <div> tag error message\n    this.showError = !!message;\n    // If user sets errorMessage, this will always override the native validation message\n    if (this.errorMessage?.trim() && message !== \"\") {\n      message = this.errorMessage;\n    }\n\n    this._internals.setValidity(\n      message ? { customError: true } : {},\n      message,\n      input,\n    );\n  }\n\n  private _validate() {\n    const input = this.shadowRoot?.querySelector(\"input\");\n    if (!input) return;\n\n    // Get the native validation state\n    const validity = input.validity;\n    let message = \"\";\n\n    if (validity.valueMissing) {\n      message = \"This field is required\";\n    }\n\n    this._setValidityMessage(message);\n  }\n\n  // Called automatically when the parent form is reset\n  formResetCallback() {\n    this.checked = false;\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  // This helper function is called to perform the element's native validation.\n  checkValidity(): boolean {\n    // If the radiogroup is required but no radio is selected, return false.\n    if (this.required && !this.checked) {\n      return false;\n    }\n\n    // Otherwise, optionally check the native input's validity if available.\n    const input = this.shadowRoot?.querySelector(\"input\");\n    return input ? input.checkValidity() : true;\n  }\n\n  private _handleInvalid(event: Event) {\n    event.preventDefault();\n\n    this.showError = true;\n    this._validate(); // Make sure validation message appears\n\n    const input = this.shadowRoot?.querySelector(\"input\");\n    if (input) {\n      // Focus only if this is the first invalid element (top-down approach)\n      const form = this._internals.form;\n      if (form) {\n        const elements = Array.from(form.elements) as Array<\n          HTMLElement & { checkValidity?: () => boolean }\n        >;\n        // Find the first element in the form that is invalid\n        const firstInvalidElement = elements.find(\n          (element) =>\n            typeof element.checkValidity === \"function\" &&\n            !element.checkValidity(),\n        );\n        if (firstInvalidElement === this) {\n          input.focus();\n        }\n      } else {\n        // If not part of a form, simply focus.\n        input.focus();\n      }\n    }\n  }\n\n  private _manageLabelClick = () => {\n    const wrapper = this.shadowRoot?.querySelector(\".nys-checkbox\");\n    const inputEl = this.shadowRoot?.querySelector(\"input\");\n\n    if (!wrapper || !inputEl) return;\n\n    wrapper.addEventListener(\"click\", (e) => {\n      // Avoid double toggling the checkbox. Already handled by input\n      if ((e.target as HTMLElement).tagName.toLowerCase() === \"input\") return;\n\n      if (!this.disabled) {\n        inputEl.click();\n      }\n    });\n  };\n\n  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n\n  private _emitChangeEvent() {\n    this.dispatchEvent(\n      new CustomEvent(\"nys-change\", {\n        detail: {\n          id: this.id,\n          checked: this.checked,\n          name: this.name,\n          value: this.value,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  // Handle checkbox change event\n  private _handleChange(e: Event) {\n    const { checked } = e.target as HTMLInputElement;\n    this.checked = checked;\n    if (!this.groupExist) {\n      this._internals.setFormValue(this.checked ? this.value : null);\n    }\n    this._validate();\n    this._emitChangeEvent();\n  }\n\n  private _handleFocus() {\n    this.dispatchEvent(new Event(\"nys-focus\"));\n  }\n\n  private _handleBlur() {\n    this.dispatchEvent(new Event(\"nys-blur\"));\n  }\n\n  private async _handleKeydown(e: KeyboardEvent) {\n    if (e.code === \"Space\") {\n      e.preventDefault();\n      if (!this.disabled) {\n        this.checked = !this.checked;\n        this._internals.setFormValue(this.checked ? this.value : null);\n\n        // Wait for DOM updates before validating. This is necessary to ensure the native input validation state is updated before this.validate().\n        await this.updateComplete;\n        this._validate();\n\n        this._emitChangeEvent();\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"nys-checkbox\">\n        <div class=\"nys-checkbox__checkboxwrapper\">\n          <input\n            id=${this.id + \"--native\"}\n            class=\"nys-checkbox__checkbox\"\n            type=\"checkbox\"\n            name=\"${ifDefined(this.name ? this.name : undefined)}\"\n            .checked=${this.checked}\n            ?disabled=${this.disabled}\n            .value=${this.value}\n            ?required=\"${this.required}\"\n            form=${ifDefined(this.form || undefined)}\n            aria-checked=\"${this.checked}\"\n            aria-disabled=\"${this.disabled ? \"true\" : \"false\"}\"\n            aria-required=\"${this.required}\"\n            aria-describedby=\"group-info\"\n            @change=\"${this._handleChange}\"\n            @focus=\"${this._handleFocus}\"\n            @blur=\"${this._handleBlur}\"\n            @keydown=\"${this._handleKeydown}\"\n            aria-label=\"${this.label}\"\n          />\n          ${this.checked\n            ? html`<nys-icon\n                name=\"check\"\n                size=\"${this.size === \"md\"\n                  ? \"4xl\"\n                  : this.size === \"sm\"\n                    ? \"2xl\"\n                    : \"4xl\"}\"\n                class=\"nys-checkbox__icon\"\n              ></nys-icon>`\n            : \"\"}\n        </div>\n        ${this.label &&\n        html`\n          <nys-label\n            tooltip=${this.tooltip}\n            for=${this.id + \"--native\"}\n            label=${this.label}\n            description=${ifDefined(this.description ?? undefined)}\n            flag=${ifDefined(this.required ? \"required\" : undefined)}\n            ?inverted=${this.inverted}\n          >\n            <slot name=\"description\" slot=\"description\"\n              >${this.description}</slot\n            >\n          </nys-label>\n        `}\n      </div>\n      ${this.parentElement?.tagName.toLowerCase() !== \"nys-checkboxgroup\"\n        ? html`<nys-errormessage\n            id=\"single-error-message\"\n            ?showError=${this.showError}\n            errorMessage=${this._internals.validationMessage ||\n            this.errorMessage}\n            .showDivider=${!this.tile}\n          ></nys-errormessage>`\n        : \"\"}\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-checkbox\")) {\n  customElements.define(\"nys-checkbox\", NysCheckbox);\n}\n"],"names":["checkboxgroupIdCounter","_NysCheckboxgroup","LitElement","changedProperties","checkbox","firstCheckbox","message","firstCheckboxInput","checkboxes","nodes","node","event","form","element","customEvent","name","selectedValues","html","unsafeCSS","styles","NysCheckboxgroup","__decorateClass","property","state","checkboxIdCounter","_NysCheckbox","wrapper","inputEl","e","input","validity","checked","ifDefined","NysCheckbox"],"mappings":"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"}
+{"version":3,"file":"nys-checkbox.js","sources":["../src/nys-checkboxgroup.ts","../src/nys-checkbox.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-checkbox.scss?inline\";\n\nlet checkboxgroupIdCounter = 0;\n\n/**\n * A container for grouping multiple `nys-checkbox` components as a single form control.\n * Handles validation, required constraints, and submits comma-separated values.\n *\n * Use to allow users to select multiple options from a list. Apply `tile`, `size`, and `inverted` to the group\n * and all children inherit these styles automatically.\n *\n * @summary Container for grouping checkboxes as a single form control.\n * @element nys-checkboxgroup\n *\n * @slot - Default slot for `nys-checkbox` elements.\n * @slot description - Custom HTML description content.\n *\n * @example Basic checkbox group\n * ```html\n * <nys-checkboxgroup label=\"Select landmarks\" required>\n *   <nys-checkbox name=\"landmarks\" value=\"adirondacks\" label=\"Adirondacks\"></nys-checkbox>\n *   <nys-checkbox name=\"landmarks\" value=\"niagara\" label=\"Niagara Falls\"></nys-checkbox>\n * </nys-checkboxgroup>\n * ```\n */\n\nexport class NysCheckboxgroup extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  /** Unique identifier. Auto-generated if not provided. */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /** Name for form submission. Set on group, not individual checkboxes. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** Requires at least one checkbox to be checked. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Shows \"Optional\" flag. */\n  @property({ type: Boolean, reflect: true }) optional = false;\n\n  /** Shows error message when true. */\n  @property({ type: Boolean, reflect: true }) showError = false;\n\n  /** Error message text. Shown only when `showError` is true. */\n  @property({ type: String }) errorMessage = \"\";\n\n  /** Visible label text for the group. */\n  @property({ type: String }) label = \"\";\n\n  /** Helper text below label. Use slot for custom HTML. */\n  @property({ type: String }) description = \"\";\n\n  /** Renders all checkboxes as tiles with larger clickable area. */\n  @property({ type: Boolean, reflect: true }) tile = false;\n\n  /** Tooltip text shown on hover/focus of info icon. */\n  @property({ type: String }) tooltip = \"\";\n\n  /** Adjusts colors for dark backgrounds. Applied to all children. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  /** Form `id` to associate with. Applied to all children. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /**\n   * Checkbox size for all children: `sm` (24px) or `md` (32px, default).\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  @state() private _slottedDescriptionText = \"\";\n\n  private _internals: ElementInternals;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  static formAssociated = true; // allows use of elementInternals' API\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  // Generate a unique ID if one is not provided\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-checkboxgroup-${Date.now()}-${checkboxgroupIdCounter++}`;\n    }\n    this.addEventListener(\"nys-change\", this._handleCheckboxChange);\n    this.addEventListener(\"invalid\", this._handleInvalid);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"nys-change\", this._handleCheckboxChange);\n    this.removeEventListener(\"invalid\", this._handleInvalid);\n  }\n\n  firstUpdated() {\n    // This ensures our checkboxes sets the value only once for formData (not within the individual checkboxes)\n    this._setGroupExist();\n    this._updateCheckboxSize();\n    this._updateCheckboxTile();\n    this._updateCheckboxShowError();\n    this._getSlotDescriptionForAria();\n  }\n\n  updated(changedProperties: Map<string | symbol, unknown>) {\n    if (changedProperties.has(\"required\")) {\n      if (this.required) {\n        this._setupCheckboxRequired();\n      }\n    }\n    if (changedProperties.has(\"size\")) {\n      this._updateCheckboxSize();\n    }\n    if (changedProperties.has(\"tile\")) {\n      this._updateCheckboxTile();\n    }\n    if (changedProperties.has(\"inverted\")) {\n      this._updateCheckboxInvert();\n    }\n    if (changedProperties.has(\"showError\")) {\n      this._updateCheckboxShowError();\n    }\n    if (changedProperties.has(\"form\")) {\n      this._updateCheckboxForm();\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  private _setGroupExist() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox: any) => {\n      checkbox.groupExist = true;\n    });\n  }\n\n  // Initial update on checkbox required attribute\n  private async _setupCheckboxRequired() {\n    const firstCheckbox = this.querySelector(\"nys-checkbox\");\n    const message = this.errorMessage || \"This field is required\";\n\n    const firstCheckboxInput = firstCheckbox\n      ? await (firstCheckbox as any).getInputElement()\n      : null;\n\n    this._internals.setValidity(\n      { valueMissing: true },\n      message,\n      firstCheckboxInput ? firstCheckboxInput : this,\n    );\n  }\n\n  // Updates the required attribute of each checkbox in the group\n  private async _manageRequire() {\n    if (this.required) {\n      const message = this.errorMessage || \"Please select at least one option.\";\n      const firstCheckbox = this.querySelector(\"nys-checkbox\");\n      const firstCheckboxInput = firstCheckbox\n        ? await (firstCheckbox as any).getInputElement().catch(() => null)\n        : null;\n\n      const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n      // Loop through each child checkbox to see if one is checked.\n      const atLeastOneChecked = Array.from(checkboxes).some(\n        (checkbox: any) => checkbox.checked,\n      );\n\n      if (atLeastOneChecked) {\n        this._internals.setValidity({});\n        this.showError = false;\n      } else {\n        this._internals.setValidity(\n          { valueMissing: true },\n          message,\n          firstCheckboxInput ? firstCheckboxInput : this,\n        );\n        this.showError = true;\n      }\n    }\n  }\n\n  // Updates the size of each checkbox in the group\n  private _updateCheckboxSize() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox) => {\n      checkbox.setAttribute(\"size\", this.size);\n    });\n  }\n\n  private _updateCheckboxTile() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox) => {\n      if (this.tile) {\n        checkbox.toggleAttribute(\"tile\", true);\n      } else {\n        checkbox.removeAttribute(\"tile\");\n      }\n    });\n  }\n\n  private _updateCheckboxInvert() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox) => {\n      if (this.inverted) {\n        checkbox.toggleAttribute(\"inverted\", true);\n      } else {\n        checkbox.removeAttribute(\"inverted\");\n      }\n    });\n  }\n\n  private _updateCheckboxShowError() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox) => {\n      if (this.showError) {\n        checkbox.setAttribute(\"showError\", \"\");\n      } else {\n        checkbox.removeAttribute(\"showError\");\n      }\n    });\n  }\n\n  private _updateCheckboxForm() {\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox) => {\n      if (this.showError) {\n        if (this.form !== null) {\n          checkbox.setAttribute(\"form\", this.form);\n        } else {\n          checkbox.removeAttribute(\"form\");\n        }\n      } else {\n        checkbox.removeAttribute(\"form\");\n      }\n    });\n  }\n\n  // Get the slotted text contents so native VO can attempt to announce it within the legend in the fieldset\n  private _getSlotDescriptionForAria() {\n    const slot = this.shadowRoot?.querySelector(\n      'slot[name=\"description\"]',\n    ) as HTMLSlotElement;\n    const nodes = slot?.assignedNodes({ flatten: true }) || [];\n\n    this._slottedDescriptionText = nodes\n      .map((node) => node.textContent?.trim())\n      .filter(Boolean)\n      .join(\", \");\n  }\n\n  // This callback is automatically called when the parent form is reset.\n  public formResetCallback() {\n    // Reset all child checkboxes\n    const checkboxes = this.querySelectorAll(\"nys-checkbox\");\n    checkboxes.forEach((checkbox: any) => {\n      checkbox.formResetCallback();\n    });\n\n    this._internals.setFormValue(\"\");\n\n    // Reset validation UI\n    this.showError = false;\n    this._internals.setValidity({});\n\n    // Re-render UI\n    this.requestUpdate();\n  }\n\n  private async _handleInvalid(event: Event) {\n    event.preventDefault();\n\n    this.showError = true;\n    this._manageRequire(); // Refresh validation message\n\n    const firstCheckbox = this.querySelector(\"nys-checkbox\");\n    const firstCheckboxInput = firstCheckbox\n      ? await (firstCheckbox as any).getInputElement()\n      : null;\n\n    if (firstCheckboxInput) {\n      // Focus only if this is the first invalid element (top-down approach)\n      const form = this._internals.form;\n      if (form) {\n        const elements = Array.from(form.elements) as Array<\n          HTMLElement & { checkValidity?: () => boolean }\n        >;\n        // Find the first element in the form that is invalid\n        const firstInvalidElement = elements.find((element) => {\n          // If element is checkboxgroup, we see if anyone checkboxes within the group is checked to fulfill required constraint\n          if (element.tagName.toLowerCase() === \"nys-checkboxgroup\") {\n            const allCheckboxes = Array.from(\n              this.querySelectorAll(\"nys-checkbox\"),\n            ) as any[];\n            const hasCheckedCheckbox = allCheckboxes.filter(\n              (checkbox) => checkbox.checked,\n            );\n            // Required constraint not met, continue logic to have this component be focused\n            if (hasCheckedCheckbox.length === 0) {\n              return element;\n            }\n          } else {\n            return (\n              typeof element.checkValidity === \"function\" &&\n              !element.checkValidity()\n            );\n          }\n        });\n\n        if (firstInvalidElement === this) {\n          firstCheckboxInput.focus();\n        }\n      } else {\n        // If not part of a form, simply focus.\n        firstCheckboxInput.focus();\n      }\n    }\n  }\n\n  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n\n  // Similar to how native forms handle multiple same-name fields, we group the selected values into a list for FormData.\n  private _handleCheckboxChange(event: Event) {\n    const customEvent = event as CustomEvent;\n    const { name } = customEvent.detail;\n    const checkboxes = Array.from(this.querySelectorAll(\"nys-checkbox\"));\n\n    // Filter to only the checked ones and extract their values.\n    const selectedValues = checkboxes\n      .filter((checkbox: any) => checkbox.checked)\n      .map((checkbox: any) => checkbox.value);\n\n    this.name = name;\n\n    this._internals.setFormValue(selectedValues.join(\", \"));\n\n    this._manageRequire();\n  }\n\n  render() {\n    return html`\n      <div class=\"nys-checkboxgroup\">\n        <nys-label\n          for=${this.id + \"--native\"}\n          label=${this.label}\n          description=${this.description}\n          flag=${this.required ? \"required\" : this.optional ? \"optional\" : \"\"}\n          tooltip=${this.tooltip}\n          ?inverted=${this.inverted}\n        >\n          <slot name=\"description\" slot=\"description\">${this.description}</slot>\n        </nys-label>\n        <div class=\"nys-checkboxgroup__content\">\n          <fieldset>\n            <legend class=\"sr-only\">\n              ${this.label}${this._slottedDescriptionText\n                ? ` ${this._slottedDescriptionText}`\n                : this.description\n                  ? ` ${this.description}`\n                  : \"\"}\n            </legend>\n            <slot></slot>\n          </fieldset>\n        </div>\n        <nys-errormessage\n          ?showError=${this.showError}\n          errorMessage=${this._internals.validationMessage || this.errorMessage}\n          .showDivider=${!this.tile}\n        ></nys-errormessage>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-checkboxgroup\")) {\n  customElements.define(\"nys-checkboxgroup\", NysCheckboxgroup);\n}\n","import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport \"./nys-checkboxgroup\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-checkbox.scss?inline\";\n\nlet checkboxIdCounter = 0;\n\n/**\n * A checkbox input for binary choices or multi-select lists. Can be used standalone or in a `nys-checkboxgroup`.\n * Form-associated with validation via ElementInternals.\n *\n * Use for binary decisions (agree/disagree) or selecting multiple options from a list.\n * For single selection from 2-6 options, use `nys-radiobutton`. For immediate state changes, use `nys-toggle`.\n *\n * @summary Checkbox for binary choices or multi-select options.\n * @element nys-checkbox\n *\n * @slot description - Custom HTML description content.\n *\n * @fires nys-change - Fired when checked state changes. Detail: `{id, checked, name, value}`.\n * @fires nys-focus - Fired when checkbox gains focus.\n * @fires nys-blur - Fired when checkbox loses focus.\n *\n * @example Single checkbox\n * ```html\n * <nys-checkbox label=\"I agree to the terms\" name=\"terms\" required></nys-checkbox>\n * ```\n *\n * @example Checkbox group\n * ```html\n * <nys-checkboxgroup label=\"Select landmarks\">\n *   <nys-checkbox name=\"landmarks\" value=\"adirondacks\" label=\"Adirondacks\"></nys-checkbox>\n *   <nys-checkbox name=\"landmarks\" value=\"niagara\" label=\"Niagara Falls\"></nys-checkbox>\n * </nys-checkboxgroup>\n * ```\n */\n\nexport class NysCheckbox extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  /** Whether checkbox is checked. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Prevents interaction. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Marks as required. Validates that checkbox is checked. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Visible label text. Required for accessibility. */\n  @property({ type: String }) label = \"\";\n\n  /** Helper text below label. Use slot for custom HTML. */\n  @property({ type: String }) description = \"\";\n\n  /** Unique identifier. Auto-generated if not provided. */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /** Name for form submission. Use same name for grouped checkboxes. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** Value submitted when checked. */\n  @property({ type: String }) value = \"\";\n\n  /** Form `id` to associate with when checkbox is outside form element. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /** Shows error message when true. */\n  @property({ type: Boolean, reflect: true }) showError = false;\n\n  /** Error message text. Shown only when `showError` is true. */\n  @property({ type: String }) errorMessage = \"\";\n\n  /** Internal: Set by parent checkboxgroup. Do not set manually. */\n  @property({ type: Boolean }) groupExist = false;\n\n  /** Renders as tile with larger clickable area. Apply to group for consistency. */\n  @property({ type: Boolean, reflect: true }) tile = false;\n\n  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  /** Tooltip text shown on hover/focus of info icon. */\n  @property({ type: String }) tooltip = \"\";\n\n  /**\n   * Checkbox size: `sm` (24px) or `md` (32px, default).\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  public async getInputElement(): Promise<HTMLInputElement | null> {\n    await this.updateComplete; // Wait for the component to finish rendering\n    return this.shadowRoot?.querySelector(\"input\") || null;\n  }\n\n  private _internals: ElementInternals;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  static formAssociated = true; // allows use of elementInternals' API\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  // Generate a unique ID if one is not provided\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-checkbox-${Date.now()}-${checkboxIdCounter++}`;\n    }\n    this.addEventListener(\"invalid\", this._handleInvalid);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"invalid\", this._handleInvalid);\n  }\n\n  firstUpdated() {\n    // This ensures our element always participates in the form\n    this._setValue();\n    this._manageRequire();\n    this._manageLabelClick();\n  }\n\n  /**\n   * Form Integration\n   * --------------------------------------------------------------------------\n   */\n\n  private _setValue() {\n    if (!this.groupExist) {\n      this._internals.setFormValue(this.checked ? this.value : null);\n    }\n  }\n\n  private _manageRequire() {\n    const input = this.shadowRoot?.querySelector(\"input\");\n    const message = this.errorMessage || \"This field is required\";\n    if (!input) return;\n\n    if (this.required && !this.checked) {\n      this._internals.ariaRequired = \"true\";\n      this._internals.setValidity({ valueMissing: true }, message, input);\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  private _setValidityMessage(message: string = \"\") {\n    const input = this.shadowRoot?.querySelector(\"input\");\n    if (!input) return;\n\n    // Toggle the HTML <div> tag error message\n    this.showError = !!message;\n    // If user sets errorMessage, this will always override the native validation message\n    if (this.errorMessage?.trim() && message !== \"\") {\n      message = this.errorMessage;\n    }\n\n    this._internals.setValidity(\n      message ? { customError: true } : {},\n      message,\n      input,\n    );\n  }\n\n  private _validate() {\n    const input = this.shadowRoot?.querySelector(\"input\");\n    if (!input) return;\n\n    // Get the native validation state\n    const validity = input.validity;\n    let message = \"\";\n\n    if (validity.valueMissing) {\n      message = \"This field is required\";\n    }\n\n    this._setValidityMessage(message);\n  }\n\n  // Called automatically when the parent form is reset\n  public formResetCallback() {\n    this.checked = false;\n\n    this._internals.setFormValue(null);\n\n    const input = this.shadowRoot?.querySelector(\"input\");\n    if (input) {\n      input.checked = false;\n    }\n\n    // Reset validation UI\n    this.showError = false;\n    this.errorMessage = \"\";\n    this._internals.setValidity({});\n\n    // Re-render UI\n    this.requestUpdate();\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  // This helper function is called to perform the element's native validation.\n  checkValidity(): boolean {\n    // If the radiogroup is required but no radio is selected, return false.\n    if (this.required && !this.checked) {\n      return false;\n    }\n\n    // Otherwise, optionally check the native input's validity if available.\n    const input = this.shadowRoot?.querySelector(\"input\");\n    return input ? input.checkValidity() : true;\n  }\n\n  private _handleInvalid(event: Event) {\n    event.preventDefault();\n\n    this.showError = true;\n    this._validate(); // Make sure validation message appears\n\n    const input = this.shadowRoot?.querySelector(\"input\");\n    if (input) {\n      // Focus only if this is the first invalid element (top-down approach)\n      const form = this._internals.form;\n      if (form) {\n        const elements = Array.from(form.elements) as Array<\n          HTMLElement & { checkValidity?: () => boolean }\n        >;\n        // Find the first element in the form that is invalid\n        const firstInvalidElement = elements.find(\n          (element) =>\n            typeof element.checkValidity === \"function\" &&\n            !element.checkValidity(),\n        );\n        if (firstInvalidElement === this) {\n          input.focus();\n        }\n      } else {\n        // If not part of a form, simply focus.\n        input.focus();\n      }\n    }\n  }\n\n  private _manageLabelClick = () => {\n    const wrapper = this.shadowRoot?.querySelector(\".nys-checkbox\");\n    const inputEl = this.shadowRoot?.querySelector(\"input\");\n\n    if (!wrapper || !inputEl) return;\n\n    wrapper.addEventListener(\"click\", (e) => {\n      // Avoid double toggling the checkbox. Already handled by input\n      if ((e.target as HTMLElement).tagName.toLowerCase() === \"input\") return;\n\n      if (!this.disabled) {\n        inputEl.click();\n      }\n    });\n  };\n\n  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n\n  private _emitChangeEvent() {\n    this.dispatchEvent(\n      new CustomEvent(\"nys-change\", {\n        detail: {\n          id: this.id,\n          checked: this.checked,\n          name: this.name,\n          value: this.value,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  // Handle checkbox change event\n  private _handleChange(e: Event) {\n    const { checked } = e.target as HTMLInputElement;\n    this.checked = checked;\n    if (!this.groupExist) {\n      this._internals.setFormValue(this.checked ? this.value : null);\n    }\n    this._validate();\n    this._emitChangeEvent();\n  }\n\n  private _handleFocus() {\n    this.dispatchEvent(new Event(\"nys-focus\"));\n  }\n\n  private _handleBlur() {\n    this.dispatchEvent(new Event(\"nys-blur\"));\n  }\n\n  private async _handleKeydown(e: KeyboardEvent) {\n    if (e.code === \"Space\") {\n      e.preventDefault();\n      if (!this.disabled) {\n        this.checked = !this.checked;\n        this._internals.setFormValue(this.checked ? this.value : null);\n\n        // Wait for DOM updates before validating. This is necessary to ensure the native input validation state is updated before this.validate().\n        await this.updateComplete;\n        this._validate();\n\n        this._emitChangeEvent();\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"nys-checkbox\">\n        <div class=\"nys-checkbox__checkboxwrapper\">\n          <input\n            id=${this.id + \"--native\"}\n            class=\"nys-checkbox__checkbox\"\n            type=\"checkbox\"\n            name=\"${ifDefined(this.name ? this.name : undefined)}\"\n            .checked=${this.checked}\n            ?disabled=${this.disabled}\n            .value=${this.value}\n            ?required=\"${this.required}\"\n            form=${ifDefined(this.form || undefined)}\n            aria-checked=\"${this.checked}\"\n            aria-disabled=\"${this.disabled ? \"true\" : \"false\"}\"\n            aria-required=\"${this.required}\"\n            aria-describedby=\"group-info\"\n            @change=\"${this._handleChange}\"\n            @focus=\"${this._handleFocus}\"\n            @blur=\"${this._handleBlur}\"\n            @keydown=\"${this._handleKeydown}\"\n            aria-label=\"${this.label}\"\n          />\n          ${this.checked\n            ? html`<nys-icon\n                name=\"check\"\n                size=\"${this.size === \"md\"\n                  ? \"4xl\"\n                  : this.size === \"sm\"\n                    ? \"2xl\"\n                    : \"4xl\"}\"\n                class=\"nys-checkbox__icon\"\n              ></nys-icon>`\n            : \"\"}\n        </div>\n        ${this.label &&\n        html`\n          <nys-label\n            tooltip=${this.tooltip}\n            for=${this.id + \"--native\"}\n            label=${this.label}\n            description=${ifDefined(this.description ?? undefined)}\n            flag=${ifDefined(this.required ? \"required\" : undefined)}\n            ?inverted=${this.inverted}\n          >\n            <slot name=\"description\" slot=\"description\"\n              >${this.description}</slot\n            >\n          </nys-label>\n        `}\n      </div>\n      ${this.parentElement?.tagName.toLowerCase() !== \"nys-checkboxgroup\"\n        ? html`<nys-errormessage\n            id=\"single-error-message\"\n            ?showError=${this.showError}\n            errorMessage=${this._internals.validationMessage ||\n            this.errorMessage}\n            .showDivider=${!this.tile}\n          ></nys-errormessage>`\n        : \"\"}\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-checkbox\")) {\n  customElements.define(\"nys-checkbox\", NysCheckbox);\n}\n"],"names":["checkboxgroupIdCounter","_NysCheckboxgroup","LitElement","changedProperties","checkbox","firstCheckbox","message","firstCheckboxInput","checkboxes","nodes","node","event","form","element","customEvent","name","selectedValues","html","unsafeCSS","styles","NysCheckboxgroup","__decorateClass","property","state","checkboxIdCounter","_NysCheckbox","wrapper","inputEl","e","input","validity","checked","ifDefined","NysCheckbox"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-checkbox",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "description": "The Checkbox component from the NYS Design System.",
   "module": "dist/nys-checkbox.js",
   "types": "dist/index.d.ts",
@@ -23,9 +23,9 @@
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-icon": "^1.13.0",
-    "@nysds/nys-label": "^1.13.0",
-    "@nysds/nys-errormessage": "^1.13.0"
+    "@nysds/nys-icon": "^1.13.1",
+    "@nysds/nys-label": "^1.13.1",
+    "@nysds/nys-errormessage": "^1.13.1"
   },
   "devDependencies": {
     "lit": "^3.3.1",