@nysds/nys-checkbox 1.11.4 → 1.13.0

package/dist/nys-checkbox.js

@@ -1,30 +1,21 @@
-import { LitElement as p, unsafeCSS as v, html as k } from "lit";
-import { property as t, state as g } from "lit/decorators.js";
-import { ifDefined as x } from "lit/directives/if-defined.js";
+import { LitElement as x, unsafeCSS as v, html as b } from "lit";
+import { property as r, 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, w = Object.getOwnPropertyDescriptor, a = (y, e, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? w(e, o) : e, h = y.length - 1, c; h >= 0; h--)
-    (c = y[h]) && (s = (r ? c(e, o, s) : c(s)) || s);
-  return r && s && m(e, o, s), s;
+var m = Object.defineProperty, l = (d, e, o, t) => {
+  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;
 };
-let E = 0;
-var d;
-const n = (d = class extends p {
+let w = 0;
+const u = class u extends x {
   // allows use of elementInternals' API
   constructor() {
-    super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this._tooltip = "", this.inverted = !1, this.form = null, this._slottedDescriptionText = "", this._size = "md", this._internals = this.attachInternals();
-  }
-  get size() {
-    return this._size;
-  }
-  set size(e) {
-    this._size = d.VALID_SIZES.includes(
-      e
-    ) ? e : "md";
+    super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this.tooltip = "", this.inverted = !1, this.form = null, this.size = "md", this._slottedDescriptionText = "", this._internals = this.attachInternals();
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${E++}`), this.addEventListener("nys-change", this._handleCheckboxChange), this.addEventListener("invalid", this._handleInvalid);
+    super.connectedCallback(), this.id || (this.id = `nys-checkbox-${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);
@@ -35,7 +26,10 @@ const n = (d = class extends p {
   updated(e) {
     e.has("required") && this.required && this._setupCheckboxRequired(), e.has("size") && this._updateCheckboxSize(), e.has("tile") && this._updateCheckboxTile(), e.has("inverted") && this._updateCheckboxInvert(), e.has("showError") && this._updateCheckboxShowError(), e.has("form") && this._updateCheckboxForm();
   }
-  /********************** Functions **********************/
+  /**
+   * Functions
+   * --------------------------------------------------------------------------
+   */
   _setGroupExist() {
     this.querySelectorAll("nys-checkbox").forEach((o) => {
       o.groupExist = !0;
@@ -43,23 +37,23 @@ const n = (d = class extends p {
   }
   // Initial update on checkbox required attribute
   async _setupCheckboxRequired() {
-    const e = this.querySelector("nys-checkbox"), o = this.errorMessage || "This field is required", r = e ? await e.getInputElement() : null;
+    const e = this.querySelector("nys-checkbox"), o = this.errorMessage || "This field is required", t = e ? await e.getInputElement() : null;
     this._internals.setValidity(
       { valueMissing: !0 },
       o,
-      r || this
+      t || 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"), r = 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"), t = o ? await o.getInputElement().catch(() => null) : null, s = this.querySelectorAll("nys-checkbox");
       Array.from(s).some(
-        (c) => c.checked
+        (a) => a.checked
       ) ? (this._internals.setValidity({}), this.showError = !1) : (this._internals.setValidity(
         { valueMissing: !0 },
         e,
-        r || this
+        t || this
       ), this.showError = !0);
     }
   }
@@ -94,41 +88,44 @@ const n = (d = class extends p {
     const o = this.shadowRoot?.querySelector(
       'slot[name="description"]'
     )?.assignedNodes({ flatten: !0 }) || [];
-    this._slottedDescriptionText = o.map((r) => r.textContent?.trim()).filter(Boolean).join(", ");
+    this._slottedDescriptionText = o.map((t) => t.textContent?.trim()).filter(Boolean).join(", ");
   }
   async _handleInvalid(e) {
     e.preventDefault(), this.showError = !0, this._manageRequire();
-    const o = this.querySelector("nys-checkbox"), r = o ? await o.getInputElement() : null;
-    if (r) {
+    const o = this.querySelector("nys-checkbox"), t = o ? await o.getInputElement() : null;
+    if (t) {
       const s = this._internals.form;
-      s ? Array.from(s.elements).find((u) => {
-        if (u.tagName.toLowerCase() === "nys-checkboxgroup") {
+      s ? Array.from(s.elements).find((y) => {
+        if (y.tagName.toLowerCase() === "nys-checkboxgroup") {
           if (Array.from(
             this.querySelectorAll("nys-checkbox")
           ).filter(
             (f) => f.checked
           ).length === 0)
-            return u;
+            return y;
         } else
-          return typeof u.checkValidity == "function" && !u.checkValidity();
-      }) === this && r.focus() : r.focus();
+          return typeof y.checkValidity == "function" && !y.checkValidity();
+      }) === this && t.focus() : t.focus();
     }
   }
-  /******************** Event Handlers ********************/
+  /**
+   * Event Handlers
+   * --------------------------------------------------------------------------
+   */
   // 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: r } = o.detail, h = Array.from(this.querySelectorAll("nys-checkbox")).filter((c) => c.checked).map((c) => c.value);
-    this.name = r, this._internals.setFormValue(h.join(", ")), this._manageRequire();
+    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();
   }
   render() {
-    return k`
+    return b`
       <div class="nys-checkboxgroup">
         <nys-label
           for=${this.id + "--native"}
           label=${this.label}
           description=${this.description}
           flag=${this.required ? "required" : this.optional ? "optional" : ""}
-          tooltip=${this._tooltip}
+          tooltip=${this.tooltip}
           ?inverted=${this.inverted}
         >
           <slot name="description" slot="description">${this.description}</slot>
@@ -149,80 +146,74 @@ const n = (d = class extends p {
       </div>
     `;
   }
-}, d.styles = v(_), d.VALID_SIZES = ["sm", "md"], d.formAssociated = !0, d);
-a([
-  t({ type: String, reflect: !0 })
-], n.prototype, "id", 2);
-a([
-  t({ type: String, reflect: !0 })
-], n.prototype, "name", 2);
-a([
-  t({ type: Boolean, reflect: !0 })
-], n.prototype, "required", 2);
-a([
-  t({ type: Boolean, reflect: !0 })
-], n.prototype, "optional", 2);
-a([
-  t({ type: Boolean, reflect: !0 })
-], n.prototype, "showError", 2);
-a([
-  t({ type: String })
-], n.prototype, "errorMessage", 2);
-a([
-  t({ type: String })
-], n.prototype, "label", 2);
-a([
-  t({ type: String })
-], n.prototype, "description", 2);
-a([
-  t({ type: Boolean, reflect: !0 })
-], n.prototype, "tile", 2);
-a([
-  t({ type: String })
-], n.prototype, "_tooltip", 2);
-a([
-  t({ type: Boolean, reflect: !0 })
-], n.prototype, "inverted", 2);
-a([
-  t({ type: String, reflect: !0 })
-], n.prototype, "form", 2);
-a([
+};
+u.styles = v(_), u.formAssociated = !0;
+let i = u;
+l([
+  r({ type: String, reflect: !0 })
+], i.prototype, "id");
+l([
+  r({ type: String, reflect: !0 })
+], i.prototype, "name");
+l([
+  r({ type: Boolean, reflect: !0 })
+], i.prototype, "required");
+l([
+  r({ type: Boolean, reflect: !0 })
+], i.prototype, "optional");
+l([
+  r({ type: Boolean, reflect: !0 })
+], i.prototype, "showError");
+l([
+  r({ type: String })
+], i.prototype, "errorMessage");
+l([
+  r({ type: String })
+], i.prototype, "label");
+l([
+  r({ type: String })
+], i.prototype, "description");
+l([
+  r({ type: Boolean, reflect: !0 })
+], i.prototype, "tile");
+l([
+  r({ type: String })
+], i.prototype, "tooltip");
+l([
+  r({ type: Boolean, reflect: !0 })
+], i.prototype, "inverted");
+l([
+  r({ type: String, reflect: !0 })
+], i.prototype, "form");
+l([
+  r({ type: String, reflect: !0 })
+], i.prototype, "size");
+l([
   g()
-], n.prototype, "_slottedDescriptionText", 2);
-a([
-  t({ reflect: !0 })
-], n.prototype, "size", 1);
-let C = n;
-customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", C);
-var S = Object.defineProperty, q = Object.getOwnPropertyDescriptor, l = (y, e, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? q(e, o) : e, h = y.length - 1, c; h >= 0; h--)
-    (c = y[h]) && (s = (r ? c(e, o, s) : c(s)) || s);
-  return r && s && S(e, o, s), s;
+], i.prototype, "_slottedDescriptionText");
+customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", i);
+var E = Object.defineProperty, n = (d, e, o, t) => {
+  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;
 };
-let $ = 0;
-var b;
-const i = (b = class extends p {
+let C = 0;
+const p = class p extends x {
   // allows use of elementInternals' API
   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._size = "md", this._manageLabelClick = () => {
-      const e = this.shadowRoot?.querySelector("nys-label"), o = this.shadowRoot?.querySelector("input");
-      e && o && e.addEventListener("click", () => o.click());
+    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());
+      });
     }, this._internals = this.attachInternals();
   }
-  get size() {
-    return this._size;
-  }
-  set size(e) {
-    this._size = b.VALID_SIZES.includes(
-      e
-    ) ? e : "md";
-  }
   async getInputElement() {
     return await this.updateComplete, this.shadowRoot?.querySelector("input") || null;
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${$++}`), this.addEventListener("invalid", this._handleInvalid);
+    super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${C++}`), this.addEventListener("invalid", this._handleInvalid);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
@@ -230,11 +221,10 @@ const i = (b = class extends p {
   firstUpdated() {
     this._setValue(), this._manageRequire(), this._manageLabelClick();
   }
-  // This callback is automatically called when the parent form is reset.
-  formResetCallback() {
-    this.checked = !1;
-  }
-  /********************** Form Integration **********************/
+  /**
+   * Form Integration
+   * --------------------------------------------------------------------------
+   */
   _setValue() {
     this.groupExist || this._internals.setFormValue(this.checked ? this.value : null);
   }
@@ -254,10 +244,17 @@ const i = (b = class extends p {
     const e = this.shadowRoot?.querySelector("input");
     if (!e) return;
     const o = e.validity;
-    let r = "";
-    o.valueMissing && (r = "This field is required"), this._setValidityMessage(r);
+    let t = "";
+    o.valueMissing && (t = "This field is required"), this._setValidityMessage(t);
+  }
+  // Called automatically when the parent form is reset
+  formResetCallback() {
+    this.checked = !1;
   }
-  /********************** Functions **********************/
+  /**
+   * Functions
+   * --------------------------------------------------------------------------
+   */
   // This helper function is called to perform the element's native validation.
   checkValidity() {
     if (this.required && !this.checked)
@@ -269,13 +266,16 @@ const i = (b = class extends p {
     e.preventDefault(), this.showError = !0, this._validate();
     const o = this.shadowRoot?.querySelector("input");
     if (o) {
-      const r = this._internals.form;
-      r ? Array.from(r.elements).find(
-        (c) => typeof c.checkValidity == "function" && !c.checkValidity()
+      const t = this._internals.form;
+      t ? Array.from(t.elements).find(
+        (a) => typeof a.checkValidity == "function" && !a.checkValidity()
       ) === this && o.focus() : o.focus();
     }
   }
-  /******************** Event Handlers ********************/
+  /**
+   * Event Handlers
+   * --------------------------------------------------------------------------
+   */
   _emitChangeEvent() {
     this.dispatchEvent(
       new CustomEvent("nys-change", {
@@ -295,32 +295,29 @@ const i = (b = class extends p {
     const { checked: o } = e.target;
     this.checked = o, this.groupExist || this._internals.setFormValue(this.checked ? this.value : null), this._validate(), this._emitChangeEvent();
   }
-  // Handle focus event
   _handleFocus() {
     this.dispatchEvent(new Event("nys-focus"));
   }
-  // Handle blur event
   _handleBlur() {
     this.dispatchEvent(new Event("nys-blur"));
   }
-  // Handle keydown for keyboard accessibility
   async _handleKeydown(e) {
     e.code === "Space" && (e.preventDefault(), this.disabled || (this.checked = !this.checked, this._internals.setFormValue(this.checked ? this.value : null), await this.updateComplete, this._validate(), this._emitChangeEvent()));
   }
   render() {
-    return k`
-      <label class="nys-checkbox">
+    return b`
+      <div class="nys-checkbox">
         <div class="nys-checkbox__checkboxwrapper">
           <input
             id=${this.id + "--native"}
             class="nys-checkbox__checkbox"
             type="checkbox"
-            name="${x(this.name ? this.name : void 0)}"
+            name="${k(this.name ? this.name : void 0)}"
             .checked=${this.checked}
             ?disabled=${this.disabled}
             .value=${this.value}
             ?required="${this.required}"
-            form=${x(this.form || void 0)}
+            form=${k(this.form || void 0)}
             aria-checked="${this.checked}"
             aria-disabled="${this.disabled ? "true" : "false"}"
             aria-required="${this.required}"
@@ -331,18 +328,19 @@ const i = (b = class extends p {
             @keydown="${this._handleKeydown}"
             aria-label="${this.label}"
           />
-          ${this.checked ? k`<nys-icon
+          ${this.checked ? b`<nys-icon
                 name="check"
-                size="${this.size === "md" ? "4xl" : this.size === "sm" ? "2xl" : "xl"}"
+                size="${this.size === "md" ? "4xl" : this.size === "sm" ? "2xl" : "4xl"}"
                 class="nys-checkbox__icon"
               ></nys-icon>` : ""}
         </div>
-        ${this.label && k`
+        ${this.label && b`
           <nys-label
+            tooltip=${this.tooltip}
             for=${this.id + "--native"}
             label=${this.label}
-            description=${x(this.description ?? void 0)}
-            flag=${x(this.required ? "required" : void 0)}
+            description=${k(this.description ?? void 0)}
+            flag=${k(this.required ? "required" : void 0)}
             ?inverted=${this.inverted}
           >
             <slot name="description" slot="description"
@@ -350,8 +348,8 @@ const i = (b = class extends p {
             >
           </nys-label>
         `}
-      </label>
-      ${this.parentElement?.tagName.toLowerCase() !== "nys-checkboxgroup" ? k`<nys-errormessage
+      </div>
+      ${this.parentElement?.tagName.toLowerCase() !== "nys-checkboxgroup" ? b`<nys-errormessage
             id="single-error-message"
             ?showError=${this.showError}
             errorMessage=${this._internals.validationMessage || this.errorMessage}
@@ -359,56 +357,60 @@ const i = (b = class extends p {
           ></nys-errormessage>` : ""}
     `;
   }
-}, b.styles = v(_), b.VALID_SIZES = ["sm", "md"], b.formAssociated = !0, b);
-l([
-  t({ type: Boolean, reflect: !0 })
-], i.prototype, "checked", 2);
-l([
-  t({ type: Boolean, reflect: !0 })
-], i.prototype, "disabled", 2);
-l([
-  t({ type: Boolean, reflect: !0 })
-], i.prototype, "required", 2);
-l([
-  t({ type: String })
-], i.prototype, "label", 2);
-l([
-  t({ type: String })
-], i.prototype, "description", 2);
-l([
-  t({ type: String, reflect: !0 })
-], i.prototype, "id", 2);
-l([
-  t({ type: String, reflect: !0 })
-], i.prototype, "name", 2);
-l([
-  t({ type: String })
-], i.prototype, "value", 2);
-l([
-  t({ type: String, reflect: !0 })
-], i.prototype, "form", 2);
-l([
-  t({ type: Boolean, reflect: !0 })
-], i.prototype, "showError", 2);
-l([
-  t({ type: String })
-], i.prototype, "errorMessage", 2);
-l([
-  t({ type: Boolean })
-], i.prototype, "groupExist", 2);
-l([
-  t({ type: Boolean, reflect: !0 })
-], i.prototype, "tile", 2);
-l([
-  t({ type: Boolean, reflect: !0 })
-], i.prototype, "inverted", 2);
-l([
-  t({ reflect: !0 })
-], i.prototype, "size", 1);
-let z = i;
-customElements.get("nys-checkbox") || customElements.define("nys-checkbox", z);
+};
+p.styles = v(_), p.formAssociated = !0;
+let c = p;
+n([
+  r({ type: Boolean, reflect: !0 })
+], c.prototype, "checked");
+n([
+  r({ type: Boolean, reflect: !0 })
+], c.prototype, "disabled");
+n([
+  r({ type: Boolean, reflect: !0 })
+], c.prototype, "required");
+n([
+  r({ type: String })
+], c.prototype, "label");
+n([
+  r({ type: String })
+], c.prototype, "description");
+n([
+  r({ type: String, reflect: !0 })
+], c.prototype, "id");
+n([
+  r({ type: String, reflect: !0 })
+], c.prototype, "name");
+n([
+  r({ type: String })
+], c.prototype, "value");
+n([
+  r({ type: String, reflect: !0 })
+], c.prototype, "form");
+n([
+  r({ type: Boolean, reflect: !0 })
+], c.prototype, "showError");
+n([
+  r({ type: String })
+], c.prototype, "errorMessage");
+n([
+  r({ type: Boolean })
+], c.prototype, "groupExist");
+n([
+  r({ type: Boolean, reflect: !0 })
+], c.prototype, "tile");
+n([
+  r({ type: Boolean, reflect: !0 })
+], c.prototype, "inverted");
+n([
+  r({ type: String })
+], c.prototype, "tooltip");
+n([
+  r({ type: String, reflect: !0 })
+], c.prototype, "size");
+customElements.get("nys-checkbox") || customElements.define("nys-checkbox", c);
 export {
-  z as NysCheckbox,
-  C as NysCheckboxgroup
+  c as NysCheckbox,
+  i as NysCheckboxgroup
 };
 //# sourceMappingURL=nys-checkbox.js.map

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; // Counter for generating unique IDs\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\n  @state() private _slottedDescriptionText = \"\";\n  private static readonly VALID_SIZES = [\"sm\", \"md\"] as const;\n  private _size: (typeof NysCheckboxgroup.VALID_SIZES)[number] = \"md\";\n\n  // Getter and setter for the `size` property.\n  @property({ reflect: true })\n  get size(): (typeof NysCheckboxgroup.VALID_SIZES)[number] {\n    return this._size;\n  }\n\n  set size(value: string) {\n    // Check if the provided value is in VALID_WIDTHS. If not, default to \"md\".\n    this._size = NysCheckboxgroup.VALID_SIZES.includes(\n      value as (typeof NysCheckboxgroup.VALID_SIZES)[number],\n    )\n      ? (value as (typeof NysCheckboxgroup.VALID_SIZES)[number])\n      : \"md\";\n  }\n\n  private _internals: ElementInternals;\n\n  /********************** Lifecycle updates **********************/\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  /********************** Functions **********************/\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  /******************** Event Handlers ********************/\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; // Counter for generating unique IDs\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  private static readonly VALID_SIZES = [\"sm\", \"md\"] as const;\n  private _size: (typeof NysCheckbox.VALID_SIZES)[number] = \"md\";\n\n  // Getter and setter for the `size` property.\n  @property({ reflect: true })\n  get size(): (typeof NysCheckbox.VALID_SIZES)[number] {\n    return this._size;\n  }\n\n  set size(value: string) {\n    // Check if the provided value is in VALID_SIZES. If not, default to \"md\".\n    this._size = NysCheckbox.VALID_SIZES.includes(\n      value as (typeof NysCheckbox.VALID_SIZES)[number],\n    )\n      ? (value as (typeof NysCheckbox.VALID_SIZES)[number])\n      : \"md\";\n  }\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  /********************** Lifecycle updates **********************/\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  // This callback is automatically called when the parent form is reset.\n  formResetCallback() {\n    this.checked = false;\n  }\n\n  /********************** Form Integration **********************/\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  /********************** Functions **********************/\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 labelEl = this.shadowRoot?.querySelector(\"nys-label\");\n    const inputEl = this.shadowRoot?.querySelector(\"input\");\n\n    if (labelEl && inputEl) {\n      labelEl.addEventListener(\"click\", () => inputEl.click());\n    }\n  };\n\n  /******************** Event Handlers ********************/\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  // Handle focus event\n  private _handleFocus() {\n    this.dispatchEvent(new Event(\"nys-focus\"));\n  }\n\n  // Handle blur event\n  private _handleBlur() {\n    this.dispatchEvent(new Event(\"nys-blur\"));\n  }\n\n  // Handle keydown for keyboard accessibility\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      <label 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                    : \"xl\"}\"\n                class=\"nys-checkbox__icon\"\n              ></nys-icon>`\n            : \"\"}\n        </div>\n        ${this.label &&\n        html`\n          <nys-label\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      </label>\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","_a","LitElement","value","changedProperties","checkbox","firstCheckbox","message","firstCheckboxInput","checkboxes","nodes","node","event","form","element","customEvent","name","selectedValues","html","unsafeCSS","styles","__decorateClass","property","state","NysCheckboxgroup","checkboxIdCounter","_NysCheckbox","labelEl","inputEl","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 * `<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":";;;;;;;;;AAKA,IAAIA,IAAyB;AAoBtB,MAAMC,IAAN,MAAMA,UAAyBC,EAAW;AAAA;AAAA,EA4B/C,cAAc;AACZ,UAAA,GA1ByC,KAAA,KAAK,IACL,KAAA,OAAO,IACN,KAAA,WAAW,IACX,KAAA,WAAW,IACX,KAAA,YAAY,IAC5B,KAAA,eAAe,IACf,KAAA,QAAQ,IACR,KAAA,cAAc,IACE,KAAA,OAAO,IACvB,KAAA,UAAU,IACM,KAAA,WAAW,IACZ,KAAA,OAAsB,MACtB,KAAA,OAAoB,MAEtD,KAAQ,0BAA0B,IAazC,KAAK,aAAa,KAAK,gBAAA;AAAA,EACzB;AAAA;AAAA,EAGA,oBAAoB;AAClB,UAAM,kBAAA,GACD,KAAK,OACR,KAAK,KAAK,gBAAgB,KAAK,KAAK,IAAIF,GAAwB,KAElE,KAAK,iBAAiB,cAAc,KAAK,qBAAqB,GAC9D,KAAK,iBAAiB,WAAW,KAAK,cAAc;AAAA,EACtD;AAAA,EAEA,uBAAuB;AACrB,UAAM,qBAAA,GACN,KAAK,oBAAoB,cAAc,KAAK,qBAAqB,GACjE,KAAK,oBAAoB,WAAW,KAAK,cAAc;AAAA,EACzD;AAAA,EAEA,eAAe;AAEb,SAAK,eAAA,GACL,KAAK,oBAAA,GACL,KAAK,oBAAA,GACL,KAAK,yBAAA,GACL,KAAK,2BAAA;AAAA,EACP;AAAA,EAEA,QAAQG,GAAkD;AACxD,IAAIA,EAAkB,IAAI,UAAU,KAC9B,KAAK,YACP,KAAK,uBAAA,GAGLA,EAAkB,IAAI,MAAM,KAC9B,KAAK,oBAAA,GAEHA,EAAkB,IAAI,MAAM,KAC9B,KAAK,oBAAA,GAEHA,EAAkB,IAAI,UAAU,KAClC,KAAK,sBAAA,GAEHA,EAAkB,IAAI,WAAW,KACnC,KAAK,yBAAA,GAEHA,EAAkB,IAAI,MAAM,KAC9B,KAAK,oBAAA;AAAA,EAET;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,iBAAiB;AAEvB,IADmB,KAAK,iBAAiB,cAAc,EAC5C,QAAQ,CAACC,MAAkB;AACpC,MAAAA,EAAS,aAAa;AAAA,IACxB,CAAC;AAAA,EACH;AAAA;AAAA,EAGA,MAAc,yBAAyB;AACrC,UAAMC,IAAgB,KAAK,cAAc,cAAc,GACjDC,IAAU,KAAK,gBAAgB,0BAE/BC,IAAqBF,IACvB,MAAOA,EAAsB,oBAC7B;AAEJ,SAAK,WAAW;AAAA,MACd,EAAE,cAAc,GAAA;AAAA,MAChBC;AAAA,MACAC,KAA0C;AAAA,IAAA;AAAA,EAE9C;AAAA;AAAA,EAGA,MAAc,iBAAiB;AAC7B,QAAI,KAAK,UAAU;AACjB,YAAMD,IAAU,KAAK,gBAAgB,sCAC/BD,IAAgB,KAAK,cAAc,cAAc,GACjDE,IAAqBF,IACvB,MAAOA,EAAsB,kBAAkB,MAAM,MAAM,IAAI,IAC/D,MAEEG,IAAa,KAAK,iBAAiB,cAAc;AAMvD,MAJ0B,MAAM,KAAKA,CAAU,EAAE;AAAA,QAC/C,CAACJ,MAAkBA,EAAS;AAAA,MAAA,KAI5B,KAAK,WAAW,YAAY,EAAE,GAC9B,KAAK,YAAY,OAEjB,KAAK,WAAW;AAAA,QACd,EAAE,cAAc,GAAA;AAAA,QAChBE;AAAA,QACAC,KAA0C;AAAA,MAAA,GAE5C,KAAK,YAAY;AAAA,IAErB;AAAA,EACF;AAAA;AAAA,EAGQ,sBAAsB;AAE5B,IADmB,KAAK,iBAAiB,cAAc,EAC5C,QAAQ,CAACH,MAAa;AAC/B,MAAAA,EAAS,aAAa,QAAQ,KAAK,IAAI;AAAA,IACzC,CAAC;AAAA,EACH;AAAA,EAEQ,sBAAsB;AAE5B,IADmB,KAAK,iBAAiB,cAAc,EAC5C,QAAQ,CAACA,MAAa;AAC/B,MAAI,KAAK,OACPA,EAAS,gBAAgB,QAAQ,EAAI,IAErCA,EAAS,gBAAgB,MAAM;AAAA,IAEnC,CAAC;AAAA,EACH;AAAA,EAEQ,wBAAwB;AAE9B,IADmB,KAAK,iBAAiB,cAAc,EAC5C,QAAQ,CAACA,MAAa;AAC/B,MAAI,KAAK,WACPA,EAAS,gBAAgB,YAAY,EAAI,IAEzCA,EAAS,gBAAgB,UAAU;AAAA,IAEvC,CAAC;AAAA,EACH;AAAA,EAEQ,2BAA2B;AAEjC,IADmB,KAAK,iBAAiB,cAAc,EAC5C,QAAQ,CAACA,MAAa;AAC/B,MAAI,KAAK,YACPA,EAAS,aAAa,aAAa,EAAE,IAErCA,EAAS,gBAAgB,WAAW;AAAA,IAExC,CAAC;AAAA,EACH;AAAA,EAEQ,sBAAsB;AAE5B,IADmB,KAAK,iBAAiB,cAAc,EAC5C,QAAQ,CAACA,MAAa;AAC/B,MAAI,KAAK,aACH,KAAK,SAAS,OAChBA,EAAS,aAAa,QAAQ,KAAK,IAAI,IAKzCA,EAAS,gBAAgB,MAAM;AAAA,IAEnC,CAAC;AAAA,EACH;AAAA;AAAA,EAGQ,6BAA6B;AAInC,UAAMK,IAHO,KAAK,YAAY;AAAA,MAC5B;AAAA,IAAA,GAEkB,cAAc,EAAE,SAAS,GAAA,CAAM,KAAK,CAAA;AAExD,SAAK,0BAA0BA,EAC5B,IAAI,CAACC,MAASA,EAAK,aAAa,KAAA,CAAM,EACtC,OAAO,OAAO,EACd,KAAK,IAAI;AAAA,EACd;AAAA,EAEA,MAAc,eAAeC,GAAc;AACzC,IAAAA,EAAM,eAAA,GAEN,KAAK,YAAY,IACjB,KAAK,eAAA;AAEL,UAAMN,IAAgB,KAAK,cAAc,cAAc,GACjDE,IAAqBF,IACvB,MAAOA,EAAsB,oBAC7B;AAEJ,QAAIE,GAAoB;AAEtB,YAAMK,IAAO,KAAK,WAAW;AAC7B,MAAIA,IACe,MAAM,KAAKA,EAAK,QAAQ,EAIJ,KAAK,CAACC,MAAY;AAErD,YAAIA,EAAQ,QAAQ,YAAA,MAAkB;AAQpC,cAPsB,MAAM;AAAA,YAC1B,KAAK,iBAAiB,cAAc;AAAA,UAAA,EAEG;AAAA,YACvC,CAACT,MAAaA,EAAS;AAAA,UAAA,EAGF,WAAW;AAChC,mBAAOS;AAAA;AAGT,iBACE,OAAOA,EAAQ,iBAAkB,cACjC,CAACA,EAAQ,cAAA;AAAA,MAGf,CAAC,MAE2B,QAC1BN,EAAmB,MAAA,IAIrBA,EAAmB,MAAA;AAAA,IAEvB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQQ,sBAAsBI,GAAc;AAC1C,UAAMG,IAAcH,GACd,EAAE,MAAAI,MAASD,EAAY,QAIvBE,IAHa,MAAM,KAAK,KAAK,iBAAiB,cAAc,CAAC,EAIhE,OAAO,CAACZ,MAAkBA,EAAS,OAAO,EAC1C,IAAI,CAACA,MAAkBA,EAAS,KAAK;AAExC,SAAK,OAAOW,GAEZ,KAAK,WAAW,aAAaC,EAAe,KAAK,IAAI,CAAC,GAEtD,KAAK,eAAA;AAAA,EACP;AAAA,EAEA,SAAS;AACP,WAAOC;AAAA;AAAA;AAAA,gBAGK,KAAK,KAAK,UAAU;AAAA,kBAClB,KAAK,KAAK;AAAA,wBACJ,KAAK,WAAW;AAAA,iBACvB,KAAK,WAAW,aAAa,KAAK,WAAW,aAAa,EAAE;AAAA,oBACzD,KAAK,OAAO;AAAA,sBACV,KAAK,QAAQ;AAAA;AAAA,wDAEqB,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKxD,KAAK,KAAK,GAAG,KAAK,0BAChB,IAAI,KAAK,uBAAuB,KAChC,KAAK,cACH,IAAI,KAAK,WAAW,KACpB,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAMC,KAAK,SAAS;AAAA,yBACZ,KAAK,WAAW,qBAAqB,KAAK,YAAY;AAAA,yBACtD,CAAC,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,EAIjC;AACF;AAxTEhB,EAAO,SAASiB,EAAUC,CAAM,GAyBhClB,EAAO,iBAAiB;AA1BnB,IAAMmB,IAANnB;AAGsCoB,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAH9BF,EAGgC,WAAA,IAAA;AACAC,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAJ9BF,EAIgC,WAAA,MAAA;AACCC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAL/BF,EAKiC,WAAA,UAAA;AACAC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAN/BF,EAMiC,WAAA,UAAA;AACAC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAP/BF,EAOiC,WAAA,WAAA;AAChBC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARfF,EAQiB,WAAA,cAAA;AACAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GATfF,EASiB,WAAA,OAAA;AACAC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAVfF,EAUiB,WAAA,aAAA;AACgBC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAX/BF,EAWiC,WAAA,MAAA;AAChBC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAZfF,EAYiB,WAAA,SAAA;AACgBC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAb/BF,EAaiC,WAAA,UAAA;AACDC,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAd9BF,EAcgC,WAAA,MAAA;AACAC,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAf9BF,EAegC,WAAA,MAAA;AAE1BC,EAAA;AAAA,EAAhBE,EAAA;AAAM,GAjBIH,EAiBM,WAAA,yBAAA;AA0Sd,eAAe,IAAI,mBAAmB,KACzC,eAAe,OAAO,qBAAqBA,CAAgB;;;;;;AC9U7D,IAAII,IAAoB;AAmBjB,MAAMC,IAAN,MAAMA,UAAoBvB,EAAW;AAAA;AAAA,EAkC1C,cAAc;AACZ,UAAA,GAhC0C,KAAA,UAAU,IACV,KAAA,WAAW,IACX,KAAA,WAAW,IAC3B,KAAA,QAAQ,IACR,KAAA,cAAc,IACC,KAAA,KAAK,IACL,KAAA,OAAO,IACtB,KAAA,QAAQ,IACO,KAAA,OAAsB,MACrB,KAAA,YAAY,IAC5B,KAAA,eAAe,IACd,KAAA,aAAa,IACE,KAAA,OAAO,IACP,KAAA,WAAW,IAC3B,KAAA,UAAU,IACK,KAAA,OAAoB,MAuJ/D,KAAQ,oBAAoB,MAAM;AAChC,YAAMwB,IAAU,KAAK,YAAY,cAAc,eAAe,GACxDC,IAAU,KAAK,YAAY,cAAc,OAAO;AAEtD,MAAI,CAACD,KAAW,CAACC,KAEjBD,EAAQ,iBAAiB,SAAS,CAACE,MAAM;AAEvC,QAAKA,EAAE,OAAuB,QAAQ,YAAA,MAAkB,YAEnD,KAAK,YACRD,EAAQ,MAAA;AAAA,MAEZ,CAAC;AAAA,IACH,GAnJE,KAAK,aAAa,KAAK,gBAAA;AAAA,EACzB;AAAA,EAjBA,MAAa,kBAAoD;AAC/D,iBAAM,KAAK,gBACJ,KAAK,YAAY,cAAc,OAAO,KAAK;AAAA,EACpD;AAAA;AAAA,EAiBA,oBAAoB;AAClB,UAAM,kBAAA,GACD,KAAK,OACR,KAAK,KAAK,gBAAgB,KAAK,KAAK,IAAIH,GAAmB,KAE7D,KAAK,iBAAiB,WAAW,KAAK,cAAc;AAAA,EACtD;AAAA,EAEA,uBAAuB;AACrB,UAAM,qBAAA,GACN,KAAK,oBAAoB,WAAW,KAAK,cAAc;AAAA,EACzD;AAAA,EAEA,eAAe;AAEb,SAAK,UAAA,GACL,KAAK,eAAA,GACL,KAAK,kBAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,YAAY;AAClB,IAAK,KAAK,cACR,KAAK,WAAW,aAAa,KAAK,UAAU,KAAK,QAAQ,IAAI;AAAA,EAEjE;AAAA,EAEQ,iBAAiB;AACvB,UAAMK,IAAQ,KAAK,YAAY,cAAc,OAAO,GAC9CvB,IAAU,KAAK,gBAAgB;AACrC,IAAKuB,MAED,KAAK,YAAY,CAAC,KAAK,WACzB,KAAK,WAAW,eAAe,QAC/B,KAAK,WAAW,YAAY,EAAE,cAAc,GAAA,GAAQvB,GAASuB,CAAK,KAElE,KAAK,WAAW,YAAY,EAAE;AAAA,EAElC;AAAA,EAEQ,oBAAoBvB,IAAkB,IAAI;AAChD,UAAMuB,IAAQ,KAAK,YAAY,cAAc,OAAO;AACpD,IAAKA,MAGL,KAAK,YAAY,CAAC,CAACvB,GAEf,KAAK,cAAc,KAAA,KAAUA,MAAY,OAC3CA,IAAU,KAAK,eAGjB,KAAK,WAAW;AAAA,MACdA,IAAU,EAAE,aAAa,GAAA,IAAS,CAAA;AAAA,MAClCA;AAAA,MACAuB;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEQ,YAAY;AAClB,UAAMA,IAAQ,KAAK,YAAY,cAAc,OAAO;AACpD,QAAI,CAACA,EAAO;AAGZ,UAAMC,IAAWD,EAAM;AACvB,QAAIvB,IAAU;AAEd,IAAIwB,EAAS,iBACXxB,IAAU,2BAGZ,KAAK,oBAAoBA,CAAO;AAAA,EAClC;AAAA;AAAA,EAGA,oBAAoB;AAClB,SAAK,UAAU;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,gBAAyB;AAEvB,QAAI,KAAK,YAAY,CAAC,KAAK;AACzB,aAAO;AAIT,UAAMuB,IAAQ,KAAK,YAAY,cAAc,OAAO;AACpD,WAAOA,IAAQA,EAAM,cAAA,IAAkB;AAAA,EACzC;AAAA,EAEQ,eAAelB,GAAc;AACnC,IAAAA,EAAM,eAAA,GAEN,KAAK,YAAY,IACjB,KAAK,UAAA;AAEL,UAAMkB,IAAQ,KAAK,YAAY,cAAc,OAAO;AACpD,QAAIA,GAAO;AAET,YAAMjB,IAAO,KAAK,WAAW;AAC7B,MAAIA,IACe,MAAM,KAAKA,EAAK,QAAQ,EAIJ;AAAA,QACnC,CAACC,MACC,OAAOA,EAAQ,iBAAkB,cACjC,CAACA,EAAQ,cAAA;AAAA,MAAc,MAEC,QAC1BgB,EAAM,MAAA,IAIRA,EAAM,MAAA;AAAA,IAEV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBQ,mBAAmB;AACzB,SAAK;AAAA,MACH,IAAI,YAAY,cAAc;AAAA,QAC5B,QAAQ;AAAA,UACN,IAAI,KAAK;AAAA,UACT,SAAS,KAAK;AAAA,UACd,MAAM,KAAK;AAAA,UACX,OAAO,KAAK;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA,EAGQ,cAAc,GAAU;AAC9B,UAAM,EAAE,SAAAE,MAAY,EAAE;AACtB,SAAK,UAAUA,GACV,KAAK,cACR,KAAK,WAAW,aAAa,KAAK,UAAU,KAAK,QAAQ,IAAI,GAE/D,KAAK,UAAA,GACL,KAAK,iBAAA;AAAA,EACP;AAAA,EAEQ,eAAe;AACrB,SAAK,cAAc,IAAI,MAAM,WAAW,CAAC;AAAA,EAC3C;AAAA,EAEQ,cAAc;AACpB,SAAK,cAAc,IAAI,MAAM,UAAU,CAAC;AAAA,EAC1C;AAAA,EAEA,MAAc,eAAe,GAAkB;AAC7C,IAAI,EAAE,SAAS,YACb,EAAE,eAAA,GACG,KAAK,aACR,KAAK,UAAU,CAAC,KAAK,SACrB,KAAK,WAAW,aAAa,KAAK,UAAU,KAAK,QAAQ,IAAI,GAG7D,MAAM,KAAK,gBACX,KAAK,UAAA,GAEL,KAAK,iBAAA;AAAA,EAGX;AAAA,EAEA,SAAS;AACP,WAAOd;AAAA;AAAA;AAAA;AAAA,iBAIM,KAAK,KAAK,UAAU;AAAA;AAAA;AAAA,oBAGjBe,EAAU,KAAK,OAAO,KAAK,OAAO,MAAS,CAAC;AAAA,uBACzC,KAAK,OAAO;AAAA,wBACX,KAAK,QAAQ;AAAA,qBAChB,KAAK,KAAK;AAAA,yBACN,KAAK,QAAQ;AAAA,mBACnBA,EAAU,KAAK,QAAQ,MAAS,CAAC;AAAA,4BACxB,KAAK,OAAO;AAAA,6BACX,KAAK,WAAW,SAAS,OAAO;AAAA,6BAChC,KAAK,QAAQ;AAAA;AAAA,uBAEnB,KAAK,aAAa;AAAA,sBACnB,KAAK,YAAY;AAAA,qBAClB,KAAK,WAAW;AAAA,wBACb,KAAK,cAAc;AAAA,0BACjB,KAAK,KAAK;AAAA;AAAA,YAExB,KAAK,UACHf;AAAA;AAAA,wBAEU,KAAK,SAAS,OAClB,QACA,KAAK,SAAS,OACZ,QACA,KAAK;AAAA;AAAA,8BAGb,EAAE;AAAA;AAAA,UAEN,KAAK,SACPA;AAAA;AAAA,sBAEc,KAAK,OAAO;AAAA,kBAChB,KAAK,KAAK,UAAU;AAAA,oBAClB,KAAK,KAAK;AAAA,0BACJe,EAAU,KAAK,eAAe,MAAS,CAAC;AAAA,mBAC/CA,EAAU,KAAK,WAAW,aAAa,MAAS,CAAC;AAAA,wBAC5C,KAAK,QAAQ;AAAA;AAAA;AAAA,iBAGpB,KAAK,WAAW;AAAA;AAAA;AAAA,SAGxB;AAAA;AAAA,QAED,KAAK,eAAe,QAAQ,YAAA,MAAkB,sBAC5Cf;AAAA;AAAA,yBAEe,KAAK,SAAS;AAAA,2BACZ,KAAK,WAAW,qBAC/B,KAAK,YAAY;AAAA,2BACF,CAAC,KAAK,IAAI;AAAA,kCAE3B,EAAE;AAAA;AAAA,EAEV;AACF;AA9SEQ,EAAO,SAASP,EAAUC,CAAM,GA+BhCM,EAAO,iBAAiB;AAhCnB,IAAMQ,IAANR;AAGuCJ,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAH/BW,EAGiC,WAAA,SAAA;AACAZ,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAJ/BW,EAIiC,WAAA,UAAA;AACAZ,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAL/BW,EAKiC,WAAA,UAAA;AAChBZ,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GANfW,EAMiB,WAAA,OAAA;AACAZ,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPfW,EAOiB,WAAA,aAAA;AACeZ,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAR9BW,EAQgC,WAAA,IAAA;AACAZ,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAT9BW,EASgC,WAAA,MAAA;AACfZ,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAVfW,EAUiB,WAAA,OAAA;AACeZ,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAX9BW,EAWgC,WAAA,MAAA;AACCZ,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAZ/BW,EAYiC,WAAA,WAAA;AAChBZ,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAbfW,EAaiB,WAAA,cAAA;AACCZ,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GAdhBW,EAckB,WAAA,YAAA;AACeZ,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAf/BW,EAeiC,WAAA,MAAA;AACAZ,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAhB/BW,EAgBiC,WAAA,UAAA;AAChBZ,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAjBfW,EAiBiB,WAAA,SAAA;AACeZ,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAlB9BW,EAkBgC,WAAA,MAAA;AA+RxC,eAAe,IAAI,cAAc,KACpC,eAAe,OAAO,gBAAgBA,CAAW;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-checkbox",
-  "version": "1.11.4",
+  "version": "1.13.0",
   "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.11.4",
-    "@nysds/nys-label": "^1.11.4",
-    "@nysds/nys-errormessage": "^1.11.4"
+    "@nysds/nys-icon": "^1.13.0",
+    "@nysds/nys-label": "^1.13.0",
+    "@nysds/nys-errormessage": "^1.13.0"
   },
   "devDependencies": {
     "lit": "^3.3.1",