@radix-ng/primitives 1.0.0-beta.5 → 1.0.2

package/fesm2022/radix-ng-primitives-radio.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, model, input, booleanAttribute, output, signal, computed, effect, Directive, inject, ElementRef, Renderer2, DestroyRef } from '@angular/core';
+import { InjectionToken, inject, ElementRef, model, input, booleanAttribute, output, signal, computed, effect, Directive, Renderer2, DestroyRef } from '@angular/core';
+import * as i1 from '@radix-ng/primitives/composite';
+import { RdxCompositeRoot, RdxCompositeItem } from '@radix-ng/primitives/composite';
 import { createCancelableChangeEventDetails, provideValueAccessor, provideToken } from '@radix-ng/primitives/core';
-import * as i1 from '@radix-ng/primitives/roving-focus';
-import { RdxRovingFocusGroupDirective, RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';
 import * as i1$1 from '@radix-ng/primitives/visually-hidden';
 import { RdxVisuallyHiddenDirective } from '@radix-ng/primitives/visually-hidden';
 
@@ -10,6 +10,8 @@ const RDX_RADIO_GROUP = new InjectionToken('RdxRadioGroup');
 
 class RdxRadioGroupDirective {
     constructor() {
+        this.elementRef = inject(ElementRef);
+        this.compositeRoot = inject(RdxCompositeRoot, { self: true });
         this.value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
         this.defaultValue = input(...(ngDevMode ? [undefined, { debugName: "defaultValue" }] : /* istanbul ignore next */ []));
         this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
@@ -17,7 +19,6 @@ class RdxRadioGroupDirective {
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : /* istanbul ignore next */ []));
         /**
          * Event handler called when the value changes.
          */
@@ -25,6 +26,17 @@ class RdxRadioGroupDirective {
         this.disable = signal(this.disabled(), ...(ngDevMode ? [{ debugName: "disable" }] : /* istanbul ignore next */ []));
         this.disabledState = computed(() => this.disable() || this.disabled(), ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
         this.arrowNavigation = signal(false, ...(ngDevMode ? [{ debugName: "arrowNavigation" }] : /* istanbul ignore next */ []));
+        this.itemMetadata = computed(() => Array.from(this.compositeRoot.itemMap().values()).filter(isRadioItemMetadata), ...(ngDevMode ? [{ debugName: "itemMetadata" }] : /* istanbul ignore next */ []));
+        this.disabledIndices = computed(() => this.itemMetadata()
+            .filter((metadata) => metadata.disabled)
+            .map((metadata) => metadata.index), ...(ngDevMode ? [{ debugName: "disabledIndices" }] : /* istanbul ignore next */ []));
+        this.activeIndex = computed(() => {
+            const value = this.value();
+            if (value === null) {
+                return -1;
+            }
+            return this.itemMetadata().find((metadata) => metadata.value === value)?.index ?? -1;
+        }, ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
         /**
          * The callback function to call when the value of the radio group changes.
          */
@@ -43,13 +55,31 @@ class RdxRadioGroupDirective {
                 this.value.set(this.defaultValue());
             }
         });
+        effect(() => {
+            this.compositeRoot.setEnableHomeAndEndKeys(false);
+            this.compositeRoot.setModifierKeys(['Shift']);
+        });
+        effect(() => {
+            this.compositeRoot.setDisabledIndices(this.disabledIndices());
+        });
+        effect(() => {
+            const activeIndex = this.activeIndex();
+            if (activeIndex === -1 || this.disabledIndices().includes(activeIndex)) {
+                return;
+            }
+            const activeElement = this.elementRef.nativeElement.ownerDocument.activeElement;
+            if (activeElement && this.elementRef.nativeElement.contains(activeElement)) {
+                return;
+            }
+            this.compositeRoot.setHighlightedIndex(activeIndex);
+        });
     }
     /**
      * Select a radio item.
      * @param value The value of the radio item to select.
      * @ignore
      */
-    select(value, event, reason = event ? 'trigger-press' : 'none') {
+    select(value, event, reason = 'none') {
         if (this.disabledState() || this.readonly() || this.value() === value) {
             return;
         }
@@ -104,10 +134,10 @@ class RdxRadioGroupDirective {
             return;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxRadioGroupDirective, isStandalone: true, selector: "[rdxRadioRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", 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 }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKeydown()" }, properties: { "attr.aria-orientation": "orientation()", "attr.aria-required": "required() ? \"true\" : undefined", "attr.data-disabled": "disabledState() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-required": "required() ? \"\" : undefined" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxRadioGroupDirective, isStandalone: true, selector: "[rdxRadioRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", 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 }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKeydown()" }, properties: { "attr.aria-required": "required() ? \"true\" : undefined", "attr.aria-disabled": "disabledState() ? \"true\" : undefined", "attr.aria-readonly": "readonly() ? \"true\" : undefined", "attr.data-disabled": "disabledState() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-required": "required() ? \"\" : undefined" } }, providers: [
             provideValueAccessor(RdxRadioGroupDirective),
             { provide: RDX_RADIO_GROUP, useExisting: RdxRadioGroupDirective }
-        ], exportAs: ["rdxRadioRoot"], hostDirectives: [{ directive: i1.RdxRovingFocusGroupDirective, inputs: ["dir", "dir", "orientation", "orientation", "loop", "loop"] }], ngImport: i0 }); }
+        ], exportAs: ["rdxRadioRoot"], hostDirectives: [{ directive: i1.RdxCompositeRoot }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioGroupDirective, decorators: [{
             type: Directive,
@@ -118,18 +148,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         provideValueAccessor(RdxRadioGroupDirective),
                         { provide: RDX_RADIO_GROUP, useExisting: RdxRadioGroupDirective }
                     ],
-                    hostDirectives: [{ directive: RdxRovingFocusGroupDirective, inputs: ['dir', 'orientation', 'loop'] }],
+                    hostDirectives: [RdxCompositeRoot],
                     host: {
                         role: 'radiogroup',
-                        '[attr.aria-orientation]': 'orientation()',
                         '[attr.aria-required]': 'required() ? "true" : undefined',
+                        '[attr.aria-disabled]': 'disabledState() ? "true" : undefined',
+                        '[attr.aria-readonly]': 'readonly() ? "true" : undefined',
                         '[attr.data-disabled]': 'disabledState() ? "" : undefined',
                         '[attr.data-readonly]': 'readonly() ? "" : undefined',
                         '[attr.data-required]': 'required() ? "" : undefined',
                         '(keydown)': 'onKeydown()'
                     }
                 }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], onValueChange: [{ type: i0.Output, args: ["onValueChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], onValueChange: [{ type: i0.Output, args: ["onValueChange"] }] } });
+function isRadioItemMetadata(metadata) {
+    return typeof metadata['disabled'] === 'boolean' && typeof metadata['value'] === 'string';
+}
 
 const RdxRadioItemToken = new InjectionToken('RadioItemToken');
 function injectRadioItem() {
@@ -140,7 +174,7 @@ class RdxRadioItemDirective {
         this.radioGroup = inject(RDX_RADIO_GROUP);
         this.elementRef = inject(ElementRef);
         this.renderer = inject(Renderer2);
-        this.rovingFocusItem = inject(RdxRovingFocusItemDirective);
+        this.compositeItem = inject(RdxCompositeItem, { self: true });
         this.destroyRef = inject(DestroyRef);
         this.inputElement = this.renderer.createElement('input');
         this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
@@ -149,7 +183,7 @@ class RdxRadioItemDirective {
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.nativeButton = input(false, { ...(ngDevMode ? { debugName: "nativeButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.nativeButtonState = computed(() => this.nativeButton() || this.elementRef.nativeElement.tagName === 'BUTTON', ...(ngDevMode ? [{ debugName: "nativeButtonState" }] : /* istanbul ignore next */ []));
+        this.nativeButtonState = computed(() => this.nativeButton(), ...(ngDevMode ? [{ debugName: "nativeButtonState" }] : /* istanbul ignore next */ []));
         this.disabledState = computed(() => this.radioGroup.disabledState() || this.disabled(), ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
         this.readonlyState = computed(() => this.radioGroup.readonly() || this.readonly(), ...(ngDevMode ? [{ debugName: "readonlyState" }] : /* istanbul ignore next */ []));
         this.requiredState = computed(() => this.radioGroup.required() || this.required(), ...(ngDevMode ? [{ debugName: "requiredState" }] : /* istanbul ignore next */ []));
@@ -158,7 +192,7 @@ class RdxRadioItemDirective {
         this.createHiddenInput();
         const unlistenInputChange = this.renderer.listen(this.inputElement, 'change', (event) => {
             if (this.inputElement.checked) {
-                this.radioGroup.select(this.value(), event, 'trigger-press');
+                this.radioGroup.select(this.value(), event);
             }
         });
         this.destroyRef.onDestroy(() => {
@@ -169,24 +203,30 @@ class RdxRadioItemDirective {
             }
         });
         effect(() => {
-            this.rovingFocusItem.setActive(this.checkedState());
-            this.rovingFocusItem.setFocusable(!this.disabledState());
+            this.compositeItem.setMetadata({
+                disabled: this.disabledState(),
+                value: this.value()
+            });
             this.syncHiddenInput();
         });
     }
     /** @ignore */
     onClick(event) {
         if (!this.disabledState() && !this.readonlyState()) {
-            this.radioGroup.select(this.value(), event, 'trigger-press');
+            this.radioGroup.select(this.value(), event);
         }
     }
     /** @ignore */
     onKeyDown(event) {
         const keyEvent = event;
-        if (keyEvent.key === ' ' || keyEvent.key === 'Enter') {
+        if (keyEvent.key === ' ') {
             this.onClick(keyEvent);
             return;
         }
+        if (keyEvent.key === 'Enter') {
+            keyEvent.preventDefault();
+            return;
+        }
         if (this.isAllowedArrowKey(keyEvent.key)) {
             this.radioGroup.setArrowNavigation(true);
         }
@@ -199,7 +239,7 @@ class RdxRadioItemDirective {
     onFocus(event) {
         queueMicrotask(() => {
             if (this.radioGroup.isArrowNavigation()) {
-                this.radioGroup.select(this.value(), event, 'keyboard');
+                this.radioGroup.select(this.value(), event);
                 this.radioGroup.setArrowNavigation(false);
             }
         });
@@ -208,11 +248,7 @@ class RdxRadioItemDirective {
         if (!this.ARROW_KEYS.includes(key)) {
             return false;
         }
-        const orientation = this.radioGroup.orientation() ?? 'horizontal';
-        if (orientation === 'vertical') {
-            return key === 'ArrowUp' || key === 'ArrowDown';
-        }
-        return key === 'ArrowLeft' || key === 'ArrowRight';
+        return true;
     }
     createHiddenInput() {
         const host = this.elementRef.nativeElement;
@@ -266,7 +302,7 @@ class RdxRadioItemDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxRadioItemDirective, isStandalone: true, selector: "[rdxRadioItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", 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 }, nativeButton: { classPropertyName: "nativeButton", publicName: "nativeButton", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "radio" }, listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)", "keyup": "onKeyUp()", "focus": "onFocus($event)" }, properties: { "attr.type": "nativeButtonState() ? \"button\" : undefined", "attr.aria-checked": "checkedState()", "attr.aria-readonly": "readonlyState() ? \"true\" : undefined", "attr.aria-required": "requiredState() ? \"true\" : undefined", "attr.data-checked": "checkedState() ? \"\" : undefined", "attr.data-unchecked": "!checkedState() ? \"\" : undefined", "attr.data-disabled": "disabledState() ? \"\" : undefined", "attr.data-readonly": "readonlyState() ? \"\" : undefined", "attr.data-required": "requiredState() ? \"\" : undefined", "attr.data-state": "checkedState() ? \"checked\" : \"unchecked\"", "attr.disabled": "nativeButtonState() && disabledState() ? \"\" : undefined" } }, providers: [provideToken(RdxRadioItemToken, RdxRadioItemDirective)], exportAs: ["rdxRadioItem"], hostDirectives: [{ directive: i1.RdxRovingFocusItemDirective, inputs: ["tabStopId", "id", "focusable", "focusable", "active", "active", "allowShiftKey", "allowShiftKey"] }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxRadioItemDirective, isStandalone: true, selector: "[rdxRadioItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", 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 }, nativeButton: { classPropertyName: "nativeButton", publicName: "nativeButton", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "radio" }, listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)", "keyup": "onKeyUp()", "focus": "onFocus($event)" }, properties: { "attr.type": "nativeButtonState() ? \"button\" : undefined", "attr.aria-checked": "checkedState()", "attr.aria-disabled": "disabledState() ? \"true\" : undefined", "attr.aria-readonly": "readonlyState() ? \"true\" : undefined", "attr.aria-required": "requiredState() ? \"true\" : undefined", "attr.data-composite-item-active": "checkedState() ? \"\" : undefined", "attr.data-checked": "checkedState() ? \"\" : undefined", "attr.data-unchecked": "!checkedState() ? \"\" : undefined", "attr.data-disabled": "disabledState() ? \"\" : undefined", "attr.data-readonly": "readonlyState() ? \"\" : undefined", "attr.data-required": "requiredState() ? \"\" : undefined", "attr.data-state": "checkedState() ? \"checked\" : \"unchecked\"", "attr.disabled": "nativeButtonState() && disabledState() ? \"\" : undefined" } }, providers: [provideToken(RdxRadioItemToken, RdxRadioItemDirective)], exportAs: ["rdxRadioItem"], hostDirectives: [{ directive: i1.RdxCompositeItem }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxRadioItemDirective, decorators: [{
             type: Directive,
@@ -274,15 +310,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     selector: '[rdxRadioItem]',
                     exportAs: 'rdxRadioItem',
                     providers: [provideToken(RdxRadioItemToken, RdxRadioItemDirective)],
-                    hostDirectives: [
-                        { directive: RdxRovingFocusItemDirective, inputs: ['tabStopId: id', 'focusable', 'active', 'allowShiftKey'] }
-                    ],
+                    hostDirectives: [RdxCompositeItem],
                     host: {
                         '[attr.type]': 'nativeButtonState() ? "button" : undefined',
                         role: 'radio',
                         '[attr.aria-checked]': 'checkedState()',
+                        '[attr.aria-disabled]': 'disabledState() ? "true" : undefined',
                         '[attr.aria-readonly]': 'readonlyState() ? "true" : undefined',
                         '[attr.aria-required]': 'requiredState() ? "true" : undefined',
+                        '[attr.data-composite-item-active]': 'checkedState() ? "" : undefined',
                         '[attr.data-checked]': 'checkedState() ? "" : undefined',
                         '[attr.data-unchecked]': '!checkedState() ? "" : undefined',
                         '[attr.data-disabled]': 'disabledState() ? "" : undefined',

package/fesm2022/radix-ng-primitives-radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-radio.mjs","sources":["../../../packages/primitives/radio/src/radio-tokens.ts","../../../packages/primitives/radio/src/radio-root.directive.ts","../../../packages/primitives/radio/src/radio-item.directive.ts","../../../packages/primitives/radio/src/radio-indicator.directive.ts","../../../packages/primitives/radio/src/radio-item-input.directive.ts","../../../packages/primitives/radio/radix-ng-primitives-radio.ts"],"sourcesContent":["import { InjectionToken, InputSignal, InputSignalWithTransform, ModelSignal, Signal } from '@angular/core';\nimport { BooleanInput } from '@radix-ng/primitives/core';\nimport { Orientation } from '@radix-ng/primitives/roving-focus';\n\nexport interface RadioGroupProps {\n    value: ModelSignal<string | null>;\n    defaultValue: InputSignal<string | undefined>;\n    name: InputSignal<string | undefined>;\n    form: InputSignal<string | undefined>;\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    readonly: InputSignalWithTransform<boolean, BooleanInput>;\n    required: InputSignalWithTransform<boolean, BooleanInput>;\n    orientation: InputSignal<Orientation | undefined>;\n    disabledState: Signal<boolean>;\n}\n\nexport interface RadioGroupDirective extends RadioGroupProps {\n    select(value: string | null, event?: Event, reason?: string): void;\n\n    onTouched(): void;\n\n    setArrowNavigation(value: boolean): void;\n\n    isArrowNavigation(): boolean;\n}\n\nexport const RDX_RADIO_GROUP = new InjectionToken<RadioGroupDirective>('RdxRadioGroup');\n","import { booleanAttribute, computed, Directive, effect, input, model, output, signal } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport {\n    BooleanInput,\n    createCancelableChangeEventDetails,\n    provideValueAccessor,\n    RdxCancelableChangeEventDetails,\n    RdxFormValueControl\n} from '@radix-ng/primitives/core';\nimport { Orientation, RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';\nimport { RadioGroupDirective, RadioGroupProps, RDX_RADIO_GROUP } from './radio-tokens';\n\nexport type RdxRadioValueChangeReason = 'trigger-press' | 'keyboard' | 'focus' | 'none';\nexport type RdxRadioValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxRadioValueChangeReason>;\n\nexport interface RdxRadioValueChangeEvent {\n    value: string;\n    eventDetails: RdxRadioValueChangeEventDetails;\n}\n\n@Directive({\n    selector: '[rdxRadioRoot]',\n    exportAs: 'rdxRadioRoot',\n    providers: [\n        provideValueAccessor(RdxRadioGroupDirective),\n        { provide: RDX_RADIO_GROUP, useExisting: RdxRadioGroupDirective }\n    ],\n    hostDirectives: [{ directive: RdxRovingFocusGroupDirective, inputs: ['dir', 'orientation', 'loop'] }],\n    host: {\n        role: 'radiogroup',\n        '[attr.aria-orientation]': 'orientation()',\n        '[attr.aria-required]': 'required() ? \"true\" : undefined',\n        '[attr.data-disabled]': 'disabledState() ? \"\" : undefined',\n        '[attr.data-readonly]': 'readonly() ? \"\" : undefined',\n        '[attr.data-required]': 'required() ? \"\" : undefined',\n        '(keydown)': 'onKeydown()'\n    }\n})\nexport class RdxRadioGroupDirective\n    implements RadioGroupProps, RadioGroupDirective, ControlValueAccessor, RdxFormValueControl<string | null>\n{\n    readonly value = model<string | null>(null);\n\n    readonly defaultValue = input<string>();\n\n    readonly name = input<string>();\n\n    readonly form = input<string>();\n\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly readonly = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly orientation = input<Orientation>();\n\n    /**\n     * Event handler called when the value changes.\n     */\n    readonly onValueChange = output<RdxRadioValueChangeEvent>();\n\n    private readonly disable = signal<boolean>(this.disabled());\n    readonly disabledState = computed(() => this.disable() || this.disabled());\n    private readonly arrowNavigation = signal(false);\n\n    /**\n     * The callback function to call when the value of the radio group changes.\n     */\n    private onChange: (value: string | null) => void = () => {\n        /* Empty */\n    };\n\n    /**\n     * The callback function to call when the radio group is touched.\n     * @ignore\n     */\n    onTouched: () => void = () => {\n        /* Empty */\n    };\n\n    constructor() {\n        effect(() => {\n            if (this.value() === null && this.defaultValue() !== undefined) {\n                this.value.set(this.defaultValue()!);\n            }\n        });\n    }\n\n    /**\n     * Select a radio item.\n     * @param value The value of the radio item to select.\n     * @ignore\n     */\n    select(\n        value: string | null,\n        event?: Event,\n        reason: RdxRadioValueChangeReason = event ? 'trigger-press' : 'none'\n    ): void {\n        if (this.disabledState() || this.readonly() || this.value() === value) {\n            return;\n        }\n\n        if (value !== null) {\n            const trigger = event?.currentTarget instanceof HTMLElement ? event.currentTarget : undefined;\n            const { eventDetails } = createCancelableChangeEventDetails(\n                reason,\n                event ?? new Event('radio.value-change'),\n                trigger\n            );\n            this.onValueChange.emit({ value, eventDetails });\n            if (eventDetails.isCanceled()) {\n                return;\n            }\n        }\n\n        this.value.set(value);\n        this.onChange?.(value);\n        this.onTouched();\n    }\n\n    /**\n     * Update the value of the radio group.\n     * @param value The new value of the radio group.\n     * @ignore\n     */\n    writeValue(value: string | null): void {\n        this.value.set(value);\n    }\n\n    /**\n     * Register a callback function to call when the value of the radio group changes.\n     * @param fn The callback function to call when the value of the radio group changes.\n     * @ignore\n     */\n    registerOnChange(fn: (value: string | null) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @ignore */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Set the disabled state of the radio group.\n     * @param isDisabled Whether the radio group is disabled.\n     * @ignore\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disable.set(isDisabled);\n    }\n\n    setArrowNavigation(value: boolean): void {\n        this.arrowNavigation.set(value);\n    }\n\n    isArrowNavigation(): boolean {\n        return this.arrowNavigation();\n    }\n\n    protected onKeydown(): void {\n        if (this.disabledState()) return;\n    }\n}\n","import {\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    InjectionToken,\n    input,\n    Renderer2\n} from '@angular/core';\nimport { BooleanInput, provideToken } from '@radix-ng/primitives/core';\nimport { Orientation, RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';\nimport { RDX_RADIO_GROUP } from './radio-tokens';\n\nexport const RdxRadioItemToken = new InjectionToken<RdxRadioItemDirective>('RadioItemToken');\n\nexport function injectRadioItem(): RdxRadioItemDirective {\n    return inject(RdxRadioItemToken);\n}\n\n@Directive({\n    selector: '[rdxRadioItem]',\n    exportAs: 'rdxRadioItem',\n    providers: [provideToken(RdxRadioItemToken, RdxRadioItemDirective)],\n    hostDirectives: [\n        { directive: RdxRovingFocusItemDirective, inputs: ['tabStopId: id', 'focusable', 'active', 'allowShiftKey'] }\n    ],\n\n    host: {\n        '[attr.type]': 'nativeButtonState() ? \"button\" : undefined',\n        role: 'radio',\n        '[attr.aria-checked]': 'checkedState()',\n        '[attr.aria-readonly]': 'readonlyState() ? \"true\" : undefined',\n        '[attr.aria-required]': 'requiredState() ? \"true\" : undefined',\n        '[attr.data-checked]': 'checkedState() ? \"\" : undefined',\n        '[attr.data-unchecked]': '!checkedState() ? \"\" : undefined',\n        '[attr.data-disabled]': 'disabledState() ? \"\" : undefined',\n        '[attr.data-readonly]': 'readonlyState() ? \"\" : undefined',\n        '[attr.data-required]': 'requiredState() ? \"\" : undefined',\n        '[attr.data-state]': 'checkedState() ? \"checked\" : \"unchecked\"',\n        '[attr.disabled]': 'nativeButtonState() && disabledState() ? \"\" : undefined',\n        '(click)': 'onClick($event)',\n        '(keydown)': 'onKeyDown($event)',\n        '(keyup)': 'onKeyUp()',\n        '(focus)': 'onFocus($event)'\n    }\n})\nexport class RdxRadioItemDirective {\n    private readonly radioGroup = inject(RDX_RADIO_GROUP);\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly renderer = inject(Renderer2);\n    private readonly rovingFocusItem = inject(RdxRovingFocusItemDirective);\n    private readonly destroyRef = inject(DestroyRef);\n    private readonly inputElement = this.renderer.createElement('input') as HTMLInputElement;\n    private previousCheckedState: boolean | undefined;\n\n    readonly value = input.required<string>();\n\n    readonly id = input<string>();\n\n    readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly readonly = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly nativeButton = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly nativeButtonState = computed(\n        () => this.nativeButton() || this.elementRef.nativeElement.tagName === 'BUTTON'\n    );\n\n    readonly disabledState = computed(() => this.radioGroup.disabledState() || this.disabled());\n\n    readonly readonlyState = computed(() => this.radioGroup.readonly() || this.readonly());\n\n    readonly requiredState = computed(() => this.radioGroup.required() || this.required());\n\n    readonly checkedState = computed(() => this.radioGroup.value() === this.value());\n\n    private readonly ARROW_KEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'] as const;\n\n    constructor() {\n        this.createHiddenInput();\n        const unlistenInputChange = this.renderer.listen(this.inputElement, 'change', (event: Event) => {\n            if (this.inputElement.checked) {\n                this.radioGroup.select(this.value(), event, 'trigger-press');\n            }\n        });\n\n        this.destroyRef.onDestroy(() => {\n            unlistenInputChange();\n            const parent = this.inputElement.parentNode;\n\n            if (parent) {\n                this.renderer.removeChild(parent, this.inputElement);\n            }\n        });\n\n        effect(() => {\n            this.rovingFocusItem.setActive(this.checkedState());\n            this.rovingFocusItem.setFocusable(!this.disabledState());\n            this.syncHiddenInput();\n        });\n    }\n\n    /** @ignore */\n    onClick(event?: Event) {\n        if (!this.disabledState() && !this.readonlyState()) {\n            this.radioGroup.select(this.value(), event, 'trigger-press');\n        }\n    }\n\n    /** @ignore */\n    onKeyDown(event: Event): void {\n        const keyEvent = event as KeyboardEvent;\n        if (keyEvent.key === ' ' || keyEvent.key === 'Enter') {\n            this.onClick(keyEvent);\n            return;\n        }\n\n        if (this.isAllowedArrowKey(keyEvent.key)) {\n            this.radioGroup.setArrowNavigation(true);\n        }\n    }\n\n    /** @ignore */\n    onKeyUp() {\n        this.radioGroup.setArrowNavigation(false);\n    }\n\n    /** @ignore */\n    onFocus(event?: FocusEvent) {\n        queueMicrotask(() => {\n            if (this.radioGroup.isArrowNavigation()) {\n                this.radioGroup.select(this.value(), event, 'keyboard');\n                this.radioGroup.setArrowNavigation(false);\n            }\n        });\n    }\n\n    private isAllowedArrowKey(key: string): boolean {\n        if (!(this.ARROW_KEYS as readonly string[]).includes(key)) {\n            return false;\n        }\n\n        const orientation = this.radioGroup.orientation() ?? ('horizontal' satisfies Orientation);\n\n        if (orientation === 'vertical') {\n            return key === 'ArrowUp' || key === 'ArrowDown';\n        }\n\n        return key === 'ArrowLeft' || key === 'ArrowRight';\n    }\n\n    private createHiddenInput(): void {\n        const host = this.elementRef.nativeElement;\n        const parent = host.parentNode;\n\n        this.renderer.setAttribute(this.inputElement, 'type', 'radio');\n        this.renderer.setAttribute(this.inputElement, 'tabindex', '-1');\n        this.renderer.setAttribute(this.inputElement, 'aria-hidden', 'true');\n        this.renderer.setStyle(this.inputElement, 'position', 'absolute');\n        this.renderer.setStyle(this.inputElement, 'pointer-events', 'none');\n        this.renderer.setStyle(this.inputElement, 'opacity', '0');\n        this.renderer.setStyle(this.inputElement, 'margin', '0');\n        this.renderer.setStyle(this.inputElement, 'inset', '0');\n        this.renderer.setStyle(this.inputElement, 'transform', 'translateX(-100%)');\n\n        if (parent) {\n            this.renderer.insertBefore(parent, this.inputElement, host.nextSibling);\n        }\n    }\n\n    private syncHiddenInput(): void {\n        const checked = this.checkedState();\n\n        this.inputElement.name = this.radioGroup.name() ?? '';\n        this.inputElement.value = this.value();\n        this.inputElement.checked = checked;\n        this.inputElement.required = this.requiredState();\n        this.inputElement.disabled = this.disabledState();\n\n        this.setOptionalAttribute('name', this.radioGroup.name());\n        this.setOptionalAttribute('form', this.radioGroup.form());\n        this.setBooleanAttribute('checked', checked);\n        this.setBooleanAttribute('required', this.requiredState());\n        this.setBooleanAttribute('disabled', this.disabledState());\n        this.renderer.setAttribute(this.inputElement, 'value', this.value());\n\n        if (this.previousCheckedState === false && checked) {\n            this.inputElement.dispatchEvent(new Event('input', { bubbles: true }));\n            this.inputElement.dispatchEvent(new Event('change', { bubbles: true }));\n        }\n\n        this.previousCheckedState = checked;\n    }\n\n    private setOptionalAttribute(name: string, value: string | undefined): void {\n        if (value) {\n            this.renderer.setAttribute(this.inputElement, name, value);\n        } else {\n            this.renderer.removeAttribute(this.inputElement, name);\n        }\n    }\n\n    private setBooleanAttribute(name: string, value: boolean): void {\n        if (value) {\n            this.renderer.setAttribute(this.inputElement, name, '');\n        } else {\n            this.renderer.removeAttribute(this.inputElement, name);\n        }\n    }\n}\n","import { Directive, inject } from '@angular/core';\nimport { RdxRadioItemDirective } from './radio-item.directive';\nimport { RDX_RADIO_GROUP, RadioGroupDirective } from './radio-tokens';\n\n@Directive({\n    selector: '[rdxRadioIndicator]',\n    exportAs: 'rdxRadioIndicator',\n    host: {\n        '[attr.data-checked]': 'radioItem.checkedState() ? \"\" : undefined',\n        '[attr.data-unchecked]': '!radioItem.checkedState() ? \"\" : undefined',\n        '[attr.data-state]': 'radioItem.checkedState() ? \"checked\" : \"unchecked\"',\n        '[attr.data-disabled]': 'radioItem.disabledState() ? \"\" : undefined',\n        '[attr.data-readonly]': 'radioItem.readonlyState() ? \"\" : undefined',\n        '[attr.data-required]': 'radioItem.requiredState() ? \"\" : undefined',\n        '[hidden]': '!radioItem.checkedState()',\n        '[style.pointer-events]': '\"none\"'\n    }\n})\nexport class RdxRadioIndicatorDirective {\n    protected readonly radioGroup: RadioGroupDirective = inject(RDX_RADIO_GROUP);\n    protected readonly radioItem: RdxRadioItemDirective = inject(RdxRadioItemDirective);\n}\n","import { computed, Directive, effect, ElementRef, inject } from '@angular/core';\nimport { RdxVisuallyHiddenDirective } from '@radix-ng/primitives/visually-hidden';\nimport { injectRadioItem } from './radio-item.directive';\nimport { RDX_RADIO_GROUP } from './radio-tokens';\n\n@Directive({\n    selector: 'input[rdxRadioItemInput]',\n    exportAs: 'rdxRadioItemInput',\n    hostDirectives: [{ directive: RdxVisuallyHiddenDirective, inputs: ['feature'] }],\n    host: {\n        type: 'radio',\n        tabindex: '-1',\n        'aria-hidden': 'true',\n        '[attr.name]': 'name()',\n        '[attr.form]': 'form()',\n        '[attr.required]': 'required() ? \"\" : undefined',\n        '[attr.disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.checked]': 'checked() ? \"\" : undefined',\n        '[checked]': 'checked()',\n        '[attr.value]': 'value()',\n        '[style]': `{\n          position: 'absolute',\n          pointerEvents: 'none',\n          opacity: 0,\n          margin: 0,\n          inset: 0,\n          transform: 'translateX(-100%)',\n        }`\n    }\n})\nexport class RdxRadioItemInputDirective {\n    private readonly radioItem = injectRadioItem();\n    private readonly radioGroup = inject(RDX_RADIO_GROUP);\n    private readonly input = inject<ElementRef<HTMLInputElement>>(ElementRef).nativeElement;\n\n    readonly name = computed(() => this.radioGroup.name());\n    readonly form = computed(() => this.radioGroup.form());\n    readonly value = computed(() => this.radioItem.value() || undefined);\n    readonly checked = computed(() => this.radioItem.checkedState());\n    readonly required = computed(() => this.radioItem.requiredState());\n    readonly disabled = computed(() => this.radioItem.disabledState());\n\n    constructor() {\n        let isInitial = true;\n\n        effect(() => {\n            const checked = this.checked();\n\n            if (isInitial) {\n                isInitial = false;\n                return;\n            }\n\n            if (checked) {\n                this.input.dispatchEvent(new Event('input', { bubbles: true }));\n                this.input.dispatchEvent(new Event('change', { bubbles: true }));\n            }\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-radio.mjs","sources":["../../../packages/primitives/radio/src/radio-tokens.ts","../../../packages/primitives/radio/src/radio-root.directive.ts","../../../packages/primitives/radio/src/radio-item.directive.ts","../../../packages/primitives/radio/src/radio-indicator.directive.ts","../../../packages/primitives/radio/src/radio-item-input.directive.ts","../../../packages/primitives/radio/radix-ng-primitives-radio.ts"],"sourcesContent":["import { InjectionToken, InputSignal, InputSignalWithTransform, ModelSignal, Signal } from '@angular/core';\nimport { BooleanInput } from '@radix-ng/primitives/core';\n\nexport type RdxRadioValueChangeReason = 'none';\n\nexport interface RadioGroupProps {\n    value: ModelSignal<string | null>;\n    defaultValue: InputSignal<string | undefined>;\n    name: InputSignal<string | undefined>;\n    form: InputSignal<string | undefined>;\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    readonly: InputSignalWithTransform<boolean, BooleanInput>;\n    required: InputSignalWithTransform<boolean, BooleanInput>;\n    disabledState: Signal<boolean>;\n}\n\nexport interface RadioGroupDirective extends RadioGroupProps {\n    select(value: string | null, event?: Event, reason?: RdxRadioValueChangeReason): void;\n\n    onTouched(): void;\n\n    setArrowNavigation(value: boolean): void;\n\n    isArrowNavigation(): boolean;\n}\n\nexport const RDX_RADIO_GROUP = new InjectionToken<RadioGroupDirective>('RdxRadioGroup');\n","import {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    model,\n    output,\n    signal\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { RdxCompositeMetadata, RdxCompositeRoot } from '@radix-ng/primitives/composite';\nimport {\n    BooleanInput,\n    createCancelableChangeEventDetails,\n    provideValueAccessor,\n    RdxCancelableChangeEventDetails,\n    RdxFormValueControl\n} from '@radix-ng/primitives/core';\nimport { RadioGroupDirective, RadioGroupProps, RDX_RADIO_GROUP, RdxRadioValueChangeReason } from './radio-tokens';\n\nexport type { RdxRadioValueChangeReason } from './radio-tokens';\n\nexport type RdxRadioValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxRadioValueChangeReason>;\n\nexport interface RdxRadioValueChangeEvent {\n    value: string;\n    eventDetails: RdxRadioValueChangeEventDetails;\n}\n\n@Directive({\n    selector: '[rdxRadioRoot]',\n    exportAs: 'rdxRadioRoot',\n    providers: [\n        provideValueAccessor(RdxRadioGroupDirective),\n        { provide: RDX_RADIO_GROUP, useExisting: RdxRadioGroupDirective }\n    ],\n    hostDirectives: [RdxCompositeRoot],\n    host: {\n        role: 'radiogroup',\n        '[attr.aria-required]': 'required() ? \"true\" : undefined',\n        '[attr.aria-disabled]': 'disabledState() ? \"true\" : undefined',\n        '[attr.aria-readonly]': 'readonly() ? \"true\" : undefined',\n        '[attr.data-disabled]': 'disabledState() ? \"\" : undefined',\n        '[attr.data-readonly]': 'readonly() ? \"\" : undefined',\n        '[attr.data-required]': 'required() ? \"\" : undefined',\n        '(keydown)': 'onKeydown()'\n    }\n})\nexport class RdxRadioGroupDirective\n    implements RadioGroupProps, RadioGroupDirective, ControlValueAccessor, RdxFormValueControl<string | null>\n{\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly compositeRoot = inject(RdxCompositeRoot, { self: true });\n\n    readonly value = model<string | null>(null);\n\n    readonly defaultValue = input<string>();\n\n    readonly name = input<string>();\n\n    readonly form = input<string>();\n\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly readonly = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the value changes.\n     */\n    readonly onValueChange = output<RdxRadioValueChangeEvent>();\n\n    private readonly disable = signal<boolean>(this.disabled());\n    readonly disabledState = computed(() => this.disable() || this.disabled());\n    private readonly arrowNavigation = signal(false);\n    private readonly itemMetadata = computed(() =>\n        Array.from(this.compositeRoot.itemMap().values()).filter(isRadioItemMetadata)\n    );\n    private readonly disabledIndices = computed(() =>\n        this.itemMetadata()\n            .filter((metadata) => metadata.disabled)\n            .map((metadata) => metadata.index)\n    );\n    private readonly activeIndex = computed(() => {\n        const value = this.value();\n        if (value === null) {\n            return -1;\n        }\n\n        return this.itemMetadata().find((metadata) => metadata.value === value)?.index ?? -1;\n    });\n\n    /**\n     * The callback function to call when the value of the radio group changes.\n     */\n    private onChange: (value: string | null) => void = () => {\n        /* Empty */\n    };\n\n    /**\n     * The callback function to call when the radio group is touched.\n     * @ignore\n     */\n    onTouched: () => void = () => {\n        /* Empty */\n    };\n\n    constructor() {\n        effect(() => {\n            if (this.value() === null && this.defaultValue() !== undefined) {\n                this.value.set(this.defaultValue()!);\n            }\n        });\n\n        effect(() => {\n            this.compositeRoot.setEnableHomeAndEndKeys(false);\n            this.compositeRoot.setModifierKeys(['Shift']);\n        });\n\n        effect(() => {\n            this.compositeRoot.setDisabledIndices(this.disabledIndices());\n        });\n\n        effect(() => {\n            const activeIndex = this.activeIndex();\n\n            if (activeIndex === -1 || this.disabledIndices().includes(activeIndex)) {\n                return;\n            }\n\n            const activeElement = this.elementRef.nativeElement.ownerDocument.activeElement;\n            if (activeElement && this.elementRef.nativeElement.contains(activeElement)) {\n                return;\n            }\n\n            this.compositeRoot.setHighlightedIndex(activeIndex);\n        });\n    }\n\n    /**\n     * Select a radio item.\n     * @param value The value of the radio item to select.\n     * @ignore\n     */\n    select(value: string | null, event?: Event, reason: RdxRadioValueChangeReason = 'none'): void {\n        if (this.disabledState() || this.readonly() || this.value() === value) {\n            return;\n        }\n\n        if (value !== null) {\n            const trigger = event?.currentTarget instanceof HTMLElement ? event.currentTarget : undefined;\n            const { eventDetails } = createCancelableChangeEventDetails(\n                reason,\n                event ?? new Event('radio.value-change'),\n                trigger\n            );\n            this.onValueChange.emit({ value, eventDetails });\n            if (eventDetails.isCanceled()) {\n                return;\n            }\n        }\n\n        this.value.set(value);\n        this.onChange?.(value);\n        this.onTouched();\n    }\n\n    /**\n     * Update the value of the radio group.\n     * @param value The new value of the radio group.\n     * @ignore\n     */\n    writeValue(value: string | null): void {\n        this.value.set(value);\n    }\n\n    /**\n     * Register a callback function to call when the value of the radio group changes.\n     * @param fn The callback function to call when the value of the radio group changes.\n     * @ignore\n     */\n    registerOnChange(fn: (value: string | null) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @ignore */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * Set the disabled state of the radio group.\n     * @param isDisabled Whether the radio group is disabled.\n     * @ignore\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disable.set(isDisabled);\n    }\n\n    setArrowNavigation(value: boolean): void {\n        this.arrowNavigation.set(value);\n    }\n\n    isArrowNavigation(): boolean {\n        return this.arrowNavigation();\n    }\n\n    protected onKeydown(): void {\n        if (this.disabledState()) return;\n    }\n}\n\ninterface RdxRadioItemMetadata {\n    [key: string]: unknown;\n    disabled: boolean;\n    value: string;\n}\n\nfunction isRadioItemMetadata(metadata: RdxCompositeMetadata): metadata is RdxCompositeMetadata<RdxRadioItemMetadata> {\n    return typeof metadata['disabled'] === 'boolean' && typeof metadata['value'] === 'string';\n}\n","import {\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    InjectionToken,\n    input,\n    Renderer2\n} from '@angular/core';\nimport { RdxCompositeItem } from '@radix-ng/primitives/composite';\nimport { BooleanInput, provideToken } from '@radix-ng/primitives/core';\nimport { RDX_RADIO_GROUP } from './radio-tokens';\n\nexport const RdxRadioItemToken = new InjectionToken<RdxRadioItemDirective>('RadioItemToken');\n\nexport function injectRadioItem(): RdxRadioItemDirective {\n    return inject(RdxRadioItemToken);\n}\n\n@Directive({\n    selector: '[rdxRadioItem]',\n    exportAs: 'rdxRadioItem',\n    providers: [provideToken(RdxRadioItemToken, RdxRadioItemDirective)],\n    hostDirectives: [RdxCompositeItem],\n\n    host: {\n        '[attr.type]': 'nativeButtonState() ? \"button\" : undefined',\n        role: 'radio',\n        '[attr.aria-checked]': 'checkedState()',\n        '[attr.aria-disabled]': 'disabledState() ? \"true\" : undefined',\n        '[attr.aria-readonly]': 'readonlyState() ? \"true\" : undefined',\n        '[attr.aria-required]': 'requiredState() ? \"true\" : undefined',\n        '[attr.data-composite-item-active]': 'checkedState() ? \"\" : undefined',\n        '[attr.data-checked]': 'checkedState() ? \"\" : undefined',\n        '[attr.data-unchecked]': '!checkedState() ? \"\" : undefined',\n        '[attr.data-disabled]': 'disabledState() ? \"\" : undefined',\n        '[attr.data-readonly]': 'readonlyState() ? \"\" : undefined',\n        '[attr.data-required]': 'requiredState() ? \"\" : undefined',\n        '[attr.data-state]': 'checkedState() ? \"checked\" : \"unchecked\"',\n        '[attr.disabled]': 'nativeButtonState() && disabledState() ? \"\" : undefined',\n        '(click)': 'onClick($event)',\n        '(keydown)': 'onKeyDown($event)',\n        '(keyup)': 'onKeyUp()',\n        '(focus)': 'onFocus($event)'\n    }\n})\nexport class RdxRadioItemDirective {\n    private readonly radioGroup = inject(RDX_RADIO_GROUP);\n    private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private readonly renderer = inject(Renderer2);\n    private readonly compositeItem = inject(RdxCompositeItem, { self: true });\n    private readonly destroyRef = inject(DestroyRef);\n    private readonly inputElement = this.renderer.createElement('input') as HTMLInputElement;\n    private previousCheckedState: boolean | undefined;\n\n    readonly value = input.required<string>();\n\n    readonly id = input<string>();\n\n    readonly required = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly readonly = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly nativeButton = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    readonly nativeButtonState = computed(() => this.nativeButton());\n\n    readonly disabledState = computed(() => this.radioGroup.disabledState() || this.disabled());\n\n    readonly readonlyState = computed(() => this.radioGroup.readonly() || this.readonly());\n\n    readonly requiredState = computed(() => this.radioGroup.required() || this.required());\n\n    readonly checkedState = computed(() => this.radioGroup.value() === this.value());\n\n    private readonly ARROW_KEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'] as const;\n\n    constructor() {\n        this.createHiddenInput();\n        const unlistenInputChange = this.renderer.listen(this.inputElement, 'change', (event: Event) => {\n            if (this.inputElement.checked) {\n                this.radioGroup.select(this.value(), event);\n            }\n        });\n\n        this.destroyRef.onDestroy(() => {\n            unlistenInputChange();\n            const parent = this.inputElement.parentNode;\n\n            if (parent) {\n                this.renderer.removeChild(parent, this.inputElement);\n            }\n        });\n\n        effect(() => {\n            this.compositeItem.setMetadata({\n                disabled: this.disabledState(),\n                value: this.value()\n            });\n            this.syncHiddenInput();\n        });\n    }\n\n    /** @ignore */\n    onClick(event?: Event) {\n        if (!this.disabledState() && !this.readonlyState()) {\n            this.radioGroup.select(this.value(), event);\n        }\n    }\n\n    /** @ignore */\n    onKeyDown(event: Event): void {\n        const keyEvent = event as KeyboardEvent;\n        if (keyEvent.key === ' ') {\n            this.onClick(keyEvent);\n            return;\n        }\n\n        if (keyEvent.key === 'Enter') {\n            keyEvent.preventDefault();\n            return;\n        }\n\n        if (this.isAllowedArrowKey(keyEvent.key)) {\n            this.radioGroup.setArrowNavigation(true);\n        }\n    }\n\n    /** @ignore */\n    onKeyUp() {\n        this.radioGroup.setArrowNavigation(false);\n    }\n\n    /** @ignore */\n    onFocus(event?: FocusEvent) {\n        queueMicrotask(() => {\n            if (this.radioGroup.isArrowNavigation()) {\n                this.radioGroup.select(this.value(), event);\n                this.radioGroup.setArrowNavigation(false);\n            }\n        });\n    }\n\n    private isAllowedArrowKey(key: string): boolean {\n        if (!(this.ARROW_KEYS as readonly string[]).includes(key)) {\n            return false;\n        }\n\n        return true;\n    }\n\n    private createHiddenInput(): void {\n        const host = this.elementRef.nativeElement;\n        const parent = host.parentNode;\n\n        this.renderer.setAttribute(this.inputElement, 'type', 'radio');\n        this.renderer.setAttribute(this.inputElement, 'tabindex', '-1');\n        this.renderer.setAttribute(this.inputElement, 'aria-hidden', 'true');\n        this.renderer.setStyle(this.inputElement, 'position', 'absolute');\n        this.renderer.setStyle(this.inputElement, 'pointer-events', 'none');\n        this.renderer.setStyle(this.inputElement, 'opacity', '0');\n        this.renderer.setStyle(this.inputElement, 'margin', '0');\n        this.renderer.setStyle(this.inputElement, 'inset', '0');\n        this.renderer.setStyle(this.inputElement, 'transform', 'translateX(-100%)');\n\n        if (parent) {\n            this.renderer.insertBefore(parent, this.inputElement, host.nextSibling);\n        }\n    }\n\n    private syncHiddenInput(): void {\n        const checked = this.checkedState();\n\n        this.inputElement.name = this.radioGroup.name() ?? '';\n        this.inputElement.value = this.value();\n        this.inputElement.checked = checked;\n        this.inputElement.required = this.requiredState();\n        this.inputElement.disabled = this.disabledState();\n\n        this.setOptionalAttribute('name', this.radioGroup.name());\n        this.setOptionalAttribute('form', this.radioGroup.form());\n        this.setBooleanAttribute('checked', checked);\n        this.setBooleanAttribute('required', this.requiredState());\n        this.setBooleanAttribute('disabled', this.disabledState());\n        this.renderer.setAttribute(this.inputElement, 'value', this.value());\n\n        if (this.previousCheckedState === false && checked) {\n            this.inputElement.dispatchEvent(new Event('input', { bubbles: true }));\n            this.inputElement.dispatchEvent(new Event('change', { bubbles: true }));\n        }\n\n        this.previousCheckedState = checked;\n    }\n\n    private setOptionalAttribute(name: string, value: string | undefined): void {\n        if (value) {\n            this.renderer.setAttribute(this.inputElement, name, value);\n        } else {\n            this.renderer.removeAttribute(this.inputElement, name);\n        }\n    }\n\n    private setBooleanAttribute(name: string, value: boolean): void {\n        if (value) {\n            this.renderer.setAttribute(this.inputElement, name, '');\n        } else {\n            this.renderer.removeAttribute(this.inputElement, name);\n        }\n    }\n}\n","import { Directive, inject } from '@angular/core';\nimport { RdxRadioItemDirective } from './radio-item.directive';\nimport { RDX_RADIO_GROUP, RadioGroupDirective } from './radio-tokens';\n\n@Directive({\n    selector: '[rdxRadioIndicator]',\n    exportAs: 'rdxRadioIndicator',\n    host: {\n        '[attr.data-checked]': 'radioItem.checkedState() ? \"\" : undefined',\n        '[attr.data-unchecked]': '!radioItem.checkedState() ? \"\" : undefined',\n        '[attr.data-state]': 'radioItem.checkedState() ? \"checked\" : \"unchecked\"',\n        '[attr.data-disabled]': 'radioItem.disabledState() ? \"\" : undefined',\n        '[attr.data-readonly]': 'radioItem.readonlyState() ? \"\" : undefined',\n        '[attr.data-required]': 'radioItem.requiredState() ? \"\" : undefined',\n        '[hidden]': '!radioItem.checkedState()',\n        '[style.pointer-events]': '\"none\"'\n    }\n})\nexport class RdxRadioIndicatorDirective {\n    protected readonly radioGroup: RadioGroupDirective = inject(RDX_RADIO_GROUP);\n    protected readonly radioItem: RdxRadioItemDirective = inject(RdxRadioItemDirective);\n}\n","import { computed, Directive, effect, ElementRef, inject } from '@angular/core';\nimport { RdxVisuallyHiddenDirective } from '@radix-ng/primitives/visually-hidden';\nimport { injectRadioItem } from './radio-item.directive';\nimport { RDX_RADIO_GROUP } from './radio-tokens';\n\n@Directive({\n    selector: 'input[rdxRadioItemInput]',\n    exportAs: 'rdxRadioItemInput',\n    hostDirectives: [{ directive: RdxVisuallyHiddenDirective, inputs: ['feature'] }],\n    host: {\n        type: 'radio',\n        tabindex: '-1',\n        'aria-hidden': 'true',\n        '[attr.name]': 'name()',\n        '[attr.form]': 'form()',\n        '[attr.required]': 'required() ? \"\" : undefined',\n        '[attr.disabled]': 'disabled() ? \"\" : undefined',\n        '[attr.checked]': 'checked() ? \"\" : undefined',\n        '[checked]': 'checked()',\n        '[attr.value]': 'value()',\n        '[style]': `{\n          position: 'absolute',\n          pointerEvents: 'none',\n          opacity: 0,\n          margin: 0,\n          inset: 0,\n          transform: 'translateX(-100%)',\n        }`\n    }\n})\nexport class RdxRadioItemInputDirective {\n    private readonly radioItem = injectRadioItem();\n    private readonly radioGroup = inject(RDX_RADIO_GROUP);\n    private readonly input = inject<ElementRef<HTMLInputElement>>(ElementRef).nativeElement;\n\n    readonly name = computed(() => this.radioGroup.name());\n    readonly form = computed(() => this.radioGroup.form());\n    readonly value = computed(() => this.radioItem.value() || undefined);\n    readonly checked = computed(() => this.radioItem.checkedState());\n    readonly required = computed(() => this.radioItem.requiredState());\n    readonly disabled = computed(() => this.radioItem.disabledState());\n\n    constructor() {\n        let isInitial = true;\n\n        effect(() => {\n            const checked = this.checked();\n\n            if (isInitial) {\n                isInitial = false;\n                return;\n            }\n\n            if (checked) {\n                this.input.dispatchEvent(new Event('input', { bubbles: true }));\n                this.input.dispatchEvent(new Event('change', { bubbles: true }));\n            }\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/radix-ng-primitives-scroll-area.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, DestroyRef, input, computed, signal, ElementRef, Directive, PLATFORM_ID, effect, afterNextRender, booleanAttribute, NgModule } from '@angular/core';
+import { inject, DestroyRef, input, booleanAttribute, computed, signal, ElementRef, Directive, PLATFORM_ID, CSP_NONCE, effect, afterNextRender, NgModule } from '@angular/core';
 import { clamp, createContext } from '@radix-ng/primitives/core';
 import { injectDirection } from '@radix-ng/primitives/direction-provider';
 import { isPlatformBrowser } from '@angular/common';
@@ -55,19 +55,20 @@ function normalizeScrollOffset(value, max) {
     }
     return clamped;
 }
-let scrollbarHideStylesInjected = false;
 /**
  * Injects (once per document) the CSS that hides the native scrollbars of the viewport.
  * Headless directives can't hide WebKit scrollbars via inline styles, so a small
  * stylesheet keyed by the `[rdxScrollAreaViewport]` selector is appended to `<head>`.
  */
-function injectScrollbarHideStyles(document) {
-    if (scrollbarHideStylesInjected || typeof document === 'undefined') {
+function injectScrollbarHideStyles(document, nonce) {
+    if (typeof document === 'undefined' || document.head.querySelector('style[data-rdx-scroll-area]')) {
         return;
     }
-    scrollbarHideStylesInjected = true;
     const style = document.createElement('style');
     style.setAttribute('data-rdx-scroll-area', '');
+    if (nonce) {
+        style.nonce = nonce;
+    }
     style.textContent = `[rdxScrollAreaViewport]{scrollbar-width:none;-ms-overflow-style:none}[rdxScrollAreaViewport]::-webkit-scrollbar{display:none}`;
     document.head.appendChild(style);
 }
@@ -82,6 +83,7 @@ const rootContext = () => {
         rootId: root.rootId,
         direction: root.direction,
         overflowEdgeThreshold: root.normalizedThreshold,
+        disableStyleElements: root.disableStyleElements,
         hovering: root.hovering,
         scrollingX: root.scrollingX,
         scrollingY: root.scrollingY,
@@ -131,6 +133,7 @@ class RdxScrollAreaRoot {
          * Accepts a single number for all edges or an object to configure them individually.
          */
         this.overflowEdgeThreshold = input(0, ...(ngDevMode ? [{ debugName: "overflowEdgeThreshold" }] : /* istanbul ignore next */ []));
+        this.disableStyleElements = input(false, { ...(ngDevMode ? { debugName: "disableStyleElements" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.normalizedThreshold = computed(() => normalizeOverflowEdgeThreshold(this.overflowEdgeThreshold()), ...(ngDevMode ? [{ debugName: "normalizedThreshold" }] : /* istanbul ignore next */ []));
         this.hovering = signal(false, ...(ngDevMode ? [{ debugName: "hovering" }] : /* istanbul ignore next */ []));
         this.scrollingX = signal(false, ...(ngDevMode ? [{ debugName: "scrollingX" }] : /* istanbul ignore next */ []));
@@ -297,7 +300,7 @@ class RdxScrollAreaRoot {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxScrollAreaRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxScrollAreaRoot, isStandalone: true, selector: "[rdxScrollAreaRoot]", inputs: { dirInput: { classPropertyName: "dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, overflowEdgeThreshold: { classPropertyName: "overflowEdgeThreshold", publicName: "overflowEdgeThreshold", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, listeners: { "pointerenter": "onPointerEnterOrMove($event)", "pointermove": "onPointerEnterOrMove($event)", "pointerdown": "onTouchModalityChange($event)", "pointerleave": "hovering.set(false)" }, properties: { "style.position": "\"relative\"", "style.--scroll-area-corner-height": "cornerSize().height + \"px\"", "style.--scroll-area-corner-width": "cornerSize().width + \"px\"", "attr.data-scrolling": "(scrollingX() || scrollingY()) ? \"\" : undefined", "attr.data-has-overflow-x": "!hiddenState().x ? \"\" : undefined", "attr.data-has-overflow-y": "!hiddenState().y ? \"\" : undefined", "attr.data-overflow-x-start": "overflowEdges().xStart ? \"\" : undefined", "attr.data-overflow-x-end": "overflowEdges().xEnd ? \"\" : undefined", "attr.data-overflow-y-start": "overflowEdges().yStart ? \"\" : undefined", "attr.data-overflow-y-end": "overflowEdges().yEnd ? \"\" : undefined" } }, providers: [provideScrollAreaRootContext(rootContext)], exportAs: ["rdxScrollAreaRoot"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxScrollAreaRoot, isStandalone: true, selector: "[rdxScrollAreaRoot]", inputs: { dirInput: { classPropertyName: "dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, overflowEdgeThreshold: { classPropertyName: "overflowEdgeThreshold", publicName: "overflowEdgeThreshold", isSignal: true, isRequired: false, transformFunction: null }, disableStyleElements: { classPropertyName: "disableStyleElements", publicName: "disableStyleElements", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, listeners: { "pointerenter": "onPointerEnterOrMove($event)", "pointermove": "onPointerEnterOrMove($event)", "pointerdown": "onTouchModalityChange($event)", "pointerleave": "hovering.set(false)" }, properties: { "style.position": "\"relative\"", "style.--scroll-area-corner-height": "cornerSize().height + \"px\"", "style.--scroll-area-corner-width": "cornerSize().width + \"px\"", "attr.data-scrolling": "(scrollingX() || scrollingY()) ? \"\" : undefined", "attr.data-has-overflow-x": "!hiddenState().x ? \"\" : undefined", "attr.data-has-overflow-y": "!hiddenState().y ? \"\" : undefined", "attr.data-overflow-x-start": "overflowEdges().xStart ? \"\" : undefined", "attr.data-overflow-x-end": "overflowEdges().xEnd ? \"\" : undefined", "attr.data-overflow-y-start": "overflowEdges().yStart ? \"\" : undefined", "attr.data-overflow-y-end": "overflowEdges().yEnd ? \"\" : undefined" } }, providers: [provideScrollAreaRootContext(rootContext)], exportAs: ["rdxScrollAreaRoot"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxScrollAreaRoot, decorators: [{
             type: Directive,
@@ -323,7 +326,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '(pointerleave)': 'hovering.set(false)'
                     }
                 }]
-        }], ctorParameters: () => [], propDecorators: { dirInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], overflowEdgeThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowEdgeThreshold", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { dirInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], overflowEdgeThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowEdgeThreshold", required: false }] }], disableStyleElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableStyleElements", required: false }] }] } });
 function normalizeOverflowEdgeThreshold(threshold) {
     if (typeof threshold === 'number') {
         const value = Math.max(0, threshold);
@@ -356,11 +359,16 @@ class RdxScrollAreaViewport {
         this.element = inject(ElementRef).nativeElement;
         this.destroyRef = inject(DestroyRef);
         this.isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+        this.cspNonce = inject(CSP_NONCE, { optional: true });
         this.programmaticScroll = true;
         this.lastMeasuredMetrics = [NaN, NaN, NaN, NaN];
         this.rootContext.viewportRef.current = this.element;
         if (this.isBrowser) {
-            injectScrollbarHideStyles(document);
+            effect(() => {
+                if (!this.rootContext.disableStyleElements()) {
+                    injectScrollbarHideStyles(this.element.ownerDocument, this.cspNonce);
+                }
+            });
         }
         // Recompute after hidden-state toggles (so newly shown scrollbars get measured),
         // on direction flips, and when the overflow-edge threshold changes.
@@ -381,6 +389,9 @@ class RdxScrollAreaViewport {
             }
         });
         this.destroyRef.onDestroy(() => {
+            if (this.rootContext.viewportRef.current === this.element) {
+                this.rootContext.viewportRef.current = null;
+            }
             clearTimeout(this.scrollEndTimer);
             clearTimeout(this.animationsTimer);
         });
@@ -650,7 +661,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class RdxScrollAreaCorner {
     constructor() {
         this.rootContext = injectScrollAreaRootContext();
-        this.rootContext.cornerRef.current = inject(ElementRef).nativeElement;
+        const element = inject(ElementRef).nativeElement;
+        const destroyRef = inject(DestroyRef);
+        this.rootContext.cornerRef.current = element;
+        destroyRef.onDestroy(() => {
+            if (this.rootContext.cornerRef.current === element) {
+                this.rootContext.cornerRef.current = null;
+            }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxScrollAreaCorner, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxScrollAreaCorner, isStandalone: true, selector: "[rdxScrollAreaCorner]", host: { properties: { "style.position": "\"absolute\"", "style.bottom": "\"0\"", "style.inset-inline-end": "\"0\"", "style.width": "rootContext.cornerSize().width + \"px\"", "style.height": "rootContext.cornerSize().height + \"px\"", "style.display": "rootContext.hiddenState().corner ? \"none\" : null" } }, exportAs: ["rdxScrollAreaCorner"], ngImport: i0 }); }
@@ -696,13 +714,14 @@ class RdxScrollAreaScrollbar {
         this.hideTrackUntilMeasured = computed(() => !this.rootContext.hasMeasuredScrollbar() && !this.keepMounted(), ...(ngDevMode ? [{ debugName: "hideTrackUntilMeasured" }] : /* istanbul ignore next */ []));
         // Register this element as the vertical or horizontal scrollbar ref.
         // Runs as an effect so the bound `orientation` input is available.
-        effect(() => {
-            if (this.orientation() === 'vertical') {
-                this.rootContext.scrollbarYRef.current = this.element;
-            }
-            else {
-                this.rootContext.scrollbarXRef.current = this.element;
-            }
+        effect((onCleanup) => {
+            const ref = this.orientation() === 'vertical' ? this.rootContext.scrollbarYRef : this.rootContext.scrollbarXRef;
+            ref.current = this.element;
+            onCleanup(() => {
+                if (ref.current === this.element) {
+                    ref.current = null;
+                }
+            });
         });
     }
     onWheel(event) {
@@ -742,10 +761,9 @@ class RdxScrollAreaScrollbar {
             return;
         }
         const orientation = this.orientation();
-        const target = event.target;
         const thumb = orientation === 'vertical' ? this.rootContext.thumbYRef.current : this.rootContext.thumbXRef.current;
         // Ignore clicks on the thumb itself.
-        if (thumb && target && thumb.contains(target)) {
+        if (thumb && eventTargetsElement(event, thumb)) {
             return;
         }
         const viewportEl = this.rootContext.viewportRef.current;
@@ -834,6 +852,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     }
                 }]
         }], ctorParameters: () => [], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], keepMounted: [{ type: i0.Input, args: [{ isSignal: true, alias: "keepMounted", required: false }] }] } });
+function eventTargetsElement(event, element) {
+    if (event.composedPath().includes(element)) {
+        return true;
+    }
+    const target = event.target;
+    return isNode(target) && element.contains(target);
+}
+function isNode(value) {
+    return !!value && 'nodeType' in value;
+}
 
 /**
  * The draggable part of the scrollbar that indicates the current scroll position.
@@ -846,13 +874,16 @@ class RdxScrollAreaThumb {
         this.rootContext = injectScrollAreaRootContext();
         this.scrollbarContext = injectScrollAreaScrollbarContext();
         this.element = inject(ElementRef).nativeElement;
-        effect(() => {
-            if (this.scrollbarContext.orientation() === 'vertical') {
-                this.rootContext.thumbYRef.current = this.element;
-            }
-            else {
-                this.rootContext.thumbXRef.current = this.element;
-            }
+        effect((onCleanup) => {
+            const ref = this.scrollbarContext.orientation() === 'vertical'
+                ? this.rootContext.thumbYRef
+                : this.rootContext.thumbXRef;
+            ref.current = this.element;
+            onCleanup(() => {
+                if (ref.current === this.element) {
+                    ref.current = null;
+                }
+            });
         });
     }
     endDrag(event) {