@radix-ng/primitives 0.18.2 → 0.20.0

package/avatar/index.d.ts

@@ -1,6 +1,5 @@
 export * from './src/avatar-fallback.directive';
-export type { RdxAvatarFallbackProps } from './src/avatar-fallback.directive';
 export * from './src/avatar-image.directive';
-export type { RdxAvatarImageProps } from './src/avatar-image.directive';
 export * from './src/avatar-root.directive';
+export type { RdxImageLoadingStatus } from './src/avatar-root.directive';
 export * from './src/avatar.config';

package/avatar/src/avatar-fallback.directive.d.ts

@@ -1,29 +1,17 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { RdxAvatarRootContext } from './avatar-root.directive';
 import * as i0 from "@angular/core";
-export interface RdxAvatarFallbackProps {
-    delayMs?: number;
-}
-export declare class RdxAvatarFallbackDirective implements RdxAvatarFallbackProps, OnInit, OnDestroy {
-    private readonly avatar;
+export declare class RdxAvatarFallbackDirective implements OnDestroy {
+    protected readonly avatarRoot: RdxAvatarRootContext;
     private readonly config;
-    private readonly ngZone;
-    private readonly platformId;
-    /**
-     * Define a delay before the fallback is shown.
-     * This is useful to only show the fallback for those with slower connections.
-     * @default 0
-     */
-    delayMs: number;
-    readonly visible: import("@angular/core").WritableSignal<boolean>;
-    /**
-     * Determine the delay has elapsed, and we can show the fallback.
-     */
-    private delayElapsed;
+    readonly delayMs: import("@angular/core").InputSignal<number>;
+    protected readonly canRender: import("@angular/core").WritableSignal<boolean>;
     private timeoutId;
-    ngOnInit(): void;
+    constructor();
+    get shouldRender(): boolean;
+    private startDelayTimer;
+    private clearDelayTimer;
     ngOnDestroy(): void;
-    private updateVisibility;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarFallbackDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarFallbackDirective, "span[rdxAvatarFallback]", ["rdxAvatarFallback"], { "delayMs": { "alias": "rdxDelayMs"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_delayMs: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarFallbackDirective, "span[rdxAvatarFallback]", ["rdxAvatarFallback"], { "delayMs": { "alias": "delayMs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/avatar/src/avatar-image.directive.d.ts

@@ -1,21 +1,17 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { RdxImageLoadingStatus } from './avatar-root.directive';
 import * as i0 from "@angular/core";
-export interface RdxAvatarImageProps {
-    onLoadingStatusChange?: EventEmitter<RdxImageLoadingStatus>;
-}
-export declare class RdxAvatarImageDirective implements RdxAvatarImageProps, OnInit {
-    private readonly avatar;
+export declare class RdxAvatarImageDirective implements OnInit {
+    private readonly avatarRoot;
     private readonly elementRef;
-    /**
-     * By default, it will only render when it has loaded.
-     * You can use the `onLoadingStatusChange` handler if you need more control.
-     */
-    onLoadingStatusChange: EventEmitter<RdxImageLoadingStatus>;
+    readonly src: (opts?: import("@angular/core").InputOptionsWithoutTransform<string> | undefined) => import("@angular/core").InputSignal<string>;
+    readonly onLoadingStatusChange: import("@angular/core").OutputEmitterRef<RdxImageLoadingStatus>;
+    readonly imageLoadingStatus: import("@angular/core").Signal<RdxImageLoadingStatus>;
     ngOnInit(): void;
-    protected onLoad(): void;
-    protected onError(): void;
-    get nativeElement(): HTMLImageElement;
+    onLoad(): void;
+    onError(): void;
+    private setImageStatus;
+    get nativeElement(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarImageDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarImageDirective, "img[rdxAvatarImage]", ["rdxAvatarImage"], {}, { "onLoadingStatusChange": "onLoadingStatusChange"; }, never, never, true, never>;
 }

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

@@ -1,21 +1,11 @@
 import * as i0 from "@angular/core";
-export declare function injectAvatar(): RdxAvatarRootDirective;
 export type RdxImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
+export declare class RdxAvatarRootContext {
+    readonly imageLoadingStatus: import("@angular/core").WritableSignal<RdxImageLoadingStatus>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarRootContext, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RdxAvatarRootContext>;
+}
 export declare class RdxAvatarRootDirective {
-    /**
-     * A readonly signal property that holds the current state of image loading.
-     * To set a new status, use the `setState` method of the component.
-     * @internal
-     */
-    readonly _state: import("@angular/core").WritableSignal<RdxImageLoadingStatus>;
-    /**
-     * Set the avatar state.
-     * @param state The new image loading status to set. This value should be one of the predefined states
-     *              in the `ImageLoadingStatus`
-     * @returns void This method does not return a value.
-     * @internal
-     */
-    _setState(state: RdxImageLoadingStatus): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxAvatarRootDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxAvatarRootDirective, "span[rdxAvatarRoot]", ["rdxAvatarRoot"], {}, {}, never, never, true, never>;
 }

package/checkbox/index.d.ts

@@ -1,5 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./src/checkbox-input.directive";
+import * as i2 from "./src/checkbox.directive";
+import * as i3 from "./src/checkbox-button.directive";
+import * as i4 from "./src/checkbox-indicator.directive";
 export * from './src/checkbox-button.directive';
 export * from './src/checkbox-indicator.directive';
 export * from './src/checkbox-input.directive';
 export * from './src/checkbox.directive';
+export type { CheckboxState } from './src/checkbox.directive';
 export * from './src/checkbox.token';
+export declare class RdxCheckboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxCheckboxModule, never, [typeof i1.RdxCheckboxInputDirective, typeof i2.RdxCheckboxDirective, typeof i3.RdxCheckboxButtonDirective, typeof i4.RdxCheckboxIndicatorDirective], [typeof i1.RdxCheckboxInputDirective, typeof i2.RdxCheckboxDirective, typeof i3.RdxCheckboxButtonDirective, typeof i4.RdxCheckboxIndicatorDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdxCheckboxModule>;
+}

package/checkbox/src/checkbox-button.directive.d.ts

@@ -4,5 +4,5 @@ export declare class RdxCheckboxButtonDirective {
     readonly id: import("@angular/core").InputSignal<string | null>;
     protected readonly elementId: import("@angular/core").Signal<string | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxButtonDirective, "button[CheckboxButton]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxButtonDirective, "button[rdxCheckboxButton]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/checkbox/src/checkbox-indicator.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class RdxCheckboxIndicatorDirective {
     protected readonly checkbox: import("@radix-ng/primitives/checkbox").RdxCheckboxDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxIndicatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxIndicatorDirective, "[CheckboxIndicator]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxIndicatorDirective, "[rdxCheckboxIndicator]", never, {}, {}, never, never, true, never>;
 }

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

@@ -6,5 +6,5 @@ export declare class RdxCheckboxInputDirective {
     protected readonly elementId: import("@angular/core").Signal<string | undefined>;
     protected readonly value: import("@angular/core").Signal<"" | "on" | "off">;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxInputDirective, "input[CheckboxInput]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenInputDirective; inputs: { "feature": "\"fully-hidden\""; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxInputDirective, "input[rdxCheckboxInput]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenInputDirective; inputs: { "feature": "\"fully-hidden\""; }; outputs: {}; }]>;
 }

package/checkbox/src/checkbox.directive.d.ts

@@ -67,7 +67,7 @@ export declare class RdxCheckboxDirective implements ControlValueAccessor, OnCha
      */
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxCheckboxDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxDirective, "[CheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxCheckboxDirective, "[rdxCheckboxRoot]", never, { "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; }, never, never, true, never>;
     static ngAcceptInputType_checked: unknown;
     static ngAcceptInputType_indeterminate: unknown;
     static ngAcceptInputType_disabled: unknown;