@radix-ng/primitives 0.19.0 → 0.20.0

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

@@ -0,0 +1,58 @@
+import { OnInit, ViewContainerRef } from '@angular/core';
+import { RdxPopoverContentDirective } from './popover-content.directive';
+import { RdxPopoverTriggerDirective } from './popover-trigger.directive';
+import { RdxPopoverState } from './popover.types';
+import * as i0 from "@angular/core";
+export declare class RdxPopoverRootDirective implements OnInit {
+    /**
+     * The open state of the popover when it is initially rendered. Use when you do not need to control its open state.
+     */
+    readonly defaultOpen: import("@angular/core").InputSignal<boolean>;
+    /**
+     * The controlled open state of the popover. Must be used in conjunction with onOpenChange.
+     */
+    readonly open: import("@angular/core").InputSignal<boolean | undefined>;
+    /**
+     * Event handler called when the open state of the popover changes.
+     */
+    readonly onOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
+    /** @ignore */
+    readonly popoverContentDirective: import("@angular/core").Signal<RdxPopoverContentDirective>;
+    /** @ignore */
+    readonly popoverTriggerDirective: import("@angular/core").Signal<RdxPopoverTriggerDirective>;
+    /** @ignore */
+    readonly popoverArrowDirective: import("@angular/core").Signal<import("@radix-ng/primitives/popover").RdxPopoverArrowDirective | undefined>;
+    /** @ignore */
+    readonly viewContainerRef: ViewContainerRef;
+    /** @ignore */
+    private readonly document;
+    /** @ignore */
+    readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    /** @ignore */
+    readonly state: import("@angular/core").Signal<RdxPopoverState>;
+    /** @ignore */
+    private isControlledExternally;
+    constructor();
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    controlledExternally(): import("@angular/core").Signal<boolean>;
+    /** @ignore */
+    handleOpen(): void;
+    /** @ignore */
+    handleClose(): void;
+    /** @ignore */
+    handleToggle(): void;
+    /** @ignore */
+    private setOpen;
+    /** @ignore */
+    private show;
+    /** @ignore */
+    private hide;
+    /** @ignore */
+    private onIsOpenChangeEffect;
+    /** @ignore */
+    private onOpenChangeEffect;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPopoverRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPopoverRootDirective, "[rdxPopoverRoot]", ["rdxPopoverRoot"], { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "onOpenChange": "onOpenChange"; }, ["popoverContentDirective", "popoverTriggerDirective", "popoverArrowDirective"], never, true, never>;
+}

package/popover/src/popover-root.inject.d.ts

@@ -0,0 +1,2 @@
+import { RdxPopoverRootDirective } from './popover-root.directive';
+export declare function injectPopoverRoot(): RdxPopoverRootDirective;

package/popover/src/popover-root.token.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { RdxPopoverRootDirective } from './popover-root.directive';
+export declare const RdxPopoverRootToken: InjectionToken<RdxPopoverRootDirective>;

package/popover/src/popover-trigger.directive.d.ts

