@radix-ng/primitives 0.51.0 → 1.0.0-beta.1

package/types/radix-ng-primitives-tooltip2.d.ts

@@ -1,325 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { ElementRef, InjectionToken, Provider } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/presence';
-import * as _angular_cdk_coercion from '@angular/cdk/coercion';
-import { BooleanInput } from '@angular/cdk/coercion';
-import * as i1$1 from '@radix-ng/primitives/popper';
-import * as _radix_ng_primitives_tooltip2 from '@radix-ng/primitives/tooltip2';
-import * as i1$2 from '@radix-ng/primitives/dismissable-layer';
-import * as i1$3 from '@radix-ng/primitives/portal';
-
-declare class RdxTooltipPortalPresence {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipPortalPresence, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipPortalPresence, "ng-template[rdxTooltipPortalPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxPresenceDirective; inputs: {}; outputs: {}; }]>;
-}
-
-type TimeoutController = {
-    start: () => void;
-    stop: () => void;
-    isPending: () => boolean;
-};
-
-declare class RdxTooltipTrigger {
-    protected readonly rootContext: {
-        isOpen: _angular_core.ModelSignal<boolean>;
-        state: _angular_core.Signal<"closed" | "delayed-open" | "instant-open">;
-        contentId: string;
-        trigger: _angular_core.Signal<RdxTooltipTrigger>;
-        isDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-        ignoreNonKeyboardFocus: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
-        disableClosingTrigger: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
-        disableHoverableContent: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-        isPointerInTransit: _angular_core.Signal<boolean>;
-        isControlledState: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
-        open(): void;
-        close(): void;
-        onTriggerEnter(): void;
-        onTriggerLeave(): void;
-    };
-    readonly elementRef: ElementRef<HTMLElement>;
-    readonly userOnPointerDown: _angular_core.InputSignal<((event: PointerEvent) => void | boolean | Promise<void | boolean> | undefined) | undefined>;
-    protected readonly isPointerDown: _angular_core.WritableSignal<boolean>;
-    private readonly hasPointerMoveOpened;
-    protected handleFocus(event: FocusEvent): void;
-    protected handleBlur(): void;
-    protected handleClick(): void;
-    protected handlePointerMove(event: PointerEvent): void;
-    protected handlePointerLeave(): void;
-    protected handlePointerDown(event: PointerEvent): Promise<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipTrigger, "[rdxTooltipTrigger]", never, { "userOnPointerDown": { "alias": "rdxOnPointerDown"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperAnchor; inputs: {}; outputs: {}; }]>;
-}
-
-declare const context: () => {
-    isOpen: _angular_core.ModelSignal<boolean>;
-    state: _angular_core.Signal<"closed" | "delayed-open" | "instant-open">;
-    contentId: string;
-    trigger: _angular_core.Signal<RdxTooltipTrigger>;
-    isDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    ignoreNonKeyboardFocus: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    disableClosingTrigger: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    disableHoverableContent: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    isPointerInTransit: _angular_core.Signal<boolean>;
-    isControlledState: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    open(): void;
-    close(): void;
-    onTriggerEnter(): void;
-    onTriggerLeave(): void;
-};
-type RdxTooltipContext = ReturnType<typeof context>;
-declare const injectRdxTooltipContext: (optional?: boolean) => {
-    isOpen: _angular_core.ModelSignal<boolean>;
-    state: _angular_core.Signal<"closed" | "delayed-open" | "instant-open">;
-    contentId: string;
-    trigger: _angular_core.Signal<RdxTooltipTrigger>;
-    isDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    ignoreNonKeyboardFocus: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    disableClosingTrigger: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    disableHoverableContent: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    isPointerInTransit: _angular_core.Signal<boolean>;
-    isControlledState: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    open(): void;
-    close(): void;
-    onTriggerEnter(): void;
-    onTriggerLeave(): void;
-} | null;
-declare const provideRdxTooltipContext: (useFactory: () => {
-    isOpen: _angular_core.ModelSignal<boolean>;
-    state: _angular_core.Signal<"closed" | "delayed-open" | "instant-open">;
-    contentId: string;
-    trigger: _angular_core.Signal<RdxTooltipTrigger>;
-    isDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    ignoreNonKeyboardFocus: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    disableClosingTrigger: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    disableHoverableContent: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    isPointerInTransit: _angular_core.Signal<boolean>;
-    isControlledState: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    open(): void;
-    close(): void;
-    onTriggerEnter(): void;
-    onTriggerLeave(): void;
-}) => _angular_core.Provider;
-declare class RdxTooltip {
-    private readonly defaultConfig;
-    private readonly destroyRef;
-    /**
-     * Whether the tooltip is currently open.
-     */
-    readonly open: _angular_core.ModelSignal<boolean>;
-    /**
-     * The duration from when the pointer enters the trigger until the tooltip gets opened.
-     */
-    readonly delayDuration: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * How much time a user has to enter another trigger without incurring a delay again.
-     * @defaultValue 300
-     */
-    readonly skipDelayDuration: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * When `true`, trying to hover the content will result in the tooltip closing as the pointer leaves the trigger.
-     */
-    readonly disableHoverableContent: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-    /**
-     * When `true`, disable tooltip
-     * @defaultValue false
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * How long to wait before closing the tooltip. Specified in milliseconds.
-     */
-    readonly closeDelay: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
-    /**
-     * When `true`, clicking on trigger will not close the content.
-     * @defaultValue false
-     */
-    readonly disableClosingTrigger: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Prevent the tooltip from opening if the focus did not come from
-     * the keyboard by matching against the `:focus-visible` selector.
-     * This is useful if you want to avoid opening it when switching
-     * browser tabs or closing a dialog.
-     * @defaultValue false
-     */
-    readonly ignoreNonKeyboardFocus: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * To render a controlled tooltip
-     */
-    readonly isControlledState: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    readonly isPointerInTransit: _angular_core.WritableSignal<boolean>;
-    readonly isOpenDelayed: _angular_core.WritableSignal<boolean>;
-    private readonly wasOpenDelayed;
-    readonly state: _angular_core.Signal<"closed" | "delayed-open" | "instant-open">;
-    readonly trigger: _angular_core.Signal<RdxTooltipTrigger>;
-    readonly timerProvider: TimeoutController;
-    private readonly timer;
-    readonly startTimer: () => void;
-    readonly clearTimer: () => void;
-    constructor();
-    handleOpen(): void;
-    handleClose(): void;
-    handleDelayedOpen(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltip, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltip, "[rdxTooltip]", ["rdxTooltip"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "delayDuration": { "alias": "delayDuration"; "required": false; "isSignal": true; }; "skipDelayDuration": { "alias": "skipDelayDuration"; "required": false; "isSignal": true; }; "disableHoverableContent": { "alias": "disableHoverableContent"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "disableClosingTrigger": { "alias": "disableClosingTrigger"; "required": false; "isSignal": true; }; "ignoreNonKeyboardFocus": { "alias": "ignoreNonKeyboardFocus"; "required": false; "isSignal": true; }; "isControlledState": { "alias": "isControlledState"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["trigger"], never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }]>;
-}
-
-declare class RdxTooltipArrow {
-    protected readonly isVisuallyHidden: boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipArrow, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipArrow, "[rdxTooltipArrow]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperArrow; inputs: {}; outputs: {}; }]>;
-}
-
-declare class RdxTooltipContent {
-    protected rootContext: {
-        isOpen: _angular_core.ModelSignal<boolean>;
-        state: _angular_core.Signal<"closed" | "delayed-open" | "instant-open">;
-        contentId: string;
-        trigger: _angular_core.Signal<_radix_ng_primitives_tooltip2.RdxTooltipTrigger>;
-        isDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-        ignoreNonKeyboardFocus: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
-        disableClosingTrigger: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
-        disableHoverableContent: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-        isPointerInTransit: _angular_core.Signal<boolean>;
-        isControlledState: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
-        open(): void;
-        close(): void;
-        onTriggerEnter(): void;
-        onTriggerLeave(): void;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipContent, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipContent, "[rdxTooltipContent]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }]>;
-}
-
-declare class RdxTooltipContentWrapper {
-    protected readonly rootContext: {
-        isOpen: _angular_core.ModelSignal<boolean>;
-        state: _angular_core.Signal<"closed" | "delayed-open" | "instant-open">;
-        contentId: string;
-        trigger: _angular_core.Signal<_radix_ng_primitives_tooltip2.RdxTooltipTrigger>;
-        isDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-        ignoreNonKeyboardFocus: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
-        disableClosingTrigger: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
-        disableHoverableContent: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
-        isPointerInTransit: _angular_core.Signal<boolean>;
-        isControlledState: _angular_core.InputSignalWithTransform<boolean, _angular_cdk_coercion.BooleanInput>;
-        open(): void;
-        close(): void;
-        onTriggerEnter(): void;
-        onTriggerLeave(): void;
-    };
-    private readonly destroyRef;
-    private readonly dismissableLayer;
-    private readonly elementRef;
-    /**
-     * The preferred side of the anchor to render against when open.
-     * Will be reversed when collisions occur and avoidCollisions is enabled.
-     */
-    readonly side: _angular_core.InputSignal<"top" | "right" | "bottom" | "left">;
-    /**
-     * The distance in pixels from the anchor.
-     */
-    readonly sideOffset: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * The preferred alignment against the anchor. May change when collisions occur.
-     */
-    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
-    /**
-     * An offset in pixels from the `start` or `end` alignment options.
-     */
-    readonly alignOffset: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * The padding between the arrow and the edges of the content.
-     * If your content has border-radius, this will prevent it from overflowing the corners.
-     */
-    readonly arrowPadding: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * When `true`, overrides the `side` and `align` preferences to prevent collisions with boundary edges.
-     */
-    readonly avoidCollisions: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * The element used as the collision boundary.
-     * By default this is the viewport, though you can provide additional element(s) to be included in this check.
-     */
-    readonly collisionBoundary: _angular_core.InputSignal<ElementRef<HTMLElement> | ElementRef<HTMLElement>[] | undefined>;
-    /**
-     * The distance in pixels from the boundary edges where collision detection should occur.
-     * Accepts a number (same for all sides), or a partial padding object, for example: `{ top: 20, left: 20 }`.
-     */
-    readonly collisionPadding: _angular_core.InputSignal<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
-    /**
-     * The sticky behavior on the `align` axis.
-     * - `partial` will keep the content in the boundary as long as the trigger is at least partially in the boundary
-     * - `always` will keep the content in the boundary regardless.
-     */
-    readonly sticky: _angular_core.InputSignal<"partial" | "always">;
-    /**
-     * Whether to hide the content when the trigger becomes fully occluded.
-     */
-    readonly hideWhenDetached: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether to update the position of the floating element on every animation frame if required.
-     */
-    readonly updatePositionStrategy: _angular_core.InputSignal<"always" | "optimized">;
-    /**
-     * Emits when the element is placed.
-     */
-    readonly placed: _angular_core.OutputRef<void>;
-    /**
-     * Event handler called when the escape key is down.
-     * Can be prevented.
-     */
-    readonly escapeKeyDown: _angular_core.OutputRef<KeyboardEvent>;
-    /**
-     * Event handler called when a `pointerdown` event happens outside of the `DismissableLayer`.
-     * Can be prevented.
-     */
-    readonly pointerDownOutside: _angular_core.OutputRef<PointerEvent>;
-    private readonly triggerEl;
-    private readonly containerEl;
-    private readonly graceArea;
-    private readonly afterNextRender;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipContentWrapper, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipContentWrapper, "[rdxTooltipContentWrapper]", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "alignOffset": { "alias": "alignOffset"; "required": false; "isSignal": true; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; "isSignal": true; }; "avoidCollisions": { "alias": "avoidCollisions"; "required": false; "isSignal": true; }; "collisionBoundary": { "alias": "collisionBoundary"; "required": false; "isSignal": true; }; "collisionPadding": { "alias": "collisionPadding"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "hideWhenDetached": { "alias": "hideWhenDetached"; "required": false; "isSignal": true; }; "updatePositionStrategy": { "alias": "updatePositionStrategy"; "required": false; "isSignal": true; }; }, { "placed": "placed"; "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; }, never, never, true, [{ directive: typeof i1$2.RdxDismissableLayer; inputs: {}; outputs: {}; }, { directive: typeof i1$1.RdxPopperContentWrapper; inputs: { "side": "side"; "sideOffset": "sideOffset"; "align": "align"; "alignOffset": "alignOffset"; "arrowPadding": "arrowPadding"; "avoidCollisions": "avoidCollisions"; "collisionBoundary": "collisionBoundary"; "collisionPadding": "collisionPadding"; "sticky": "sticky"; "hideWhenDetached": "hideWhenDetached"; "updatePositionStrategy": "updatePositionStrategy"; }; outputs: {}; }]>;
-}
-
-declare class RdxTooltipPortal {
-    readonly container: _angular_core.InputSignal<ElementRef<HTMLElement>>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipPortal, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipPortal, "[rdxTooltipPortal]", never, { "container": { "alias": "container"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$3.RdxPortal; inputs: { "container": "container"; }; outputs: {}; }]>;
-}
-
-type RdxTooltipConfig = {
-    /**
-     * The duration from when the pointer enters the trigger until the tooltip gets opened.
-     * @defaultValue 700
-     */
-    delayDuration?: number;
-    /**
-     * How much time a user has to enter another trigger without incurring a delay again.
-     * @defaultValue 300
-     */
-    skipDelayDuration?: number;
-    /**
-     * When `true`, trying to hover the content will result in the tooltip closing as the pointer leaves the trigger.
-     * @defaultValue false
-     */
-    disableHoverableContent?: boolean;
-    /**
-     * When `true`, clicking on trigger will not close the content.
-     * @defaultValue false
-     */
-    disableClosingTrigger?: boolean;
-    /**
-     * How long to wait before closing the tooltip. Specified in milliseconds.
-     */
-    closeDelay?: number;
-};
-declare const defaultTooltipConfig: RdxTooltipConfig;
-declare const RdxTooltipDefaultsToken: InjectionToken<RdxTooltipConfig>;
-declare function provideRdxTooltipConfig(config: Partial<RdxTooltipConfig>): Provider[];
-declare function injectRdxTooltipConfig(): RdxTooltipConfig;
-
-declare const tooltipImports: (typeof RdxTooltipPortalPresence)[];
-
-export { RdxTooltip, RdxTooltipArrow, RdxTooltipContent, RdxTooltipContentWrapper, RdxTooltipDefaultsToken, RdxTooltipPortal, RdxTooltipPortalPresence, RdxTooltipTrigger, defaultTooltipConfig, injectRdxTooltipConfig, injectRdxTooltipContext, provideRdxTooltipConfig, provideRdxTooltipContext, tooltipImports };
-export type { RdxTooltipConfig, RdxTooltipContext };