@radix-ng/primitives 0.18.2 → 0.19.0

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

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../../../packages/primitives/toggle/src/toggle-input.directive.ts","../../../packages/primitives/toggle/src/toggle.directive.ts","../../../packages/primitives/toggle/radix-ng-primitives-toggle.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';\n\n@Directive({\n    selector: '[rdxToggleInput]',\n    exportAs: 'rdxToggleInput',\n    standalone: true,\n    hostDirectives: [\n        {\n            directive: RdxVisuallyHiddenInputDirective,\n            inputs: [\n                'name',\n                'required'\n            ]\n        }\n    ],\n    host: {\n        type: 'checkbox'\n    }\n})\nexport class RdxToggleInputDirective {}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, model, output, OutputEmitterRef } from '@angular/core';\n\nexport interface ToggleProps {\n    /**\n     * The controlled state of the toggle.\n     */\n    pressed?: boolean;\n\n    /**\n     * The state of the toggle when initially rendered. Use `defaultPressed`\n     * if you do not need to control the state of the toggle.\n     * @defaultValue false\n     */\n    defaultPressed?: boolean;\n\n    /**\n     * The callback that fires when the state of the toggle changes.\n     */\n    onPressedChange?: OutputEmitterRef<boolean>;\n\n    /**\n     * Whether the toggle is disabled.\n     * @defaultValue false\n     */\n    disabled?: boolean;\n}\n\n@Directive({\n    selector: '[rdxToggle]',\n    exportAs: 'rdxToggle',\n    standalone: true,\n    host: {\n        '[attr.aria-pressed]': 'pressed()',\n        '[attr.data-state]': 'pressed() ? \"on\" : \"off\"',\n        '[attr.data-disabled]': 'disabled()',\n        '[disabled]': 'disabled()',\n\n        '(click)': 'toggle()'\n    }\n})\nexport class RdxToggleDirective {\n    /**\n     * The pressed state of the toggle when it is initially rendered.\n     * Use when you do not need to control its pressed state.\n     */\n    readonly defaultPressed = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The controlled pressed state of the toggle.\n     * Must be used in conjunction with `onPressedChange`.\n     */\n    readonly pressed = model<boolean>(this.defaultPressed());\n\n    /**\n     * When true, prevents the user from interacting with the toggle.\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the pressed state of the toggle changes.\n     */\n    readonly onPressedChange = output<boolean>();\n\n    protected toggle(): void {\n        if (!this.disabled()) {\n            this.pressed.set(!this.pressed());\n            this.onPressedChange.emit(this.pressed());\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../../../packages/primitives/toggle/src/toggle-input.directive.ts","../../../packages/primitives/toggle/src/toggle.directive.ts","../../../packages/primitives/toggle/radix-ng-primitives-toggle.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';\n\n@Directive({\n    selector: '[rdxToggleInput]',\n    exportAs: 'rdxToggleInput',\n    standalone: true,\n    hostDirectives: [\n        {\n            directive: RdxVisuallyHiddenInputDirective,\n            inputs: [\n                'name',\n                'required',\n                'value'\n            ]\n        }\n    ],\n    host: {\n        type: 'checkbox'\n    }\n})\nexport class RdxToggleInputDirective {}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, model, output, OutputEmitterRef } from '@angular/core';\n\nexport interface ToggleProps {\n    /**\n     * The controlled state of the toggle.\n     */\n    pressed?: boolean;\n\n    /**\n     * The state of the toggle when initially rendered. Use `defaultPressed`\n     * if you do not need to control the state of the toggle.\n     * @defaultValue false\n     */\n    defaultPressed?: boolean;\n\n    /**\n     * The callback that fires when the state of the toggle changes.\n     */\n    onPressedChange?: OutputEmitterRef<boolean>;\n\n    /**\n     * Whether the toggle is disabled.\n     * @defaultValue false\n     */\n    disabled?: boolean;\n}\n\n@Directive({\n    selector: '[rdxToggle]',\n    exportAs: 'rdxToggle',\n    standalone: true,\n    host: {\n        '[attr.aria-pressed]': 'pressed()',\n        '[attr.data-state]': 'pressed() ? \"on\" : \"off\"',\n        '[attr.data-disabled]': 'disabled()',\n        '[disabled]': 'disabled()',\n\n        '(click)': 'toggle()'\n    }\n})\nexport class RdxToggleDirective {\n    /**\n     * The pressed state of the toggle when it is initially rendered.\n     * Use when you do not need to control its pressed state.\n     */\n    readonly defaultPressed = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The controlled pressed state of the toggle.\n     * Must be used in conjunction with `onPressedChange`.\n     */\n    readonly pressed = model<boolean>(this.defaultPressed());\n\n    /**\n     * When true, prevents the user from interacting with the toggle.\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event handler called when the pressed state of the toggle changes.\n     */\n    readonly onPressedChange = output<boolean>();\n\n    protected toggle(): void {\n        if (!this.disabled()) {\n            this.pressed.set(!this.pressed());\n            this.onPressedChange.emit(this.pressed());\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.18.2",
+  "version": "0.19.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -127,6 +127,12 @@
       "esm": "./esm2022/radio/radix-ng-primitives-radio.mjs",
       "default": "./fesm2022/radix-ng-primitives-radio.mjs"
     },