@@ -0,0 +1,18 @@
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+export declare class RdxPopoverTriggerDirective {
+    readonly id: import("@angular/core").InputSignal<string>;
+    readonly popoverId: import("@angular/core").Signal<string>;
+    /** @ignore */
+    readonly popoverRoot: import("@radix-ng/primitives/popover").RdxPopoverRootDirective;
+    /** @ignore */
+    readonly elementRef: ElementRef<HTMLElement>;
+    /** @ignore */
+    readonly overlayOrigin: CdkOverlayOrigin;
+    /** @ignore */
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxPopoverTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPopoverTriggerDirective, "[rdxPopoverTrigger]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+}

package/popover/src/popover.constants.d.ts

@@ -0,0 +1,8 @@
+import { RdxPopoverPositions } from './popover.types';
+export declare const POPOVER_POSITIONS: RdxPopoverPositions;
+export declare const DEFAULTS: {
+    readonly offsets: {
+        readonly side: 10;
+        readonly align: 10;
+    };
+};

package/popover/src/popover.types.d.ts

@@ -0,0 +1,34 @@
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
+export declare enum RdxPopoverSide {
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Left = "left"
+}
+export declare enum RdxPopoverAlign {
+    Start = "start",
+    Center = "center",
+    End = "end"
+}
+export type RdxPopoverState = 'open' | 'closed';
+export type RdxSideAndAlign = {
+    side: RdxPopoverSide;
+    align: RdxPopoverAlign;
+};
+export type RdxSideAndAlignOffsets = {
+    sideOffset: number;
+    alignOffset: number;
+};
+export type RdxPopoverPositions = {
+    [key in RdxPopoverSide]: {
+        [key in RdxPopoverAlign]: ConnectionPositionPair;
+    };
+};
+export type RdxAllPossibleConnectedPositions = ReadonlyMap<`${RdxPopoverSide}|${RdxPopoverAlign}`, ConnectionPositionPair>;
+export type RdxArrowPositionParams = {
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+    transform: string;
+};

package/popover/src/popover.utils.d.ts

@@ -0,0 +1,12 @@
+import { ConnectedPosition, ConnectionPositionPair } from '@angular/cdk/overlay';
+import { RdxAllPossibleConnectedPositions, RdxArrowPositionParams, RdxSideAndAlign, RdxSideAndAlignOffsets } from './popover.types';
+export declare function getAllPossibleConnectedPositions(): RdxAllPossibleConnectedPositions;
+export declare function getSideAndAlignFromAllPossibleConnectedPositions(position: ConnectionPositionPair): RdxSideAndAlign;
+export declare function getContentPosition(sideAndAlignWithOffsets: RdxSideAndAlign & RdxSideAndAlignOffsets): ConnectedPosition;
+export declare function getArrowPositionParams(sideAndAlign: RdxSideAndAlign, arrowWidthAndHeight: {
+    width: number;
+    height: number;
+}, triggerWidthAndHeight: {
+    width: number;
+    height: number;
+}): RdxArrowPositionParams;

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

@@ -11,13 +11,13 @@ export declare class RdxRadioItemDirective implements OnInit {
     readonly id: import("@angular/core").InputSignal<string | undefined>;
     readonly required: import("@angular/core").InputSignal<boolean | undefined>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    protected readonly disabledState: import("@angular/core").Signal<boolean>;
+    readonly checkedState: import("@angular/core").Signal<boolean>;
     private readonly ARROW_KEYS;
     private readonly isArrowKeyPressedSignal;
     /** @ignore */
     ngOnInit(): void;
     /** @ignore */
-    get checked(): boolean;
-    /** @ignore */
     onClick(): void;
     /** @ignore */
     onKeyDown(event: KeyboardEvent): void;

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

@@ -1,19 +1,21 @@
-import { EventEmitter } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor } from '@angular/forms';
 import { Orientation } from '@radix-ng/primitives/roving-focus';
 import { RadioGroupDirective, RadioGroupProps } from './radio-tokens';
 import * as i0 from "@angular/core";
 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;
+    readonly value: import("@angular/core").ModelSignal<string | null>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     defaultValue?: string;
-    required: boolean;
-    orientation: Orientation;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly orientation: import("@angular/core").InputSignal<Orientation | undefined>;
     /**
      * Event handler called when the value changes.
      */
-    readonly onValueChange: EventEmitter<string>;
+    readonly onValueChange: import("@angular/core").OutputEmitterRef<string>;
+    private readonly disable;
+    readonly disableState: import("@angular/core").Signal<boolean>;
     /**
      * The callback function to call when the value of the radio group changes.
      */
@@ -51,6 +53,5 @@ export declare class RdxRadioGroupDirective implements RadioGroupProps, RadioGro
     setDisabledState(isDisabled: boolean): void;
     protected onKeydown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxRadioGroupDirective, 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;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxRadioGroupDirective, "[rdxRadioRoot]", ["rdxRadioRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "dir": "dir"; "orientation": "orientation"; "loop": "loop"; }; outputs: {}; }]>;
 }

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

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