@radix-ng/primitives 0.50.0 → 1.0.0-beta.0

package/tabs/index.d.ts

@@ -1,112 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { OnInit, InjectionToken, InputSignalWithTransform } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/roving-focus';
-import { BooleanInput } from '@angular/cdk/coercion';
-
-interface TabsProps {
-    /** The value for the selected tab, if controlled */
-    value?: string;
-    /** The value of the tab to select by default, if uncontrolled */
-    defaultValue?: string;
-    /** A function called when a new tab is selected */
-    onValueChange?: (value: string) => void;
-    /**
-     * The orientation the tabs are layed out.
-     * Mainly so arrow navigation is done accordingly (left & right vs. up & down)
-     * @defaultValue horizontal
-     */
-    orientation?: string;
-    /**
-     * The direction of navigation between toolbar items.
-     */
-    dir?: string;
-    /**
-     * Whether a tab is activated automatically or manually.
-     * @defaultValue automatic
-     * */
-    activationMode?: 'automatic' | 'manual';
-}
-type DataOrientation = 'vertical' | 'horizontal';
-declare const RDX_TABS_ROOT_TOKEN: InjectionToken<RdxTabsRootDirective>;
-declare class RdxTabsRootDirective implements OnInit {
-    /**
-     * The controlled value of the tab to activate. Should be used in conjunction with `onValueChange`.
-     */
-    readonly value: _angular_core.ModelSignal<string | undefined>;
-    readonly defaultValue: _angular_core.InputSignal<string | undefined>;
-    /**
-     * When automatic, tabs are activated when receiving focus. When manual, tabs are activated when clicked.
-     */
-    readonly activationMode: _angular_core.InputSignal<"automatic" | "manual">;
-    /**
-     * The orientation of the component.
-     */
-    readonly orientation: _angular_core.InputSignal<DataOrientation>;
-    readonly dir: _angular_core.InputSignal<string>;
-    /**
-     * Event handler called when the value changes.
-     */
-    readonly onValueChange: _angular_core.OutputEmitterRef<string>;
-    ngOnInit(): void;
-    select(value: string): void;
-    /** @ignore */
-    getBaseId(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTabsRootDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsRootDirective, "[rdxTabsRoot]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, never>;
-}
-
-declare class RdxTabsContentDirective {
-    protected readonly tabsContext: RdxTabsRootDirective;
-    /**
-     * A unique value that associates the content with a trigger.
-     */
-    readonly value: _angular_core.InputSignal<string>;
-    protected readonly contentId: _angular_core.Signal<string>;
-    protected readonly triggerId: _angular_core.Signal<string>;
-    protected readonly selected: _angular_core.Signal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTabsContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsContentDirective, "[rdxTabsContent]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-interface TabsListProps {
-    loop?: boolean;
-}
-declare class RdxTabsListDirective {
-    protected readonly tabsContext: RdxTabsRootDirective;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTabsListDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsListDirective, "[rdxTabsList]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "dir": "dir"; "orientation": "orientation"; "loop": "loop"; }; outputs: {}; }]>;
-}
-
-interface TabsTriggerProps {
-    disabled: InputSignalWithTransform<boolean, BooleanInput>;
-}
-declare class RdxTabsTriggerDirective implements TabsTriggerProps {
-    private readonly rdxRovingFocusItemDirective;
-    protected readonly tabsContext: RdxTabsRootDirective;
-    /**
-     * A unique value that associates the trigger with a content.
-     */
-    readonly value: _angular_core.InputSignal<string>;
-    /**
-     * When true, prevents the user from interacting with the tab.
-     */
-    readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
-    protected readonly contentId: _angular_core.Signal<string>;
-    protected readonly triggerId: _angular_core.Signal<string>;
-    protected readonly isSelected: _angular_core.Signal<boolean>;
-    constructor();
-    protected onMouseDown(event: MouseEvent): void;
-    protected onKeyDown(event: KeyboardEvent): void;
-    protected onFocus(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTabsTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsTriggerDirective, "[rdxTabsTrigger]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "focusable": "focusable"; "active": "active"; "allowShiftKey": "allowShiftKey"; }; outputs: {}; }]>;
-}
-
-declare class RdxTabsModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTabsModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxTabsModule, never, [typeof RdxTabsRootDirective, typeof RdxTabsContentDirective, typeof RdxTabsListDirective, typeof RdxTabsTriggerDirective], [typeof RdxTabsRootDirective, typeof RdxTabsContentDirective, typeof RdxTabsListDirective, typeof RdxTabsTriggerDirective]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxTabsModule>;
-}
-
-export { RDX_TABS_ROOT_TOKEN, RdxTabsContentDirective, RdxTabsListDirective, RdxTabsModule, RdxTabsRootDirective, RdxTabsTriggerDirective };
-export type { DataOrientation, TabsListProps, TabsProps };

package/toggle/index.d.ts

@@ -1,75 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { OutputEmitterRef } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/visually-hidden';
-import { BooleanInput } from '@angular/cdk/coercion';
-import * as i1$1 from '@radix-ng/primitives/core';
-import { RdxControlValueAccessor } from '@radix-ng/primitives/core';
-
-declare class RdxToggleVisuallyHiddenInputDirective {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToggleVisuallyHiddenInputDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggleVisuallyHiddenInputDirective, "input[rdxToggleVisuallyHiddenInput]", ["rdxToggleVisuallyHiddenInput"], {}, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenInputDirective; inputs: { "name": "name"; "required": "required"; "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
-}
-
-interface ToggleProps {
-    /**
-     * The controlled state of the toggle.
-     */
-    pressed?: boolean;
-    /**
-     * The state of the toggle when initially rendered. Use `defaultPressed`
-     * if you do not need to control the state of the toggle.
-     * @defaultValue false
-     */
-    defaultPressed?: boolean;
-    /**
-     * The callback that fires when the state of the toggle changes.
-     */
-    onPressedChange?: OutputEmitterRef<boolean>;
-    /**
-     * Whether the toggle is disabled.
-     * @defaultValue false
-     */
-    disabled?: boolean;
-}
-type DataState = 'on' | 'off';
-/**
- * @group Components
- */
-declare class RdxToggleDirective {
-    /**
-     * @ignore
-     */
-    readonly cva: RdxControlValueAccessor<any>;
-    /**
-     * The pressed state of the toggle when it is initially rendered.
-     * Use when you do not need to control its pressed state.
-     *
-     * @group Props
-     */
-    readonly defaultPressed: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * The controlled pressed state of the toggle.
-     * Must be used in conjunction with `onPressedChange`.
-     *
-     * @group Props
-     */
-    readonly pressed: _angular_core.ModelSignal<boolean>;
-    /**
-     * When true, prevents the user from interacting with the toggle.
-     *
-     * @group Props
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Event handler called when the pressed state of the toggle changes.
-     *
-     * @group Emits
-     */
-    readonly onPressedChange: _angular_core.OutputRef<any>;
-    protected onClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToggleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggleDirective, "[rdxToggle]", ["rdxToggle"], { "defaultPressed": { "alias": "defaultPressed"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "pressed": "pressedChange"; "onPressedChange": "onPressedChange"; }, never, never, true, [{ directive: typeof i1$1.RdxControlValueAccessor; inputs: { "value": "pressed"; "disabled": "disabled"; }; outputs: {}; }]>;
-}
-
-export { RdxToggleDirective, RdxToggleVisuallyHiddenInputDirective };
-export type { DataState, ToggleProps };

package/toggle-group/index.d.ts

@@ -1,194 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { InjectionToken } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
-import * as i1 from '@radix-ng/primitives/roving-focus';
-import * as i2 from '@radix-ng/primitives/toggle';
-import { ControlValueAccessor } from '@angular/forms';
-import { AcceptableValue } from '@radix-ng/primitives/core';
-
-interface IRdxToggleGroup {
-    toggle(value: string): void;
-    disabled: any;
-    value: any;
-    type: any;
-    accessorDisabled: any;
-}
-declare const RdxToggleGroupToken: InjectionToken<IRdxToggleGroup>;
-declare function injectToggleGroup(): IRdxToggleGroup;
-
-/**
- * @group Components
- */
-declare class RdxToggleGroupItemDirective {
-    private readonly rdxToggleDirective;
-    private readonly rdxRovingFocusItemDirective;
-    /**
-     * Access the toggle group.
-     * @ignore
-     */
-    protected readonly rootContext: IRdxToggleGroup;
-    /**
-     * The value of this toggle button.
-     *
-     * @group Props
-     */
-    readonly value: _angular_core.InputSignal<string>;
-    /**
-     * Whether this toggle button is disabled.
-     * @defaultValue false
-     * @group Props
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    private readonly isPressed;
-    private readonly isDisabled;
-    constructor();
-    /**
-     * @ignore
-     */
-    toggle(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToggleGroupItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggleGroupItemDirective, "[rdxToggleGroupItem]", ["rdxToggleGroupItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "focusable": "focusable"; "active": "active"; "allowShiftKey": "allowShiftKey"; }; outputs: {}; }, { directive: typeof i2.RdxToggleDirective; inputs: { "pressed": "pressed"; "disabled": "disabled"; }; outputs: {}; }]>;
-}
-
-declare const RdxToggleGroupItemToken: InjectionToken<RdxToggleGroupItemDirective>;
-declare function injectToggleGroupItem(): RdxToggleGroupItemDirective;
-
-declare class RdxToggleGroupWithoutFocusDirective implements ControlValueAccessor {
-    /**
-     * @ignore
-     */
-    readonly id: string;
-    /**
-     * @group Props
-     */
-    readonly value: _angular_core.ModelSignal<string | string[] | undefined>;
-    /**
-     * @group Props
-     */
-    readonly type: _angular_core.InputSignal<"single" | "multiple">;
-    /**
-     * Whether the toggle group is disabled.
-     * @defaultValue false
-     * @group Props
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Event emitted when the selected toggle button changes.
-     * @group Emits
-     */
-    readonly onValueChange: _angular_core.OutputEmitterRef<string | string[] | undefined>;
-    /**
-     * The value change callback.
-     */
-    private onChange?;
-    /**
-     * onTouch function registered via registerOnTouch (ControlValueAccessor).
-     */
-    protected onTouched?: () => void;
-    /**
-     * Toggle a value.
-     * @param value The value to toggle.
-     * @ignore
-     */
-    toggle(value: string): void;
-    /**
-     * Select a value from Angular forms.
-     * @param value The value to select.
-     * @ignore
-     */
-    writeValue(value: string): void;
-    /**
-     * Register a callback to be called when the value changes.
-     * @param fn The callback to register.
-     * @ignore
-     */
-    registerOnChange(fn: (value: string | string[] | undefined) => void): void;
-    /**
-     * Register a callback to be called when the toggle group is touched.
-     * @param fn The callback to register.
-     * @ignore
-     */
-    registerOnTouched(fn: () => void): void;
-    private readonly accessorDisabled;
-    /**
-     * Set the disabled state of the toggle group.
-     * @param isDisabled Whether the toggle group is disabled.
-     * @ignore
-     */
-    setDisabledState(isDisabled: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToggleGroupWithoutFocusDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggleGroupWithoutFocusDirective, "[rdxToggleGroupWithoutFocus]", ["rdxToggleGroupWithoutFocus"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, never>;
-}
-
-/**
- * @group Components
- */
-declare class RdxToggleGroupDirective implements ControlValueAccessor {
-    /**
-     * @ignore
-     */
-    readonly id: string;
-    /**
-     * @group Props
-     */
-    readonly value: _angular_core.ModelSignal<AcceptableValue | AcceptableValue[] | undefined>;
-    /**
-     * @group Props
-     */
-    readonly type: _angular_core.InputSignal<"single" | "multiple">;
-    /**
-     * Whether the toggle group is disabled.
-     * @defaultValue false
-     * @group Props
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Event emitted when the selected toggle button changes.
-     * @group Emits
-     */
-    readonly onValueChange: _angular_core.OutputEmitterRef<AcceptableValue | AcceptableValue[] | undefined>;
-    /**
-     * The value change callback.
-     */
-    private onChange?;
-    /**
-     * onTouch function registered via registerOnTouch (ControlValueAccessor).
-     */
-    protected onTouched?: () => void;
-    /**
-     * Toggle a value.
-     * @param value The value to toggle.
-     * @ignore
-     */
-    toggle(value: AcceptableValue): void;
-    /**
-     * Select a value from Angular forms.
-     * @param value The value to select.
-     * @ignore
-     */
-    writeValue(value: string): void;
-    /**
-     * Register a callback to be called when the value changes.
-     * @param fn The callback to register.
-     * @ignore
-     */
-    registerOnChange(fn: (value: AcceptableValue | AcceptableValue[] | undefined) => void): void;
-    /**
-     * Register a callback to be called when the toggle group is touched.
-     * @param fn The callback to register.
-     * @ignore
-     */
-    registerOnTouched(fn: () => void): void;
-    readonly accessorDisabled: _angular_core.WritableSignal<boolean>;
-    /**
-     * Set the disabled state of the toggle group.
-     * @param isDisabled Whether the toggle group is disabled.
-     * @ignore
-     */
-    setDisabledState(isDisabled: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToggleGroupDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToggleGroupDirective, "[rdxToggleGroup]", ["rdxToggleGroup"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "dir": "dir"; "orientation": "orientation"; "loop": "loop"; }; outputs: {}; }]>;
-}
-
-export { RdxToggleGroupDirective, RdxToggleGroupItemDirective, RdxToggleGroupItemToken, RdxToggleGroupToken, RdxToggleGroupWithoutFocusDirective, injectToggleGroup, injectToggleGroupItem };
-export type { IRdxToggleGroup };

package/toolbar/index.d.ts

@@ -1,55 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, Provider } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/roving-focus';
-import { BooleanInput } from '@angular/cdk/coercion';
-import * as i1$1 from '@radix-ng/primitives/toggle-group';
-import * as i1$2 from '@radix-ng/primitives/separator';
-
-declare class RdxToolbarRootDirective {
-    readonly orientation: i0.InputSignal<"horizontal" | "vertical">;
-    readonly dir: i0.InputSignal<"ltr" | "rtl">;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarRootDirective, "[rdxToolbarRoot]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "dir": "dir"; "orientation": "orientation"; "loop": "loop"; }; outputs: {}; }]>;
-}
-
-declare class RdxToolbarButtonDirective {
-    #private;
-    private readonly rdxRovingFocusItemDirective;
-    readonly disabled: i0.InputSignalWithTransform<boolean, BooleanInput>;
-    private readonly isDisabled;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarButtonDirective, "[rdxToolbarButton]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "focusable": "focusable"; }; outputs: {}; }]>;
-}
-
-declare class RdxToolbarLinkDirective {
-    onKeyDown($event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarLinkDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarLinkDirective, "[rdxToolbarLink]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "focusable": "focusable"; }; outputs: {}; }]>;
-}
-
-declare class RdxToolbarToggleGroupDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarToggleGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarToggleGroupDirective, "[rdxToolbarToggleGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.RdxToggleGroupWithoutFocusDirective; inputs: { "value": "value"; "type": "type"; "disabled": "disabled"; }; outputs: {}; }]>;
-}
-
-declare class RdxToolbarToggleItemDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarToggleItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarToggleItemDirective, "[rdxToolbarToggleItem]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.RdxToggleGroupItemDirective; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
-}
-
-declare class RdxToolbarSeparatorDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarSeparatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarSeparatorDirective, "[rdxToolbarSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.RdxSeparatorRootDirective; inputs: { "orientation": "orientation"; "decorative": "decorative"; }; outputs: {}; }]>;
-}
-
-declare const RDX_TOOLBAR_ROOT_TOKEN: InjectionToken<RdxToolbarRootDirective>;
-declare function injectRootContext(): RdxToolbarRootDirective;
-declare function provideRootContext(): Provider;
-
-declare class RdxToolbarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxToolbarModule, never, [typeof RdxToolbarRootDirective, typeof RdxToolbarButtonDirective, typeof RdxToolbarLinkDirective, typeof RdxToolbarToggleGroupDirective, typeof RdxToolbarToggleItemDirective, typeof RdxToolbarSeparatorDirective], [typeof RdxToolbarRootDirective, typeof RdxToolbarButtonDirective, typeof RdxToolbarLinkDirective, typeof RdxToolbarToggleGroupDirective, typeof RdxToolbarToggleItemDirective, typeof RdxToolbarSeparatorDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<RdxToolbarModule>;
-}
-
-export { RDX_TOOLBAR_ROOT_TOKEN, RdxToolbarButtonDirective, RdxToolbarLinkDirective, RdxToolbarModule, RdxToolbarRootDirective, RdxToolbarSeparatorDirective, RdxToolbarToggleGroupDirective, RdxToolbarToggleItemDirective, injectRootContext, provideRootContext };