@radix-ng/primitives 0.1.1 → 0.3.0

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

@@ -0,0 +1,65 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export declare class RadioGroupDirective implements ControlValueAccessor {
+    /**
+     * The value of the radio group.
+     */
+    value?: string;
+    /**
+     * Whether the radio group is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The orientation of the radio group.
+     * @default 'horizontal'
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * Event emitted when the value of the radio group changes.
+     */
+    readonly valueChange: EventEmitter<string>;
+    /**
+     * The callback function to call when the value of the radio group changes.
+     * @internal
+     */
+    private onChange?;
+    /**
+     * The callback function to call when the radio group is touched.
+     * @internal
+     */
+    private onTouched?;
+    /**
+     * Select a radio item.
+     * @param value The value of the radio item to select.
+     */
+    select(value: string): void;
+    /**
+     * Update the value of the radio group.
+     * @param value The new value of the radio group.
+     * @internal
+     */
+    writeValue(value: string): void;
+    /**
+     * Register a callback function to call when the value of the radio group changes.
+     * @param fn The callback function to call when the value of the radio group changes.
+     * @internal
+     */
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Set the disabled state of the radio group.
+     * @param isDisabled Whether the radio group is disabled.
+     * @internal
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * When focus leaves the radio group, mark it as touched.
+     * @internal
+     */
+    protected onFocusout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupDirective, "[rdxRadioGroup]", never, { "value": { "alias": "rdxRadioGroupValue"; "required": false; }; "disabled": { "alias": "rdxRadioGroupDisabled"; "required": false; }; "orientation": { "alias": "rdxRadioGroupOrientation"; "required": false; }; }, { "valueChange": "rdxRadioGroupValueChange"; }, never, never, true, [{ directive: typeof i1.RovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/radio/src/radio-group.token.d.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { RadioGroupDirective } from './radio-group.directive';
+export declare const RadioGroupToken: InjectionToken<RadioGroupDirective>;
+export declare function injectRadioGroup(): RadioGroupDirective;

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class RadioIndicatorDirective {
+    /**
+     * Access the radio group.
+     */
+    protected readonly radioGroup: import("@radix-ng/primitives/radio").RadioGroupDirective;
+    /**
+     * Access the radio group item.
+     */
+    protected readonly radioItem: import("@radix-ng/primitives/radio").RadioItemDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioIndicatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioIndicatorDirective, "[rdxRadioIndicator]", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,36 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export declare class RadioItemDirective {
+    /**
+     * Access the radio group.
+     */
+    protected readonly radioGroup: import("@radix-ng/primitives/radio").RadioGroupDirective;
+    /**
+     * The value of the radio item.
+     */
+    value: string;
+    /**
+     * Whether the radio item is disabled.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Handle keydown events.
+     * @param event The keydown event.
+     * @internal
+     */
+    protected onKeydown(event: KeyboardEvent): void;
+    /**
+     * When the item receives focus, select it.
+     * @internal
+     */
+    protected onFocus(): void;
+    /**
+     * When the item receives a click, select it.
+     * @internal
+     */
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioItemDirective, "button[rdxRadioItem]", never, { "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
+}

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

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { RadioItemDirective } from './radio-item.directive';
+export declare const RadioItemToken: InjectionToken<RadioItemDirective>;
+export declare function injectRadioItem(): RadioItemDirective;

package/switch/index.d.ts

@@ -1,3 +1,3 @@
-export * from './src/switch.directive';
 export * from './src/switch-thumb.directive';
+export * from './src/switch.directive';
 export * from './src/switch.token';

package/tooltip/README.md

@@ -0,0 +1 @@
+# @radix-ng/primitives/tooltip

package/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export * from './src/tooltip-arrow.directive';
+export * from './src/tooltip-trigger.directive';
+export * from './src/tooltip.config';
+export * from './src/tooltip.directive';

package/tooltip/src/tooltip-arrow.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/overlay";
+export declare class TooltipArrowDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipArrowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipArrowDirective, "[rdxTooltipArrow]", never, {}, {}, never, never, true, [{ directive: typeof i1.OverlayArrowDirective; inputs: {}; outputs: {}; }]>;
+}

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

@@ -0,0 +1,79 @@
+import { OnInit, TemplateRef } from '@angular/core';
+import { Placement } from '@floating-ui/dom';
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/overlay";
+export declare class TooltipTriggerDirective implements OnInit {
+    /**
+     * Access the overlay trigger directive
+     */
+    private readonly overlayTrigger;
+    /**
+     * Access the global tooltip configuration
+     */
+    private readonly tooltipConfig;
+    /**
+     * Define the tooltip to display when the trigger is activated.
+     */
+    templateRef: TemplateRef<void>;
+    /**
+     * Define if the trigger should be disabled.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Define the placement of the tooltip relative to the trigger.
+     * @default 'bottom'
+     */
+    placement: Placement;
+    /**
+     * Define the offset of the tooltip relative to the trigger.
+     * @default 0
+     */
+    offset: number;
+    /**
+     * Define the delay before the tooltip is displayed.
+     * @default 0
+     */
+    showDelay: number;
+    /**
+     * Define the delay before the tooltip is hidden.
+     * @default 0
+     */
+    hideDelay: number;
+    /**
+     * Define whether the tooltip should flip when there is not enough space for the tooltip.
+     * @default true
+     */
+    flip: boolean;
+    /**
+     * Define the container in to which the tooltip should be attached.
+     * @default document.body
+     */
+    container: HTMLElement;
+    /**
+     * The tooltip id.
+     */
+    protected tooltipId?: string;
+    ngOnInit(): void;
+    /**
+     * Show the tooltip.
+     */
+    show(): void;
+    /**
+     * Hide the tooltip.
+     */
+    hide(): void;
+    /**
+     * Define the tooltip id.
+     * @param id The tooltip id
+     * @internal
+     */
+    setTooltipId(id: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipTriggerDirective, "[rdxTooltipTrigger]", never, { "templateRef": { "alias": "rdxTooltipTrigger"; "required": true; }; "disabled": { "alias": "rdxTooltipDisabled"; "required": false; }; "placement": { "alias": "rdxTooltipPlacement"; "required": false; }; "offset": { "alias": "rdxTooltipOffset"; "required": false; }; "showDelay": { "alias": "rdxTooltipShowDelay"; "required": false; }; "hideDelay": { "alias": "rdxTooltipHideDelay"; "required": false; }; "flip": { "alias": "rdxTooltipFlip"; "required": false; }; "container": { "alias": "rdxTooltipContainer"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.OverlayTriggerDirective; inputs: { "rdxOverlayTrigger": "rdxTooltipTrigger"; "rdxOverlayDisabled": "rdxTooltipDisabled"; "rdxOverlayPlacement": "rdxTooltipPlacement"; "rdxOverlayOffset": "rdxTooltipOffset"; "rdxOverlayShowDelay": "rdxTooltipShowDelay"; "rdxOverlayHideDelay": "rdxTooltipHideDelay"; "rdxOverlayShift": "rdxTooltipShift"; "rdxOverlayFlip": "rdxTooltipFlip"; "rdxOverlayContainer": "rdxTooltipContainer"; }; outputs: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_offset: unknown;
+    static ngAcceptInputType_showDelay: unknown;
+    static ngAcceptInputType_hideDelay: unknown;
+    static ngAcceptInputType_flip: unknown;
+}

package/tooltip/src/tooltip-trigger.token.d.ts

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+import type { TooltipTriggerDirective } from './tooltip-trigger.directive';
+export declare const TooltipTriggerToken: InjectionToken<TooltipTriggerDirective>;
+export declare function injectTooltipTrigger(): TooltipTriggerDirective;

package/tooltip/src/tooltip.config.d.ts

@@ -0,0 +1,46 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { Placement } from '@floating-ui/dom';
+export declare const TooltipConfigToken: InjectionToken<TooltipConfig>;
+export interface TooltipConfig {
+    /**
+     * Define the offset of the tooltip relative to the trigger.
+     * @default 4
+     */
+    offset: number;
+    /**
+     * Define the placement of the tooltip relative to the trigger.
+     * @default 'top'
+     */
+    placement: Placement;
+    /**
+     * Define the delay before the tooltip is shown.
+     * @default 0
+     */
+    showDelay: number;
+    /**
+     * Define the delay before the tooltip is hidden.
+     * @default 0
+     */
+    hideDelay: number;
+    /**
+     * Define whether the tooltip should flip when there is not enough space for the tooltip.
+     * @default true
+     */
+    flip: boolean;
+    /**
+     * Define the container in to which the tooltip should be attached.
+     * @default document.body
+     */
+    container: HTMLElement;
+}
+/**
+ * Provide the default Tooltip configuration
+ * @param config The Tooltip configuration
+ * @returns The provider
+ */
+export declare function provideTooltipConfig(config: Partial<TooltipConfig>): Provider[];
+/**
+ * Inject the Tooltip configuration
+ * @returns The global Tooltip configuration
+ */
+export declare function injectTooltipConfig(): TooltipConfig;

package/tooltip/src/tooltip.directive.d.ts

@@ -0,0 +1,17 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/overlay";
+export declare class TooltipDirective implements OnInit, OnChanges {
+    /**
+     * Access the tooltip trigger
+     */
+    private readonly trigger;
+    /**
+     * Define the tooltip id
+     */
+    id: string;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[rdxTooltip]", ["rdxTooltip"], { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.OverlayDirective; inputs: {}; outputs: {}; }]>;
+}