@nysds/nys-radiobutton 1.18.3 → 1.19.1

package/dist/nys-radiobutton.js

@@ -1,40 +1,109 @@
-import { LitElement as v, unsafeCSS as w, html as f } from "lit";
-import { property as r, state as g } from "lit/decorators.js";
-import { ifDefined as m } from "lit/directives/if-defined.js";
+import { LitElement as g, unsafeCSS as k, html as b } from "lit";
+import { property as i, state as _ } from "lit/decorators.js";
+import { ifDefined as v } from "lit/directives/if-defined.js";
 /*!
    * █▄  █  █   █  █▀▀▀█  █▀▀▄  █▀▀▀█
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Radiobutton Component v1.18.3
+   * Radiobutton Component v1.19.1
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
 */
-const E = `:host{--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiobutton-border-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-color: var(--nys-color-focus, #004dd1);--_nys-radiobutton-outline-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-offset: var(--nys-space-2px, 2px);--_nys-radiobutton-gap: var(--nys-space-150, 12px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-radiobutton-font-size: var(--nys-font-size-ui-md, 16px);--_nys-radiobutton-font-weight--label: var(--nys-font-weight-regular, 400);--_nys-radiobutton-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-radiobutton-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-radiobutton-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-border-color: var(--nys-color-neutral-600, #62666a);--_nys-radiobutton-background-color--hover: var( --nys-color-neutral-50, #ededed );--_nys-radiobutton-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--checked: var(--nys-color-theme, #154973);--_nys-radiobutton-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-radiobutton-border-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-radiobutton-size: var(--nys-size-300, 24px);--_nys-radiobutton-border-radius: var(--nys-radius-sm, 2px);--_nys-radiogroup-gap: var(--nys-space-100, 8px);--_nys-radiobutton-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-gap: var(--nys-space-150, 12px)}:host([tile]){--_nys-radiobutton-font-weight--label: var(--nys-font-weight-semibold, 600);--_nys-radiobutton-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-radiobutton-border-radius--tile: var(--nys-radius-md, 4px);--_nys-radiobutton-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-radiobutton-background-color--tile: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-padding--x--tile: var(--nys-space-250, 20px);--_nys-radiobutton-padding--y--tile: var(--nys-space-200, 16px);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-radiobutton-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-radiobutton-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-radiobutton-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-radiobutton-border-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-background-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-radiobutton-padding--x--tile: var(--nys-space-200, 16px);--_nys-radiobutton-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-radiobutton-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--active: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-danger, #b52c2c )}.nys-radiogroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height)}.nys-radiogroup__content{gap:var(--_nys-radiogroup-gap);display:flex;flex-direction:column}.nys-radiobutton{display:flex;flex-direction:column;font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height);border-radius:var(--_nys-radiobutton-border-radius--tile);border:var(--_nys-radiobutton-border-width--tile) solid var(--_nys-radiobutton-border-color--tile);background-color:var(--_nys-radiobutton-background-color--tile);padding:var(--_nys-radiobutton-padding--y--tile) var(--_nys-radiobutton-padding--x--tile)}.nys-radiobutton__radio{appearance:none;width:var(--_nys-radiobutton-size);height:var(--_nys-radiobutton-size);min-width:var(--_nys-radiobutton-size);min-height:var(--_nys-radiobutton-size);max-width:var(--_nys-radiobutton-size);max-height:var(--_nys-radiobutton-size);border:solid var(--_nys-radiobutton-border-width) var(--_nys-radiobutton-border-color);background-color:var(--_nys-radiobutton-background-color);border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:contain;outline-offset:var(--_nys-radiobutton-outline-offset);outline:none;margin:0 0 auto;box-sizing:border-box}.nys-radiobutton:hover,.nys-radiobutton:hover *{cursor:pointer}input:not(:disabled):checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');background-color:var(--_nys-radiobutton-background-color--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--tile--checked);background-color:var(--_nys-radiobutton-background-color--tile--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked:hover)+.nys-radiobutton .nys-radiobutton__radio{cursor:default}input:disabled:checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');border-color:var(--_nys-radiobutton-border-color--checked--disabled);background-color:var(--_nys-radiobutton-background-color--checked--disabled)}:host([tile]) .nys-radiobutton:has(input:disabled:checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-background-color--tile--disabled);background-color:var(--_nys-radiobutton-border-color--tile--disabled)}input:disabled+.nys-radiobutton,input:disabled+.nys-radiobutton *{cursor:not-allowed}input:disabled+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}:host([tile]) .nys-radiobutton:has(input:disabled)+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}input:hover:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio,input:not(:disabled):not(:checked)+.nys-radiobutton:hover .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--hover);background-color:var(--_nys-radiobutton-background-color--hover)}:host([tile]) input:not(:disabled):not(:checked)+.nys-radiobutton:hover{border-color:var(--_nys-radiobutton-border-color--tile--hover);background-color:var(--_nys-radiobutton-background-color--tile--hover);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--hover)}input:active:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio,input:not(:disabled):not(:checked)+.nys-radiobutton:active .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--active);background-color:var(--_nys-radiobutton-background-color--active)}:host([tile]) input:not(:disabled):not(:checked)+.nys-radiobutton:active{border-color:var(--_nys-radiobutton-border-color--tile--active);background-color:var(--_nys-radiobutton-background-color--tile--active);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--active)}:host(:focus-visible){outline:none}:host(:focus-visible) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color)}input:focus-visible+.nys-radiobutton .nys-radiobutton__radio,.nys-radiobutton:has(:focus-visible) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color);outline-offset:var(--_nys-radiobutton-outline-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.nys-radiobutton__main-container{display:flex;align-items:center}.nys-radiobutton__other-container{display:flex;padding-inline-start:calc(var(--_nys-radiobutton-size) + var(--_nys-radiobutton-gap))}.nys-radiobutton__main-container>nys-label{--_nys-label-font-weight: var(--_nys-radiobutton-font-weight--label);display:flex;padding-inline-start:var(--_nys-radiobutton-gap)}:host([tile]) .nys-radiobutton__main-container>nys-label{--_nys-description-font-style: normal}input:disabled+.nys-radiobutton .nys-radiobutton__main-container>nys-label,input:disabled+.nys-radiobutton .nys-radiobutton__main-container>nys-label *{cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-radiobutton-color--disabled);--_nys-description-color: var(--_nys-radiobutton-color--disabled);color:var(--_nys-radiobutton-color--disabled)}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}`;
-var A = Object.defineProperty, l = (b, t, e, o) => {
-  for (var s = void 0, n = b.length - 1, h; n >= 0; n--)
-    (h = b[n]) && (s = h(t, e, s) || s);
-  return s && A(t, e, s), s;
+const w = `:host{--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiobutton-border-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-color: var(--nys-color-focus, #004dd1);--_nys-radiobutton-outline-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-offset: var(--nys-space-2px, 2px);--_nys-radiobutton-gap: var(--nys-space-150, 12px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-radiobutton-font-size: var(--nys-font-size-ui-md, 16px);--_nys-radiobutton-font-weight--label: var(--nys-font-weight-regular, 400);--_nys-radiobutton-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-radiobutton-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-radiobutton-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-border-color: var(--nys-color-neutral-600, #62666a);--_nys-radiobutton-background-color--hover: var( --nys-color-neutral-50, #ededed );--_nys-radiobutton-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--checked: var(--nys-color-theme, #154973);--_nys-radiobutton-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-radiobutton-border-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-radiobutton-size: var(--nys-size-300, 24px);--_nys-radiobutton-border-radius: var(--nys-radius-sm, 2px);--_nys-radiogroup-gap: var(--nys-space-100, 8px);--_nys-radiobutton-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-gap: var(--nys-space-150, 12px)}:host([tile]){--_nys-radiobutton-font-weight--label: var(--nys-font-weight-semibold, 600);--_nys-radiobutton-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-radiobutton-border-radius--tile: var(--nys-radius-md, 4px);--_nys-radiobutton-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-radiobutton-background-color--tile: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-padding--x--tile: var(--nys-space-250, 20px);--_nys-radiobutton-padding--y--tile: var(--nys-space-200, 16px);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-radiobutton-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-radiobutton-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-radiobutton-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-radiobutton-border-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-background-color--tile--disabled: var( --nys-color-ink-reverse, #ffffff )}:host([tile][size=sm]){--_nys-radiobutton-padding--x--tile: var(--nys-space-200, 16px);--_nys-radiobutton-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-radiobutton-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--active: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-danger, #b52c2c )}.nys-radiogroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height)}.nys-radiogroup legend{margin-bottom:var(--nys-space-200, 16px)}.nys-radiogroup__content{gap:var(--_nys-radiogroup-gap);display:flex;flex-direction:column}.nys-radiobutton{display:flex;flex-direction:column;font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height);border-radius:var(--_nys-radiobutton-border-radius--tile);border:var(--_nys-radiobutton-border-width--tile) solid var(--_nys-radiobutton-border-color--tile);background-color:var(--_nys-radiobutton-background-color--tile);padding:var(--_nys-radiobutton-padding--y--tile) var(--_nys-radiobutton-padding--x--tile)}.nys-radiobutton__radio{appearance:none;width:var(--_nys-radiobutton-size);height:var(--_nys-radiobutton-size);min-width:var(--_nys-radiobutton-size);min-height:var(--_nys-radiobutton-size);max-width:var(--_nys-radiobutton-size);max-height:var(--_nys-radiobutton-size);border:solid var(--_nys-radiobutton-border-width) var(--_nys-radiobutton-border-color);background-color:var(--_nys-radiobutton-background-color);border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:contain;outline-offset:var(--_nys-radiobutton-outline-offset);outline:none;margin:0 0 auto;box-sizing:border-box}.nys-radiobutton:hover,.nys-radiobutton:hover *{cursor:pointer}.nys-radiobutton__radio:not(:disabled):checked{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');background-color:var(--_nys-radiobutton-background-color--checked)}:host([tile]) .nys-radiobutton:has(.nys-radiobutton__radio:not(:disabled):checked){border-color:var(--_nys-radiobutton-border-color--tile--checked);background-color:var(--_nys-radiobutton-background-color--tile--checked)}:host([tile]) .nys-radiobutton:has(.nys-radiobutton__radio:not(:disabled):checked:hover){cursor:default}.nys-radiobutton__radio:disabled:checked{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');border-color:var(--_nys-radiobutton-border-color--checked--disabled);background-color:var(--_nys-radiobutton-background-color--checked--disabled)}:host([tile]) .nys-radiobutton:has(.nys-radiobutton__radio:disabled){border-color:var(--_nys-radiobutton-border-color--tile--disabled);background-color:var(--_nys-radiobutton-background-color--tile--disabled)}.nys-radiobutton__radio:disabled{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}.nys-radiobutton__radio:hover:not(:disabled):not(:checked),.nys-radiobutton:hover .nys-radiobutton__radio:not(:disabled):not(:checked){border-color:var(--_nys-radiobutton-border-color--hover);background-color:var(--_nys-radiobutton-background-color--hover)}:host([tile]) .nys-radiobutton:hover:has(.nys-radiobutton__radio:not(:disabled):not(:checked)){border-color:var(--_nys-radiobutton-border-color--tile--hover);background-color:var(--_nys-radiobutton-background-color--tile--hover);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--hover)}.nys-radiobutton__radio:active:not(:disabled):not(:checked),.nys-radiobutton:active .nys-radiobutton__radio:not(:disabled):not(:checked){border-color:var(--_nys-radiobutton-border-color--active);background-color:var(--_nys-radiobutton-background-color--active)}:host([tile]) .nys-radiobutton:active:has(.nys-radiobutton__radio:not(:disabled):not(:checked)){border-color:var(--_nys-radiobutton-border-color--tile--active);background-color:var(--_nys-radiobutton-background-color--tile--active);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--active)}:host(:focus-visible){outline:none}:host(:focus-visible) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color)}.nys-radiobutton__radio:focus-visible{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color);outline-offset:var(--_nys-radiobutton-outline-offset)}.nys-radiobutton__main-container{display:flex;align-items:center}.nys-radiobutton__other-container{display:flex;padding-inline-start:calc(var(--_nys-radiobutton-size) + var(--_nys-radiobutton-gap))}.nys-radiobutton__main-container>nys-label{--_nys-label-font-weight: var(--_nys-radiobutton-font-weight--label);display:flex;padding-inline-start:var(--_nys-radiobutton-gap)}:host([tile]) .nys-radiobutton__main-container>nys-label{--_nys-description-font-style: normal}.nys-radiobutton:has(.nys-radiobutton__radio:disabled) .nys-radiobutton__main-container>nys-label,.nys-radiobutton:has(.nys-radiobutton__radio:disabled) .nys-radiobutton__main-container>nys-label *{cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-radiobutton-color--disabled);--_nys-description-color: var(--_nys-radiobutton-color--disabled);color:var(--_nys-radiobutton-color--disabled)}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}`;
+var E = Object.defineProperty, l = (y, t, o, e) => {
+  for (var r = void 0, s = y.length - 1, u; s >= 0; s--)
+    (u = y[s]) && (r = u(t, o, r) || r);
+  return r && E(t, o, r), r;
+};
+let $ = 0;
+const m = class m extends g {
+  constructor() {
+    super(...arguments), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.form = null, this.size = "md", this.tile = !1, this.other = !1, this.showOtherError = !1;
+  }
+  /**
+   * Lifecycle methods
+   * --------------------------------------------------------------------------
+   */
+  connectedCallback() {
+    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${$++}`);
+  }
+  render() {
+    return b``;
+  }
+};
+m.styles = k(w);
+let d = m;
+l([
+  i({ type: Boolean, reflect: !0 })
+], d.prototype, "checked");
+l([
+  i({ type: Boolean, reflect: !0 })
+], d.prototype, "disabled");
+l([
+  i({ type: Boolean, reflect: !0 })
+], d.prototype, "required");
+l([
+  i({ type: String })
+], d.prototype, "label");
+l([
+  i({ type: String })
+], d.prototype, "description");
+l([
+  i({ type: String, reflect: !0 })
+], d.prototype, "id");
+l([
+  i({ type: String, reflect: !0 })
+], d.prototype, "name");
+l([
+  i({ type: String })
+], d.prototype, "value");
+l([
+  i({ type: String, reflect: !0 })
+], d.prototype, "form");
+l([
+  i({ type: String, reflect: !0 })
+], d.prototype, "size");
+l([
+  i({ type: Boolean, reflect: !0 })
+], d.prototype, "tile");
+l([
+  i({ type: Boolean, reflect: !0 })
+], d.prototype, "other");
+l([
+  i({ type: Boolean })
+], d.prototype, "showOtherError");
+customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", d);
+var A = Object.defineProperty, a = (y, t, o, e) => {
+  for (var r = void 0, s = y.length - 1, u; s >= 0; s--)
+    (u = y[s]) && (r = u(t, o, r) || r);
+  return r && A(t, o, r), r;
 };
 let R = 0;
-const p = class p extends v {
+const p = class p extends g {
   // 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.form = null, this.size = "md", this.selectedValue = null, this._slottedDescriptionText = "", this._internals = this.attachInternals();
+    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.form = null, this.size = "md", this._showOtherError = !1, this.selectedValue = null, this._slottedDescriptionText = "", this._radios = [], this.isMobile = !1, this._hasUserInteracted = !1, this._handleMobileQuery = () => {
+      this.isMobile = this._mobileQuery.matches;
+    }, this._handleRadiobtnClick = (t) => {
+      t.disabled || this.shadowRoot?.querySelector(`#input-${t.id}`)?.click();
+    }, this._internals = this.attachInternals();
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${R++}`), this.addEventListener("nys-change", this._handleRadioButtonChange), this.addEventListener("invalid", this._handleInvalid), this.addEventListener("nys-error", this._handleChildError), this.addEventListener("nys-error-clear", this._handleChildErrorClear), this.addEventListener("nys-other-input", this._handleOtherInput);
+    super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${R++}`), this._mobileQuery = window.matchMedia("(max-width: 479px)"), this.isMobile = this._mobileQuery.matches, this._mobileQuery.addEventListener("change", this._handleMobileQuery), this.addEventListener("invalid", this._handleInvalid), this._childObserver = new MutationObserver(() => {
+      this._radios = this._getAllRadios(), this.requestUpdate();
+    }), this._childObserver.observe(this, { childList: !0 });
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("nys-change", this._handleRadioButtonChange), this.removeEventListener("invalid", this._handleInvalid), this.removeEventListener("nys-error", this._handleChildError), this.removeEventListener("nys-error-clear", this._handleChildErrorClear), this.removeEventListener("nys-other-input", this._handleOtherInput);
+    super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid), this._mobileQuery.removeEventListener("change", this._handleMobileQuery), this._childObserver?.disconnect();
   }
   async firstUpdated() {
-    await this.updateComplete, this._initializeCheckedRadioValue(), this._setValue(), this._setRadioButtonRequire(), this._updateRadioButtonsSize(), this._updateRadioButtonsTile(), this._updateRadioButtonsShowError(), this._getSlotDescriptionForAria(), this._initializeChildAttributes(), this._updateGroupTabIndex();
+    await this.updateComplete, this._radios = this._getAllRadios(), this._initializeCheckedRadioValue(), this._setValue(), this._setRadioButtonRequire(), this._updateRadioButtonsSize(), this._getSlotDescriptionForAria(), this._initializeChildAttributes(), this._updateGroupTabIndex();
   }
   updated(t) {
-    (t.has("required") || t.has("selectedValue")) && (this.showError || this._manageRequire()), t.has("size") && this._updateRadioButtonsSize(), t.has("tile") && this._updateRadioButtonsTile(), t.has("showError") && this._updateRadioButtonsShowError(), t.has("form") && this._updateRadioButtonsForm();
+    (t.has("required") || t.has("selectedValue")) && (this.showError || this._manageRequire()), t.has("size") && this._updateRadioButtonsSize(), this._updateGroupTabIndex();
   }
   /**
    * Form Integration
@@ -43,25 +112,28 @@ const p = class p extends v {
   _setValue() {
     this._internals.setFormValue(this.selectedValue);
   }
-  // Updates the "require" attribute of the first radiobutton underneath a radiogroup.
-  // This will make sure there's a requirement for all radiobutton under the same name/group
   _setRadioButtonRequire() {
-    this.querySelectorAll("nys-radiobutton").forEach((e, o) => {
-      this.required && o === 0 && e.setAttribute("required", "required");
+    this.querySelectorAll("nys-radiobutton").forEach((o, e) => {
+      this.required && e === 0 && o.setAttribute("required", "required");
     });
   }
   async _manageRequire() {
-    const t = this.errorMessage || "Please select an option.", o = Array.from(this.querySelectorAll("nys-radiobutton"))[0];
-    o && (this.required && !this.selectedValue ? this._internals.setValidity(
-      { valueMissing: !0 },
-      t,
-      o
-      // pass the custom element, not shadow input
-    ) : (this.showError = !1, this._internals.setValidity({}, "", o)));
+    const t = this.errorMessage || "Please select an option.", e = Array.from(this.querySelectorAll("nys-radiobutton"))[0];
+    if (e) {
+      const r = this.shadowRoot?.querySelector(
+        `#input-${e.id}`
+      );
+      this.required && !this.selectedValue ? this._internals.setValidity(
+        { valueMissing: !0 },
+        t,
+        r ?? e
+        // pass the custom element, not shadow input
+      ) : (this.showError = !1, this._internals.setValidity({}, "", e));
+    }
   }
   checkValidity() {
     const t = Array.from(this.querySelectorAll("nys-radiobutton"));
-    return !this.required || t.some((o) => o.checked);
+    return !this.required || t.some((e) => e.checked);
   }
   // Need to account for if radiogroup already have a radiobutton checked at initialization
   _initializeCheckedRadioValue() {
@@ -86,433 +158,296 @@ const p = class p extends v {
     ].includes(t.key) || (t.key === "ArrowLeft" || t.key === "ArrowRight") && t.composedPath().some((x) => x.tagName === "NYS-TEXTINPUT"))
       return;
     t.preventDefault();
-    const o = this._getAllRadios().filter((c) => !c.disabled), s = o.find((c) => c === t.target), n = o.find((c) => c.matches(":focus")), h = s || n || o.find((c) => c.checked) || o[0];
-    let _ = 0;
-    ["ArrowUp", "ArrowLeft"].includes(t.key) ? _ = -1 : ["ArrowDown", "ArrowRight"].includes(t.key) && (_ = 1);
-    let y = o.indexOf(h) + _;
-    y < 0 && (y = o.length - 1), y >= o.length && (y = 0);
-    const k = o[y];
-    (await k.getInputElement())?.click(), await this.updateComplete, this._updateGroupTabIndex(), k.focus();
+    const e = this._getAllRadios().filter((c) => !c.disabled), r = t.target, s = e.find(
+      (c) => this.shadowRoot?.querySelector(`#input-${c.id}`) === r
+    ) || e.find((c) => c.checked) || e[0];
+    let u = 0;
+    ["ArrowUp", "ArrowLeft"].includes(t.key) ? u = -1 : ["ArrowDown", "ArrowRight"].includes(t.key) && (u = 1);
+    let h = e.indexOf(s) + u;
+    h < 0 && (h = e.length - 1), h >= e.length && (h = 0);
+    const f = e[h];
+    this._selectRadio(f), await this.updateComplete, this._updateGroupTabIndex(), this.shadowRoot?.querySelector(`#input-${f.id}`)?.focus();
   }
   _updateGroupTabIndex() {
-    const t = this._getAllRadios(), e = t.find((o) => o.checked && !o.disabled) || t.find((o) => !o.disabled);
-    t.forEach((o) => {
-      o.tabIndex = o === e && !o.disabled ? 0 : -1;
+    const t = this._getAllRadios(), o = t.find((e) => e.checked && !e.disabled) || t.find((e) => !e.disabled);
+    t.forEach((e) => {
+      const r = this.shadowRoot?.querySelector(
+        `#input-${e.id}`
+      );
+      r && (r.tabIndex = e === o ? 0 : -1);
     });
   }
   // This callback is automatically called when the parent form is reset.
   formResetCallback() {
-    this.querySelectorAll("nys-radiobutton").forEach((e) => {
-      e.formResetUpdate();
-    }), this.selectedValue = null, this._internals.setFormValue(null), this.showError = !1, this.errorMessage = "", this._internals.setValidity({}), this.requestUpdate();
+    this.querySelectorAll("nys-radiobutton").forEach((o) => {
+      o.checked = !1;
+    }), this.selectedValue = null, this._internals.setFormValue(null), this.showError = !1, this.errorMessage = "", this._internals.setValidity({}), this._hasUserInteracted = !1, this.requestUpdate();
+  }
+  _handleSlotChange() {
+    this._radios = Array.from(this.querySelectorAll("nys-radiobutton")), this.requestUpdate();
   }
-  /**
-   * Functions
-   * --------------------------------------------------------------------------
-   */
   // Apply ARIA & initial tabindex to each child radio
   _initializeChildAttributes() {
-    this._getAllRadios().forEach((e) => {
-      e.setAttribute("tabindex", "-1");
+    this._getAllRadios().forEach((o) => {
+      o.getAttribute("tabindex") !== "-1" && o.setAttribute("tabindex", "-1");
     });
   }
-  // Updates the size of each radiobutton underneath a radiogroup to ensure size standardization
   _updateRadioButtonsSize() {
-    this.querySelectorAll("nys-radiobutton").forEach((e) => {
-      e.setAttribute("size", this.size);
+    this.querySelectorAll("nys-radiobutton").forEach((o) => {
+      o.getAttribute("size") !== this.size && o.setAttribute("size", this.size);
     });
   }
-  _updateRadioButtonsTile() {
-    this.querySelectorAll("nys-radiobutton").forEach((e) => {
-      this.tile ? e.toggleAttribute("tile", !0) : e.removeAttribute("tile");
-    });
-  }
-  _updateRadioButtonsShowError() {
-    this.querySelectorAll("nys-radiobutton").forEach((e) => {
-      this.showError ? e.setAttribute("showError", "") : e.removeAttribute("showError");
-    });
-  }
-  _updateRadioButtonsForm() {
-    this.querySelectorAll("nys-radiobutton").forEach((e) => {
-      this.showError && this.form !== null ? e.setAttribute("form", this.form) : e.removeAttribute("form");
-    });
+  _selectRadio(t) {
+    if (t.checked || t.disabled) return;
+    this._getAllRadios().forEach((e) => {
+      e.checked = !1;
+    }), t.checked = !0, this._showOtherError = !1, this._hasUserInteracted = !1, this.name = t.name, this.selectedValue = t.value, this._internals.setFormValue(this.selectedValue), this._internals.setValidity({}), this.showError = !1, this._updateGroupTabIndex(), this.requestUpdate(), this.dispatchEvent(
+      new CustomEvent("nys-change", {
+        detail: {
+          id: t.id,
+          checked: t.checked,
+          name: t.name,
+          value: t.value
+        },
+        bubbles: !0,
+        composed: !0
+      })
+    );
   }
   // Get the slotted text contents so native VO can attempt to announce it within the legend in the fieldset
   _getSlotDescriptionForAria() {
-    const e = this.shadowRoot?.querySelector(
+    const o = this.shadowRoot?.querySelector(
       'slot[name="description"]'
     )?.assignedNodes({ flatten: !0 }) || [];
-    this._slottedDescriptionText = e.map((o) => o.textContent?.trim()).filter(Boolean).join(", ");
+    this._slottedDescriptionText = o.map((e) => e.textContent?.trim()).filter(Boolean).join(", ");
   }
   /**
    * Event Handlers
    * --------------------------------------------------------------------------
    */
-  // Keeps radiogroup informed of the name and value of its current selected radiobutton at each change
-  _handleRadioButtonChange(t) {
-    const { name: e, value: o } = t.detail;
-    this.name = e, this.selectedValue = o, this._internals.setFormValue(this.selectedValue), this._internals.setValidity({}), this.showError = !1, this._updateGroupTabIndex();
-  }
   async _handleInvalid(t) {
-    if (t.preventDefault(), this._internals.validity.customError) {
-      const s = this._getAllRadios().find((n) => n.other && n.checked);
+    t.preventDefault();
+    const e = this._getAllRadios().find((s) => s.other && s.checked);
+    if (e && e.value.trim() === "") {
+      this.showError = !0, this._hasUserInteracted = !0, this._validateOtherAndEmitError(e), await this.updateComplete;
+      const s = this.shadowRoot?.querySelector("nys-textinput");
       if (s) {
-        const n = s.shadowRoot?.querySelector("nys-textinput");
-        if (s.classList.remove("focused"), n) {
-          await n.updateComplete, n.focus();
-          return;
-        }
+        await s.updateComplete, s.focus();
+        return;
       }
     }
     this.showError = !0, await this._manageRequire();
-    const e = this.querySelector("nys-radiobutton");
-    if (e) {
-      const o = this._internals.form;
-      o ? Array.from(o.elements).find(
-        (h) => typeof h.checkValidity == "function" && !h.checkValidity()
-      ) === this && e.focus() : e.focus();
-    }
-  }
-  _handleChildError(t) {
-    t.stopPropagation();
-    const { message: e, sourceRadio: o } = t.detail;
-    o && (this.showError = !0, this._internals.setValidity(
-      { customError: !0 },
-      e || "Please complete this field.",
-      o
-    ));
-  }
-  _handleChildErrorClear() {
-    this._internals.setValidity({}), this.showError = !1;
-  }
-  _handleOtherInput(t) {
-    const { value: e } = t.detail;
-    this.selectedValue = e, this._internals.setFormValue(e);
-  }
-  render() {
-    return f`<fieldset
-      aria-label="${this.label}${this._slottedDescriptionText ? ` ${this._slottedDescriptionText}` : this.description ? ` ${this.description}` : ""}"
-      role="radiogroup"
-      class="nys-radiogroup"
-    >
-      <legend>
-        <nys-label
-          label=${this.label}
-          description=${this.description}
-          flag=${this.required ? "required" : this.optional ? "optional" : ""}
-          tooltip=${this.tooltip}
-        >
-          <slot name="description" slot="description">${this.description}</slot>
-        </nys-label>
-      </legend>
-      <div class="nys-radiogroup__content" @keydown=${this._handleKeyDown}>
-        <slot></slot>
-      </div>
-      <nys-errormessage
-        ?showError=${this.showError}
-        errorMessage=${this._internals.validationMessage || this.errorMessage}
-        .showDivider=${!this.tile}
-      ></nys-errormessage>
-    </fieldset>`;
-  }
-};
-p.styles = w(E), p.shadowRootOptions = {
-  ...v.shadowRootOptions,
-  delegatesFocus: !0
-}, p.formAssociated = !0;
-let a = p;
-l([
-  r({ type: String, reflect: !0 })
-], a.prototype, "id");
-l([
-  r({ type: String, reflect: !0 })
-], a.prototype, "name");
-l([
-  r({ type: Boolean, reflect: !0 })
-], a.prototype, "required");
-l([
-  r({ type: Boolean, reflect: !0 })
-], a.prototype, "optional");
-l([
-  r({ type: Boolean, reflect: !0 })
-], a.prototype, "showError");
-l([
-  r({ type: String })
-], a.prototype, "errorMessage");
-l([
-  r({ type: String })
-], a.prototype, "label");
-l([
-  r({ type: String })
-], a.prototype, "description");
-l([
-  r({ type: Boolean, reflect: !0 })
-], a.prototype, "tile");
-l([
-  r({ type: String })
-], a.prototype, "tooltip");
-l([
-  r({ type: String, reflect: !0 })
-], a.prototype, "form");
-l([
-  r({ type: String, reflect: !0 })
-], a.prototype, "size");
-l([
-  g()
-], a.prototype, "selectedValue");
-l([
-  g()
-], a.prototype, "_slottedDescriptionText");
-customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", a);
-var C = Object.defineProperty, u = (b, t, e, o) => {
-  for (var s = void 0, n = b.length - 1, h; n >= 0; n--)
-    (h = b[n]) && (s = h(t, e, s) || s);
-  return s && C(t, e, s), s;
-};
-let $ = 0;
-var i;
-const d = (i = class extends v {
-  constructor() {
-    super(...arguments), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.form = null, this.size = "md", this.tile = !1, this.other = !1, this.showOtherError = !1, this.isMobile = window.innerWidth < 480, this._hasUserInteracted = !1, this._handleResize = () => {
-      this.isMobile = window.innerWidth < 480;
-    };
-  }
-  /**
-   * Lifecycle methods
-   * --------------------------------------------------------------------------
-   */
-  connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${$++}`), this.checked && (i.buttonGroup[this.name] && (i.buttonGroup[this.name].checked = !1, i.buttonGroup[this.name].requestUpdate()), i.buttonGroup[this.name] = this), this.addEventListener("focus", this._handleFocus), this.addEventListener("blur", this._handleBlur), this.addEventListener("click", this._handleChange), window.addEventListener("resize", this._handleResize);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("focus", this._handleFocus), this.removeEventListener("blur", this._handleBlur), window.removeEventListener("resize", this._handleResize);
-  }
-  updated(t) {
-    t.has("checked") && (t.get("checked") && !this.checked && this._clearOtherState(), this.checked && i.buttonGroup[this.name] !== this && (i.buttonGroup[this.name] && (i.buttonGroup[this.name].checked = !1, i.buttonGroup[this.name].requestUpdate()), i.buttonGroup[this.name] = this));
-  }
-  /**
-   * Functions
-   * --------------------------------------------------------------------------
-   */
-  async getInputElement() {
-    return await this.updateComplete, this.shadowRoot?.querySelector("input") || null;
-  }
-  // This callback is automatically called when the parent form is reset.
-  formResetUpdate() {
-    this.checked = !1, this._clearOtherState(), i.buttonGroup[this.name] === this && delete i.buttonGroup[this.name], this.requestUpdate();
-  }
-  _clearOtherState() {
-    this.other && (this.showOtherError = !1, this._hasUserInteracted = !1, this._dispatchClearErrorEvent());
-  }
-  _dispatchClearErrorEvent() {
-    this.dispatchEvent(
-      new CustomEvent("nys-error-clear", {
-        detail: {
-          id: this.id,
-          name: this.name,
-          type: "other"
-        },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  /**
-   * Event Handlers
-   * --------------------------------------------------------------------------
-   */
-  _emitChangeEvent() {
-    this.dispatchEvent(
-      new CustomEvent("nys-change", {
-        detail: {
-          id: this.id,
-          checked: this.checked,
-          name: this.name,
-          value: this.value
-        },
-        bubbles: !0,
-        composed: !0
-      })
+    const r = this._getAllRadios().find(
+      (s) => !s.disabled
     );
+    if (r) {
+      const s = () => {
+        this.shadowRoot?.querySelector(`#input-${r.id}`)?.focus();
+      }, u = this._internals.form;
+      u ? Array.from(u.elements).find(
+        (c) => typeof c.checkValidity == "function" && !c.checkValidity()
+      ) === this && s() : s();
+    }
   }
-  _emitOtherInputEvent() {
-    this.dispatchEvent(
+  _handleTextInput(t, o) {
+    const e = o.target;
+    t.value = e.value, this.selectedValue = e.value, this._internals.setFormValue(e.value), this._hasUserInteracted && this._validateOtherAndEmitError(t), this.dispatchEvent(
       new CustomEvent("nys-other-input", {
-        detail: {
-          id: this.id,
-          name: this.name,
-          value: this.value
-        },
+        detail: { id: t.id, name: t.name, value: t.value },
         bubbles: !0,
         composed: !0
       })
     );
   }
-  // Handle radiobutton change event & un-selection of other radio options in group
-  async _handleChange() {
-    this.showOtherError = !1, !this.checked && !this.disabled && (i.buttonGroup[this.name] && (i.buttonGroup[this.name].checked = !1, i.buttonGroup[this.name].requestUpdate()), i.buttonGroup[this.name] = this, this.checked = !0, this._validateOtherAndEmitError(), this._emitChangeEvent());
+  _handleTextInputBlur(t) {
+    this._hasUserInteracted = !0, this._validateOtherAndEmitError(t);
   }
-  // Handle focus event
-  _handleFocus() {
-    this.dispatchEvent(
-      new Event("nys-focus", { bubbles: !0, composed: !0 })
+  _validateOtherAndEmitError(t) {
+    if (!t.other) return;
+    if (!t.checked || !this._hasUserInteracted) {
+      this._showOtherError = !1;
+      return;
+    }
+    const o = t.value.trim() === "";
+    this._showOtherError = o;
+    const e = this.shadowRoot?.querySelector(
+      `#input-${t.id}`
     );
+    o ? (this._internals.setValidity(
+      {
+        customError: !0
+      },
+      "Please enter a value for this option.",
+      e ?? t
+    ), this.showError = !0) : (this._internals.setValidity({}), this.showError = !1);
   }
-  // Handle blur event
-  _handleBlur() {
-    this.dispatchEvent(
-      new Event("nys-blur", { bubbles: !0, composed: !0 })
-    ), setTimeout(() => {
-      this.other && this.checked && (this._hasUserInteracted = !0, this._validateOtherAndEmitError());
-    }, 50);
+  _handleOtherKeydown(t) {
+    (t.key == "Space" || t.key === " ") && t.stopPropagation();
   }
-  _callInputHandling() {
-    if (this.disabled) return;
-    const t = this.shadowRoot?.querySelector(
-      'input[type="radio"]'
-    ), e = this.shadowRoot?.querySelector(
-      ".nys-radiobutton__radio"
+  _handleGroupFocusout(t) {
+    const o = t.relatedTarget;
+    if (o && this.shadowRoot?.contains(o)) return;
+    const e = this._getAllRadios().find(
+      (r) => r.other && r.checked
     );
-    t && (t.click(), e?.focus());
-  }
-  _handleTextInput(t) {
-    let o = t.target.value;
-    this.value = o, this._hasUserInteracted && this._validateOtherAndEmitError(), this._emitOtherInputEvent();
-  }
-  _handleTextInputBlur() {
-    this._hasUserInteracted = !0, this._validateOtherAndEmitError();
+    e && e.value.trim() === "" && (this._hasUserInteracted = !0, this._validateOtherAndEmitError(e));
   }
-  _validateOtherAndEmitError() {
-    if (!this.other) return;
-    if (!this.checked || !this._hasUserInteracted) {
-      this.showOtherError = !1;
-      return;
-    }
-    const t = this.value.trim() === "";
-    this.showOtherError = t, t ? this.dispatchEvent(
-      new CustomEvent("nys-error", {
-        detail: {
-          id: this.id,
-          name: this.name,
-          type: "other",
-          message: "Please enter a value for this option.",
-          sourceRadio: this
-        },
-        bubbles: !0,
-        composed: !0
-      })
-    ) : this._dispatchClearErrorEvent();
+  _handleRadiobtnFocus(t) {
+    t.dispatchEvent(
+      new CustomEvent("nys-focus", { bubbles: !0, composed: !0 })
+    );
   }
-  _handleOtherKeydown(t) {
-    (t.key == "Space" || t.key === " ") && t.stopPropagation();
+  _handleRadiobtnBlur(t) {
+    t.dispatchEvent(
+      new CustomEvent("nys-blur", { bubbles: !0, composed: !0 })
+    );
   }
   render() {
-    return f`
-      <input
-        type="radio"
-        name="${m(this.name ? this.name : void 0)}"
-        .checked=${this.checked}
-        ?disabled=${this.disabled}
-        .value=${this.value}
-        ?required="${this.required}"
-        form=${m(this.form || void 0)}
-        @change="${this._handleChange}"
-        aria-hidden="true"
-        hidden
-        class="sr-only"
-      />
-      <div class="nys-radiobutton" @click="${this._callInputHandling}">
-        <div class="nys-radiobutton__main-container">
-          <span
-            role="radio"
-            class="nys-radiobutton__radio"
-            tabindex="0"
-            aria-labelledby="${this.id}-label"
-            aria-checked="${this.checked}"
-            aria-required="${this.required}"
-            aria-disabled="${this.disabled}"
-            title="${this.label}"
-          ></span>
-          ${(this.label || this.other) && f`<nys-label
-            aria-hidden="true"
-            id="${this.id}-label"
-            label="${this.label || (this.other ? "Other" : "")}"
-            description=${m(this.description || void 0)}
+    return b` <slot
+        style="display:none"
+        @slotchange=${this._handleSlotChange}
+      ></slot>
+      <fieldset
+        aria-label="${this.label}${this._slottedDescriptionText ? ` ${this._slottedDescriptionText}` : this.description ? ` ${this.description}` : ""}"
+        role="radiogroup"
+        aria-required=${this.required ? "true" : "false"}
+        class="nys-radiogroup"
+        @focusout=${this._handleGroupFocusout}
+      >
+        <legend>
+          <nys-label
+            label=${this.label}
+            description=${this.description}
+            flag=${this.required ? "required" : this.optional ? "optional" : ""}
+            tooltip=${this.tooltip}
           >
             <slot name="description" slot="description"
               >${this.description}</slot
             >
-          </nys-label> `}
-        </div>
-        <div class="nys-radiobutton__other-container">
-          ${this.other && this.checked ? f`
-                <nys-textinput
-                  .value=${this.value}
-                  id=${"radiobutton-other-" + this.id}
-                  @nys-input=${this._handleTextInput}
-                  @nys-blur=${this._handleTextInputBlur}
-                  @keydown=${this._handleOtherKeydown}
-                  @nys-focus=${() => this.classList.remove("focused")}
-                  ariaLabel="Other"
-                  aria-invalid=${this.showOtherError ? "true" : "false"}
-                  width=${this.isMobile ? "full" : "md"}
-                  ?disabled=${this.disabled}
-                ></nys-textinput>
-              ` : ""}
+          </nys-label>
+        </legend>
+        <div class="nys-radiogroup__content" @keydown=${this._handleKeyDown}>
+          ${this._radios.map(
+      (t, o) => b`
+              <div
+                class="nys-radiobutton"
+                @click=${() => this._handleRadiobtnClick(t)}
+              >
+                <div class="nys-radiobutton__main-container">
+                  <!-- <span class="nys-radiobutton__radio" tabindex="-1"></span> -->
+                  <input
+                    id="input-${t.id}"
+                    type="radio"
+                    class="nys-radiobutton__radio"
+                    name="${v(t.name || void 0)}"
+                    .checked=${t.checked}
+                    ?disabled=${t.disabled}
+                    .value=${t.value}
+                    ?required=${this.required && o === 0}
+                    form=${v(t.form || void 0)}
+                    aria-label="${t.label || (t.other ? "Other" : "")}"
+                    @change=${() => this._selectRadio(t)}
+                    @focus=${() => this._handleRadiobtnFocus(t)}
+                    @blur=${() => this._handleRadiobtnBlur(t)}
+                  />
+                  ${(t.label || t.other) && b`<nys-label
+                    aria-hidden="true"
+                    id="${t.id}-label"
+                    label="${t.label || (t.other ? "Other" : "")}"
+                    description=${v(t.description || void 0)}
+                  >
+                    <slot name="description" slot="description"
+                      >${t.description}</slot
+                    >
+                  </nys-label> `}
+                </div>
+                <div class="nys-radiobutton__other-container">
+                  ${t.other && t.checked ? b`
+                        <nys-textinput
+                          .value=${t.value}
+                          id=${"radiobutton-other-" + t.id}
+                          @nys-input=${(e) => this._handleTextInput(t, e)}
+                          @nys-blur=${() => this._handleTextInputBlur(t)}
+                          @keydown=${this._handleOtherKeydown}
+                          @nys-focus=${() => t.classList.remove("focused")}
+                          ariaLabel="Other"
+                          aria-invalid=${t.showOtherError ? "true" : "false"}
+                          width=${this.isMobile ? "full" : "md"}
+                          ?disabled=${t.disabled}
+                        ></nys-textinput>
+                      ` : ""}
+                </div>
+              </div>
+            `
+    )}
         </div>
-      </div>
-    `;
+        <nys-errormessage
+          ?showError=${this.showError}
+          errorMessage=${this._internals.validationMessage || this.errorMessage}
+          .showDivider=${!this.tile}
+        ></nys-errormessage>
+      </fieldset>`;
   }
-}, i.styles = w(E), i.shadowRootOptions = {
-  ...v.shadowRootOptions,
+};
+p.styles = k(w), p.shadowRootOptions = {
+  ...g.shadowRootOptions,
   delegatesFocus: !0
-}, i.buttonGroup = {}, i);
-u([
-  r({ type: Boolean, reflect: !0 })
-], d.prototype, "checked");
-u([
-  r({ type: Boolean, reflect: !0 })
-], d.prototype, "disabled");
-u([
-  r({ type: Boolean, reflect: !0 })
-], d.prototype, "required");
-u([
-  r({ type: String })
-], d.prototype, "label");
-u([
-  r({ type: String })
-], d.prototype, "description");
-u([
-  r({ type: String, reflect: !0 })
-], d.prototype, "id");
-u([
-  r({ type: String, reflect: !0 })
-], d.prototype, "name");
-u([
-  r({ type: String })
-], d.prototype, "value");
-u([
-  r({ type: String, reflect: !0 })
-], d.prototype, "form");
-u([
-  r({ type: String, reflect: !0 })
-], d.prototype, "size");
-u([
-  r({ type: Boolean, reflect: !0 })
-], d.prototype, "tile");
-u([
-  r({ type: Boolean, reflect: !0 })
-], d.prototype, "other");
-u([
-  r({ type: Boolean })
-], d.prototype, "showOtherError");
-u([
-  g()
-], d.prototype, "isMobile");
-let B = d;
-customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", B);
+}, p.formAssociated = !0;
+let n = p;
+a([
+  i({ type: String, reflect: !0 })
+], n.prototype, "id");
+a([
+  i({ type: String, reflect: !0 })
+], n.prototype, "name");
+a([
+  i({ type: Boolean, reflect: !0 })
+], n.prototype, "required");
+a([
+  i({ type: Boolean, reflect: !0 })
+], n.prototype, "optional");
+a([
+  i({ type: Boolean, reflect: !0 })
+], n.prototype, "showError");
+a([
+  i({ type: String })
+], n.prototype, "errorMessage");
+a([
+  i({ type: String })
+], n.prototype, "label");
+a([
+  i({ type: String })
+], n.prototype, "description");
+a([
+  i({ type: Boolean, reflect: !0 })
+], n.prototype, "tile");
+a([
+  i({ type: String })
+], n.prototype, "tooltip");
+a([
+  i({ type: String, reflect: !0 })
+], n.prototype, "form");
+a([
+  i({ type: String, reflect: !0 })
+], n.prototype, "size");
+a([
+  i({ type: Boolean })
+], n.prototype, "_showOtherError");
+a([
+  _()
+], n.prototype, "selectedValue");
+a([
+  _()
+], n.prototype, "_slottedDescriptionText");
+a([
+  _()
+], n.prototype, "_radios");
+a([
+  _()
+], n.prototype, "isMobile");
+customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", n);
 export {
-  B as NysRadiobutton,
-  a as NysRadiogroup
+  d as NysRadiobutton,
+  n as NysRadiogroup
 };
 //# sourceMappingURL=nys-radiobutton.js.map

package/dist/nys-radiobutton.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-radiobutton.js","sources":["../src/nys-radiogroup.ts","../src/nys-radiobutton.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport type { NysRadiobutton } from \"./nys-radiobutton\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-radiobutton.scss?inline\";\n\nlet radiogroupIdCounter = 0;\n\n/**\n * A container for grouping `nys-radiobutton` elements as a single form control with enforced single selection.\n * Handles keyboard navigation (arrow keys), validation, required constraints, and form integration.\n *\n * Use to let users select exactly one option from 2-6 choices. Apply `tile` and `size` to the group\n * and all children inherit these styles automatically. For 7+ options, use `nys-select`.\n *\n * @summary Container for grouping radio buttons as a single form control.\n * @element nys-radiogroup\n *\n * @slot - Default slot for `nys-radiobutton` elements.\n * @slot description - Custom HTML description content.\n *\n * @example Basic radio group\n * ```html\n * <nys-radiogroup label=\"Select borough\" required>\n *   <nys-radiobutton name=\"borough\" value=\"bronx\" label=\"The Bronx\"></nys-radiobutton>\n *   <nys-radiobutton name=\"borough\" value=\"brooklyn\" label=\"Brooklyn\"></nys-radiobutton>\n *   <nys-radiobutton name=\"borough\" value=\"manhattan\" label=\"Manhattan\"></nys-radiobutton>\n * </nys-radiogroup>\n * ```\n */\n\nexport class NysRadiogroup extends LitElement {\n  static styles = unsafeCSS(styles);\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** Unique identifier. Auto-generated if not provided. */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /** Name for form submission. Auto-populated from child radiobuttons. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** Requires a selection before form submission. */\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 radiobuttons 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  /** Form `id` to associate with. Applied to all children. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /**\n   * Radio 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 selectedValue: string | null = null;\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-radiogroup-${Date.now()}-${radiogroupIdCounter++}`;\n    }\n    this.addEventListener(\"nys-change\", this._handleRadioButtonChange);\n    this.addEventListener(\"invalid\", this._handleInvalid);\n    this.addEventListener(\"nys-error\", this._handleChildError);\n    this.addEventListener(\"nys-error-clear\", this._handleChildErrorClear);\n    this.addEventListener(\"nys-other-input\", this._handleOtherInput);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"nys-change\", this._handleRadioButtonChange);\n    this.removeEventListener(\"invalid\", this._handleInvalid);\n    this.removeEventListener(\"nys-error\", this._handleChildError);\n    this.removeEventListener(\"nys-error-clear\", this._handleChildErrorClear);\n    this.removeEventListener(\"nys-other-input\", this._handleOtherInput);\n  }\n\n  async firstUpdated() {\n    await this.updateComplete;\n    this._initializeCheckedRadioValue();\n    this._setValue(); // This ensures our element always participates in the form\n    this._setRadioButtonRequire();\n    this._updateRadioButtonsSize();\n    this._updateRadioButtonsTile();\n    this._updateRadioButtonsShowError();\n    this._getSlotDescriptionForAria();\n\n    this._initializeChildAttributes();\n    this._updateGroupTabIndex();\n  }\n\n  updated(changedProperties: Map<string | symbol, unknown>) {\n    if (\n      changedProperties.has(\"required\") ||\n      changedProperties.has(\"selectedValue\")\n    ) {\n      if (!this.showError) {\n        this._manageRequire();\n      }\n    }\n    if (changedProperties.has(\"size\")) {\n      this._updateRadioButtonsSize();\n    }\n    if (changedProperties.has(\"tile\")) {\n      this._updateRadioButtonsTile();\n    }\n    if (changedProperties.has(\"showError\")) {\n      this._updateRadioButtonsShowError();\n    }\n    if (changedProperties.has(\"form\")) {\n      this._updateRadioButtonsForm();\n    }\n  }\n\n  /**\n   * Form Integration\n   * --------------------------------------------------------------------------\n   */\n\n  private _setValue() {\n    this._internals.setFormValue(this.selectedValue);\n  }\n\n  // Updates the \"require\" attribute of the first radiobutton underneath a radiogroup.\n  // This will make sure there's a requirement for all radiobutton under the same name/group\n  private _setRadioButtonRequire() {\n    const radioButtons = this.querySelectorAll(\"nys-radiobutton\");\n    radioButtons.forEach((radioButton, index) => {\n      if (this.required && index === 0) {\n        radioButton.setAttribute(\"required\", \"required\");\n      }\n    });\n  }\n\n  private async _manageRequire() {\n    const message = this.errorMessage || \"Please select an option.\";\n\n    const radioButtons = Array.from(this.querySelectorAll(\"nys-radiobutton\"));\n    const firstRadio = radioButtons[0] as HTMLElement;\n\n    if (firstRadio) {\n      if (this.required && !this.selectedValue) {\n        this._internals.setValidity(\n          { valueMissing: true },\n          message,\n          firstRadio, // pass the custom element, not shadow input\n        );\n      } else {\n        this.showError = false;\n        this._internals.setValidity({}, \"\", firstRadio);\n      }\n    }\n  }\n\n  checkValidity() {\n    const radioButtons = Array.from(this.querySelectorAll(\"nys-radiobutton\"));\n    const valid =\n      !this.required ||\n      radioButtons.some((radio) => (radio as NysRadiobutton).checked);\n    return valid;\n  }\n\n  // Need to account for if radiogroup already have a radiobutton checked at initialization\n  private _initializeCheckedRadioValue() {\n    const checkedRadio = this.querySelector(\"nys-radiobutton[checked]\");\n    if (checkedRadio) {\n      this.selectedValue = checkedRadio.getAttribute(\"value\");\n      this._internals.setFormValue(this.selectedValue);\n    }\n  }\n\n  // Core Keyboard & Click Logic\n  private _getAllRadios() {\n    return Array.from(\n      this.querySelectorAll(\"nys-radiobutton\"),\n    ) as NysRadiobutton[];\n  }\n\n  // Arrow / Space / Enter navigation at group level\n  private async _handleKeyDown(event: KeyboardEvent) {\n    const keys = [\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \" \",\n      \"Enter\",\n    ];\n\n    if (!keys.includes(event.key)) return;\n    // Prevent arrow left/right from switching to next radiobutton when focus is within \"other\" textinput\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n      const inTextInput = event\n        .composedPath()\n        .some((el) => (el as HTMLElement).tagName === \"NYS-TEXTINPUT\");\n      if (inTextInput) return;\n    }\n\n    event.preventDefault();\n\n    const radioBtns = this._getAllRadios().filter((radio) => !radio.disabled);\n    const fromEvent = radioBtns.find((radio) => radio === event.target); // event.target is the radio VO dispatched black focus outline\n    const focusedRadio = radioBtns.find((radio) => radio.matches(\":focus\"));\n\n    const currentRadio =\n      fromEvent ||\n      focusedRadio ||\n      radioBtns.find((radio) => radio.checked) ||\n      radioBtns[0]; // fallback is checked radio or first radio\n\n    let increment = 0;\n    if ([\"ArrowUp\", \"ArrowLeft\"].includes(event.key)) {\n      increment = -1;\n    } else if ([\"ArrowDown\", \"ArrowRight\"].includes(event.key)) {\n      increment = 1;\n    }\n\n    let index = radioBtns.indexOf(currentRadio) + increment;\n\n    // Handles the wrap around ends if user is at first or last radiobutton\n    if (index < 0) {\n      index = radioBtns.length - 1;\n    }\n    if (index >= radioBtns.length) {\n      index = 0;\n    }\n\n    const target = radioBtns[index];\n    const input = await target.getInputElement();\n    input?.click();\n\n    await this.updateComplete;\n    this._updateGroupTabIndex();\n    target.focus();\n  }\n\n  private _updateGroupTabIndex() {\n    const radios = this._getAllRadios();\n\n    // Pick active: checked first, otherwise first enabled\n    const active =\n      radios.find((radio) => radio.checked && !radio.disabled) ||\n      radios.find((radio) => !radio.disabled);\n\n    radios.forEach((radio) => {\n      //radio.setAttribute(\"aria-checked\", String(radio.checked));\n\n      // Only one radiobutton can be focusable at all times.\n      // Due to this, we calculate logic to determine an active radiobutton and call all other as tabindex=\"-1\"\n      radio.tabIndex = radio === active && !radio.disabled ? 0 : -1;\n    });\n  }\n\n  // This callback is automatically called when the parent form is reset.\n  public formResetCallback() {\n    const radioButtons = this.querySelectorAll(\"nys-radiobutton\");\n    radioButtons.forEach((radioButton) => {\n      (radioButton as NysRadiobutton).formResetUpdate();\n    });\n\n    this.selectedValue = null;\n\n    this._internals.setFormValue(null);\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  // Apply ARIA & initial tabindex to each child radio\n  private _initializeChildAttributes() {\n    const radios = this._getAllRadios();\n    radios.forEach((radio) => {\n      // radio.setAttribute(\"role\", \"radio\");\n      // radio.setAttribute(\"aria-checked\", String(radio.checked));\n      // radio.setAttribute(\"aria-required\", String(radio.required));\n      // radio.setAttribute(\"aria-disabled\", String(radio.disabled));\n      radio.setAttribute(\"tabindex\", \"-1\");\n    });\n  }\n\n  // Updates the size of each radiobutton underneath a radiogroup to ensure size standardization\n  private _updateRadioButtonsSize() {\n    const radioButtons = this.querySelectorAll(\"nys-radiobutton\");\n    radioButtons.forEach((radioButton) => {\n      radioButton.setAttribute(\"size\", this.size);\n    });\n  }\n\n  private _updateRadioButtonsTile() {\n    const radioButtons = this.querySelectorAll(\"nys-radiobutton\");\n    radioButtons.forEach((radioButton) => {\n      if (this.tile) {\n        radioButton.toggleAttribute(\"tile\", true);\n      } else {\n        radioButton.removeAttribute(\"tile\");\n      }\n    });\n  }\n\n  private _updateRadioButtonsShowError() {\n    const radioButtons = this.querySelectorAll(\"nys-radiobutton\");\n    radioButtons.forEach((radioButton) => {\n      if (this.showError) {\n        radioButton.setAttribute(\"showError\", \"\");\n      } else {\n        radioButton.removeAttribute(\"showError\");\n      }\n    });\n  }\n\n  private _updateRadioButtonsForm() {\n    const radioButtons = this.querySelectorAll(\"nys-radiobutton\");\n    radioButtons.forEach((radioButton) => {\n      if (this.showError) {\n        if (this.form !== null) {\n          radioButton.setAttribute(\"form\", this.form);\n        } else {\n          radioButton.removeAttribute(\"form\");\n        }\n      } else {\n        radioButton.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  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n\n  // Keeps radiogroup informed of the name and value of its current selected radiobutton at each change\n  private _handleRadioButtonChange(event: Event) {\n    const { name, value } = (event as CustomEvent).detail;\n\n    this.name = name;\n    this.selectedValue = value;\n    this._internals.setFormValue(this.selectedValue);\n\n    // selecting anything clears group required error\n    this._internals.setValidity({});\n    this.showError = false;\n\n    // Accounts for tabindex & ARIA on every click/space select\n    this._updateGroupTabIndex();\n  }\n\n  private async _handleInvalid(event: Event) {\n    event.preventDefault();\n\n    // Focus \"other\" text input when customError is set\n    if (this._internals.validity.customError) {\n      const radios = this._getAllRadios();\n      const otherRadio = radios.find((radio) => radio.other && radio.checked);\n\n      if (otherRadio) {\n        const textInput = otherRadio.shadowRoot?.querySelector(\"nys-textinput\");\n        otherRadio.classList.remove(\"focused\");\n\n        if (textInput) {\n          await (textInput as any).updateComplete;\n          (textInput as HTMLElement).focus();\n          return;\n        }\n      }\n    }\n\n    // Check if the radio group is invalid and set `showError` accordingly\n    this.showError = true;\n    await this._manageRequire(); // Refresh validation message\n\n    const firstRadio = this.querySelector(\"nys-radiobutton\") as NysRadiobutton;\n    if (firstRadio) {\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\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          firstRadio.focus();\n        }\n      } else {\n        // If not part of a form, simply focus.\n        firstRadio.focus();\n      }\n    }\n  }\n\n  private _handleChildError(event: Event) {\n    event.stopPropagation();\n\n    const { message, sourceRadio } = (event as CustomEvent).detail;\n    if (!sourceRadio) return;\n\n    this.showError = true;\n\n    this._internals.setValidity(\n      { customError: true },\n      message || \"Please complete this field.\",\n      sourceRadio as HTMLElement,\n    );\n  }\n\n  private _handleChildErrorClear() {\n    this._internals.setValidity({});\n    this.showError = false;\n  }\n\n  private _handleOtherInput(event: Event) {\n    const { value } = (event as CustomEvent).detail;\n    this.selectedValue = value;\n    this._internals.setFormValue(value);\n  }\n\n  render() {\n    return html`<fieldset\n      aria-label=\"${this.label}${this._slottedDescriptionText\n        ? ` ${this._slottedDescriptionText}`\n        : this.description\n          ? ` ${this.description}`\n          : \"\"}\"\n      role=\"radiogroup\"\n      class=\"nys-radiogroup\"\n    >\n      <legend>\n        <nys-label\n          label=${this.label}\n          description=${this.description}\n          flag=${this.required ? \"required\" : this.optional ? \"optional\" : \"\"}\n          tooltip=${this.tooltip}\n        >\n          <slot name=\"description\" slot=\"description\">${this.description}</slot>\n        </nys-label>\n      </legend>\n      <div class=\"nys-radiogroup__content\" @keydown=${this._handleKeyDown}>\n        <slot></slot>\n      </div>\n      <nys-errormessage\n        ?showError=${this.showError}\n        errorMessage=${this._internals.validationMessage || this.errorMessage}\n        .showDivider=${!this.tile}\n      ></nys-errormessage>\n    </fieldset>`;\n  }\n}\n\nif (!customElements.get(\"nys-radiogroup\")) {\n  customElements.define(\"nys-radiogroup\", NysRadiogroup);\n}\n","import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport \"./nys-radiogroup\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-radiobutton.scss?inline\";\n\nlet radiobuttonIdCounter = 0;\n\n/**\n * A radio button for single selection within a `nys-radiogroup`. Only one radio with the same `name` can be selected.\n *\n * Use within `nys-radiogroup` for 2-6 mutually exclusive options. For 7+ options, use `nys-select`.\n * For multiple selections, use `nys-checkbox`.\n *\n * @summary Radio button for single selection from mutually exclusive options.\n * @element nys-radiobutton\n *\n * @slot description - Custom HTML description content.\n *\n * @fires nys-change - Fired when selection changes. Detail: `{id, checked, name, value}`.\n * @fires nys-focus - Fired when radio gains focus.\n * @fires nys-blur - Fired when radio loses focus.\n * @fires nys-other-input - Fired when \"other\" text input value changes. Detail: `{id, name, value}`.\n *\n * @example Radio group\n * ```html\n * <nys-radiogroup label=\"Select borough\" required>\n *   <nys-radiobutton name=\"borough\" value=\"bronx\" label=\"The Bronx\"></nys-radiobutton>\n *   <nys-radiobutton name=\"borough\" value=\"brooklyn\" label=\"Brooklyn\"></nys-radiobutton>\n * </nys-radiogroup>\n * ```\n */\n\nexport class NysRadiobutton extends LitElement {\n  static styles = unsafeCSS(styles);\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** Whether this radio is selected. Only one per group can be checked. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Prevents interaction. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Marks group as required. Set on radiogroup, not individual radios. */\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  /** Group name. Radios with same name are mutually exclusive. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** Value submitted when this radio is selected. */\n  @property({ type: String }) value = \"\";\n\n  /** Form `id` to associate with. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /**\n   * Radio size: `sm` (24px) or `md` (32px, default).\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  /** Renders as tile with larger clickable area. */\n  @property({ type: Boolean, reflect: true }) tile = false;\n  @property({ type: Boolean, reflect: true }) other = false;\n  @property({ type: Boolean }) showOtherError = false;\n\n  @state() private isMobile = window.innerWidth < 480;\n\n  private _hasUserInteracted = false; // need this flag for \"eager mode\"\n\n  static buttonGroup: Record<string, NysRadiobutton> = {};\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-radiobutton-${Date.now()}-${radiobuttonIdCounter++}`;\n    }\n\n    // If this button is initially checked, set it as the current button in its group\n    if (this.checked) {\n      if (NysRadiobutton.buttonGroup[this.name]) {\n        NysRadiobutton.buttonGroup[this.name].checked = false;\n        NysRadiobutton.buttonGroup[this.name].requestUpdate();\n      }\n      NysRadiobutton.buttonGroup[this.name] = this;\n    }\n\n    this.addEventListener(\"focus\", this._handleFocus);\n    this.addEventListener(\"blur\", this._handleBlur);\n    this.addEventListener(\"click\", this._handleChange);\n    window.addEventListener(\"resize\", this._handleResize);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.removeEventListener(\"focus\", this._handleFocus);\n    this.removeEventListener(\"blur\", this._handleBlur);\n    window.removeEventListener(\"resize\", this._handleResize);\n  }\n\n  updated(changedProperties: Map<string | number | symbol, unknown>) {\n    // When \"checked\" changes, update the internals.\n    if (changedProperties.has(\"checked\")) {\n      const wasChecked = changedProperties.get(\"checked\") as\n        | boolean\n        | undefined;\n\n      // If this radio was unchecked, clear \"other\" error state\n      if (wasChecked && !this.checked) {\n        this._clearOtherState();\n      }\n\n      // Ensure only one radiobutton per group is checked.\n      if (this.checked && NysRadiobutton.buttonGroup[this.name] !== this) {\n        if (NysRadiobutton.buttonGroup[this.name]) {\n          NysRadiobutton.buttonGroup[this.name].checked = false;\n          NysRadiobutton.buttonGroup[this.name].requestUpdate();\n        }\n        NysRadiobutton.buttonGroup[this.name] = this;\n      }\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\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  // This callback is automatically called when the parent form is reset.\n  public formResetUpdate() {\n    this.checked = false;\n    this._clearOtherState();\n\n    if (NysRadiobutton.buttonGroup[this.name] === this) {\n      delete NysRadiobutton.buttonGroup[this.name];\n    }\n\n    // Re-render UI\n    this.requestUpdate();\n  }\n\n  private _handleResize = () => {\n    this.isMobile = window.innerWidth < 480;\n  };\n\n  private _clearOtherState() {\n    if (!this.other) return;\n\n    this.showOtherError = false;\n    this._hasUserInteracted = false;\n\n    // Optional: clear error at the group level\n    this._dispatchClearErrorEvent();\n  }\n\n  private _dispatchClearErrorEvent() {\n    this.dispatchEvent(\n      new CustomEvent(\"nys-error-clear\", {\n        detail: {\n          id: this.id,\n          name: this.name,\n          type: \"other\",\n        },\n        bubbles: true,\n        composed: true,\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  private _emitOtherInputEvent() {\n    this.dispatchEvent(\n      new CustomEvent(\"nys-other-input\", {\n        detail: {\n          id: this.id,\n          name: this.name,\n          value: this.value,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  // Handle radiobutton change event & un-selection of other radio options in group\n  private async _handleChange() {\n    this.showOtherError = false;\n\n    if (!this.checked && !this.disabled) {\n      if (NysRadiobutton.buttonGroup[this.name]) {\n        NysRadiobutton.buttonGroup[this.name].checked = false;\n        NysRadiobutton.buttonGroup[this.name].requestUpdate();\n      }\n      NysRadiobutton.buttonGroup[this.name] = this;\n\n      this.checked = true;\n      this._validateOtherAndEmitError();\n      this._emitChangeEvent();\n    }\n  }\n\n  // Handle focus event\n  private _handleFocus() {\n    this.dispatchEvent(\n      new Event(\"nys-focus\", { bubbles: true, composed: true }),\n    );\n  }\n\n  // Handle blur event\n  private _handleBlur() {\n    this.dispatchEvent(\n      new Event(\"nys-blur\", { bubbles: true, composed: true }),\n    );\n\n    setTimeout(() => {\n      // Only validate if we're blurring away from the component entirely\n      // and this is an \"other\" radio that's checked\n      if (this.other && this.checked) {\n        this._hasUserInteracted = true;\n        this._validateOtherAndEmitError();\n      }\n    }, 50);\n  }\n\n  private _callInputHandling() {\n    if (this.disabled) return;\n\n    // Find the hidden input and trigger a click to toggle selection\n    const input = this.shadowRoot?.querySelector(\n      'input[type=\"radio\"]',\n    ) as HTMLInputElement;\n    const span = this.shadowRoot?.querySelector(\n      \".nys-radiobutton__radio\",\n    ) as HTMLElement;\n\n    if (input) {\n      input.click();\n      span?.focus();\n    }\n  }\n\n  private _handleTextInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    let newValue = input.value;\n    this.value = newValue;\n\n    if (this._hasUserInteracted) {\n      this._validateOtherAndEmitError();\n    }\n\n    this._emitOtherInputEvent();\n  }\n\n  private _handleTextInputBlur() {\n    this._hasUserInteracted = true;\n    this._validateOtherAndEmitError();\n  }\n\n  private _validateOtherAndEmitError() {\n    if (!this.other) return;\n\n    if (!this.checked || !this._hasUserInteracted) {\n      this.showOtherError = false;\n      return;\n    }\n\n    const isInvalid = this.value.trim() === \"\";\n    this.showOtherError = isInvalid;\n\n    if (isInvalid) {\n      this.dispatchEvent(\n        new CustomEvent(\"nys-error\", {\n          detail: {\n            id: this.id,\n            name: this.name,\n            type: \"other\",\n            message: \"Please enter a value for this option.\",\n            sourceRadio: this,\n          },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    } else {\n      this._dispatchClearErrorEvent();\n    }\n  }\n\n  private _handleOtherKeydown(e: KeyboardEvent) {\n    if (e.key == \"Space\" || e.key === \" \") {\n      e.stopPropagation();\n    }\n  }\n\n  render() {\n    return html`\n      <input\n        type=\"radio\"\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        @change=\"${this._handleChange}\"\n        aria-hidden=\"true\"\n        hidden\n        class=\"sr-only\"\n      />\n      <div class=\"nys-radiobutton\" @click=\"${this._callInputHandling}\">\n        <div class=\"nys-radiobutton__main-container\">\n          <span\n            role=\"radio\"\n            class=\"nys-radiobutton__radio\"\n            tabindex=\"0\"\n            aria-labelledby=\"${this.id}-label\"\n            aria-checked=\"${this.checked}\"\n            aria-required=\"${this.required}\"\n            aria-disabled=\"${this.disabled}\"\n            title=\"${this.label}\"\n          ></span>\n          ${(this.label || this.other) &&\n          html`<nys-label\n            aria-hidden=\"true\"\n            id=\"${this.id}-label\"\n            label=\"${this.label || (this.other ? \"Other\" : \"\")}\"\n            description=${ifDefined(this.description || undefined)}\n          >\n            <slot name=\"description\" slot=\"description\"\n              >${this.description}</slot\n            >\n          </nys-label> `}\n        </div>\n        <div class=\"nys-radiobutton__other-container\">\n          ${this.other && this.checked\n            ? html`\n                <nys-textinput\n                  .value=${this.value}\n                  id=${\"radiobutton-other-\" + this.id}\n                  @nys-input=${this._handleTextInput}\n                  @nys-blur=${this._handleTextInputBlur}\n                  @keydown=${this._handleOtherKeydown}\n                  @nys-focus=${() => this.classList.remove(\"focused\")}\n                  ariaLabel=\"Other\"\n                  aria-invalid=${this.showOtherError ? \"true\" : \"false\"}\n                  width=${this.isMobile ? \"full\" : \"md\"}\n                  ?disabled=${this.disabled}\n                ></nys-textinput>\n              `\n            : \"\"}\n        </div>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-radiobutton\")) {\n  customElements.define(\"nys-radiobutton\", NysRadiobutton);\n}\n"],"names":["radiogroupIdCounter","_NysRadiogroup","LitElement","changedProperties","radioButton","index","message","firstRadio","radioButtons","radio","checkedRadio","event","el","radioBtns","fromEvent","focusedRadio","currentRadio","increment","target","radios","active","nodes","node","name","value","otherRadio","textInput","form","element","sourceRadio","html","unsafeCSS","styles","NysRadiogroup","__decorateClass","property","state","radiobuttonIdCounter","_NysRadiobutton","_a","input","span","newValue","isInvalid","e","ifDefined","NysRadiobutton"],"mappings":"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"}
+{"version":3,"file":"nys-radiobutton.js","sources":["../src/nys-radiobutton.ts","../src/nys-radiogroup.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-radiobutton.scss?inline\";\n\nlet radiobuttonIdCounter = 0;\n\n/**\n * A radio button for single selection within a `nys-radiogroup`. Only one radio with the same `name` can be selected.\n *\n * Use within `nys-radiogroup` for 2-6 mutually exclusive options. For 7+ options, use `nys-select`.\n * For multiple selections, use `nys-checkbox`.\n *\n * @summary Radio button for single selection from mutually exclusive options. This is a READONLY data component.\n * @element nys-radiobutton\n *\n * @slot description - Custom HTML description content.\n *\n * @fires nys-change - Fired when selection changes. Detail: `{id, checked, name, value}`.\n * @fires nys-focus - Fired when radio gains focus.\n * @fires nys-blur - Fired when radio loses focus.\n * @fires nys-other-input - Fired when \"other\" text input value changes. Detail: `{id, name, value}`.\n *\n * @example Radio group\n * ```html\n * <nys-radiogroup label=\"Select borough\" required>\n *   <nys-radiobutton name=\"borough\" value=\"bronx\" label=\"The Bronx\"></nys-radiobutton>\n *   <nys-radiobutton name=\"borough\" value=\"brooklyn\" label=\"Brooklyn\"></nys-radiobutton>\n * </nys-radiogroup>\n * ```\n */\n\nexport class NysRadiobutton extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  /** Whether this radio is selected. Only one per group can be checked. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** Prevents interaction. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Marks group as required. Set on radiogroup, not individual radios. */\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  /** Group name. Radios with same name are mutually exclusive. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** Value submitted when this radio is selected. */\n  @property({ type: String }) value = \"\";\n\n  /** Form `id` to associate with. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /**\n   * Radio size: `sm` (24px) or `md` (32px, default).\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  /** Renders as tile with larger clickable area. */\n  @property({ type: Boolean, reflect: true }) tile = false;\n  @property({ type: Boolean, reflect: true }) other = false;\n  @property({ type: Boolean }) showOtherError = false;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-radiobutton-${Date.now()}-${radiobuttonIdCounter++}`;\n    }\n  }\n\n  render() {\n    return html``;\n  }\n}\n\nif (!customElements.get(\"nys-radiobutton\")) {\n  customElements.define(\"nys-radiobutton\", NysRadiobutton);\n}\n","import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport type { NysRadiobutton } from \"./nys-radiobutton\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-radiobutton.scss?inline\";\n\nlet radiogroupIdCounter = 0;\n\n/**\n * A container for grouping `nys-radiobutton` elements as a single form control with enforced single selection.\n * Handles keyboard navigation (arrow keys), validation, required constraints, and form integration.\n *\n * Use to let users select exactly one option from 2-6 choices. Apply `tile` and `size` to the group\n * and all children inherit these styles automatically. For 7+ options, use `nys-select`.\n *\n * @summary Container for grouping radio buttons as a single form control.\n * @element nys-radiogroup\n *\n * @slot - Default slot for `nys-radiobutton` elements.\n * @slot description - Custom HTML description content.\n *\n * @example Basic radio group\n * ```html\n * <nys-radiogroup label=\"Select borough\" required>\n *   <nys-radiobutton name=\"borough\" value=\"bronx\" label=\"The Bronx\"></nys-radiobutton>\n *   <nys-radiobutton name=\"borough\" value=\"brooklyn\" label=\"Brooklyn\"></nys-radiobutton>\n *   <nys-radiobutton name=\"borough\" value=\"manhattan\" label=\"Manhattan\"></nys-radiobutton>\n * </nys-radiogroup>\n * ```\n */\n\nexport class NysRadiogroup extends LitElement {\n  static styles = unsafeCSS(styles);\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** Unique identifier. Auto-generated if not provided. */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /** Name for form submission. Auto-populated from child radiobuttons. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** Requires a selection before form submission. */\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 radiobuttons 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  /** Form `id` to associate with. Applied to all children. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /**\n   * Radio 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  @property({ type: Boolean }) _showOtherError = false;\n\n  @state() private selectedValue: string | null = null;\n  @state() private _slottedDescriptionText = \"\";\n  @state() private _radios: NysRadiobutton[] = [];\n\n  private _mobileQuery!: MediaQueryList;\n  @state() private isMobile = false;\n\n  private _hasUserInteracted = false; // need this flag for \"eager mode\"\n\n  private _childObserver?: MutationObserver;\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-radiogroup-${Date.now()}-${radiogroupIdCounter++}`;\n    }\n\n    this._mobileQuery = window.matchMedia(\"(max-width: 479px)\");\n    this.isMobile = this._mobileQuery.matches;\n    this._mobileQuery.addEventListener(\"change\", this._handleMobileQuery);\n\n    this.addEventListener(\"invalid\", this._handleInvalid);\n\n    this._childObserver = new MutationObserver(() => {\n      this._radios = this._getAllRadios();\n      this.requestUpdate();\n    });\n    this._childObserver.observe(this, { childList: true });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"invalid\", this._handleInvalid);\n    this._mobileQuery.removeEventListener(\"change\", this._handleMobileQuery);\n\n    this._childObserver?.disconnect();\n  }\n\n  async firstUpdated() {\n    await this.updateComplete;\n\n    this._radios = this._getAllRadios();\n\n    this._initializeCheckedRadioValue();\n    this._setValue(); // This ensures our element always participates in the form\n    this._setRadioButtonRequire();\n    this._updateRadioButtonsSize();\n    this._getSlotDescriptionForAria();\n    this._initializeChildAttributes();\n\n    this._updateGroupTabIndex();\n  }\n\n  updated(changedProperties: Map<string | symbol, unknown>) {\n    if (\n      changedProperties.has(\"required\") ||\n      changedProperties.has(\"selectedValue\")\n    ) {\n      if (!this.showError) {\n        this._manageRequire();\n      }\n    }\n    if (changedProperties.has(\"size\")) {\n      this._updateRadioButtonsSize();\n    }\n    this._updateGroupTabIndex();\n  }\n\n  /**\n   * Form Integration\n   * --------------------------------------------------------------------------\n   */\n\n  private _setValue() {\n    this._internals.setFormValue(this.selectedValue);\n  }\n\n  private _setRadioButtonRequire() {\n    const radioButtons = this.querySelectorAll(\"nys-radiobutton\");\n    radioButtons.forEach((radioButton, index) => {\n      if (this.required && index === 0) {\n        radioButton.setAttribute(\"required\", \"required\");\n      }\n    });\n  }\n\n  private async _manageRequire() {\n    const message = this.errorMessage || \"Please select an option.\";\n\n    const radioButtons = Array.from(this.querySelectorAll(\"nys-radiobutton\"));\n    const firstRadio = radioButtons[0] as HTMLElement;\n\n    if (firstRadio) {\n      const shadowInput = this.shadowRoot?.querySelector<HTMLElement>(\n        `#input-${(firstRadio as NysRadiobutton).id}`,\n      );\n      if (this.required && !this.selectedValue) {\n        this._internals.setValidity(\n          { valueMissing: true },\n          message,\n          shadowInput ?? firstRadio, // pass the custom element, not shadow input\n        );\n      } else {\n        this.showError = false;\n        this._internals.setValidity({}, \"\", firstRadio);\n      }\n    }\n  }\n\n  checkValidity() {\n    const radioButtons = Array.from(this.querySelectorAll(\"nys-radiobutton\"));\n    const valid =\n      !this.required ||\n      radioButtons.some((radio) => (radio as NysRadiobutton).checked);\n    return valid;\n  }\n\n  // Need to account for if radiogroup already have a radiobutton checked at initialization\n  private _initializeCheckedRadioValue() {\n    const checkedRadio = this.querySelector(\"nys-radiobutton[checked]\");\n    if (checkedRadio) {\n      this.selectedValue = checkedRadio.getAttribute(\"value\");\n      this._internals.setFormValue(this.selectedValue);\n    }\n  }\n\n  // Core Keyboard & Click Logic\n  private _getAllRadios() {\n    return Array.from(\n      this.querySelectorAll(\"nys-radiobutton\"),\n    ) as NysRadiobutton[];\n  }\n\n  // Arrow / Space / Enter navigation at group level\n  private async _handleKeyDown(event: KeyboardEvent) {\n    const keys = [\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \" \",\n      \"Enter\",\n    ];\n\n    if (!keys.includes(event.key)) return;\n    // Prevent arrow left/right from switching to next radiobutton when focus is within \"other\" textinput\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n      const inTextInput = event\n        .composedPath()\n        .some((el) => (el as HTMLElement).tagName === \"NYS-TEXTINPUT\");\n      if (inTextInput) return;\n    }\n\n    event.preventDefault();\n\n    const radioBtns = this._getAllRadios().filter((radio) => !radio.disabled);\n    const focusedInput = event.target as HTMLElement;\n    const currentRadio =\n      radioBtns.find(\n        (radio) =>\n          this.shadowRoot?.querySelector(`#input-${radio.id}`) === focusedInput,\n      ) ||\n      radioBtns.find((radio) => radio.checked) ||\n      radioBtns[0];\n\n    let increment = 0;\n    if ([\"ArrowUp\", \"ArrowLeft\"].includes(event.key)) {\n      increment = -1;\n    } else if ([\"ArrowDown\", \"ArrowRight\"].includes(event.key)) {\n      increment = 1;\n    }\n\n    let index = radioBtns.indexOf(currentRadio) + increment;\n\n    // Handles the wrap around ends if user is at first or last radiobutton\n    if (index < 0) {\n      index = radioBtns.length - 1;\n    }\n    if (index >= radioBtns.length) {\n      index = 0;\n    }\n\n    const target = radioBtns[index];\n\n    this._selectRadio(target);\n    await this.updateComplete;\n    this._updateGroupTabIndex();\n    this.shadowRoot?.querySelector<HTMLElement>(`#input-${target.id}`)?.focus();\n  }\n\n  private _updateGroupTabIndex() {\n    const radios = this._getAllRadios();\n\n    // Pick active: look for what's selected first, otherwise choose the first enabled radiobutton\n    const active =\n      radios.find((radio) => radio.checked && !radio.disabled) ||\n      radios.find((radio) => !radio.disabled);\n\n    radios.forEach((radio) => {\n      const input = this.shadowRoot?.querySelector(\n        `#input-${radio.id}`,\n      ) as HTMLInputElement;\n\n      // Only one radiobutton can be focusable at all times.\n      // Due to this, we calculate logic to determine an active radiobutton and call all other as tabindex=\"-1\"\n      if (input) {\n        input.tabIndex = radio === active ? 0 : -1;\n      }\n    });\n  }\n\n  // This callback is automatically called when the parent form is reset.\n  public formResetCallback() {\n    const radioButtons = this.querySelectorAll(\"nys-radiobutton\");\n    radioButtons.forEach((radio) => {\n      (radio as NysRadiobutton).checked = false;\n    });\n\n    this.selectedValue = null;\n    this._internals.setFormValue(null);\n    this.showError = false;\n    this.errorMessage = \"\";\n    this._internals.setValidity({});\n    this._hasUserInteracted = false;\n    this.requestUpdate();\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  private _handleMobileQuery = () => {\n    this.isMobile = this._mobileQuery.matches;\n  };\n\n  private _handleSlotChange() {\n    this._radios = Array.from(this.querySelectorAll(\"nys-radiobutton\"));\n    this.requestUpdate();\n  }\n\n  // Apply ARIA & initial tabindex to each child radio\n  private _initializeChildAttributes() {\n    const radios = this._getAllRadios();\n    radios.forEach((radio) => {\n      if (radio.getAttribute(\"tabindex\") !== \"-1\") {\n        radio.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n  }\n\n  private _updateRadioButtonsSize() {\n    const radioButtons = this.querySelectorAll(\"nys-radiobutton\");\n    radioButtons.forEach((radioButton) => {\n      if (radioButton.getAttribute(\"size\") !== this.size) {\n        radioButton.setAttribute(\"size\", this.size);\n      }\n    });\n  }\n\n  private _selectRadio(radiobtn: NysRadiobutton) {\n    if (radiobtn.checked || radiobtn.disabled) return;\n\n    const radios = this._getAllRadios();\n    radios.forEach((radio) => {\n      radio.checked = false;\n    });\n\n    radiobtn.checked = true;\n\n    this._showOtherError = false;\n    this._hasUserInteracted = false;\n\n    this.name = radiobtn.name;\n    this.selectedValue = radiobtn.value;\n    this._internals.setFormValue(this.selectedValue);\n    this._internals.setValidity({});\n    this.showError = false;\n\n    this._updateGroupTabIndex();\n    this.requestUpdate();\n\n    this.dispatchEvent(\n      new CustomEvent(\"nys-change\", {\n        detail: {\n          id: radiobtn.id,\n          checked: radiobtn.checked,\n          name: radiobtn.name,\n          value: radiobtn.value,\n        },\n        bubbles: true,\n        composed: true,\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  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n\n  private async _handleInvalid(event: Event) {\n    event.preventDefault();\n\n    const radios = this._getAllRadios();\n    const otherRadio = radios.find((radio) => radio.other && radio.checked);\n\n    if (otherRadio && otherRadio.value.trim() === \"\") {\n      this.showError = true;\n      this._hasUserInteracted = true;\n      this._validateOtherAndEmitError(otherRadio);\n\n      await this.updateComplete;\n      const textInput = this.shadowRoot?.querySelector(\"nys-textinput\");\n\n      if (textInput) {\n        await (textInput as any).updateComplete;\n        (textInput as HTMLElement).focus();\n        return;\n      }\n    }\n\n    // Check if the radio group is invalid and set `showError` accordingly\n    this.showError = true;\n    await this._manageRequire(); // Refresh validation message\n\n    const firstEnabledRadio = this._getAllRadios().find(\n      (radio) => !radio.disabled,\n    );\n    if (firstEnabledRadio) {\n      const focusFirstInput = () => {\n        this.shadowRoot\n          ?.querySelector<HTMLElement>(`#input-${firstEnabledRadio.id}`)\n          ?.focus();\n      };\n\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\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          focusFirstInput();\n        }\n      } else {\n        // If not part of a form, simply focus.\n        focusFirstInput();\n      }\n    }\n  }\n\n  private _handleTextInput(radiobtn: NysRadiobutton, event: Event) {\n    const input = event.target as HTMLInputElement;\n    radiobtn.value = input.value;\n    this.selectedValue = input.value;\n    this._internals.setFormValue(input.value);\n\n    if (this._hasUserInteracted) {\n      this._validateOtherAndEmitError(radiobtn);\n    }\n\n    this.dispatchEvent(\n      new CustomEvent(\"nys-other-input\", {\n        detail: { id: radiobtn.id, name: radiobtn.name, value: radiobtn.value },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _handleTextInputBlur(radiobtn: NysRadiobutton) {\n    this._hasUserInteracted = true;\n    this._validateOtherAndEmitError(radiobtn);\n  }\n\n  private _validateOtherAndEmitError(radiobtn: NysRadiobutton) {\n    if (!radiobtn.other) return;\n\n    if (!radiobtn.checked || !this._hasUserInteracted) {\n      this._showOtherError = false;\n      return;\n    }\n\n    const isInvalid = radiobtn.value.trim() === \"\";\n    this._showOtherError = isInvalid;\n    const shadowInput = this.shadowRoot?.querySelector<HTMLElement>(\n      `#input-${radiobtn.id}`,\n    );\n\n    if (isInvalid) {\n      this._internals.setValidity(\n        {\n          customError: true,\n        },\n        \"Please enter a value for this option.\",\n        shadowInput ?? (radiobtn as HTMLElement),\n      );\n      this.showError = true;\n    } else {\n      this._internals.setValidity({});\n      this.showError = false;\n    }\n  }\n\n  private _handleOtherKeydown(e: KeyboardEvent) {\n    if (e.key == \"Space\" || e.key === \" \") {\n      e.stopPropagation();\n    }\n  }\n\n  private _handleGroupFocusout(event: FocusEvent) {\n    const relatedTarget = event.relatedTarget as Node | null;\n    if (relatedTarget && this.shadowRoot?.contains(relatedTarget)) return;\n\n    const otherRadio = this._getAllRadios().find(\n      (radio) => radio.other && radio.checked,\n    );\n    if (otherRadio && otherRadio.value.trim() === \"\") {\n      this._hasUserInteracted = true;\n      this._validateOtherAndEmitError(otherRadio);\n    }\n  }\n\n  private _handleRadiobtnClick = (radiobtn: NysRadiobutton) => {\n    if (!radiobtn.disabled) {\n      this.shadowRoot\n        ?.querySelector<HTMLInputElement>(`#input-${radiobtn.id}`)\n        ?.click();\n    }\n  };\n\n  private _handleRadiobtnFocus(radiobtn: NysRadiobutton) {\n    radiobtn.dispatchEvent(\n      new CustomEvent(\"nys-focus\", { bubbles: true, composed: true }),\n    );\n  }\n\n  private _handleRadiobtnBlur(radiobtn: NysRadiobutton) {\n    radiobtn.dispatchEvent(\n      new CustomEvent(\"nys-blur\", { bubbles: true, composed: true }),\n    );\n  }\n\n  render() {\n    return html` <slot\n        style=\"display:none\"\n        @slotchange=${this._handleSlotChange}\n      ></slot>\n      <fieldset\n        aria-label=\"${this.label}${this._slottedDescriptionText\n          ? ` ${this._slottedDescriptionText}`\n          : this.description\n            ? ` ${this.description}`\n            : \"\"}\"\n        role=\"radiogroup\"\n        aria-required=${this.required ? \"true\" : \"false\"}\n        class=\"nys-radiogroup\"\n        @focusout=${this._handleGroupFocusout}\n      >\n        <legend>\n          <nys-label\n            label=${this.label}\n            description=${this.description}\n            flag=${this.required ? \"required\" : this.optional ? \"optional\" : \"\"}\n            tooltip=${this.tooltip}\n          >\n            <slot name=\"description\" slot=\"description\"\n              >${this.description}</slot\n            >\n          </nys-label>\n        </legend>\n        <div class=\"nys-radiogroup__content\" @keydown=${this._handleKeyDown}>\n          ${this._radios.map(\n            (radiobtn, index) => html`\n              <div\n                class=\"nys-radiobutton\"\n                @click=${() => this._handleRadiobtnClick(radiobtn)}\n              >\n                <div class=\"nys-radiobutton__main-container\">\n                  <!-- <span class=\"nys-radiobutton__radio\" tabindex=\"-1\"></span> -->\n                  <input\n                    id=\"input-${radiobtn.id}\"\n                    type=\"radio\"\n                    class=\"nys-radiobutton__radio\"\n                    name=\"${ifDefined(radiobtn.name || undefined)}\"\n                    .checked=${radiobtn.checked}\n                    ?disabled=${radiobtn.disabled}\n                    .value=${radiobtn.value}\n                    ?required=${this.required && index === 0}\n                    form=${ifDefined(radiobtn.form || undefined)}\n                    aria-label=\"${radiobtn.label ||\n                    (radiobtn.other ? \"Other\" : \"\")}\"\n                    @change=${() => this._selectRadio(radiobtn)}\n                    @focus=${() => this._handleRadiobtnFocus(radiobtn)}\n                    @blur=${() => this._handleRadiobtnBlur(radiobtn)}\n                  />\n                  ${(radiobtn.label || radiobtn.other) &&\n                  html`<nys-label\n                    aria-hidden=\"true\"\n                    id=\"${radiobtn.id}-label\"\n                    label=\"${radiobtn.label || (radiobtn.other ? \"Other\" : \"\")}\"\n                    description=${ifDefined(radiobtn.description || undefined)}\n                  >\n                    <slot name=\"description\" slot=\"description\"\n                      >${radiobtn.description}</slot\n                    >\n                  </nys-label> `}\n                </div>\n                <div class=\"nys-radiobutton__other-container\">\n                  ${radiobtn.other && radiobtn.checked\n                    ? html`\n                        <nys-textinput\n                          .value=${radiobtn.value}\n                          id=${\"radiobutton-other-\" + radiobtn.id}\n                          @nys-input=${(e: Event) =>\n                            this._handleTextInput(radiobtn, e)}\n                          @nys-blur=${() => this._handleTextInputBlur(radiobtn)}\n                          @keydown=${this._handleOtherKeydown}\n                          @nys-focus=${() =>\n                            radiobtn.classList.remove(\"focused\")}\n                          ariaLabel=\"Other\"\n                          aria-invalid=${radiobtn.showOtherError\n                            ? \"true\"\n                            : \"false\"}\n                          width=${this.isMobile ? \"full\" : \"md\"}\n                          ?disabled=${radiobtn.disabled}\n                        ></nys-textinput>\n                      `\n                    : \"\"}\n                </div>\n              </div>\n            `,\n          )}\n        </div>\n        <nys-errormessage\n          ?showError=${this.showError}\n          errorMessage=${this._internals.validationMessage || this.errorMessage}\n          .showDivider=${!this.tile}\n        ></nys-errormessage>\n      </fieldset>`;\n  }\n}\n\nif (!customElements.get(\"nys-radiogroup\")) {\n  customElements.define(\"nys-radiogroup\", NysRadiogroup);\n}\n"],"names":["radiobuttonIdCounter","_NysRadiobutton","LitElement","html","unsafeCSS","styles","NysRadiobutton","__decorateClass","property","radiogroupIdCounter","_NysRadiogroup","radiobtn","changedProperties","radioButton","index","message","firstRadio","shadowInput","radioButtons","radio","checkedRadio","event","el","radioBtns","focusedInput","currentRadio","increment","target","radios","active","input","nodes","node","otherRadio","textInput","firstEnabledRadio","focusFirstInput","form","element","isInvalid","e","relatedTarget","ifDefined","NysRadiogroup","state"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-radiobutton",
-  "version": "1.18.3",
+  "version": "1.19.1",
   "description": "The Radiobutton component from the NYS Design System.",
   "module": "dist/nys-radiobutton.js",
   "types": "dist/index.d.ts",
@@ -23,8 +23,8 @@
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-label": "^1.18.3",
-    "@nysds/nys-errormessage": "^1.18.3"
+    "@nysds/nys-label": "^1.19.1",
+    "@nysds/nys-errormessage": "^1.19.1"
   },
   "devDependencies": {
     "lit": "^3.3.1",