@angular/aria 21.0.0-next.8 → 21.0.0-rc.0

package/fesm2022/radio-group.mjs

@@ -1,197 +1,338 @@
 import * as i0 from '@angular/core';
 import { inject, ElementRef, computed, contentChildren, input, booleanAttribute, model, signal, afterRenderEffect, Directive, linkedSignal } from '@angular/core';
-import { ToolbarRadioGroupPattern, RadioGroupPattern, RadioButtonPattern } from '@angular/aria/ui-patterns';
+import { ToolbarRadioGroupPattern, RadioGroupPattern, RadioButtonPattern } from '@angular/aria/private';
 import { Directionality } from '@angular/cdk/bidi';
 import { _IdGenerator } from '@angular/cdk/a11y';
 import * as i1 from '@angular/aria/toolbar';
 import { ToolbarWidgetGroup } from '@angular/aria/toolbar';
 
-// TODO: Move mapSignal to it's own file so it can be reused across components.
-/**
- * Creates a new writable signal (signal V) whose value is connected to the given original
- * writable signal (signal T) such that updating signal V updates signal T and vice-versa.
- *
- * This function establishes a two-way synchronization between the source signal and the new mapped
- * signal. When the source signal changes, the mapped signal updates by applying the `transform`
- * function. When the mapped signal is explicitly set or updated, the change is propagated back to
- * the source signal by applying the `reverse` function.
- */
 function mapSignal(originalSignal, operations) {
-    const mappedSignal = linkedSignal(() => operations.transform(originalSignal()));
-    const updateMappedSignal = mappedSignal.update;
-    const setMappedSignal = mappedSignal.set;
-    mappedSignal.set = (newValue) => {
-        setMappedSignal(newValue);
-        originalSignal.set(operations.reverse(newValue));
-    };
-    mappedSignal.update = (updateFn) => {
-        updateMappedSignal(oldValue => updateFn(oldValue));
-        originalSignal.update(oldValue => operations.reverse(updateFn(operations.transform(oldValue))));
-    };
-    return mappedSignal;
+  const mappedSignal = linkedSignal(() => operations.transform(originalSignal()));
+  const updateMappedSignal = mappedSignal.update;
+  const setMappedSignal = mappedSignal.set;
+  mappedSignal.set = newValue => {
+    setMappedSignal(newValue);
+    originalSignal.set(operations.reverse(newValue));
+  };
+  mappedSignal.update = updateFn => {
+    updateMappedSignal(oldValue => updateFn(oldValue));
+    originalSignal.update(oldValue => operations.reverse(updateFn(operations.transform(oldValue))));
+  };
+  return mappedSignal;
 }
