@radix-ng/primitives 0.51.0 → 1.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/radix-ng-primitives-accordion.mjs +105 -38
- package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs +221 -129
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-arrow.mjs +20 -4
- package/fesm2022/radix-ng-primitives-arrow.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-aspect-ratio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-avatar.mjs +54 -61
- package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-button.mjs +123 -0
- package/fesm2022/radix-ng-primitives-button.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-calendar.mjs +95 -83
- package/fesm2022/radix-ng-primitives-calendar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-checkbox.mjs +378 -54
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collapsible.mjs +182 -81
- package/fesm2022/radix-ng-primitives-collapsible.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collection.mjs +40 -57
- package/fesm2022/radix-ng-primitives-collection.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-config.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-context-menu.mjs +140 -424
- package/fesm2022/radix-ng-primitives-context-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-core.mjs +845 -744
- package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-cropper.mjs +288 -308
- package/fesm2022/radix-ng-primitives-cropper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-date-field.mjs +104 -58
- package/fesm2022/radix-ng-primitives-date-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dialog.mjs +655 -327
- package/fesm2022/radix-ng-primitives-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dismissable-layer.mjs +70 -46
- package/fesm2022/radix-ng-primitives-dismissable-layer.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-drawer.mjs +960 -0
- package/fesm2022/radix-ng-primitives-drawer.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-editable.mjs +304 -23
- package/fesm2022/radix-ng-primitives-editable.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-field.mjs +363 -0
- package/fesm2022/radix-ng-primitives-field.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-fieldset.mjs +79 -0
- package/fesm2022/radix-ng-primitives-fieldset.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-focus-scope.mjs +23 -8
- package/fesm2022/radix-ng-primitives-focus-scope.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-input.mjs +172 -0
- package/fesm2022/radix-ng-primitives-input.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-label.mjs +6 -6
- package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menu.mjs +1907 -363
- package/fesm2022/radix-ng-primitives-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menubar.mjs +290 -162
- package/fesm2022/radix-ng-primitives-menubar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-meter.mjs +271 -0
- package/fesm2022/radix-ng-primitives-meter.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-navigation-menu.mjs +1052 -1553
- package/fesm2022/radix-ng-primitives-navigation-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-number-field.mjs +1102 -367
- package/fesm2022/radix-ng-primitives-number-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-popover.mjs +978 -989
- package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-popper.mjs +111 -44
- package/fesm2022/radix-ng-primitives-popper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-portal.mjs +34 -10
- package/fesm2022/radix-ng-primitives-portal.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-presence.mjs +134 -246
- package/fesm2022/radix-ng-primitives-presence.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-preview-card.mjs +997 -0
- package/fesm2022/radix-ng-primitives-preview-card.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-progress.mjs +223 -84
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +191 -51
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +96 -50
- package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-scroll-area.mjs +923 -0
- package/fesm2022/radix-ng-primitives-scroll-area.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-select.mjs +791 -509
- package/fesm2022/radix-ng-primitives-select.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-separator.mjs +12 -35
- package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-slider.mjs +969 -717
- package/fesm2022/radix-ng-primitives-slider.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-stepper.mjs +15 -19
- package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-switch.mjs +125 -113
- package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tabs.mjs +390 -108
- package/fesm2022/radix-ng-primitives-tabs.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-time-field.mjs +55 -46
- package/fesm2022/radix-ng-primitives-time-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toast.mjs +839 -0
- package/fesm2022/radix-ng-primitives-toast.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +121 -247
- package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle.mjs +98 -61
- package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toolbar.mjs +303 -92
- package/fesm2022/radix-ng-primitives-toolbar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tooltip.mjs +699 -1072
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +25 -66
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
- package/meter/README.md +3 -0
- package/navigation-menu/README.md +2 -1
- package/package.json +39 -18
- package/portal/README.md +2 -0
- package/preview-card/README.md +3 -0
- package/schematics/collection.json +1 -0
- package/schematics/ng-add/index.d.ts +3 -2
- package/schematics/ng-add/index.js +62 -31
- package/schematics/ng-add/index.js.map +1 -1
- package/schematics/ng-add/package-config.d.ts +4 -2
- package/schematics/ng-add/package-config.js +10 -2
- package/schematics/ng-add/package-config.js.map +1 -1
- package/schematics/ng-add/schema.d.ts +3 -0
- package/schematics/ng-add/schema.js +3 -0
- package/schematics/ng-add/schema.js.map +1 -0
- package/schematics/ng-add/schema.json +14 -0
- package/select/README.md +2 -0
- package/types/radix-ng-primitives-accordion.d.ts +51 -16
- package/types/radix-ng-primitives-alert-dialog.d.ts +95 -38
- package/types/radix-ng-primitives-arrow.d.ts +1 -1
- package/types/radix-ng-primitives-aspect-ratio.d.ts +1 -1
- package/types/radix-ng-primitives-avatar.d.ts +7 -11
- package/types/radix-ng-primitives-button.d.ts +73 -0
- package/types/radix-ng-primitives-calendar.d.ts +39 -20
- package/types/radix-ng-primitives-checkbox.d.ts +204 -35
- package/types/radix-ng-primitives-collapsible.d.ts +114 -40
- package/types/radix-ng-primitives-collection.d.ts +38 -34
- package/types/radix-ng-primitives-config.d.ts +1 -1
- package/types/radix-ng-primitives-context-menu.d.ts +61 -116
- package/types/radix-ng-primitives-core.d.ts +345 -235
- package/types/radix-ng-primitives-cropper.d.ts +89 -56
- package/types/radix-ng-primitives-date-field.d.ts +49 -28
- package/types/radix-ng-primitives-dialog.d.ts +283 -165
- package/types/radix-ng-primitives-dismissable-layer.d.ts +15 -7
- package/types/radix-ng-primitives-drawer.d.ts +426 -0
- package/types/radix-ng-primitives-editable.d.ts +91 -14
- package/types/radix-ng-primitives-field.d.ts +374 -0
- package/types/radix-ng-primitives-fieldset.d.ts +49 -0
- package/types/radix-ng-primitives-focus-scope.d.ts +15 -6
- package/types/radix-ng-primitives-input.d.ts +87 -0
- package/types/radix-ng-primitives-label.d.ts +0 -1
- package/types/radix-ng-primitives-menu.d.ts +584 -99
- package/types/radix-ng-primitives-menubar.d.ts +61 -50
- package/types/radix-ng-primitives-meter.d.ts +194 -0
- package/types/radix-ng-primitives-navigation-menu.d.ts +422 -340
- package/types/radix-ng-primitives-number-field.d.ts +405 -145
- package/types/radix-ng-primitives-pagination.d.ts +2 -2
- package/types/radix-ng-primitives-popover.d.ts +366 -351
- package/types/radix-ng-primitives-popper.d.ts +68 -11
- package/types/radix-ng-primitives-portal.d.ts +14 -6
- package/types/radix-ng-primitives-presence.d.ts +28 -76
- package/types/radix-ng-primitives-preview-card.d.ts +359 -0
- package/types/radix-ng-primitives-progress.d.ts +175 -48
- package/types/radix-ng-primitives-radio.d.ts +55 -25
- package/types/radix-ng-primitives-roving-focus.d.ts +33 -23
- package/types/radix-ng-primitives-scroll-area.d.ts +253 -0
- package/types/radix-ng-primitives-select.d.ts +475 -177
- package/types/radix-ng-primitives-separator.d.ts +7 -32
- package/types/radix-ng-primitives-slider.d.ts +315 -201
- package/types/radix-ng-primitives-stepper.d.ts +5 -7
- package/types/radix-ng-primitives-switch.d.ts +86 -71
- package/types/radix-ng-primitives-tabs.d.ts +213 -79
- package/types/radix-ng-primitives-time-field.d.ts +42 -27
- package/types/radix-ng-primitives-toast.d.ts +378 -0
- package/types/radix-ng-primitives-toggle-group.d.ts +86 -164
- package/types/radix-ng-primitives-toggle.d.ts +43 -53
- package/types/radix-ng-primitives-toolbar.d.ts +164 -38
- package/types/radix-ng-primitives-tooltip.d.ts +348 -384
- package/types/radix-ng-primitives-visually-hidden.d.ts +19 -19
- package/dropdown-menu/README.md +0 -1
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +0 -581
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +0 -1
- package/fesm2022/radix-ng-primitives-hover-card.mjs +0 -1238
- package/fesm2022/radix-ng-primitives-hover-card.mjs.map +0 -1
- package/fesm2022/radix-ng-primitives-select2.mjs +0 -897
- package/fesm2022/radix-ng-primitives-select2.mjs.map +0 -1
- package/fesm2022/radix-ng-primitives-tooltip2.mjs +0 -735
- package/fesm2022/radix-ng-primitives-tooltip2.mjs.map +0 -1
- package/hover-card/README.md +0 -3
- package/select2/README.md +0 -3
- package/tooltip2/README.md +0 -3
- package/types/radix-ng-primitives-dropdown-menu.d.ts +0 -171
- package/types/radix-ng-primitives-hover-card.d.ts +0 -471
- package/types/radix-ng-primitives-select2.d.ts +0 -511
- package/types/radix-ng-primitives-tooltip2.d.ts +0 -325
|
@@ -1,432 +1,396 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
2
|
+
import { InjectionToken, Provider, Signal, ElementRef } from '@angular/core';
|
|
3
|
+
import * as i1 from '@radix-ng/primitives/presence';
|
|
4
|
+
import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
|
|
5
|
+
import { BooleanInput, NumberInput } from '@radix-ng/primitives/core';
|
|
6
|
+
import * as i1$1 from '@radix-ng/primitives/popper';
|
|
7
|
+
import { RdxPopperContentWrapper, RdxPopperAnchorElement } from '@radix-ng/primitives/popper';
|
|
4
8
|
import * as _radix_ng_primitives_tooltip from '@radix-ng/primitives/tooltip';
|
|
5
|
-
import * as
|
|
6
|
-
import {
|
|
7
|
-
import * as i1 from '@
|
|
8
|
-
import { CdkOverlayOrigin } from '@angular/cdk/overlay';
|
|
9
|
-
import { RdxPositionSide, RdxPositionAlign } from '@radix-ng/primitives/core';
|
|
9
|
+
import * as i1$2 from '@radix-ng/primitives/portal';
|
|
10
|
+
import { RdxPortalContainer } from '@radix-ng/primitives/portal';
|
|
11
|
+
import * as i1$3 from '@radix-ng/primitives/dismissable-layer';
|
|
10
12
|
|
|
11
|
-
declare class
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
/** @ignore */
|
|
15
|
-
private readonly rootDirective;
|
|
16
|
-
/** @ignore */
|
|
17
|
-
readonly elementRef: ElementRef<any>;
|
|
18
|
-
/**
|
|
19
|
-
* @description The width of the arrow in pixels.
|
|
20
|
-
* @default 10
|
|
21
|
-
*/
|
|
22
|
-
readonly width: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
23
|
-
/**
|
|
24
|
-
* @description The height of the arrow in pixels.
|
|
25
|
-
* @default 5
|
|
26
|
-
*/
|
|
27
|
-
readonly height: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
28
|
-
/** @ignore */
|
|
29
|
-
readonly arrowSvgElement: _angular_core.Signal<HTMLElement>;
|
|
30
|
-
/** @ignore */
|
|
31
|
-
private readonly currentArrowSvgElement;
|
|
32
|
-
/** @ignore */
|
|
33
|
-
private readonly position;
|
|
34
|
-
/** @ignore */
|
|
35
|
-
private anchorOrTriggerRect;
|
|
36
|
-
constructor();
|
|
37
|
-
/** @ignore */
|
|
38
|
-
private setAnchorOrTriggerRect;
|
|
39
|
-
/** @ignore */
|
|
40
|
-
private setPosition;
|
|
41
|
-
/** @ignore */
|
|
42
|
-
private onArrowSvgElementChangeEffect;
|
|
43
|
-
/** @ignore */
|
|
44
|
-
private onContentPositionAndArrowDimensionsChangeEffect;
|
|
45
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipArrowDirective, never>;
|
|
46
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipArrowDirective, "[rdxTooltipArrow]", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
13
|
+
declare class RdxTooltipPortalPresence {
|
|
14
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipPortalPresence, never>;
|
|
15
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipPortalPresence, "ng-template[rdxTooltipPortalPresence]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxPresenceDirective; inputs: {}; outputs: {}; }]>;
|
|
47
16
|
}
|
|
48
17
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
constructor();
|
|
60
|
-
/** @ignore */
|
|
61
|
-
private onIsControlledExternallyEffect;
|
|
62
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipCloseDirective, never>;
|
|
63
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipCloseDirective, "[rdxTooltipClose]", never, {}, {}, never, never, true, never>;
|
|
18
|
+
declare class RdxTooltipHandle<Payload = unknown> {
|
|
19
|
+
private readonly rootContext;
|
|
20
|
+
private readonly triggers;
|
|
21
|
+
private readonly rootTriggerCleanups;
|
|
22
|
+
readonly isOpen: _angular_core.Signal<boolean>;
|
|
23
|
+
open(triggerId: string): void;
|
|
24
|
+
close(): void;
|
|
25
|
+
registerRoot(rootContext: RdxTooltipContext): () => void;
|
|
26
|
+
registerTrigger(id: string, trigger: HTMLElement, payload: () => Payload | undefined): () => void;
|
|
27
|
+
context(): RdxTooltipContext | undefined;
|
|
64
28
|
}
|
|
29
|
+
declare function createRdxTooltipHandle<Payload = unknown>(): RdxTooltipHandle<Payload>;
|
|
65
30
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
/**
|
|
31
|
+
type RdxTrackCursorAxis = 'none' | 'x' | 'y' | 'both';
|
|
32
|
+
type RdxTooltipConfig = {
|
|
33
|
+
/**
|
|
34
|
+
* How long to wait before opening the tooltip. Specified in milliseconds.
|
|
35
|
+
* @defaultValue 600
|
|
36
|
+
*/
|
|
37
|
+
delay?: number;
|
|
38
|
+
/**
|
|
39
|
+
* How long to wait before closing the tooltip. Specified in milliseconds.
|
|
40
|
+
* @defaultValue 0
|
|
41
|
+
*/
|
|
42
|
+
closeDelay?: number;
|
|
43
|
+
/**
|
|
44
|
+
* Another tooltip within the same provider opens instantly when this window
|
|
45
|
+
* has not yet elapsed since the previous one closed. Specified in milliseconds.
|
|
46
|
+
* @defaultValue 400
|
|
47
|
+
*/
|
|
48
|
+
timeout?: number;
|
|
49
|
+
/**
|
|
50
|
+
* When `true`, the tooltip closes as the pointer leaves the trigger instead of
|
|
51
|
+
* staying open while the pointer moves over the popup.
|
|
52
|
+
* @defaultValue false
|
|
53
|
+
*/
|
|
54
|
+
disableHoverablePopup?: boolean;
|
|
55
|
+
};
|
|
56
|
+
declare const defaultTooltipConfig: Required<RdxTooltipConfig>;
|
|
57
|
+
declare const RdxTooltipDefaultsToken: InjectionToken<RdxTooltipConfig>;
|
|
58
|
+
declare function provideRdxTooltipConfig(config: Partial<RdxTooltipConfig>): Provider[];
|
|
59
|
+
declare function injectRdxTooltipConfig(): Required<RdxTooltipConfig>;
|
|
60
|
+
|
|
61
|
+
interface RdxTooltipContext {
|
|
62
|
+
contentId: string;
|
|
63
|
+
isOpen: Signal<boolean>;
|
|
64
|
+
/** Whether the tooltip opened/closed without waiting for the delay. */
|
|
65
|
+
instant: Signal<boolean>;
|
|
66
|
+
disabled: Signal<boolean>;
|
|
67
|
+
disableHoverablePopup: Signal<boolean>;
|
|
68
|
+
trackCursorAxis: Signal<RdxTrackCursorAxis>;
|
|
69
|
+
/** The active trigger element. */
|
|
70
|
+
trigger: Signal<HTMLElement | undefined>;
|
|
71
|
+
triggers: Signal<HTMLElement[]>;
|
|
72
|
+
payload: Signal<unknown>;
|
|
73
|
+
open: (trigger?: HTMLElement, payload?: unknown) => void;
|
|
74
|
+
close: () => void;
|
|
75
|
+
/** Closes after the resolved close delay (used when hover/focus is lost). */
|
|
76
|
+
closeDelayed: () => void;
|
|
77
|
+
registerTrigger: (trigger: HTMLElement) => () => void;
|
|
78
|
+
/** Hover entered a trigger — opens after the resolved delay (or instantly). */
|
|
79
|
+
onTriggerEnter: (trigger?: HTMLElement, payload?: unknown) => void;
|
|
80
|
+
/** Hover left a trigger — cancels a pending open and closes when appropriate. */
|
|
81
|
+
onTriggerLeave: () => void;
|
|
82
|
+
setCursorPosition: (position: {
|
|
83
|
+
x: number;
|
|
84
|
+
y: number;
|
|
85
|
+
} | undefined) => void;
|
|
86
|
+
setDelays: (delay: number | undefined, closeDelay: number | undefined) => void;
|
|
87
|
+
}
|
|
88
|
+
declare const injectRdxTooltipContext: _radix_ng_primitives_core.InjectContext<RdxTooltipContext>;
|
|
89
|
+
declare const provideRdxTooltipContext: (useFactory: () => RdxTooltipContext) => _angular_core.Provider;
|
|
90
|
+
declare class RdxTooltip {
|
|
91
|
+
private readonly defaultConfig;
|
|
92
|
+
private readonly provider;
|
|
93
|
+
private readonly popper;
|
|
74
94
|
private readonly destroyRef;
|
|
75
|
-
|
|
76
|
-
private readonly connectedOverlay;
|
|
77
|
-
/** @ignore */
|
|
78
|
-
readonly name: _angular_core.Signal<string>;
|
|
95
|
+
private hasAppliedDefaultOpen;
|
|
79
96
|
/**
|
|
80
|
-
*
|
|
81
|
-
* @default top
|
|
97
|
+
* Whether the tooltip is currently open.
|
|
82
98
|
*/
|
|
83
|
-
readonly
|
|
99
|
+
readonly open: _angular_core.ModelSignal<boolean>;
|
|
84
100
|
/**
|
|
85
|
-
*
|
|
86
|
-
* @default undefined
|
|
101
|
+
* Whether the tooltip is initially open. Uncontrolled.
|
|
87
102
|
*/
|
|
88
|
-
readonly
|
|
103
|
+
readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
89
104
|
/**
|
|
90
|
-
*
|
|
91
|
-
*
|
|
105
|
+
* How long to wait before opening the tooltip. Specified in milliseconds.
|
|
106
|
+
* Falls back to the surrounding provider, then to the global config.
|
|
92
107
|
*/
|
|
93
|
-
readonly
|
|
108
|
+
readonly delay: _angular_core.InputSignalWithTransform<number | undefined, NumberInput>;
|
|
94
109
|
/**
|
|
95
|
-
*
|
|
96
|
-
* @default undefined
|
|
110
|
+
* How long to wait before closing the tooltip. Specified in milliseconds.
|
|
97
111
|
*/
|
|
98
|
-
readonly
|
|
112
|
+
readonly closeDelay: _angular_core.InputSignalWithTransform<number | undefined, NumberInput>;
|
|
99
113
|
/**
|
|
100
|
-
*
|
|
101
|
-
*
|
|
114
|
+
* When `true`, the tooltip closes as the pointer leaves the trigger instead of
|
|
115
|
+
* staying open while the pointer moves over the popup.
|
|
102
116
|
*/
|
|
103
|
-
readonly
|
|
104
|
-
/** @description Whether to prevent `onOverlayEscapeKeyDown` handler from calling. */
|
|
105
|
-
readonly onOverlayEscapeKeyDownDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
106
|
-
/** @description Whether to prevent `onOverlayOutsideClick` handler from calling. */
|
|
107
|
-
readonly onOverlayOutsideClickDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
117
|
+
readonly disableHoverablePopup: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
108
118
|
/**
|
|
109
|
-
*
|
|
110
|
-
* It can be prevented by setting `onOverlayEscapeKeyDownDisabled` input to `true`.
|
|
119
|
+
* Determines which axis the tooltip should track the cursor on.
|
|
111
120
|
*/
|
|
112
|
-
readonly
|
|
121
|
+
readonly trackCursorAxis: _angular_core.InputSignal<RdxTrackCursorAxis>;
|
|
113
122
|
/**
|
|
114
|
-
*
|
|
115
|
-
* It can be prevented by setting `onOverlayOutsideClickDisabled` input to `true`.
|
|
123
|
+
* When `true`, the tooltip will not open.
|
|
116
124
|
*/
|
|
117
|
-
readonly
|
|
125
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
118
126
|
/**
|
|
119
|
-
*
|
|
127
|
+
* Associates this root with detached trigger elements.
|
|
120
128
|
*/
|
|
121
|
-
readonly
|
|
129
|
+
readonly handle: _angular_core.InputSignal<RdxTooltipHandle<any> | undefined>;
|
|
122
130
|
/**
|
|
123
|
-
*
|
|
131
|
+
* Event handler called when the open state changes.
|
|
124
132
|
*/
|
|
125
|
-
readonly
|
|
126
|
-
|
|
127
|
-
readonly
|
|
133
|
+
readonly onOpenChange: _angular_core.OutputEmitterRef<boolean>;
|
|
134
|
+
readonly contentId: string;
|
|
135
|
+
readonly trigger: _angular_core.WritableSignal<HTMLElement | undefined>;
|
|
136
|
+
readonly triggers: _angular_core.WritableSignal<HTMLElement[]>;
|
|
137
|
+
readonly payload: _angular_core.WritableSignal<unknown>;
|
|
138
|
+
readonly cursorPosition: _angular_core.WritableSignal<{
|
|
139
|
+
x: number;
|
|
140
|
+
y: number;
|
|
141
|
+
} | undefined>;
|
|
142
|
+
private readonly openedInstant;
|
|
143
|
+
/** Local instant window used when this tooltip is not inside a provider. */
|
|
144
|
+
private readonly localInstant;
|
|
145
|
+
private readonly instantGroup;
|
|
146
|
+
/** Per-trigger overrides set by the active trigger, taking precedence over the root/provider. */
|
|
147
|
+
private readonly triggerDelay;
|
|
148
|
+
private readonly triggerCloseDelay;
|
|
149
|
+
private readonly resolvedDelay;
|
|
150
|
+
private readonly resolvedCloseDelay;
|
|
151
|
+
/** Whether the most recent open happened without the delay. */
|
|
152
|
+
readonly instant: Signal<boolean>;
|
|
153
|
+
private readonly virtualAnchor;
|
|
154
|
+
private readonly openTimer;
|
|
155
|
+
private readonly closeTimer;
|
|
128
156
|
constructor();
|
|
129
|
-
/**
|
|
130
|
-
|
|
131
|
-
/** @ignore */
|
|
132
|
-
open(): void;
|
|
133
|
-
/** @ignore */
|
|
157
|
+
/** Opens immediately, optionally switching the active trigger/payload. */
|
|
158
|
+
show(trigger?: HTMLElement | undefined, payload?: unknown): void;
|
|
134
159
|
close(): void;
|
|
135
|
-
/**
|
|
136
|
-
|
|
137
|
-
/**
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
/**
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
private
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
/** @ignore */
|
|
152
|
-
private setOrigin;
|
|
153
|
-
/** @ignore */
|
|
154
|
-
private setPositions;
|
|
155
|
-
/** @ignore */
|
|
156
|
-
private computePositions;
|
|
157
|
-
private onOriginChangeEffect;
|
|
158
|
-
/** @ignore */
|
|
159
|
-
private onPositionChangeEffect;
|
|
160
|
-
/** @ignore */
|
|
161
|
-
private fireOverlayNgOnChanges;
|
|
162
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipContentDirective, never>;
|
|
163
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipContentDirective, "[rdxTooltipContent]", 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; }; "alternatePositionsDisabled": { "alias": "alternatePositionsDisabled"; "required": false; "isSignal": true; }; "onOverlayEscapeKeyDownDisabled": { "alias": "onOverlayEscapeKeyDownDisabled"; "required": false; "isSignal": true; }; "onOverlayOutsideClickDisabled": { "alias": "onOverlayOutsideClickDisabled"; "required": false; "isSignal": true; }; }, { "onOverlayEscapeKeyDown": "onOverlayEscapeKeyDown"; "onOverlayOutsideClick": "onOverlayOutsideClick"; "onOpen": "onOpen"; "onClosed": "onClosed"; }, never, never, true, [{ directive: typeof i1.CdkConnectedOverlay; inputs: {}; outputs: {}; }]>;
|
|
160
|
+
/** Closes after the resolved close delay, e.g. when the pointer or focus leaves. */
|
|
161
|
+
scheduleClose(): void;
|
|
162
|
+
/** Hover/focus entered — open after the delay, or instantly within the instant window. */
|
|
163
|
+
onTriggerEnter(trigger?: HTMLElement | undefined, payload?: unknown): void;
|
|
164
|
+
onTriggerLeave(): void;
|
|
165
|
+
registerTrigger(trigger: HTMLElement): () => void;
|
|
166
|
+
setCursorPosition(position: {
|
|
167
|
+
x: number;
|
|
168
|
+
y: number;
|
|
169
|
+
} | undefined): void;
|
|
170
|
+
/** Applies per-trigger delay overrides from the trigger that is becoming active. */
|
|
171
|
+
setDelays(delay: number | undefined, closeDelay: number | undefined): void;
|
|
172
|
+
private applyOpen;
|
|
173
|
+
private applyClose;
|
|
174
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltip, never>;
|
|
175
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltip, "[rdxTooltip]", ["rdxTooltip"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "disableHoverablePopup": { "alias": "disableHoverablePopup"; "required": false; "isSignal": true; }; "trackCursorAxis": { "alias": "trackCursorAxis"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "handle": { "alias": "handle"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "onOpenChange": "onOpenChange"; }, never, never, true, [{ directive: typeof i1$1.RdxPopper; inputs: {}; outputs: {}; }]>;
|
|
164
176
|
}
|
|
165
177
|
|
|
166
|
-
declare class
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
readonly
|
|
171
|
-
|
|
172
|
-
readonly
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
/** @ignore */
|
|
176
|
-
pointerenter(): void;
|
|
177
|
-
/** @ignore */
|
|
178
|
-
pointerleave(): void;
|
|
179
|
-
/** @ignore */
|
|
180
|
-
focus(): void;
|
|
181
|
-
/** @ignore */
|
|
182
|
-
blur(): void;
|
|
183
|
-
/** @ignore */
|
|
184
|
-
click(): void;
|
|
185
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipTriggerDirective, never>;
|
|
186
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipTriggerDirective, "[rdxTooltipTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
|
|
178
|
+
declare class RdxTooltipArrow {
|
|
179
|
+
protected readonly rootContext: _radix_ng_primitives_tooltip.RdxTooltipContext;
|
|
180
|
+
private readonly wrapper;
|
|
181
|
+
protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
|
|
182
|
+
protected readonly align: _angular_core.Signal<"start" | "center" | "end" | undefined>;
|
|
183
|
+
protected readonly uncentered: _angular_core.Signal<boolean>;
|
|
184
|
+
protected readonly isVisuallyHidden: boolean;
|
|
185
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipArrow, never>;
|
|
186
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipArrow, "[rdxTooltipArrow]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperArrow; inputs: {}; outputs: {}; }]>;
|
|
187
187
|
}
|
|
188
188
|
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
* @ignore
|
|
200
|
-
* If outside the rootDirective then null, otherwise the rootDirective directive - with optional `true` passed in as the first param.
|
|
201
|
-
* If outside the rootDirective and non-null value that means the html structure is wrong - tooltip inside tooltip.
|
|
202
|
-
* */
|
|
203
|
-
protected rootDirective: RdxTooltipRootDirective | null;
|
|
204
|
-
/** @ignore */
|
|
205
|
-
readonly elementRef: ElementRef<any>;
|
|
206
|
-
/** @ignore */
|
|
207
|
-
readonly overlayOrigin: CdkOverlayOrigin;
|
|
208
|
-
/** @ignore */
|
|
209
|
-
readonly document: Document;
|
|
210
|
-
/** @ignore */
|
|
211
|
-
readonly name: _angular_core.Signal<string>;
|
|
212
|
-
/** @ignore */
|
|
213
|
-
click(): void;
|
|
214
|
-
/** @ignore */
|
|
215
|
-
setRoot(root: RdxTooltipRootDirective): void;
|
|
216
|
-
private emitOutsideClick;
|
|
217
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipAnchorDirective, never>;
|
|
218
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipAnchorDirective, "[rdxTooltipAnchor]", ["rdxTooltipAnchor"], {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
|
|
189
|
+
/**
|
|
190
|
+
* The tooltip popup. Renders the content with `role="tooltip"`.
|
|
191
|
+
*/
|
|
192
|
+
declare class RdxTooltipPopup {
|
|
193
|
+
protected readonly rootContext: _radix_ng_primitives_tooltip.RdxTooltipContext;
|
|
194
|
+
private readonly wrapper;
|
|
195
|
+
protected readonly side: _angular_core.Signal<"top" | "right" | "bottom" | "left" | undefined>;
|
|
196
|
+
protected readonly align: _angular_core.Signal<"start" | "center" | "end" | undefined>;
|
|
197
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipPopup, never>;
|
|
198
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipPopup, "[rdxTooltipPopup]", never, {}, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperContent; inputs: {}; outputs: {}; }]>;
|
|
219
199
|
}
|
|
220
200
|
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
}
|
|
229
|
-
declare enum RdxTooltipAttachDetachEvent {
|
|
230
|
-
ATTACH = "attach",
|
|
231
|
-
DETACH = "detach"
|
|
232
|
-
}
|
|
233
|
-
declare enum RdxTooltipAnimationStatus {
|
|
234
|
-
OPEN_STARTED = "open_started",
|
|
235
|
-
OPEN_ENDED = "open_ended",
|
|
236
|
-
CLOSED_STARTED = "closed_started",
|
|
237
|
-
CLOSED_ENDED = "closed_ended"
|
|
201
|
+
/**
|
|
202
|
+
* Moves the tooltip to a different part of the DOM.
|
|
203
|
+
*/
|
|
204
|
+
declare class RdxTooltipPortal {
|
|
205
|
+
readonly container: _angular_core.InputSignal<RdxPortalContainer>;
|
|
206
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipPortal, never>;
|
|
207
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipPortal, "[rdxTooltipPortal]", never, { "container": { "alias": "container"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.RdxPortal; inputs: { "container": "container"; }; outputs: {}; }]>;
|
|
238
208
|
}
|
|
239
209
|
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
readonly
|
|
210
|
+
/**
|
|
211
|
+
* Positions the tooltip popup against its trigger (or a custom anchor).
|
|
212
|
+
*/
|
|
213
|
+
declare class RdxTooltipPositioner {
|
|
214
|
+
protected readonly rootContext: _radix_ng_primitives_tooltip.RdxTooltipContext;
|
|
215
|
+
protected readonly wrapper: RdxPopperContentWrapper;
|
|
216
|
+
private readonly destroyRef;
|
|
217
|
+
private readonly dismissableLayer;
|
|
218
|
+
private readonly elementRef;
|
|
245
219
|
/**
|
|
246
|
-
*
|
|
247
|
-
* @default undefined
|
|
220
|
+
* An element to position the popup against. Defaults to the trigger.
|
|
248
221
|
*/
|
|
249
|
-
readonly anchor: _angular_core.InputSignal<
|
|
222
|
+
readonly anchor: _angular_core.InputSignal<RdxPopperAnchorElement>;
|
|
250
223
|
/**
|
|
251
|
-
*
|
|
252
|
-
* @default false
|
|
224
|
+
* The preferred side of the anchor to render against when open.
|
|
253
225
|
*/
|
|
254
|
-
readonly
|
|
226
|
+
readonly side: _angular_core.InputSignal<"top" | "right" | "bottom" | "left">;
|
|
255
227
|
/**
|
|
256
|
-
*
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
*
|
|
281
|
-
*/
|
|
282
|
-
readonly
|
|
283
|
-
/**
|
|
284
|
-
*
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
deregisterPrimitive<T extends object>(primitiveInstance: T): void;
|
|
316
|
-
preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): void;
|
|
317
|
-
allowPrimitiveForCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): void;
|
|
318
|
-
preventPrimitiveFromCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: EventType[]): void;
|
|
319
|
-
allowPrimitiveForCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: EventType[]): void;
|
|
320
|
-
setPreventPrimitiveFromCdkMixEvents<T extends object>(primitiveInstance: T, eventTypes: PrimitiveConfig): void;
|
|
321
|
-
primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): boolean | undefined;
|
|
322
|
-
addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
|
|
323
|
-
removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
|
|
324
|
-
#setPreventPrimitiveFromCdkEvent<T extends object, R extends EventType, K extends PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
|
|
325
|
-
#registerOnDestroyCallbacks(): void;
|
|
326
|
-
#listenToClickDomRootEvent(): void;
|
|
327
|
-
} | null;
|
|
328
|
-
/** @ignore */
|
|
329
|
-
readonly destroyRef: DestroyRef;
|
|
330
|
-
/** @ignore */
|
|
331
|
-
readonly state: _angular_core.WritableSignal<RdxTooltipState>;
|
|
332
|
-
/** @ignore */
|
|
333
|
-
readonly attachDetachEvent: _angular_core.WritableSignal<RdxTooltipAttachDetachEvent>;
|
|
334
|
-
/** @ignore */
|
|
335
|
-
private readonly isFirstDefaultOpen;
|
|
336
|
-
/** @ignore */
|
|
337
|
-
readonly anchorDirective: _angular_core.Signal<RdxTooltipAnchorDirective | undefined>;
|
|
338
|
-
/** @ignore */
|
|
339
|
-
readonly actionSubject$: Subject<RdxTooltipAction>;
|
|
228
|
+
* The distance in pixels from the anchor.
|
|
229
|
+
*/
|
|
230
|
+
readonly sideOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
231
|
+
/**
|
|
232
|
+
* The preferred alignment against the anchor.
|
|
233
|
+
*/
|
|
234
|
+
readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
|
|
235
|
+
/**
|
|
236
|
+
* An offset in pixels from the `start` or `end` alignment options.
|
|
237
|
+
*/
|
|
238
|
+
readonly alignOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
239
|
+
/**
|
|
240
|
+
* The padding between the arrow and the edges of the content.
|
|
241
|
+
*/
|
|
242
|
+
readonly arrowPadding: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
243
|
+
/**
|
|
244
|
+
* When `true`, overrides the `side` and `align` preferences to prevent collisions with boundary edges.
|
|
245
|
+
*/
|
|
246
|
+
readonly avoidCollisions: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
247
|
+
/**
|
|
248
|
+
* The element used as the collision boundary.
|
|
249
|
+
*/
|
|
250
|
+
readonly collisionBoundary: _angular_core.InputSignal<ElementRef<HTMLElement> | ElementRef<HTMLElement>[] | undefined>;
|
|
251
|
+
/**
|
|
252
|
+
* The distance in pixels from the boundary edges where collision detection should occur.
|
|
253
|
+
*/
|
|
254
|
+
readonly collisionPadding: _angular_core.InputSignal<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
|
|
255
|
+
/**
|
|
256
|
+
* The sticky behavior on the `align` axis.
|
|
257
|
+
*/
|
|
258
|
+
readonly sticky: _angular_core.InputSignal<"partial" | "always">;
|
|
259
|
+
/**
|
|
260
|
+
* Whether to hide the content when the trigger becomes fully occluded.
|
|
261
|
+
*/
|
|
262
|
+
readonly hideWhenDetached: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
263
|
+
/**
|
|
264
|
+
* The CSS position strategy used by Floating UI.
|
|
265
|
+
*/
|
|
266
|
+
readonly positionStrategy: _angular_core.InputSignal<"fixed" | "absolute">;
|
|
267
|
+
/**
|
|
268
|
+
* Whether to update the position of the floating element on every animation frame if required.
|
|
269
|
+
*/
|
|
270
|
+
readonly updatePositionStrategy: _angular_core.InputSignal<"always" | "optimized">;
|
|
271
|
+
/**
|
|
272
|
+
* Emits when the element is placed.
|
|
273
|
+
*/
|
|
274
|
+
readonly placed: _angular_core.OutputRef<void>;
|
|
275
|
+
/**
|
|
276
|
+
* Event handler called when the escape key is down. Can be prevented.
|
|
277
|
+
*/
|
|
278
|
+
readonly escapeKeyDown: _angular_core.OutputRef<KeyboardEvent>;
|
|
279
|
+
/**
|
|
280
|
+
* Event handler called when a `pointerdown` event happens outside of the `DismissableLayer`. Can be prevented.
|
|
281
|
+
*/
|
|
282
|
+
readonly pointerDownOutside: _angular_core.OutputRef<PointerEvent>;
|
|
283
|
+
private readonly triggerEl;
|
|
284
|
+
private readonly containerEl;
|
|
285
|
+
private readonly graceArea;
|
|
286
|
+
private readonly afterNextRender;
|
|
340
287
|
constructor();
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
cssAnimation: boolean;
|
|
344
|
-
cssOpeningAnimation: boolean;
|
|
345
|
-
cssClosingAnimation: boolean;
|
|
346
|
-
cssAnimationStatus: RdxTooltipAnimationStatus | null;
|
|
347
|
-
attachDetachEvent: RdxTooltipAttachDetachEvent;
|
|
348
|
-
state: RdxTooltipState;
|
|
349
|
-
canEmitOnOpenOrOnClosed: boolean;
|
|
350
|
-
};
|
|
351
|
-
/** @ignore */
|
|
352
|
-
controlledExternally(): _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
|
|
353
|
-
/** @ignore */
|
|
354
|
-
firstDefaultOpen(): boolean;
|
|
355
|
-
/** @ignore */
|
|
356
|
-
handleOpen(): void;
|
|
357
|
-
/** @ignore */
|
|
358
|
-
handleClose(closeButton?: boolean): void;
|
|
359
|
-
/** @ignore */
|
|
360
|
-
handleToggle(): void;
|
|
361
|
-
/** @ignore */
|
|
362
|
-
isOpen(state?: RdxTooltipState): boolean;
|
|
363
|
-
/** @ignore */
|
|
364
|
-
private setState;
|
|
365
|
-
/** @ignore */
|
|
366
|
-
private openContent;
|
|
367
|
-
/** @ignore */
|
|
368
|
-
private closeContent;
|
|
369
|
-
/** @ignore */
|
|
370
|
-
private emitOnOpen;
|
|
371
|
-
/** @ignore */
|
|
372
|
-
private emitOnClosed;
|
|
373
|
-
/** @ignore */
|
|
374
|
-
private ifOpenOrCloseWithoutAnimations;
|
|
375
|
-
/** @ignore */
|
|
376
|
-
private ifOpenOrCloseWithAnimations;
|
|
377
|
-
/** @ignore */
|
|
378
|
-
private openOrClose;
|
|
379
|
-
/** @ignore */
|
|
380
|
-
private emitOnOpenOrOnClosed;
|
|
381
|
-
/** @ignore */
|
|
382
|
-
private canEmitOnOpenOrOnClosed;
|
|
383
|
-
/** @ignore */
|
|
384
|
-
private onStateChangeEffect;
|
|
385
|
-
/** @ignore */
|
|
386
|
-
private onCssAnimationStatusChangeChangeEffect;
|
|
387
|
-
/** @ignore */
|
|
388
|
-
private emitOpenOrClosedEventEffect;
|
|
389
|
-
/** @ignore */
|
|
390
|
-
private onOpenChangeEffect;
|
|
391
|
-
/** @ignore */
|
|
392
|
-
private onIsFirstDefaultOpenChangeEffect;
|
|
393
|
-
/** @ignore */
|
|
394
|
-
private onAnchorChangeEffect;
|
|
395
|
-
/** @ignore */
|
|
396
|
-
private actionSubscription;
|
|
397
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipRootDirective, never>;
|
|
398
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipRootDirective, "[rdxTooltipRoot]", ["rdxTooltipRoot"], { "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "externalControl": { "alias": "externalControl"; "required": false; "isSignal": true; }; "cssAnimation": { "alias": "cssAnimation"; "required": false; "isSignal": true; }; "cssOpeningAnimation": { "alias": "cssOpeningAnimation"; "required": false; "isSignal": true; }; "cssClosingAnimation": { "alias": "cssClosingAnimation"; "required": false; "isSignal": true; }; }, {}, ["contentDirective", "triggerDirective", "arrowDirective", "closeDirective", "contentAttributesComponent", "internalAnchorDirective"], never, true, never>;
|
|
288
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipPositioner, never>;
|
|
289
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipPositioner, "[rdxTooltipPositioner]", never, { "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "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; }; "positionStrategy": { "alias": "positionStrategy"; "required": false; "isSignal": true; }; "updatePositionStrategy": { "alias": "updatePositionStrategy"; "required": false; "isSignal": true; }; }, { "placed": "placed"; "escapeKeyDown": "escapeKeyDown"; "pointerDownOutside": "pointerDownOutside"; }, never, never, true, [{ directive: typeof i1$3.RdxDismissableLayer; inputs: {}; outputs: {}; }, { directive: typeof i1$1.RdxPopperContentWrapper; inputs: { "anchor": "anchor"; "side": "side"; "sideOffset": "sideOffset"; "align": "align"; "alignOffset": "alignOffset"; "arrowPadding": "arrowPadding"; "avoidCollisions": "avoidCollisions"; "collisionBoundary": "collisionBoundary"; "collisionPadding": "collisionPadding"; "sticky": "sticky"; "hideWhenDetached": "hideWhenDetached"; "positionStrategy": "positionStrategy"; "updatePositionStrategy": "updatePositionStrategy"; }; outputs: {}; }]>;
|
|
399
290
|
}
|
|
400
291
|
|
|
401
|
-
|
|
402
|
-
/**
|
|
403
|
-
|
|
404
|
-
/**
|
|
405
|
-
|
|
406
|
-
/**
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
292
|
+
type TooltipInstantController = {
|
|
293
|
+
/** Whether the next tooltip in the group should open without waiting for the delay. */
|
|
294
|
+
isInstant: Signal<boolean>;
|
|
295
|
+
/** Call when a tooltip opens — leaves the group in the instant phase. */
|
|
296
|
+
onOpen: () => void;
|
|
297
|
+
/** Call when a tooltip closes — keeps the group instant for `timeout` ms, then re-arms the delay. */
|
|
298
|
+
onClose: () => void;
|
|
299
|
+
};
|
|
300
|
+
|
|
301
|
+
interface RdxTooltipProviderContext {
|
|
302
|
+
/** Default open delay for tooltips in this group, in milliseconds. */
|
|
303
|
+
delay: Signal<number | undefined>;
|
|
304
|
+
/** Default close delay for tooltips in this group, in milliseconds. */
|
|
305
|
+
closeDelay: Signal<number | undefined>;
|
|
306
|
+
/** Whether sibling tooltips should currently open instantly. */
|
|
307
|
+
isInstant: Signal<boolean>;
|
|
308
|
+
/** Notifies the group that a tooltip has opened. */
|
|
309
|
+
onOpen: () => void;
|
|
310
|
+
/** Notifies the group that a tooltip has closed. */
|
|
311
|
+
onClose: () => void;
|
|
312
|
+
}
|
|
313
|
+
declare const injectRdxTooltipProviderContext: _radix_ng_primitives_core.InjectContext<RdxTooltipProviderContext>;
|
|
314
|
+
declare const provideRdxTooltipProviderContext: (useFactory: () => RdxTooltipProviderContext) => _angular_core.Provider;
|
|
315
|
+
/**
|
|
316
|
+
* Shares delay configuration and an instant-open window across a group of tooltips.
|
|
317
|
+
* Once one tooltip opens, adjacent ones open instantly until `timeout` ms after the last close.
|
|
318
|
+
*/
|
|
319
|
+
declare class RdxTooltipProvider {
|
|
320
|
+
private readonly defaultConfig;
|
|
321
|
+
private readonly destroyRef;
|
|
322
|
+
/**
|
|
323
|
+
* How long to wait before opening tooltips in this group. Specified in milliseconds.
|
|
324
|
+
*/
|
|
325
|
+
readonly delay: _angular_core.InputSignalWithTransform<number | undefined, NumberInput>;
|
|
326
|
+
/**
|
|
327
|
+
* How long to wait before closing tooltips in this group. Specified in milliseconds.
|
|
328
|
+
*/
|
|
329
|
+
readonly closeDelay: _angular_core.InputSignalWithTransform<number | undefined, NumberInput>;
|
|
330
|
+
/**
|
|
331
|
+
* The window during which an adjacent tooltip opens instantly. Specified in milliseconds.
|
|
332
|
+
*/
|
|
333
|
+
readonly timeout: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
334
|
+
readonly instant: TooltipInstantController;
|
|
335
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipProvider, never>;
|
|
336
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipProvider, "[rdxTooltipProvider]", ["rdxTooltipProvider"], { "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "timeout": { "alias": "timeout"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
424
337
|
}
|
|
425
338
|
|
|
426
|
-
declare class
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
339
|
+
declare class RdxTooltipTrigger {
|
|
340
|
+
private readonly parentRootContext;
|
|
341
|
+
readonly elementRef: ElementRef<HTMLElement>;
|
|
342
|
+
private readonly generatedId;
|
|
343
|
+
/**
|
|
344
|
+
* Associates this trigger with a detached tooltip root.
|
|
345
|
+
*/
|
|
346
|
+
readonly handle: _angular_core.InputSignal<RdxTooltipHandle<any> | undefined>;
|
|
347
|
+
/**
|
|
348
|
+
* Data associated with this trigger while it is active.
|
|
349
|
+
*/
|
|
350
|
+
readonly payload: _angular_core.InputSignal<unknown>;
|
|
351
|
+
/**
|
|
352
|
+
* ID used to identify this trigger when opening a detached tooltip imperatively.
|
|
353
|
+
*/
|
|
354
|
+
readonly id: _angular_core.InputSignal<string | undefined>;
|
|
355
|
+
/**
|
|
356
|
+
* Whether the tooltip should close when the trigger is clicked.
|
|
357
|
+
* @defaultValue true
|
|
358
|
+
*/
|
|
359
|
+
readonly closeOnClick: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
360
|
+
/**
|
|
361
|
+
* Whether this trigger is disabled. A disabled trigger never opens the tooltip.
|
|
362
|
+
* @defaultValue false
|
|
363
|
+
*/
|
|
364
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
365
|
+
/**
|
|
366
|
+
* Overrides the open delay (ms) for this trigger. Falls back to the root/provider/global delay.
|
|
367
|
+
*/
|
|
368
|
+
readonly delay: _angular_core.InputSignalWithTransform<number | undefined, NumberInput>;
|
|
369
|
+
/**
|
|
370
|
+
* Overrides the close delay (ms) for this trigger. Falls back to the root/provider/global delay.
|
|
371
|
+
*/
|
|
372
|
+
readonly closeDelay: _angular_core.InputSignalWithTransform<number | undefined, NumberInput>;
|
|
373
|
+
readonly userOnPointerDown: _angular_core.InputSignal<((event: PointerEvent) => void | boolean | Promise<void | boolean> | undefined) | undefined>;
|
|
374
|
+
protected readonly triggerId: _angular_core.Signal<string>;
|
|
375
|
+
protected readonly rootContext: _angular_core.Signal<_radix_ng_primitives_tooltip.RdxTooltipContext | null>;
|
|
376
|
+
/** Disabled if either the root or this trigger is disabled. */
|
|
377
|
+
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
378
|
+
/** Whether this specific trigger is the active anchor of an open tooltip. */
|
|
379
|
+
protected readonly isOpen: _angular_core.Signal<boolean>;
|
|
380
|
+
private readonly isPointerDown;
|
|
381
|
+
private readonly hasPointerMoveOpened;
|
|
382
|
+
constructor();
|
|
383
|
+
protected handleFocus(): void;
|
|
384
|
+
protected handleBlur(): void;
|
|
385
|
+
protected handleClick(): void;
|
|
386
|
+
protected handlePointerMove(event: PointerEvent): void;
|
|
387
|
+
protected handlePointerLeave(): void;
|
|
388
|
+
protected handlePointerDown(event: PointerEvent): Promise<void>;
|
|
389
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTooltipTrigger, never>;
|
|
390
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTooltipTrigger, "[rdxTooltipTrigger]", never, { "handle": { "alias": "handle"; "required": false; "isSignal": true; }; "payload": { "alias": "payload"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "userOnPointerDown": { "alias": "rdxOnPointerDown"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxPopperAnchor; inputs: {}; outputs: {}; }]>;
|
|
430
391
|
}
|
|
431
392
|
|
|
432
|
-
|
|
393
|
+
declare const tooltipImports: (typeof RdxTooltipPortalPresence)[];
|
|
394
|
+
|
|
395
|
+
export { RdxTooltip, RdxTooltipArrow, RdxTooltipDefaultsToken, RdxTooltipHandle, RdxTooltipPopup, RdxTooltipPortal, RdxTooltipPortalPresence, RdxTooltipPositioner, RdxTooltipProvider, RdxTooltipTrigger, createRdxTooltipHandle, defaultTooltipConfig, injectRdxTooltipConfig, injectRdxTooltipContext, injectRdxTooltipProviderContext, provideRdxTooltipConfig, provideRdxTooltipContext, provideRdxTooltipProviderContext, tooltipImports };
|
|
396
|
+
export type { RdxTooltipConfig, RdxTooltipContext, RdxTooltipProviderContext, RdxTrackCursorAxis };
|