+    "./roving-focus": {
+      "types": "./roving-focus/index.d.ts",
+      "esm2022": "./esm2022/roving-focus/radix-ng-primitives-roving-focus.mjs",
+      "esm": "./esm2022/roving-focus/radix-ng-primitives-roving-focus.mjs",
+      "default": "./fesm2022/radix-ng-primitives-roving-focus.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "esm2022": "./esm2022/select/radix-ng-primitives-select.mjs",

package/radio/index.d.ts

@@ -1,3 +1,4 @@
 export * from './src/radio-root.directive';
 export * from './src/radio-indicator.directive';
+export * from './src/radio-item-input.directive';
 export * from './src/radio-item.directive';

package/radio/src/radio-item-input.directive.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/visually-hidden";
+export declare class RdxRadioItemInputDirective {
+    private readonly radioItem;
+    readonly name: import("@angular/core").InputSignal<string | undefined>;
+    readonly value: import("@angular/core").Signal<string | undefined>;
+    readonly checked: import("@angular/core").Signal<true | undefined>;
+    readonly required: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly disabled: import("@angular/core").InputSignal<boolean | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioItemInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioItemInputDirective, "[rdxRadioItemInput]", ["rdxRadioItemInput"], { "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenDirective; inputs: { "feature": "feature"; }; outputs: {}; }]>;
+}

package/radio/src/radio-item.directive.d.ts

@@ -1,21 +1,30 @@
-import { FocusableOption } from '@angular/cdk/a11y';
-import { ElementRef, InjectionToken, OnInit } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { InjectionToken, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
 export declare const RdxRadioItemToken: InjectionToken<RdxRadioItemDirective>;
 export declare function injectRadioItem(): RdxRadioItemDirective;
-export declare class RdxRadioItemDirective implements FocusableOption, OnInit {
+export declare class RdxRadioItemDirective implements OnInit {
     private readonly radioGroup;
-    readonly element: ElementRef<any>;
-    id: string;
-    value: string;
-    disabled: boolean;
-    get tabIndex(): number;
-    get checked(): boolean;
+    private readonly elementRef;
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
+    readonly required: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    private readonly ARROW_KEYS;
+    private readonly isArrowKeyPressedSignal;
+    /** @ignore */
     ngOnInit(): void;
-    focus(): void;
-    _onClick(): void;
-    _onBlur(): void;
+    /** @ignore */
+    get checked(): boolean;
+    /** @ignore */
+    onClick(): void;
+    /** @ignore */
+    onKeyDown(event: KeyboardEvent): void;
+    /** @ignore */
+    onKeyUp(): void;
+    /** @ignore */
+    onFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "[rdxRadioItem]", ["rdxRadioItem"], { "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioItemDirective, "[rdxRadioItem]", ["rdxRadioItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "tabStopId": "id"; "focusable": "focusable"; "active": "active"; "allowShiftKey": "allowShiftKey"; }; outputs: {}; }]>;
 }

package/radio/src/radio-root.directive.d.ts

@@ -1,25 +1,15 @@
-import { AfterContentInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { RdxRadioItemDirective } from './radio-item.directive';
+import { Orientation } from '@radix-ng/primitives/roving-focus';
 import { RadioGroupDirective, RadioGroupProps } from './radio-tokens';
 import * as i0 from "@angular/core";
-export declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirective, ControlValueAccessor, AfterContentInit, OnDestroy {
-    radioItems: QueryList<RdxRadioItemDirective>;
-    private focusKeyManager;
-    private destroy$;
-    name?: string | undefined;
-    value?: string;
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGroupDirective, ControlValueAccessor {
+    readonly value: import("@angular/core").ModelSignal<string | undefined>;
     disabled: boolean;
-    dir?: string;
     defaultValue?: string;
-    /**
-     * The orientation of the radio group only vertical.
-     * Horizontal radio buttons can sometimes be challenging to scan and localize.
-     * The horizontal arrangement of radio buttons may also lead to difficulties in determining which
-     * label corresponds to which button: whether the label is above or below the button.
-     * @default 'vertical'
-     */
-    readonly _orientation = "vertical";
+    required: boolean;
+    orientation: Orientation;
     /**
      * Event handler called when the value changes.
      */
@@ -30,43 +20,37 @@ export declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGro
     private onChange;
     /**
      * The callback function to call when the radio group is touched.
+     * @ignore
      */
     onTouched: () => void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
     /**
      * Select a radio item.
      * @param value The value of the radio item to select.
+     * @ignore
      */
     select(value: string): void;
     /**
      * Update the value of the radio group.
      * @param value The new value of the radio group.
-     * @internal
+     * @ignore
      */
     writeValue(value: string): void;
     /**
      * Register a callback function to call when the value of the radio group changes.
      * @param fn The callback function to call when the value of the radio group changes.
-     * @internal
+     * @ignore
      */
     registerOnChange(fn: (value: string) => void): void;
+    /** @ignore */
     registerOnTouched(fn: () => void): void;
     /**
      * Set the disabled state of the radio group.
      * @param isDisabled Whether the radio group is disabled.
-     * @internal
+     * @ignore
      */
     setDisabledState(isDisabled: boolean): void;
-    /**
-     * When focus leaves the radio group.
-     */
-    protected onFocusin(event: FocusEvent): void;
-    protected onKeydown(event: KeyboardEvent): void;
-    private selectFocusedItem;
-    private updateActiveItem;
-    private tabNavigation;
+    protected onKeydown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "[rdxRadioRoot]", ["rdxRadioRoot"], { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; }, { "onValueChange": "onValueChange"; }, ["radioItems"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "[rdxRadioRoot]", ["rdxRadioRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "required": { "alias": "required"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "dir": "dir"; "orientation": "orientation"; "loop": "loop"; }; outputs: {}; }]>;
     static ngAcceptInputType_disabled: unknown;
 }

package/radio/src/radio-tokens.d.ts

@@ -1,12 +1,12 @@
-import { InjectionToken } from '@angular/core';
+import { InjectionToken, ModelSignal } from '@angular/core';
 export interface RadioGroupProps {
     name?: string;
     disabled?: boolean;
     defaultValue?: string;
-    value?: string;
+    value?: ModelSignal<string | undefined>;
 }
 export interface RadioGroupDirective extends RadioGroupProps {
-    select(value: string): void;
+    select(value: string | undefined): void;
     onTouched(): void;
 }
 export declare const RDX_RADIO_GROUP: InjectionToken<RadioGroupDirective>;

package/roving-focus/README.md

@@ -0,0 +1,3 @@
+# @radix-ng/primitives/roving-focus
+
+Secondary entry point of `@radix-ng/primitives`.

package/roving-focus/index.d.ts

@@ -0,0 +1,3 @@
+export * from './src/roving-focus-group.directive';
+export * from './src/roving-focus-item.directive';
+export type { Direction, Orientation } from './src/utils';

package/roving-focus/src/roving-focus-group.directive.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter } from '@angular/core';
+import { Direction, Orientation } from './utils';
+import * as i0 from "@angular/core";
+export declare class RdxRovingFocusGroupDirective {
+    private readonly ngZone;
+    private readonly elementRef;
+    orientation: Orientation | undefined;
+    dir: Direction;
+    loop: boolean;
+    preventScrollOnEntryFocus: boolean;
+    entryFocus: EventEmitter<Event>;
+    currentTabStopIdChange: EventEmitter<string | null>;
+    /** @ignore */
+    readonly currentTabStopId: import("@angular/core").WritableSignal<string | null>;
+    /** @ignore */
+    readonly focusableItems: import("@angular/core").WritableSignal<HTMLElement[]>;
+    private readonly isClickFocus;
+    private readonly isTabbingBackOut;
+    private readonly focusableItemsCount;
+    /** @ignore */
+    get dataOrientation(): Orientation;
+    /** @ignore */
+    get tabIndex(): 0 | -1;
+    /** @ignore */
+    handleBlur(): void;
+    /** @ignore */
+    handleMouseUp(): void;
+    /** @ignore */
+    handleFocus(event: FocusEvent): void;
+    /** @ignore */
+    handleMouseDown(): void;
+    /** @ignore */
+    onItemFocus(tabStopId: string): void;
+    /** @ignore */
+    onItemShiftTab(): void;
+    /** @ignore */
+    onFocusableItemAdd(): void;
+    /** @ignore */
+    onFocusableItemRemove(): void;
+    /** @ignore */
+    registerItem(item: HTMLElement): void;
+    /** @ignore */
+    unregisterItem(item: HTMLElement): void;
+    /** @ignore */
+    getFocusableItemsCount(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxRovingFocusGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRovingFocusGroupDirective, "[rdxRovingFocusGroup]", never, { "orientation": { "alias": "orientation"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "loop": { "alias": "loop"; "required": false; }; "preventScrollOnEntryFocus": { "alias": "preventScrollOnEntryFocus"; "required": false; }; }, { "entryFocus": "entryFocus"; "currentTabStopIdChange": "currentTabStopIdChange"; }, never, never, true, never>;
+    static ngAcceptInputType_loop: unknown;
+    static ngAcceptInputType_preventScrollOnEntryFocus: unknown;
+}

package/roving-focus/src/roving-focus-item.directive.d.ts

@@ -0,0 +1,50 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { RdxRovingFocusGroupDirective } from './roving-focus-group.directive';
+import * as i0 from "@angular/core";
+export declare class RdxRovingFocusItemDirective implements OnInit, OnDestroy {
+    private readonly elementRef;
+    private readonly ngZone;
+    protected readonly parent: RdxRovingFocusGroupDirective;
+    focusable: boolean;
+    active: boolean;
+    tabStopId: string;
+    allowShiftKey: boolean;
+    private readonly id;
+    /** @ignore */
+    readonly isCurrentTabStop: import("@angular/core").Signal<boolean>;
+    /**
+     * Lifecycle hook triggered on initialization.
+     * Registers the element with the parent roving focus group if it is focusable.
+     * @ignore
+     */
+    ngOnInit(): void;
+    /**
+     * Lifecycle hook triggered on destruction.
+     * Unregisters the element from the parent roving focus group if it is focusable.
+     * @ignore
+     */
+    ngOnDestroy(): void;
+    /**
+     * Determines the `tabIndex` of the element.
+     * Returns `0` if the element is the current tab stop; otherwise, returns `-1`.
+     * @ignore
+     */
+    get tabIndex(): 0 | -1;
+    /** @ignore */
+    handleMouseDown(event: MouseEvent): void;
+    /** @ignore */
+    onFocus(): void;
+    /**
+     * Handles the `keydown` event for keyboard navigation within the roving focus group.
+     * Supports navigation based on orientation and direction, and focuses appropriate elements.
+     *
+     * @param event The `KeyboardEvent` object.
+     * @ignore
+     */
+    handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxRovingFocusItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRovingFocusItemDirective, "[rdxRovingFocusItem]", never, { "focusable": { "alias": "focusable"; "required": false; }; "active": { "alias": "active"; "required": false; }; "tabStopId": { "alias": "tabStopId"; "required": false; }; "allowShiftKey": { "alias": "allowShiftKey"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_focusable: unknown;
+    static ngAcceptInputType_active: unknown;
+    static ngAcceptInputType_allowShiftKey: unknown;
+}

package/roving-focus/src/utils.d.ts

@@ -0,0 +1,19 @@
+export type Orientation = 'horizontal' | 'vertical';
+export type Direction = 'ltr' | 'rtl';
+export declare const ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
+export declare const EVENT_OPTIONS: {
+    bubbles: boolean;
+    cancelable: boolean;
+};
+type FocusIntent = 'first' | 'last' | 'prev' | 'next';
+export declare const MAP_KEY_TO_FOCUS_INTENT: Record<string, FocusIntent>;
+export declare function getDirectionAwareKey(key: string, dir?: Direction): string;
+export declare function getFocusIntent(event: KeyboardEvent, orientation?: Orientation, dir?: Direction): FocusIntent | undefined;
+export declare function focusFirst(candidates: HTMLElement[], preventScroll?: boolean, rootNode?: Document | ShadowRoot): void;
+/**
+ * Wraps an array around itself at a given start index
+ * Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`
+ */
+export declare function wrapArray<T>(array: T[], startIndex: number): T[];
+export declare function generateId(): string;
+export {};

package/select/src/select-item.directive.d.ts

@@ -30,15 +30,21 @@ export declare class RdxSelectItemDirective implements Highlightable {
     private _disabled;
     get viewValue(): string;
     constructor();
-    /** Gets the label to be used when determining whether the option should be focused. */
+    /** Gets the label to be used when determining whether the option should be focused.
+     * @ignore
+     */
     getLabel(): string;
     /**
      * `Selects the option while indicating the selection came from the user. Used to
      * determine if the select's view -> model callback should be invoked.`
+     * @ignore
      */
     selectViaInteraction(): void;
+    /** @ignore */
     handleKeydown(event: KeyboardEvent): void;
+    /** @ignore */
     setActiveStyles(): void;
+    /** @ignore */
     setInactiveStyles(): void;
     protected onPointerMove(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectItemDirective, never>;

package/toggle/src/toggle-input.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/visually-hidden";
 export declare class RdxToggleInputDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleInputDirective, "[rdxToggleInput]", ["rdxToggleInput"], {}, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenInputDirective; inputs: { "name": "name"; "required": "required"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleInputDirective, "[rdxToggleInput]", ["rdxToggleInput"], {}, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenInputDirective; inputs: { "name": "name"; "required": "required"; "value": "value"; }; outputs: {}; }]>;
 }