-/**
- * A radio button group container.
- *
- * Radio groups are used to group multiple radio buttons or radio group labels so they function as
- * a single form control. The RadioGroup is meant to be used in conjunction with RadioButton
- * as follows:
- *
- * ```html
- * <div ngRadioGroup>
- *   <div ngRadioButton value="1">Option 1</div>
- *   <div ngRadioButton value="2">Option 2</div>
- *   <div ngRadioButton value="3">Option 3</div>
- * </div>
- * ```
- */
 class RadioGroup {
-    /** A reference to the radio group element. */
-    _elementRef = inject(ElementRef);
-    /** A reference to the ToolbarWidgetGroup, if the radio group is in a toolbar. */
-    _toolbarWidgetGroup = inject(ToolbarWidgetGroup);
-    /** Whether the radio group is inside of a Toolbar. */
-    _hasToolbar = computed(() => !!this._toolbarWidgetGroup.toolbar(), ...(ngDevMode ? [{ debugName: "_hasToolbar" }] : []));
-    /** The RadioButtons nested inside of the RadioGroup. */
-    _radioButtons = contentChildren(RadioButton, ...(ngDevMode ? [{ debugName: "_radioButtons", descendants: true }] : [{ descendants: true }]));
-    /** A signal wrapper for directionality. */
-    textDirection = inject(Directionality).valueSignal;
-    /** The RadioButton UIPatterns of the child RadioButtons. */
-    items = computed(() => this._radioButtons().map(radio => radio.pattern), ...(ngDevMode ? [{ debugName: "items" }] : []));
-    /** Whether the radio group is vertically or horizontally oriented. */
-    orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
-    /** Whether disabled items in the group should be skipped when navigating. */
-    skipDisabled = input(true, ...(ngDevMode ? [{ debugName: "skipDisabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** The focus strategy used by the radio group. */
-    focusMode = input('roving', ...(ngDevMode ? [{ debugName: "focusMode" }] : []));
-    /** Whether the radio group is disabled. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** Whether the radio group is readonly. */
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** The value of the currently selected radio button. */
-    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    /** The internal selection state for the radio group. */
-    _value = mapSignal(this.value, {
-        transform: value => (value !== null ? [value] : []),
-        reverse: values => (values.length === 0 ? null : values[0]),
-    });
-    /** The RadioGroup UIPattern. */
-    pattern;
-    /** Whether the radio group has received focus yet. */
-    _hasFocused = signal(false, ...(ngDevMode ? [{ debugName: "_hasFocused" }] : []));
-    constructor() {
-        const inputs = {
-            ...this,
-            items: this.items,
-            value: this._value,
-            activeItem: signal(undefined),
-            textDirection: this.textDirection,
-            element: () => this._elementRef.nativeElement,
-            getItem: e => {
-                if (!(e.target instanceof HTMLElement)) {
-                    return undefined;
-                }
-                const element = e.target.closest('[role="radio"]');
-                return this.items().find(i => i.element() === element);
-            },
-            toolbar: this._toolbarWidgetGroup.toolbar,
-        };
-        this.pattern = this._hasToolbar()
-            ? new ToolbarRadioGroupPattern(inputs)
-            : new RadioGroupPattern(inputs);
-        if (this._hasToolbar()) {
-            this._toolbarWidgetGroup.controls.set(this.pattern);
+  _elementRef = inject(ElementRef);
+  _toolbarWidgetGroup = inject(ToolbarWidgetGroup);
+  _hasToolbar = computed(() => !!this._toolbarWidgetGroup.toolbar(), ...(ngDevMode ? [{
+    debugName: "_hasToolbar"
+  }] : []));
+  _radioButtons = contentChildren(RadioButton, ...(ngDevMode ? [{
+    debugName: "_radioButtons",
+    descendants: true
+  }] : [{
+    descendants: true
+  }]));
+  textDirection = inject(Directionality).valueSignal;
+  items = computed(() => this._radioButtons().map(radio => radio._pattern), ...(ngDevMode ? [{
+    debugName: "items"
+  }] : []));
+  orientation = input('vertical', ...(ngDevMode ? [{
+    debugName: "orientation"
+  }] : []));
+  skipDisabled = input(true, ...(ngDevMode ? [{
+    debugName: "skipDisabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  focusMode = input('roving', ...(ngDevMode ? [{
+    debugName: "focusMode"
+  }] : []));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  readonly = input(false, ...(ngDevMode ? [{
+    debugName: "readonly",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  value = model(null, ...(ngDevMode ? [{
+    debugName: "value"
+  }] : []));
+  _value = mapSignal(this.value, {
+    transform: value => value !== null ? [value] : [],
+    reverse: values => values.length === 0 ? null : values[0]
+  });
+  _pattern;
+  _hasFocused = signal(false, ...(ngDevMode ? [{
+    debugName: "_hasFocused"
+  }] : []));
+  constructor() {
+    const inputs = {
+      ...this,
+      items: this.items,
+      value: this._value,
+      activeItem: signal(undefined),
+      textDirection: this.textDirection,
+      element: () => this._elementRef.nativeElement,
+      getItem: e => {
+        if (!(e.target instanceof HTMLElement)) {
+          return undefined;
         }
-        afterRenderEffect(() => {
-            if (typeof ngDevMode === 'undefined' || ngDevMode) {
-                const violations = this.pattern.validate();
-                for (const violation of violations) {
-                    console.error(violation);
-                }
-            }
-        });
-        afterRenderEffect(() => {
-            if (!this._hasFocused() && !this._hasToolbar()) {
-                this.pattern.setDefaultState();
-            }
-        });
-    }
-    onFocus() {
-        this._hasFocused.set(true);
+        const element = e.target.closest('[role="radio"]');
+        return this.items().find(i => i.element() === element);
+      },
+      toolbar: this._toolbarWidgetGroup.toolbar
+    };
+    this._pattern = this._hasToolbar() ? new ToolbarRadioGroupPattern(inputs) : new RadioGroupPattern(inputs);
+    if (this._hasToolbar()) {
+      this._toolbarWidgetGroup.controls.set(this._pattern);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: RadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0-next.2", type: RadioGroup, isStandalone: true, selector: "[ngRadioGroup]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, skipDisabled: { classPropertyName: "skipDisabled", publicName: "skipDisabled", isSignal: true, isRequired: false, transformFunction: null }, focusMode: { classPropertyName: "focusMode", publicName: "focusMode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "pattern.onKeydown($event)", "pointerdown": "pattern.onPointerdown($event)", "focusin": "onFocus()" }, properties: { "attr.tabindex": "pattern.tabindex()", "attr.aria-readonly": "pattern.readonly()", "attr.aria-disabled": "pattern.disabled()", "attr.aria-orientation": "pattern.orientation()", "attr.aria-activedescendant": "pattern.activedescendant()" }, classAttribute: "ng-radio-group" }, queries: [{ propertyName: "_radioButtons", predicate: RadioButton, descendants: true, isSignal: true }], exportAs: ["ngRadioGroup"], hostDirectives: [{ directive: i1.ToolbarWidgetGroup, inputs: ["disabled", "disabled"] }], ngImport: i0 });
+    afterRenderEffect(() => {
+      if (typeof ngDevMode === 'undefined' || ngDevMode) {
+        const violations = this._pattern.validate();
+        for (const violation of violations) {
+          console.error(violation);
+        }
+      }
+    });
+    afterRenderEffect(() => {
+      if (!this._hasFocused() && !this._hasToolbar()) {
+        this._pattern.setDefaultState();
+      }
+    });
+  }
+  onFocus() {
+    this._hasFocused.set(true);
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: RadioGroup,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.2.0",
+    version: "20.2.0-next.2",
+    type: RadioGroup,
+    isStandalone: true,
+    selector: "[ngRadioGroup]",
+    inputs: {
+      orientation: {
+        classPropertyName: "orientation",
+        publicName: "orientation",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      skipDisabled: {
+        classPropertyName: "skipDisabled",
+        publicName: "skipDisabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      focusMode: {
+        classPropertyName: "focusMode",
+        publicName: "focusMode",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      readonly: {
+        classPropertyName: "readonly",
+        publicName: "readonly",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      value: {
+        classPropertyName: "value",
+        publicName: "value",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    outputs: {
+      value: "valueChange"
+    },
+    host: {
+      attributes: {
+        "role": "radiogroup"
+      },
+      listeners: {
+        "keydown": "_pattern.onKeydown($event)",
+        "pointerdown": "_pattern.onPointerdown($event)",
+        "focusin": "onFocus()"
+      },
+      properties: {
+        "attr.tabindex": "_pattern.tabindex()",
+        "attr.aria-readonly": "_pattern.readonly()",
+        "attr.aria-disabled": "_pattern.disabled()",
+        "attr.aria-orientation": "_pattern.orientation()",
+        "attr.aria-activedescendant": "_pattern.activedescendant()"
+      },
+      classAttribute: "ng-radio-group"
+    },
+    queries: [{
+      propertyName: "_radioButtons",
+      predicate: RadioButton,
+      descendants: true,
+      isSignal: true
+    }],
+    exportAs: ["ngRadioGroup"],
+    hostDirectives: [{
+      directive: i1.ToolbarWidgetGroup,
+      inputs: ["disabled", "disabled"]
+    }],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: RadioGroup, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngRadioGroup]',
-                    exportAs: 'ngRadioGroup',
-                    host: {
-                        'role': 'radiogroup',
-                        'class': 'ng-radio-group',
-                        '[attr.tabindex]': 'pattern.tabindex()',
-                        '[attr.aria-readonly]': 'pattern.readonly()',
-                        '[attr.aria-disabled]': 'pattern.disabled()',
-                        '[attr.aria-orientation]': 'pattern.orientation()',
-                        '[attr.aria-activedescendant]': 'pattern.activedescendant()',
-                        '(keydown)': 'pattern.onKeydown($event)',
-                        '(pointerdown)': 'pattern.onPointerdown($event)',
-                        '(focusin)': 'onFocus()',
-                    },
-                    hostDirectives: [
-                        {
-                            directive: ToolbarWidgetGroup,
-                            inputs: ['disabled'],
-                        },
-                    ],
-                }]
-        }], ctorParameters: () => [] });
-/** A selectable radio button in a RadioGroup. */
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: RadioGroup,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngRadioGroup]',
+      exportAs: 'ngRadioGroup',
+      host: {
+        'role': 'radiogroup',
+        'class': 'ng-radio-group',
+        '[attr.tabindex]': '_pattern.tabindex()',
+        '[attr.aria-readonly]': '_pattern.readonly()',
+        '[attr.aria-disabled]': '_pattern.disabled()',
+        '[attr.aria-orientation]': '_pattern.orientation()',
+        '[attr.aria-activedescendant]': '_pattern.activedescendant()',
+        '(keydown)': '_pattern.onKeydown($event)',
+        '(pointerdown)': '_pattern.onPointerdown($event)',
+        '(focusin)': 'onFocus()'
+      },
+      hostDirectives: [{
+        directive: ToolbarWidgetGroup,
+        inputs: ['disabled']
+      }]
+    }]
+  }],
+  ctorParameters: () => []
+});
 class RadioButton {
-    /** A reference to the radio button element. */
-    _elementRef = inject(ElementRef);
-    /** The parent RadioGroup. */
-    _radioGroup = inject(RadioGroup);
-    /** A unique identifier for the radio button. */
-    _generatedId = inject(_IdGenerator).getId('ng-radio-button-');
-    /** A unique identifier for the radio button. */
-    id = computed(() => this._generatedId, ...(ngDevMode ? [{ debugName: "id" }] : []));
-    /** The value associated with the radio button. */
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
-    /** The parent RadioGroup UIPattern. */
-    group = computed(() => this._radioGroup.pattern, ...(ngDevMode ? [{ debugName: "group" }] : []));
-    /** A reference to the radio button element to be focused on navigation. */
-    element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
-    /** Whether the radio button is disabled. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** The RadioButton UIPattern. */
-    pattern = new RadioButtonPattern({
-        ...this,
-        id: this.id,
-        value: this.value,
-        group: this.group,
-        element: this.element,
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: RadioButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: RadioButton, isStandalone: true, selector: "[ngRadioButton]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "radio" }, properties: { "attr.data-active": "pattern.active()", "attr.tabindex": "pattern.tabindex()", "attr.aria-checked": "pattern.selected()", "attr.aria-disabled": "pattern.disabled()", "id": "pattern.id()" }, classAttribute: "ng-radio-button" }, exportAs: ["ngRadioButton"], ngImport: i0 });
+  _elementRef = inject(ElementRef);
+  _radioGroup = inject(RadioGroup);
+  _generatedId = inject(_IdGenerator).getId('ng-radio-button-');
+  id = computed(() => this._generatedId, ...(ngDevMode ? [{
+    debugName: "id"
+  }] : []));
+  value = input.required(...(ngDevMode ? [{
+    debugName: "value"
+  }] : []));
+  group = computed(() => this._radioGroup._pattern, ...(ngDevMode ? [{
+    debugName: "group"
+  }] : []));
+  element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{
+    debugName: "element"
+  }] : []));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  selected = computed(() => this._pattern.selected(), ...(ngDevMode ? [{
+    debugName: "selected"
+  }] : []));
+  _pattern = new RadioButtonPattern({
+    ...this,
+    id: this.id,
+    value: this.value,
+    group: this.group,
+    element: this.element
+  });
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: RadioButton,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "20.2.0-next.2",
+    type: RadioButton,
+    isStandalone: true,
+    selector: "[ngRadioButton]",
+    inputs: {
+      value: {
+        classPropertyName: "value",
+        publicName: "value",
+        isSignal: true,
+        isRequired: true,
+        transformFunction: null
+      },
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    host: {
+      attributes: {
+        "role": "radio"
+      },
+      properties: {
+        "attr.data-active": "_pattern.active()",
+        "attr.tabindex": "_pattern.tabindex()",
+        "attr.aria-checked": "_pattern.selected()",
+        "attr.aria-disabled": "_pattern.disabled()",
+        "id": "_pattern.id()"
+      },
+      classAttribute: "ng-radio-button"
+    },
+    exportAs: ["ngRadioButton"],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: RadioButton, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngRadioButton]',
-                    exportAs: 'ngRadioButton',
-                    host: {
-                        'role': 'radio',
-                        'class': 'ng-radio-button',
-                        '[attr.data-active]': 'pattern.active()',
-                        '[attr.tabindex]': 'pattern.tabindex()',
-                        '[attr.aria-checked]': 'pattern.selected()',
-                        '[attr.aria-disabled]': 'pattern.disabled()',
-                        '[id]': 'pattern.id()',
-                    },
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: RadioButton,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngRadioButton]',
+      exportAs: 'ngRadioButton',
+      host: {
+        'role': 'radio',
+        'class': 'ng-radio-button',
+        '[attr.data-active]': '_pattern.active()',
+        '[attr.tabindex]': '_pattern.tabindex()',
+        '[attr.aria-checked]': '_pattern.selected()',
+        '[attr.aria-disabled]': '_pattern.disabled()',
+        '[id]': '_pattern.id()'
+      }
+    }]
+  }]
+});
 
 export { RadioButton, RadioGroup };
 //# sourceMappingURL=radio-group.mjs.map

