@nldd/design-system 0.8.87 → 0.8.89

package/dist/components/inputs/radio-button-field/radio-button-field.d.ts

@@ -1,27 +1,37 @@
 /**
  * Nederlandse Digitale Dienst Radio Button Field Component (Lit + TypeScript)
  *
- * A radio button with an inline label. Use inside nldd-radio-button-group
- * for keyboard navigation and group semantics. The group sets the name.
+ * A radio button with an inline label. Use inside nldd-radio-button-group,
+ * which sets the name and labels the group.
  *
- * Form-associated: the checked field submits its `value` under `name` (the
- * inner nldd-radio-button sits in the shadow root and never joins the
- * consumer's form; the field submits on its behalf). Unchecking siblings is
- * the group's job, so exactly one value per group reaches the form.
+ * Fields that stand on their own group by name, the way native radios do:
+ * checking one unchecks the others, the arrow keys move between them and Tab
+ * stops at the group once. Put them in a container with role="radiogroup", or
+ * a screen reader has nothing to count them from.
+ *
+ * The field is the radio: it carries the role, the state, the label it is
+ * announced by and the focus, and the nldd-radio-button inside only draws the
+ * shape. A radio of its own in there would be a second control inside a
+ * control, and a group of one to count.
+ *
+ * Form-associated: the checked field submits its `value` under `name`.
+ * Unchecking siblings is the group's job, so exactly one value per group
+ * reaches the form.
  *
  * @element nldd-radio-button-field
  * @attr {boolean} checked - Checked state
  * @attr {boolean} disabled - Disabled state
  * @attr {string} value - Value for form submission
- * @attr {string} name - Radio group name for form submission, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
- * @attr {boolean} required - Required state, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
+ * @attr {string} name - Radio group name for form submission; ties the fields of one group together. Set automatically by nldd-radio-button-group.
+ * @attr {boolean} required - Required state. What it asks is whether anything in the group is checked, as a native radio does. Set automatically by nldd-radio-button-group.
  * @attr {string} label - Label text for the radio button
  * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
  *
  * @fires change - When checked state changes; detail: { checked: boolean, value: string }
  */
-import { LitElement } from 'lit';
+import { LitElement, type PropertyValues } from 'lit';
 import { type FormValue } from '../../../utilities/form-associated-mixin.js';
