@nysds/nys-radiobutton 1.17.0 → 1.18.0

package/dist/nys-radiobutton.js

@@ -6,22 +6,22 @@ import { ifDefined as _ } from "lit/directives/if-defined.js";
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Radiobutton Component v1.17.0
+   * Radiobutton Component v1.18.0
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
 */
-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-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 )}:host([inverted]){--_nys-radiobutton-outline-color: var(--nys-color-focus-reverse, #7aa5e7)}.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}`;
+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-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 E = Object.defineProperty, l = (c, t, e, o) => {
-  for (var s = void 0, a = c.length - 1, h; a >= 0; a--)
-    (h = c[a]) && (s = h(t, e, s) || s);
+  for (var s = void 0, n = c.length - 1, h; n >= 0; n--)
+    (h = c[n]) && (s = h(t, e, s) || s);
   return s && E(t, e, s), s;
 };
 let x = 0;
 const p = class p extends f {
   // allows use of elementInternals' API
   constructor() {
-    super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this.tooltip = "", this.inverted = !1, this.form = null, this.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.selectedValue = null, this._slottedDescriptionText = "", this._internals = this.attachInternals();
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
@@ -34,7 +34,7 @@ const p = class p extends f {
     await this.updateComplete, this._initializeCheckedRadioValue(), this._setValue(), this._setRadioButtonRequire(), this._updateRadioButtonsSize(), this._updateRadioButtonsTile(), this._updateRadioButtonsShowError(), 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("inverted") && this._updateRadioButtonsInvert(), 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(), t.has("tile") && this._updateRadioButtonsTile(), t.has("showError") && this._updateRadioButtonsShowError(), t.has("form") && this._updateRadioButtonsForm();
   }
   /**
    * Form Integration
@@ -78,10 +78,10 @@ const p = class p extends f {
   async _handleKeyDown(t) {
     if (!["ArrowUp", "ArrowDown", " ", "Enter"].includes(t.key)) return;
     t.preventDefault();
-    const o = this._getAllRadios().filter((y) => !y.disabled), a = o.find((y) => y.matches(":focus")) || o.find((y) => y.checked) || o[0];
+    const o = this._getAllRadios().filter((y) => !y.disabled), n = o.find((y) => y.matches(":focus")) || o.find((y) => y.checked) || o[0];
     let h = 0;
     ["ArrowUp", "ArrowLeft"].includes(t.key) ? h = -1 : ["ArrowDown", "ArrowRight"].includes(t.key) && (h = 1);
-    let b = o.indexOf(a) + h;
+    let b = o.indexOf(n) + h;
     b < 0 && (b = o.length - 1), b >= o.length && (b = 0);
     const g = o[b];
     (await g.getInputElement())?.click(), await this.updateComplete, this._updateGroupTabIndex(), g.focus();
@@ -119,11 +119,6 @@ const p = class p extends f {
       this.tile ? e.toggleAttribute("tile", !0) : e.removeAttribute("tile");
     });
   }
-  _updateRadioButtonsInvert() {
-    this.querySelectorAll("nys-radiobutton").forEach((e) => {
-      this.inverted ? e.toggleAttribute("inverted", !0) : e.removeAttribute("inverted");
-    });
-  }
   _updateRadioButtonsShowError() {
     this.querySelectorAll("nys-radiobutton").forEach((e) => {
       this.showError ? e.setAttribute("showError", "") : e.removeAttribute("showError");
@@ -152,11 +147,11 @@ const p = class p extends f {
   }
   async _handleInvalid(t) {
     if (t.preventDefault(), this._internals.validity.customError) {
-      const s = this._getAllRadios().find((a) => a.other && a.checked);
+      const s = this._getAllRadios().find((n) => n.other && n.checked);
       if (s) {
-        const a = s.shadowRoot?.querySelector("nys-textinput");
-        if (s.classList.remove("focused"), a) {
-          await a.updateComplete, a.focus();
+        const n = s.shadowRoot?.querySelector("nys-textinput");
+        if (s.classList.remove("focused"), n) {
+          await n.updateComplete, n.focus();
           return;
         }
       }
@@ -197,7 +192,6 @@ const p = class p extends f {
         description=${this.description}
         flag=${this.required ? "required" : this.optional ? "optional" : ""}
         tooltip=${this.tooltip}
-        ?inverted=${this.inverted}
       >
         <slot name="description" slot="description">${this.description}</slot>
       </nys-label>
@@ -216,63 +210,60 @@ p.styles = k(w), p.shadowRootOptions = {
   ...f.shadowRootOptions,
   delegatesFocus: !0
 }, p.formAssociated = !0;
-let n = p;
+let a = p;
 l([
   r({ type: String, reflect: !0 })
-], n.prototype, "id");
+], a.prototype, "id");
 l([
   r({ type: String, reflect: !0 })
-], n.prototype, "name");
+], a.prototype, "name");
 l([
   r({ type: Boolean, reflect: !0 })
-], n.prototype, "required");
+], a.prototype, "required");
 l([
   r({ type: Boolean, reflect: !0 })
-], n.prototype, "optional");
+], a.prototype, "optional");
 l([
   r({ type: Boolean, reflect: !0 })
-], n.prototype, "showError");
+], a.prototype, "showError");
 l([
   r({ type: String })
-], n.prototype, "errorMessage");
+], a.prototype, "errorMessage");
 l([
   r({ type: String })
-], n.prototype, "label");
+], a.prototype, "label");
 l([
   r({ type: String })
-], n.prototype, "description");
+], a.prototype, "description");
 l([
   r({ type: Boolean, reflect: !0 })
-], n.prototype, "tile");
+], a.prototype, "tile");
 l([
   r({ type: String })
-], n.prototype, "tooltip");
-l([
-  r({ type: Boolean, reflect: !0 })
-], n.prototype, "inverted");
+], a.prototype, "tooltip");
 l([
   r({ type: String, reflect: !0 })
-], n.prototype, "form");
+], a.prototype, "form");
 l([
   r({ type: String, reflect: !0 })
-], n.prototype, "size");
+], a.prototype, "size");
 l([
   m()
-], n.prototype, "selectedValue");
+], a.prototype, "selectedValue");
 l([
   m()
-], n.prototype, "_slottedDescriptionText");
-customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", n);
+], a.prototype, "_slottedDescriptionText");
+customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", a);
 var A = Object.defineProperty, u = (c, t, e, o) => {
-  for (var s = void 0, a = c.length - 1, h; a >= 0; a--)
-    (h = c[a]) && (s = h(t, e, s) || s);
+  for (var s = void 0, n = c.length - 1, h; n >= 0; n--)
+    (h = c[n]) && (s = h(t, e, s) || s);
   return s && A(t, e, s), s;
 };
-let B = 0;
+let C = 0;
 var i;
 const d = (i = class extends f {
   constructor() {
-    super(...arguments), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.inverted = !1, 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 = () => {
+    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;
     };
   }
@@ -281,7 +272,7 @@ const d = (i = class extends f {
    * --------------------------------------------------------------------------
    */
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${B++}`), 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);
+    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${C++}`), 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);
@@ -428,7 +419,6 @@ const d = (i = class extends f {
           ${(this.label || this.other) && v`<nys-label
             label="${this.label || (this.other ? "Other" : "")}"
             description=${_(this.description || void 0)}
-            ?inverted=${this.inverted}
           >
             <slot name="description" slot="description"
               >${this.description}</slot
@@ -481,9 +471,6 @@ u([
 u([
   r({ type: String })
 ], d.prototype, "value");
-u([
-  r({ type: Boolean, reflect: !0 })
-], d.prototype, "inverted");
 u([
   r({ type: String, reflect: !0 })
 ], d.prototype, "form");
@@ -506,6 +493,6 @@ let R = d;
 customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", R);
 export {
   R as NysRadiobutton,
-  n as NysRadiogroup
+  a 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`, `size`, and `inverted` 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  /** Adjusts colors for dark backgrounds. Applied to all children. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  /** Form `id` to associate with. Applied to all children. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /**\n   * 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(\"inverted\")) {\n      this._updateRadioButtonsInvert();\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 = [\"ArrowUp\", \"ArrowDown\", \" \", \"Enter\"];\n\n    if (!keys.includes(event.key)) return;\n    event.preventDefault();\n\n    const radioBtns = this._getAllRadios().filter((radio) => !radio.disabled);\n\n    const focusedRadio = radioBtns.find((radio) => radio.matches(\":focus\"));\n    const currentRadio =\n      focusedRadio || radioBtns.find((radio) => radio.checked) || 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      // 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 _updateRadioButtonsInvert() {\n    const radioButtons = this.querySelectorAll(\"nys-radiobutton\");\n    radioButtons.forEach((radioButton) => {\n      if (this.inverted) {\n        radioButton.toggleAttribute(\"inverted\", true);\n      } else {\n        radioButton.removeAttribute(\"inverted\");\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      <nys-label\n        label=${this.label}\n        description=${this.description}\n        flag=${this.required ? \"required\" : this.optional ? \"optional\" : \"\"}\n        tooltip=${this.tooltip}\n        ?inverted=${this.inverted}\n      >\n        <slot name=\"description\" slot=\"description\">${this.description}</slot>\n      </nys-label>\n      <div class=\"nys-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  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\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\n    if (input) {\n      input.focus();\n      input.click();\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\n        class=\"nys-radiobutton\"\n        @click=\"${this._callInputHandling}\"\n        aria-label=${this.label || (this.other ?? \"Other\")}\n      >\n        <div class=\"nys-radiobutton__main-container\">\n          <span class=\"nys-radiobutton__radio\" tabindex=\"0\"></span>\n          ${(this.label || this.other) &&\n          html`<nys-label\n            label=\"${this.label || (this.other ? \"Other\" : \"\")}\"\n            description=${ifDefined(this.description || undefined)}\n            ?inverted=${this.inverted}\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                ></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","radioBtns","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","newValue","isInvalid","e","ifDefined","NysRadiobutton"],"mappings":"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"}
+{"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 = [\"ArrowUp\", \"ArrowDown\", \" \", \"Enter\"];\n\n    if (!keys.includes(event.key)) return;\n    event.preventDefault();\n\n    const radioBtns = this._getAllRadios().filter((radio) => !radio.disabled);\n\n    const focusedRadio = radioBtns.find((radio) => radio.matches(\":focus\"));\n    const currentRadio =\n      focusedRadio || radioBtns.find((radio) => radio.checked) || 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      // 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      <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      <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\n    if (input) {\n      input.focus();\n      input.click();\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\n        class=\"nys-radiobutton\"\n        @click=\"${this._callInputHandling}\"\n        aria-label=${this.label || (this.other ?? \"Other\")}\n      >\n        <div class=\"nys-radiobutton__main-container\">\n          <span class=\"nys-radiobutton__radio\" tabindex=\"0\"></span>\n          ${(this.label || this.other) &&\n          html`<nys-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                ></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","radioBtns","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","newValue","isInvalid","e","ifDefined","NysRadiobutton"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-radiobutton",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "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.17.0",
-    "@nysds/nys-errormessage": "^1.17.0"
+    "@nysds/nys-label": "^1.18.0",
+    "@nysds/nys-errormessage": "^1.18.0"
   },
   "devDependencies": {
     "lit": "^3.3.1",