@radix-ng/primitives 0.2.0 → 0.4.0

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 RdxTooltipTriggerDirective 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<RdxTooltipTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipTriggerDirective, "[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.RdxOverlayTriggerDirective; 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 { RdxTooltipTriggerDirective } from './tooltip-trigger.directive';
+export declare const RdxTooltipTriggerToken: InjectionToken<RdxTooltipTriggerDirective>;
+export declare function injectTooltipTrigger(): RdxTooltipTriggerDirective;

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<RdxTooltipConfig>;
+export interface RdxTooltipConfig {
+    /**
+     * 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<RdxTooltipConfig>): Provider[];
+/**
+ * Inject the Tooltip configuration
+ * @returns The global Tooltip configuration
+ */
+export declare function injectTooltipConfig(): RdxTooltipConfig;

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 RdxTooltipDirective 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<RdxTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipDirective, "[rdxTooltip]", ["rdxTooltip"], { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.RdxOverlayDirective; inputs: {}; outputs: {}; }]>;
+}

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

@@ -1,11 +1,11 @@
 import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class VisuallyHiddenDirective implements OnInit {
+export declare class RdxVisuallyHiddenDirective implements OnInit {
     /**
      * Access the element.
      */
     private readonly element;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VisuallyHiddenDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VisuallyHiddenDirective, "[rdxVisuallyHidden]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxVisuallyHiddenDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxVisuallyHiddenDirective, "[rdxVisuallyHidden]", never, {}, {}, never, never, true, never>;
 }