+import type { RadioPosition } from '../../../utilities/radio-position.js';
 declare const NLDDRadioButtonField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement) & (abstract new (...args: any[]) => import("../../../utilities/described-by-mixin.js").DescribedElement);
 export declare class NLDDRadioButtonField extends NLDDRadioButtonField_base {
     static styles: import("lit").CSSResult;
@@ -48,22 +58,59 @@ export declare class NLDDRadioButtonField extends NLDDRadioButtonField_base {
      * choosing not to show something is not a reason to keep quiet about it.
      */
     invalid: boolean;
+    /** Set by nldd-radio-button-group: this field's place in the group, which it
+     *  cannot count by itself. */
+    _groupPosition: RadioPosition | null;
+    /** Set by nldd-radio-button-group. What `required` asks of a radio is
+     *  whether anything in the group is checked, not this one. */
+    _groupHasSelection: boolean;
+    /** Its place among the fields that share its name, for a field that stands
+     *  outside an nldd-radio-button-group. The group wins where it is there. */
+    private _grouping;
+    /** The place it is announced with: from the group around it, or from the
+     *  radios it shares a name with. */
+    get _position(): RadioPosition | null;
+    /** Whether anything in its group is checked. Either source saying so is
+     *  enough: they answer for the same set of radios. */
+    get _answered(): boolean;
+    /** The aria-label this field wrote on itself, so it only takes back its own. */
+    private _appliedLabel;
+    /** The field holds the focus, the shape inside shows it. Only for the
+     *  keyboard, as a focus ring is: a click does not draw one. */
+    _focusRing: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     firstUpdated(): void;
+    /** Counting happens before the render, not after it: the place this field is
+     *  given decides what `updated()` writes on it, and a count from there would
+     *  ask for a second render of what was just drawn. */
+    willUpdate(changed: PropertyValues<this>): void;
+    updated(changed: PropertyValues<this>): void;
+    /**
+     * This element is the radio, label and all.
+     *
+     * A native radio in a shadow root of its own is a group of one, which a
+     * screen reader counts as "1 of 1" and Tab stops at one by one. The role on
+     * the element itself puts the whole group back in one tree, and the label it
+     * renders is the name it is announced by.
+     */
+    private _syncHostAria;
     /** An unchecked radio contributes nothing to the form. The group calls
      *  `commitFormValue()` on the siblings it unchecks, so a listener that reads
      *  the form while `change` is still propagating never sees two values. */
     formValue(): FormValue;
     formResetCallback(): void;
     formStateRestoreCallback(state: File | string | FormData | null): void;
-    _handleLabelClick(e: Event): void;
-    _handleChange(e: Event): void;
-    /**
-     * Delegates focus to the inner `<nldd-radio-button>`, which in turn focuses
-     * its native input. Lets consumers call `radioFieldEl.focus()` without
-     * reaching into shadow DOM.
-     */
-    focus(options?: FocusOptions): void;
-    /** The radio button it renders knows which element inside itself is the control. */
+    /** Checks this field, the way a click or the space bar does. The group hears
+     *  the change and unchecks the others; without a group the fields that share
+     *  its name are unchecked here. */
+    select(): void;
+    private _onClick;
+    private _onFocus;
+    private _onBlur;
+    private _onKeyDown;
+    /** The element assistive software meets is this one, so the description and
+     *  the invalid state belong here rather than on the shape inside. */
     describedTarget(): Element | null;
     render(): import("lit-html").TemplateResult;
 }

package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;;AAO7F,qBACa,oBAAqB,SAAQ,yBAAuC;IAEhF,OAAgB,MAAM,0BAA0B;IAEhD;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAEX;;sCAEkC;IAElC,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAGX;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAEP,YAAY,IAAI,IAAI;IAI7B;;8EAE0E;IACjE,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAOjC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAUpC;;;;OAIG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAI5C,oFAAoF;IAC3E,eAAe,IAAI,OAAO,GAAG,IAAI;IAIjC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
+{"version":3,"file":"radio-button-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAK7F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;;AAM1E,qBACa,oBAAqB,SAAQ,yBAAuC;IAEhF,OAAgB,MAAM,0BAA0B;IAEhD;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAEX;;sCAEkC;IAElC,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAGX;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAEhB;kCAC8B;IAE9B,cAAc,EAAE,aAAa,GAAG,IAAI,CAAQ;IAE5C;kEAC8D;IAE9D,kBAAkB,UAAS;IAE3B;gFAC4E;IAC5E,OAAO,CAAC,SAAS,CAA2B;IAE5C;wCACoC;IACpC,IAAI,SAAS,IAAI,aAAa,GAAG,IAAI,CAEpC;IAED;0DACsD;IACtD,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,gFAAgF;IAChF,OAAO,CAAC,aAAa,CAAuB;IAE5C;mEAC+D;IAE/D,UAAU,UAAS;IAEV,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAQ5B,YAAY,IAAI,IAAI;IAI7B;;0DAEsD;IAC7C,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM/C,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAKrD;;;;;;;OAOG;IACH,OAAO,CAAC,aAAa;IAoBrB;;8EAE0E;IACjE,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAItE;;uCAEmC;IAC5B,MAAM,IAAI,IAAI;IAYrB,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,OAAO,CAEb;IAEF,OAAO,CAAC,UAAU,CAehB;IAEF;yEACqE;IAC5D,eAAe,IAAI,OAAO,GAAG,IAAI;IAIjC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}

package/dist/components/inputs/radio-button-field/radio-button-field.js

@@ -7,32 +7,45 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /**
  * Nederlandse Digitale Dienst Radio Button Field Component (Lit + TypeScript)
  *
- * A radio button with an inline label. Use inside nldd-radio-button-group
- * for keyboard navigation and group semantics. The group sets the name.
+ * A radio button with an inline label. Use inside nldd-radio-button-group,
+ * which sets the name and labels the group.
  *
- * Form-associated: the checked field submits its `value` under `name` (the
- * inner nldd-radio-button sits in the shadow root and never joins the
- * consumer's form; the field submits on its behalf). Unchecking siblings is
- * the group's job, so exactly one value per group reaches the form.
+ * Fields that stand on their own group by name, the way native radios do:
+ * checking one unchecks the others, the arrow keys move between them and Tab
+ * stops at the group once. Put them in a container with role="radiogroup", or
+ * a screen reader has nothing to count them from.
+ *
+ * The field is the radio: it carries the role, the state, the label it is
+ * announced by and the focus, and the nldd-radio-button inside only draws the
+ * shape. A radio of its own in there would be a second control inside a
+ * control, and a group of one to count.
+ *
+ * Form-associated: the checked field submits its `value` under `name`.
+ * Unchecking siblings is the group's job, so exactly one value per group
+ * reaches the form.
  *
  * @element nldd-radio-button-field
  * @attr {boolean} checked - Checked state
  * @attr {boolean} disabled - Disabled state
  * @attr {string} value - Value for form submission
- * @attr {string} name - Radio group name for form submission, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
- * @attr {boolean} required - Required state, forwarded to the inner nldd-radio-button. Set automatically by nldd-radio-button-group.
+ * @attr {string} name - Radio group name for form submission; ties the fields of one group together. Set automatically by nldd-radio-button-group.
+ * @attr {boolean} required - Required state. What it asks is whether anything in the group is checked, as a native radio does. Set automatically by nldd-radio-button-group.
  * @attr {string} label - Label text for the radio button
  * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
  *
  * @fires change - When checked state changes; detail: { checked: boolean, value: string }
  */
 import { LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators.js';
 import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
 import { radioButtonFieldStyles } from './radio-button-field.styles.js';
 import { radioButtonFieldTemplate } from './radio-button-field.template.js';
 import { DescribedBy } from '../../../utilities/described-by-mixin.js';
 import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
+import { RadioGrouping } from '../../../utilities/radio-grouping.js';
+import { setOwnedAttribute } from '../../../utilities/owned-attribute.js';
+import { submitOnEnter } from '../../../utilities/implicit-submission.js';
+import { isKeyboardMode } from '../../../utilities/input-modality.js';
 let NLDDRadioButtonField = class NLDDRadioButtonField extends DescribedBy(FormAssociated(LitElement)) {
     constructor() {
         super(...arguments);
@@ -56,10 +69,119 @@ let NLDDRadioButtonField = class NLDDRadioButtonField extends DescribedBy(FormAs
          * choosing not to show something is not a reason to keep quiet about it.
          */
         this.invalid = false;
+        /** Set by nldd-radio-button-group: this field's place in the group, which it
+         *  cannot count by itself. */
+        this._groupPosition = null;
+        /** Set by nldd-radio-button-group. What `required` asks of a radio is
+         *  whether anything in the group is checked, not this one. */
+        this._groupHasSelection = false;
+        /** Its place among the fields that share its name, for a field that stands
+         *  outside an nldd-radio-button-group. The group wins where it is there. */
+        this._grouping = new RadioGrouping(this);
+        /** The aria-label this field wrote on itself, so it only takes back its own. */
+        this._appliedLabel = null;
+        /** The field holds the focus, the shape inside shows it. Only for the
+         *  keyboard, as a focus ring is: a click does not draw one. */
+        this._focusRing = false;
+        this._onClick = () => {
+            this.select();
+        };
+        this._onFocus = () => {
+            this._focusRing = isKeyboardMode();
+        };
+        this._onBlur = () => {
+            this._focusRing = false;
+        };
+        this._onKeyDown = (e) => {
+            if (this.disabled)
+                return;
+            // Space checks it and Enter submits the form, as with a native radio.
+            if (e.key === ' ') {
+                e.preventDefault();
+                this.select();
+                return;
+            }
+            if (e.key === 'Enter') {
+                submitOnEnter(this, e);
+                return;
+            }
+            // The arrow keys are the group's, and a field that has none moves through
+            // the fields it shares a name with, as native radios do.
+            if (!this._groupPosition)
+                this._grouping.moveWithArrow(e);
+        };
+    }
+    /** The place it is announced with: from the group around it, or from the
+     *  radios it shares a name with. */
+    get _position() {
+        return this._groupPosition ?? this._grouping.position;
+    }
+    /** Whether anything in its group is checked. Either source saying so is
+     *  enough: they answer for the same set of radios. */
+    get _answered() {
+        return this._groupHasSelection || this._grouping.answered;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', this._onClick);
+        this.addEventListener('keydown', this._onKeyDown);
+        this.addEventListener('focus', this._onFocus);
+        this.addEventListener('blur', this._onBlur);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('click', this._onClick);
+        this.removeEventListener('keydown', this._onKeyDown);
+        this.removeEventListener('focus', this._onFocus);
+        this.removeEventListener('blur', this._onBlur);
     }
     firstUpdated() {
         this._initialChecked = this.checked;
     }
+    /** Counting happens before the render, not after it: the place this field is
+     *  given decides what `updated()` writes on it, and a count from there would
+     *  ask for a second render of what was just drawn. */
+    willUpdate(changed) {
+        if (changed.has('checked') && this.checked)
+            this._grouping.uncheckOthers();
+        if (changed.has('name'))
+            this._grouping.regroup();
+        else if (changed.has('checked') || changed.has('disabled'))
+            this._grouping.refresh();
+    }
+    updated(changed) {
+        super.updated(changed);
+        this._syncHostAria();
+    }
+    /**
+     * This element is the radio, label and all.
+     *
+     * A native radio in a shadow root of its own is a group of one, which a
+     * screen reader counts as "1 of 1" and Tab stops at one by one. The role on
+     * the element itself puts the whole group back in one tree, and the label it
+     * renders is the name it is announced by.
+     */
+    _syncHostAria() {
+        this.setAttribute('role', 'radio');
+        this.setAttribute('aria-checked', String(this.checked));
+        this._appliedLabel = setOwnedAttribute(this, 'aria-label', this.label, this._appliedLabel);
+        if (this.disabled)
+            this.setAttribute('aria-disabled', 'true');
+        else
+            this.removeAttribute('aria-disabled');
+        const position = this._position;
+        if (position) {
+            this.setAttribute('aria-posinset', String(position.posInSet));
+            this.setAttribute('aria-setsize', String(position.setSize));
+        }
+        else {
+            this.removeAttribute('aria-posinset');
+            this.removeAttribute('aria-setsize');
+        }
+        // A disabled radio is not in the tab order, as a native one is not.
+        const tabbable = !this.disabled && position?.tabbable !== false;
+        this.setAttribute('tabindex', tabbable ? '0' : '-1');
+    }
     /** An unchecked radio contributes nothing to the form. The group calls
      *  `commitFormValue()` on the siblings it unchecks, so a listener that reads
      *  the form while `change` is still propagating never sees two values. */
@@ -72,34 +194,25 @@ let NLDDRadioButtonField = class NLDDRadioButtonField extends DescribedBy(FormAs
     formStateRestoreCallback(state) {
         this.checked = state !== null;
     }
-    _handleLabelClick(e) {
-        if (this.disabled)
-            return;
-        if (e.target.closest?.('nldd-radio-button'))
+    /** Checks this field, the way a click or the space bar does. The group hears
+     *  the change and unchecks the others; without a group the fields that share
+     *  its name are unchecked here. */
+    select() {
+        if (this.disabled || this.checked)
             return;
-        const radioButton = this.shadowRoot?.querySelector('nldd-radio-button');
-        radioButton?.select();
-    }
-    _handleChange(e) {
-        this.checked = e.detail.checked;
+        this.checked = true;
         this.commitFormValue();
+        this._grouping.uncheckOthers();
         this.dispatchEvent(new CustomEvent('change', {
-            detail: { checked: this.checked, value: this.value },
+            detail: { checked: true, value: this.value },
             bubbles: true,
             composed: true,
         }));
     }
-    /**
-     * Delegates focus to the inner `<nldd-radio-button>`, which in turn focuses
-     * its native input. Lets consumers call `radioFieldEl.focus()` without
-     * reaching into shadow DOM.
-     */
-    focus(options) {
-        this.shadowRoot?.querySelector('nldd-radio-button')?.focus(options);
-    }
-    /** The radio button it renders knows which element inside itself is the control. */
+    /** The element assistive software meets is this one, so the description and
+     *  the invalid state belong here rather than on the shape inside. */
     describedTarget() {
-        return this.shadowRoot?.querySelector('nldd-radio-button') ?? null;
+        return this;
     }
     render() {
         return radioButtonFieldTemplate(this);
@@ -130,6 +243,15 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NLDDRadioButtonField.prototype, "invalid", void 0);
+__decorate([
+    state()
+], NLDDRadioButtonField.prototype, "_groupPosition", void 0);
+__decorate([
+    state()
+], NLDDRadioButtonField.prototype, "_groupHasSelection", void 0);
+__decorate([
+    state()
+], NLDDRadioButtonField.prototype, "_focusRing", void 0);
 NLDDRadioButtonField = __decorate([
     customElement('nldd-radio-button-field')
 ], NLDDRadioButtonField);

package/dist/components/inputs/radio-button-field/radio-button-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAkB,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAGvE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAA1E;;QASE,oBAAe,GAAG,KAAK,CAAC;QAGhC,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;QAEX;;0CAEkC;QAElC,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;QAGX;;;;;;;;WAQG;QAEH,YAAO,GAAG,KAAK,CAAC;IAwDjB,CAAC;IAtDS,YAAY;QACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,CAAC;IAED;;8EAE0E;IACjE,SAAS;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IACzC,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;IACrC,CAAC;IAGD,wBAAwB,CAAC,KAAsC;QAC9D,IAAI,CAAC,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC;IAC/B,CAAC;IAEM,iBAAiB,CAAC,CAAQ;QAChC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,EAAE,CAAC,mBAAmB,CAAC;YAAE,OAAO;QACrE,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAA2B,CAAC;QAClG,WAAW,EAAE,MAAM,EAAE,CAAC;IACvB,CAAC;IAEM,aAAa,CAAC,CAAQ;QAC5B,IAAI,CAAC,OAAO,GAAI,CAAuC,CAAC,MAAM,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YACpD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACM,KAAK,CAAC,OAAsB;QACpC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAkB,mBAAmB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACtF,CAAC;IAED,oFAAoF;IAC3E,eAAe;QACvB,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,IAAI,CAAC;IACpE,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAhGe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAEhD;oEACoE;AAC7D,gCAAW,GAAG,IAAI,AAAP,CAAQ;AAM1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAChB;AAMX;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;kDACpD;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAChB;AAaX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAC3B;AA3CJ,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAmGhC"}
+{"version":3,"file":"radio-button-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.ts"],"names":[],"mappings":"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"}

package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,yBAkDlC,CAAC"}
+{"version":3,"file":"radio-button-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,yBAmElC,CAAC"}

package/dist/components/inputs/radio-button-field/radio-button-field.styles.js

@@ -11,12 +11,29 @@ export const radioButtonFieldStyles = css `
 	:host {
 		${inheritedTextReset}
 		display: block;
+		position: relative;
+		cursor: default;
+		-webkit-tap-highlight-color: transparent;
 	}
 
 	:host([hidden]) {
 		display: none;
 	}
 
+	:host(:focus-visible) {
+		outline: none;
+	}
+
+	.radio-button-field__validation-input {
+		position: absolute;
+		inset: 0;
+		opacity: 0;
+		margin: 0;
+		pointer-events: none;
+		width: 100%;
+		height: 100%;
+	}
+
 
 	/* # Block */
 

package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;IASrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC"}
+{"version":3,"file":"radio-button-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;IASrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DrB,CAAC"}

package/dist/components/inputs/radio-button-field/radio-button-field.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,iCAAiC,CAAC;AAGzC,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,oBAAoB,GAAG,cAAc,CAoBxF"}
+{"version":3,"file":"radio-button-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,iCAAiC,CAAC;AAEzC,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,oBAAoB,GAAG,cAAc,CA8BxF"}

package/dist/components/inputs/radio-button-field/radio-button-field.template.js

@@ -1,24 +1,33 @@
-import { html, nothing } from 'lit';
+import { html } from 'lit';
 import '../radio-button/radio-button.js';
-/* eslint-disable lit-a11y/click-events-have-key-events -- label wrapper delegates to inner radio button */
 export function radioButtonFieldTemplate(component) {
+    // The field itself is the radio: it carries the role, the state and the
+    // label it is announced by. The radio button inside only draws the shape,
+    // and the input only answers `required` for the form, which a radio asks of
+    // its whole group. The name is for the platform: a radio without one is in no
+    // group, and a radio in no group never reports a missing value.
     return html `
-		<div class="radio-button-field"
-			@click=${component._handleLabelClick}
-		>
+		<div class="radio-button-field">
+			<input class="radio-button-field__validation-input"
+				type="radio"
+				name="nldd-validation"
+				?required=${component.required}
+				?disabled=${component.disabled}
+				.checked=${component._answered}
+				tabindex="-1"
+				aria-hidden="true"
+			>
 			<div class="radio-button-field__control">
 				<nldd-radio-button
-					?invalid=${component.invalid}
+					decorative
 					?checked=${component.checked}
 					?disabled=${component.disabled}
-					?required=${component.required}
-					name=${component.name || ''}
-					value=${component.value}
-					accessible-label=${component.label || nothing}
-					@change=${component._handleChange}
+					?focus-ring=${component._focusRing}
 				></nldd-radio-button>
 			</div>
-			<span class="radio-button-field__label">${component.label}</span>
+			<span class="radio-button-field__label">
+				${component.label}
+			</span>
 		</div>
 	`;
 }

package/dist/components/inputs/radio-button-field/radio-button-field.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,iCAAiC,CAAC;AAEzC,2GAA2G;AAC3G,MAAM,UAAU,wBAAwB,CAAC,SAA+B;IACvE,OAAO,IAAI,CAAA;;YAEA,SAAS,CAAC,iBAAiB;;;;gBAIvB,SAAS,CAAC,OAAO;gBACjB,SAAS,CAAC,OAAO;iBAChB,SAAS,CAAC,QAAQ;iBAClB,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,EAAE;aACnB,SAAS,CAAC,KAAK;wBACJ,SAAS,CAAC,KAAK,IAAI,OAAO;eACnC,SAAS,CAAC,aAAa;;;6CAGO,SAAS,CAAC,KAAK;;EAE1D,CAAC;AACH,CAAC"}
+{"version":3,"file":"radio-button-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,OAAO,iCAAiC,CAAC;AAEzC,MAAM,UAAU,wBAAwB,CAAC,SAA+B;IACvE,wEAAwE;IACxE,0EAA0E;IAC1E,4EAA4E;IAC5E,8EAA8E;IAC9E,gEAAgE;IAChE,OAAO,IAAI,CAAA;;;;;gBAKI,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;eACnB,SAAS,CAAC,SAAS;;;;;;;gBAOlB,SAAS,CAAC,OAAO;iBAChB,SAAS,CAAC,QAAQ;mBAChB,SAAS,CAAC,UAAU;;;;MAIjC,SAAS,CAAC,KAAK;;;EAGnB,CAAC;AACH,CAAC"}

package/dist/components/inputs/radio-button-group/radio-button-group.d.ts

@@ -48,6 +48,9 @@ export declare class NLDDRadioButtonGroup extends LitElement {
     private _getFields;
     private _getEnabledFields;
     private _syncFields;
+    /** Each field its place in the group, and the group one stop for Tab. A
+     *  field cannot count its siblings: it only sees itself. */
+    private _positionFields;
     private _handleChange;
     private _handleKeyDown;
     _onSlotChange: () => void;

package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,qBACa,oBAAqB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAA0B;IAEhD;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB,iEAAiE;IAEjE,eAAe,SAAM;IAGrB,mBAAmB,SAAM;IAEzB,8EAA8E;IAC9E,OAAO,CAAC,aAAa,CAAuB;IAG5C;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAEP,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAMpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IA+B1D,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,cAAc,CAkCpB;IAEF,aAAa,QAAO,IAAI,CAEtB;IAEF;;;;;OAKG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
+{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQjC,qBACa,oBAAqB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAA0B;IAEhD;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAG1B,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB,iEAAiE;IAEjE,eAAe,SAAM;IAGrB,mBAAmB,SAAM;IAEzB,8EAA8E;IAC9E,OAAO,CAAC,aAAa,CAAuB;IAG5C;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAEP,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAMpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IA+B1D,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAiBnB;gEAC4D;IAC5D,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,aAAa,CAYnB;IAEF,OAAO,CAAC,cAAc,CAgCpB;IAEF,aAAa,QAAO,IAAI,CAEtB;IAEF;;;;;OAKG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}

package/dist/components/inputs/radio-button-group/radio-button-group.js

@@ -28,6 +28,7 @@ import { customElement, property } from 'lit/decorators.js';
 import { radioButtonGroupStyles } from './radio-button-group.styles.js';
 import { radioButtonGroupTemplate } from './radio-button-group.template.js';
 import { setOwnedAttribute } from '../../../utilities/owned-attribute.js';
+import { radioPositions } from '../../../utilities/radio-position.js';
 let NLDDRadioButtonGroup = class NLDDRadioButtonGroup extends LitElement {
     constructor() {
         super(...arguments);
@@ -62,6 +63,7 @@ let NLDDRadioButtonGroup = class NLDDRadioButtonGroup extends LitElement {
                 // its listener would otherwise still see this field's old value.
                 field.commitFormValue?.();
             });
+            this._positionFields();
         };
         this._handleKeyDown = (e) => {
             if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' &&
@@ -84,10 +86,8 @@ let NLDDRadioButtonGroup = class NLDDRadioButtonGroup extends LitElement {
             activeField.commitFormValue?.();
             nextField.checked = true;
             nextField.commitFormValue?.();
-            const input = nextField.shadowRoot
-                ?.querySelector('nldd-radio-button')
-                ?.shadowRoot?.querySelector('input');
-            input?.focus();
+            this._positionFields();
+            nextField.focus();
             nextField.dispatchEvent(new CustomEvent('change', {
                 detail: { checked: true, value: nextField.value },
                 bubbles: true,
@@ -169,6 +169,18 @@ let NLDDRadioButtonGroup = class NLDDRadioButtonGroup extends LitElement {
                 field.disabled = false;
             }
         });
+        this._positionFields();
+    }
+    /** Each field its place in the group, and the group one stop for Tab. A
+     *  field cannot count its siblings: it only sees itself. */
+    _positionFields() {
+        const fields = this._getFields();
+        const answered = fields.some((field) => field.checked);
+        radioPositions(fields, (field) => field.checked, (field) => field.disabled)
+            .forEach((position, index) => {
+            fields[index]._groupPosition = position;
+            fields[index]._groupHasSelection = answered;
+        });
     }
     /**
      * Delegates focus to the checked option, or to the first enabled one when

package/dist/components/inputs/radio-button-group/radio-button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAG/D,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAQN,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;QAEjB,iEAAiE;QAEjE,oBAAe,GAAG,EAAE,CAAC;QAGrB,wBAAmB,GAAG,EAAE,CAAC;QAEzB,8EAA8E;QACtE,kBAAa,GAAkB,IAAI,CAAC;QAG5C;;;;;;;;WAQG;QAEH,YAAO,GAAG,KAAK,CAAC;QAyFR,kBAAa,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAC1C,MAAM,YAAY,GAAG,CAAC,CAAC,MAA8B,CAAC;YACtD,IAAI,CAAC,YAAY,CAAC,OAAO;gBAAE,OAAO;YAClC,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACjC,IAAI,KAAK,KAAK,YAAY;oBAAE,OAAO;gBACnC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;gBACtB,kEAAkE;gBAClE,qEAAqE;gBACrE,iEAAiE;gBACjE,KAAK,CAAC,eAAe,EAAE,EAAE,CAAC;YAC3B,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,CAAgB,EAAQ,EAAE;YACnD,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS;gBAC/C,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW;gBAAE,OAAO;YAEzD,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACxC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YAEhC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;YAC7D,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACjD,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC;YAC/D,MAAM,SAAS,GAAG,MAAM;gBACvB,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM;gBACpC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;YAEtD,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;YACpC,IAAI,CAAC,SAAS;gBAAE,OAAO;YAEvB,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;YAC5B,WAAW,CAAC,eAAe,EAAE,EAAE,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,SAAS,CAAC,eAAe,EAAE,EAAE,CAAC;YAC9B,IAAI,CAAC,eAAe,EAAE,CAAC;YAEvB,SAAS,CAAC,KAAK,EAAE,CAAC;YAElB,SAAS,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACjD,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE;gBACjD,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACd,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,kBAAa,GAAG,GAAS,EAAE;YAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;QACpB,CAAC,CAAC;IAgBH,CAAC;IAzJS,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QACxC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACtD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACrD,CAAC;IAEQ,oBAAoB;QAC5B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACzD,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACxD,CAAC;IAEQ,YAAY;QACpB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAChF,OAAO,CAAC,IAAI,CAAC,qJAAqJ,CAAC,CAAC;QACrK,CAAC;IACF,CAAC;IAEQ,OAAO,CAAC,OAAkC;QAClD,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC/E,IAAI,CAAC,WAAW,EAAE,CAAC;QACpB,CAAC;QACD,4EAA4E;QAC5E,uEAAuE;QACvE,yEAAyE;QACzE,mDAAmD;QACnD,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5B,IAAI,IAAI,CAAC,OAAO;gBAAE,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;;gBACvD,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QAC3C,CAAC;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,aAAa,GAAG,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACtG,CAAC;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,EAAE,CAAC;YACxC,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC9B,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YAChE,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;YACzC,CAAC;QACF,CAAC;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC7B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YAC5C,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;YACvC,CAAC;QACF,CAAC;IACF,CAAC;IAEO,UAAU;QACjB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC,CAAC;IACrE,CAAC;IAEO,iBAAiB;QACxB,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAEO,WAAW;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACjC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACvB,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;oBACrC,KAAK,CAAC,YAAY,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;oBACzC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACvB,CAAC;YACF,CAAC;iBAAM,IAAI,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;gBACjD,KAAK,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;gBACxC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;YACxB,CAAC;QACF,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;IAED;gEAC4D;IACpD,eAAe;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACjC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACvD,cAAc,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC;aACzE,OAAO,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YAC5B,MAAM,CAAC,KAAK,CAAC,CAAC,cAAc,GAAG,QAAQ,CAAC;YACxC,MAAM,CAAC,KAAK,CAAC,CAAC,kBAAkB,GAAG,QAAQ,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAsDD;;;;;OAKG;IACM,KAAK,CAAC,OAAsB;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACxC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AA9Le,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAEhD;oEACoE;AAC7D,gCAAW,GAAG,IAAI,AAAP,CAAQ;AAG1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAIjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;6DACrC;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;iEACtC;AAgBzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAC3B;AArCJ,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAgMhC"}