@radix-ng/primitives 0.14.0 → 0.15.0

package/separator/src/separator.directive.d.ts

@@ -1,3 +1,4 @@
+import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
 export type Orientation = (typeof ORIENTATIONS)[number];
@@ -12,11 +13,34 @@ export interface SeparatorProps {
      */
     decorative?: boolean;
 }
-export declare class RdxSeparatorRootDirective implements SeparatorProps {
-    orientation: Orientation;
-    decorative: boolean;
+/**
+ * Directive that adds accessible and configurable separator element to the DOM.
+ * This can be either horizontal or vertical and optionally decorative (which removes
+ * it from the accessibility tree).
+ */
+export declare class RdxSeparatorRootDirective {
+    /**
+     * Orientation of the separator, can be either 'horizontal' or 'vertical'.
+     * Defaults to 'horizontal'.
+     */
+    readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    /**
+     * If true, the separator will be considered decorative and removed from
+     * the accessibility tree. Defaults to false.
+     */
+    readonly decorative: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Computes the `role` attribute for the separator. If `decorative` is true,
+     * the role is set to "none", otherwise it is "separator".
+     */
+    protected readonly computedRole: import("@angular/core").Signal<"none" | "separator">;
+    /**
+     * Computes the `aria-orientation` attribute. It is set to "vertical" only if
+     * the separator is not decorative and the orientation is set to "vertical".
+     * For horizontal orientation, the attribute is omitted.
+     */
+    protected readonly computedAriaOrientation: import("@angular/core").Signal<"vertical" | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSeparatorRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSeparatorRootDirective, "div[rdxSeparatorRoot]", never, { "orientation": { "alias": "orientation"; "required": false; }; "decorative": { "alias": "decorative"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_decorative: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSeparatorRootDirective, "div[rdxSeparatorRoot]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export {};

package/visually-hidden/README.md

@@ -0,0 +1,3 @@
+# @radix-ng/primitives/visually-hidden
+
+Secondary entry point of `@radix-ng/primitives`. It can be used by importing from `@radix-ng/primitives/visually-hidden`.

package/visually-hidden/index.d.ts

@@ -0,0 +1,3 @@
+export * from './src/visually-hidden-input-bubble.directive';
+export * from './src/visually-hidden-input.directive';
+export * from './src/visually-hidden.directive';

package/visually-hidden/src/visually-hidden-input-bubble.directive.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./visually-hidden.directive";
+/**
+ *
+ */
+export declare class RdxVisuallyHiddenInputBubbleDirective<T> {
+    private readonly elementRef;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").InputSignal<T | null>;
+    readonly checked: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly required: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly disabled: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly feature: import("@angular/core").InputSignal<string>;
+    constructor();
+    protected onChange(): void;
+    private updateInputValue;
+    private get inputElement();
+    private dispatchInputEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxVisuallyHiddenInputBubbleDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxVisuallyHiddenInputBubbleDirective<any>, "[rdxVisuallyHiddenInputBubble]", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "feature": { "alias": "feature"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenDirective; inputs: { "feature": "feature"; }; outputs: {}; }]>;
+}

package/visually-hidden/src/visually-hidden-input.directive.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./visually-hidden-input-bubble.directive";
+export declare class RdxVisuallyHiddenInputDirective<T> implements OnInit {
+    private readonly elementRef;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").InputSignal<T | null>;
+    readonly checked: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly required: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly disabled: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly feature: import("@angular/core").InputSignal<"focusable" | "fully-hidden">;
+    readonly parsedValue: import("@angular/core").Signal<{
+        name: string;
+        value: any;
+    }[]>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxVisuallyHiddenInputDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxVisuallyHiddenInputDirective<any>, "[rdxVisuallyHiddenInput]", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "feature": { "alias": "feature"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxVisuallyHiddenInputBubbleDirective; inputs: { "feature": "feature"; "name": "name"; "value": "value"; "checked": "checked"; "disabled": "disabled"; "required": "required"; }; outputs: {}; }]>;
+}

package/visually-hidden/src/visually-hidden.directive.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+/**
+ *
+ * <span rdxVisuallyHidden [feature]="'fully-hidden'">
+ *   <ng-content></ng-content>
+ * </span>
+ *
+ * <button (click)="directiveInstance.feature.set('focusable')">Make Focusable</button>
+ * <button (click)="directiveInstance.feature.set('fully-hidden')">Hide</button>
+ */
+export declare class RdxVisuallyHiddenDirective {
+    readonly feature: import("@angular/core").InputSignal<"focusable" | "fully-hidden">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxVisuallyHiddenDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxVisuallyHiddenDirective, "[rdxVisuallyHidden]", never, { "feature": { "alias": "feature"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}