@radix-ng/primitives 0.18.1 → 0.19.0

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/slider/src/slider-root.component.d.ts

@@ -21,7 +21,9 @@ export declare class RdxSliderRootComponent implements OnInit {
     readonly valueIndexToChange: import("@angular/core").ModelSignal<number>;
     /** @ignore */
     readonly valuesBeforeSlideStart: import("@angular/core").ModelSignal<number[]>;
+    /** @ignore */
     readonly isSlidingFromLeft: import("@angular/core").Signal<boolean>;
+    /** @ignore */
     readonly isSlidingFromBottom: import("@angular/core").Signal<boolean>;
     /** @ignore */
     thumbElements: HTMLElement[];

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: {}; }]>;
 }