package/fesm2022/radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/radio-group/radio-group.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  contentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  model,\n  signal,\n  WritableSignal,\n} from '@angular/core';\nimport {\n  RadioButtonPattern,\n  RadioGroupInputs,\n  RadioGroupPattern,\n  ToolbarRadioGroupInputs,\n  ToolbarRadioGroupPattern,\n} from '@angular/aria/ui-patterns';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {ToolbarWidgetGroup} from '@angular/aria/toolbar';\n\n// TODO: Move mapSignal to it's own file so it can be reused across components.\n\n/**\n * Creates a new writable signal (signal V) whose value is connected to the given original\n * writable signal (signal T) such that updating signal V updates signal T and vice-versa.\n *\n * This function establishes a two-way synchronization between the source signal and the new mapped\n * signal. When the source signal changes, the mapped signal updates by applying the `transform`\n * function. When the mapped signal is explicitly set or updated, the change is propagated back to\n * the source signal by applying the `reverse` function.\n */\nexport function mapSignal<T, V>(\n  originalSignal: WritableSignal<T>,\n  operations: {\n    transform: (value: T) => V;\n    reverse: (value: V) => T;\n  },\n) {\n  const mappedSignal = linkedSignal(() => operations.transform(originalSignal()));\n  const updateMappedSignal = mappedSignal.update;\n  const setMappedSignal = mappedSignal.set;\n\n  mappedSignal.set = (newValue: V) => {\n    setMappedSignal(newValue);\n    originalSignal.set(operations.reverse(newValue));\n  };\n\n  mappedSignal.update = (updateFn: (value: V) => V) => {\n    updateMappedSignal(oldValue => updateFn(oldValue));\n    originalSignal.update(oldValue => operations.reverse(updateFn(operations.transform(oldValue))));\n  };\n\n  return mappedSignal;\n}\n\n/**\n * A radio button group container.\n *\n * Radio groups are used to group multiple radio buttons or radio group labels so they function as\n * a single form control. The RadioGroup is meant to be used in conjunction with RadioButton\n * as follows:\n *\n * ```html\n * <div ngRadioGroup>\n *   <div ngRadioButton value=\"1\">Option 1</div>\n *   <div ngRadioButton value=\"2\">Option 2</div>\n *   <div ngRadioButton value=\"3\">Option 3</div>\n * </div>\n * ```\n */\n@Directive({\n  selector: '[ngRadioGroup]',\n  exportAs: 'ngRadioGroup',\n  host: {\n    'role': 'radiogroup',\n    'class': 'ng-radio-group',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.aria-readonly]': 'pattern.readonly()',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n    '[attr.aria-orientation]': 'pattern.orientation()',\n    '[attr.aria-activedescendant]': 'pattern.activedescendant()',\n    '(keydown)': 'pattern.onKeydown($event)',\n    '(pointerdown)': 'pattern.onPointerdown($event)',\n    '(focusin)': 'onFocus()',\n  },\n  hostDirectives: [\n    {\n      directive: ToolbarWidgetGroup,\n      inputs: ['disabled'],\n    },\n  ],\n})\nexport class RadioGroup<V> {\n  /** A reference to the radio group element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the ToolbarWidgetGroup, if the radio group is in a toolbar. */\n  private readonly _toolbarWidgetGroup = inject(ToolbarWidgetGroup);\n\n  /** Whether the radio group is inside of a Toolbar. */\n  private readonly _hasToolbar = computed(() => !!this._toolbarWidgetGroup.toolbar());\n\n  /** The RadioButtons nested inside of the RadioGroup. */\n  private readonly _radioButtons = contentChildren(RadioButton, {descendants: true});\n\n  /** A signal wrapper for directionality. */\n  protected textDirection = inject(Directionality).valueSignal;\n\n  /** The RadioButton UIPatterns of the child RadioButtons. */\n  protected items = computed(() => this._radioButtons().map(radio => radio.pattern));\n\n  /** Whether the radio group is vertically or horizontally oriented. */\n  readonly orientation = input<'vertical' | 'horizontal'>('vertical');\n\n  /** Whether disabled items in the group should be skipped when navigating. */\n  readonly skipDisabled = input(true, {transform: booleanAttribute});\n\n  /** The focus strategy used by the radio group. */\n  readonly focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /** Whether the radio group is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the radio group is readonly. */\n  readonly readonly = input(false, {transform: booleanAttribute});\n\n  /** The value of the currently selected radio button. */\n  readonly value = model<V | null>(null);\n\n  /** The internal selection state for the radio group. */\n  private readonly _value = mapSignal<V | null, V[]>(this.value, {\n    transform: value => (value !== null ? [value] : []),\n    reverse: values => (values.length === 0 ? null : values[0]),\n  });\n\n  /** The RadioGroup UIPattern. */\n  readonly pattern: RadioGroupPattern<V>;\n\n  /** Whether the radio group has received focus yet. */\n  private _hasFocused = signal(false);\n\n  constructor() {\n    const inputs: RadioGroupInputs<V> | ToolbarRadioGroupInputs<V> = {\n      ...this,\n      items: this.items,\n      value: this._value,\n      activeItem: signal(undefined),\n      textDirection: this.textDirection,\n      element: () => this._elementRef.nativeElement,\n      getItem: e => {\n        if (!(e.target instanceof HTMLElement)) {\n          return undefined;\n        }\n        const element = e.target.closest('[role=\"radio\"]');\n        return this.items().find(i => i.element() === element);\n      },\n      toolbar: this._toolbarWidgetGroup.toolbar,\n    };\n\n    this.pattern = this._hasToolbar()\n      ? new ToolbarRadioGroupPattern<V>(inputs as ToolbarRadioGroupInputs<V>)\n      : new RadioGroupPattern<V>(inputs as RadioGroupInputs<V>);\n\n    if (this._hasToolbar()) {\n      this._toolbarWidgetGroup.controls.set(this.pattern as ToolbarRadioGroupPattern<V>);\n    }\n\n    afterRenderEffect(() => {\n      if (typeof ngDevMode === 'undefined' || ngDevMode) {\n        const violations = this.pattern.validate();\n        for (const violation of violations) {\n          console.error(violation);\n        }\n      }\n    });\n\n    afterRenderEffect(() => {\n      if (!this._hasFocused() && !this._hasToolbar()) {\n        this.pattern.setDefaultState();\n      }\n    });\n  }\n\n  onFocus() {\n    this._hasFocused.set(true);\n  }\n}\n\n/** A selectable radio button in a RadioGroup. */\n@Directive({\n  selector: '[ngRadioButton]',\n  exportAs: 'ngRadioButton',\n  host: {\n    'role': 'radio',\n    'class': 'ng-radio-button',\n    '[attr.data-active]': 'pattern.active()',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.aria-checked]': 'pattern.selected()',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n    '[id]': 'pattern.id()',\n  },\n})\nexport class RadioButton<V> {\n  /** A reference to the radio button element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent RadioGroup. */\n  private readonly _radioGroup = inject(RadioGroup);\n\n  /** A unique identifier for the radio button. */\n  private readonly _generatedId = inject(_IdGenerator).getId('ng-radio-button-');\n\n  /** A unique identifier for the radio button. */\n  readonly id = computed(() => this._generatedId);\n\n  /** The value associated with the radio button. */\n  readonly value = input.required<V>();\n\n  /** The parent RadioGroup UIPattern. */\n  readonly group = computed(() => this._radioGroup.pattern);\n\n  /** A reference to the radio button element to be focused on navigation. */\n  element = computed(() => this._elementRef.nativeElement);\n\n  /** Whether the radio button is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** The RadioButton UIPattern. */\n  pattern = new RadioButtonPattern<V>({\n    ...this,\n    id: this.id,\n    value: this.value,\n    group: this.group,\n    element: this.element,\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radio-group.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/radio-group/radio-group.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  contentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  model,\n  signal,\n  WritableSignal,\n} from '@angular/core';\nimport {\n  RadioButtonPattern,\n  RadioGroupInputs,\n  RadioGroupPattern,\n  ToolbarRadioGroupInputs,\n  ToolbarRadioGroupPattern,\n} from '@angular/aria/private';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {ToolbarWidgetGroup} from '@angular/aria/toolbar';\n\n// TODO: Move mapSignal to it's own file so it can be reused across components.\n\n/**\n * Creates a new writable signal (signal V) whose value is connected to the given original\n * writable signal (signal T) such that updating signal V updates signal T and vice-versa.\n *\n * This function establishes a two-way synchronization between the source signal and the new mapped\n * signal. When the source signal changes, the mapped signal updates by applying the `transform`\n * function. When the mapped signal is explicitly set or updated, the change is propagated back to\n * the source signal by applying the `reverse` function.\n */\nexport function mapSignal<T, V>(\n  originalSignal: WritableSignal<T>,\n  operations: {\n    transform: (value: T) => V;\n    reverse: (value: V) => T;\n  },\n) {\n  const mappedSignal = linkedSignal(() => operations.transform(originalSignal()));\n  const updateMappedSignal = mappedSignal.update;\n  const setMappedSignal = mappedSignal.set;\n\n  mappedSignal.set = (newValue: V) => {\n    setMappedSignal(newValue);\n    originalSignal.set(operations.reverse(newValue));\n  };\n\n  mappedSignal.update = (updateFn: (value: V) => V) => {\n    updateMappedSignal(oldValue => updateFn(oldValue));\n    originalSignal.update(oldValue => operations.reverse(updateFn(operations.transform(oldValue))));\n  };\n\n  return mappedSignal;\n}\n\n/**\n * A radio button group container.\n *\n * Radio groups are used to group multiple radio buttons or radio group labels so they function as\n * a single form control. The RadioGroup is meant to be used in conjunction with RadioButton\n * as follows:\n *\n * ```html\n * <div ngRadioGroup>\n *   <div ngRadioButton value=\"1\">Option 1</div>\n *   <div ngRadioButton value=\"2\">Option 2</div>\n *   <div ngRadioButton value=\"3\">Option 3</div>\n * </div>\n * ```\n */\n@Directive({\n  selector: '[ngRadioGroup]',\n  exportAs: 'ngRadioGroup',\n  host: {\n    'role': 'radiogroup',\n    'class': 'ng-radio-group',\n    '[attr.tabindex]': '_pattern.tabindex()',\n    '[attr.aria-readonly]': '_pattern.readonly()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n    '[attr.aria-orientation]': '_pattern.orientation()',\n    '[attr.aria-activedescendant]': '_pattern.activedescendant()',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(pointerdown)': '_pattern.onPointerdown($event)',\n    '(focusin)': 'onFocus()',\n  },\n  hostDirectives: [\n    {\n      directive: ToolbarWidgetGroup,\n      inputs: ['disabled'],\n    },\n  ],\n})\nexport class RadioGroup<V> {\n  /** A reference to the radio group element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the ToolbarWidgetGroup, if the radio group is in a toolbar. */\n  private readonly _toolbarWidgetGroup = inject(ToolbarWidgetGroup);\n\n  /** Whether the radio group is inside of a Toolbar. */\n  private readonly _hasToolbar = computed(() => !!this._toolbarWidgetGroup.toolbar());\n\n  /** The RadioButtons nested inside of the RadioGroup. */\n  private readonly _radioButtons = contentChildren(RadioButton, {descendants: true});\n\n  /** A signal wrapper for directionality. */\n  protected textDirection = inject(Directionality).valueSignal;\n\n  /** The RadioButton UIPatterns of the child RadioButtons. */\n  protected items = computed(() => this._radioButtons().map(radio => radio._pattern));\n\n  /** Whether the radio group is vertically or horizontally oriented. */\n  readonly orientation = input<'vertical' | 'horizontal'>('vertical');\n\n  /** Whether disabled items in the group should be skipped when navigating. */\n  readonly skipDisabled = input(true, {transform: booleanAttribute});\n\n  /** The focus strategy used by the radio group. */\n  readonly focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /** Whether the radio group is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the radio group is readonly. */\n  readonly readonly = input(false, {transform: booleanAttribute});\n\n  /** The value of the currently selected radio button. */\n  readonly value = model<V | null>(null);\n\n  /** The internal selection state for the radio group. */\n  private readonly _value = mapSignal<V | null, V[]>(this.value, {\n    transform: value => (value !== null ? [value] : []),\n    reverse: values => (values.length === 0 ? null : values[0]),\n  });\n\n  /** The RadioGroup UIPattern. */\n  readonly _pattern: RadioGroupPattern<V>;\n\n  /** Whether the radio group has received focus yet. */\n  private _hasFocused = signal(false);\n\n  constructor() {\n    const inputs: RadioGroupInputs<V> | ToolbarRadioGroupInputs<V> = {\n      ...this,\n      items: this.items,\n      value: this._value,\n      activeItem: signal(undefined),\n      textDirection: this.textDirection,\n      element: () => this._elementRef.nativeElement,\n      getItem: e => {\n        if (!(e.target instanceof HTMLElement)) {\n          return undefined;\n        }\n        const element = e.target.closest('[role=\"radio\"]');\n        return this.items().find(i => i.element() === element);\n      },\n      toolbar: this._toolbarWidgetGroup.toolbar,\n    };\n\n    this._pattern = this._hasToolbar()\n      ? new ToolbarRadioGroupPattern<V>(inputs as ToolbarRadioGroupInputs<V>)\n      : new RadioGroupPattern<V>(inputs as RadioGroupInputs<V>);\n\n    if (this._hasToolbar()) {\n      this._toolbarWidgetGroup.controls.set(this._pattern as ToolbarRadioGroupPattern<V>);\n    }\n\n    afterRenderEffect(() => {\n      if (typeof ngDevMode === 'undefined' || ngDevMode) {\n        const violations = this._pattern.validate();\n        for (const violation of violations) {\n          console.error(violation);\n        }\n      }\n    });\n\n    afterRenderEffect(() => {\n      if (!this._hasFocused() && !this._hasToolbar()) {\n        this._pattern.setDefaultState();\n      }\n    });\n  }\n\n  onFocus() {\n    this._hasFocused.set(true);\n  }\n}\n\n/** A selectable radio button in a RadioGroup. */\n@Directive({\n  selector: '[ngRadioButton]',\n  exportAs: 'ngRadioButton',\n  host: {\n    'role': 'radio',\n    'class': 'ng-radio-button',\n    '[attr.data-active]': '_pattern.active()',\n    '[attr.tabindex]': '_pattern.tabindex()',\n    '[attr.aria-checked]': '_pattern.selected()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n    '[id]': '_pattern.id()',\n  },\n})\nexport class RadioButton<V> {\n  /** A reference to the radio button element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent RadioGroup. */\n  private readonly _radioGroup = inject(RadioGroup);\n\n  /** A unique identifier for the radio button. */\n  private readonly _generatedId = inject(_IdGenerator).getId('ng-radio-button-');\n\n  /** A unique identifier for the radio button. */\n  readonly id = computed(() => this._generatedId);\n\n  /** The value associated with the radio button. */\n  readonly value = input.required<V>();\n\n  /** The parent RadioGroup UIPattern. */\n  readonly group = computed(() => this._radioGroup._pattern);\n\n  /** A reference to the radio button element to be focused on navigation. */\n  element = computed(() => this._elementRef.nativeElement);\n\n  /** Whether the radio button is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the radio button is selected. */\n  readonly selected = computed(() => this._pattern.selected());\n\n  /** The RadioButton UIPattern. */\n  readonly _pattern = new RadioButtonPattern<V>({\n    ...this,\n    id: this.id,\n    value: this.value,\n    group: this.group,\n    element: this.element,\n  });\n}\n"],"names":["update","updateFn","updateMappedSignal","oldValue","operations","reverse","transform","mappedSignal","_hasToolbar","computed","_toolbarWidgetGroup","toolbar","ngDevMode","debugName","_radioButtons","contentChildren","RadioButton","descendants","items","map","radio","_pattern","orientation","input","skipDisabled","booleanAttribute","focusMode","readonly","value","model","_value","mapSignal","values","length","signal","constructor","inputs","activeItem","undefined","textDirection","getItem","e","target","HTMLElement","element","find","i","ToolbarRadioGroupPattern","RadioGroupPattern","controls","set","violations","validate","violation","_hasFocused","setDefaultState","onFocus","i0","ɵɵngDeclareFactory","minVersion","version","ngImport","type","RadioGroup","deps","ɵɵFactoryTarget","Directive","ɵɵngDeclareDirective","isStandalone","selector","classPropertyName","publicName","isSignal","isRequired","transformFunction","disabled","outputs","host","attributes","listeners","properties","classAttribute","queries","propertyName","predicate","exportAs","hostDirectives","directive","i1","ToolbarWidgetGroup","ctorParameters","inject"],"mappings":"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"}