@radix-ng/primitives 0.25.0 → 0.26.0
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/compodoc/documentation.json +16241 -10958
- package/core/src/positioning/constants.d.ts +2 -1
- package/core/src/positioning/types.d.ts +16 -5
- package/fesm2022/radix-ng-primitives-core.mjs +22 -9
- package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-popover.mjs +22 -29
- package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tooltip.mjs +966 -355
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
- package/package.json +1 -1
- package/popover/src/popover-arrow.directive.d.ts +3 -2
- package/popover/src/popover-content.directive.d.ts +6 -5
- package/popover/src/popover-root.directive.d.ts +8 -8
- package/tooltip/README.md +2 -0
- package/tooltip/index.d.ts +9 -6
- package/tooltip/src/tooltip-anchor.directive.d.ts +28 -0
- package/tooltip/src/tooltip-anchor.token.d.ts +3 -0
- package/tooltip/src/tooltip-arrow.directive.d.ts +18 -16
- package/tooltip/src/tooltip-close.directive.d.ts +18 -0
- package/tooltip/src/tooltip-close.token.d.ts +3 -0
- package/tooltip/src/tooltip-content-attributes.component.d.ts +17 -0
- package/tooltip/src/tooltip-content-attributes.token.d.ts +3 -0
- package/tooltip/src/tooltip-content.directive.d.ts +85 -16
- package/tooltip/src/tooltip-root.directive.d.ts +121 -59
- package/tooltip/src/tooltip-root.inject.d.ts +3 -0
- package/tooltip/src/tooltip-trigger.directive.d.ts +11 -11
- package/tooltip/src/tooltip.types.d.ts +18 -7
- package/tooltip/src/utils/cdk-event.service.d.ts +30 -0
- package/tooltip/src/utils/constants.d.ts +1 -0
- package/tooltip/src/utils/types.d.ts +7 -0
- package/popover/src/popover.constants.d.ts +0 -6
- package/tooltip/src/tooltip-content-attributes.directive.d.ts +0 -8
- package/tooltip/src/tooltip-content.token.d.ts +0 -3
- package/tooltip/src/tooltip.config.d.ts +0 -6
@@ -0,0 +1,17 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class RdxTooltipContentAttributesComponent {
|
3
|
+
/** @ignore */
|
4
|
+
protected readonly rootDirective: import("@radix-ng/primitives/tooltip").RdxTooltipRootDirective;
|
5
|
+
/** @ignore */
|
6
|
+
readonly name: import("@angular/core").Signal<string>;
|
7
|
+
/** @ignore */
|
8
|
+
readonly disableAnimation: import("@angular/core").Signal<boolean>;
|
9
|
+
/** @ignore */
|
10
|
+
protected onAnimationStart(_: AnimationEvent): void;
|
11
|
+
/** @ignore */
|
12
|
+
protected onAnimationEnd(_: AnimationEvent): void;
|
13
|
+
/** @ignore */
|
14
|
+
private canAnimate;
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipContentAttributesComponent, never>;
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RdxTooltipContentAttributesComponent, "[rdxTooltipContentAttributes]", never, {}, {}, never, ["*"], true, never>;
|
17
|
+
}
|
@@ -1,35 +1,104 @@
|
|
1
|
-
import {
|
1
|
+
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
2
|
+
import { OnInit } from '@angular/core';
|
2
3
|
import { RdxPositionAlign, RdxPositionSide } from '@radix-ng/primitives/core';
|
3
4
|
import * as i0 from "@angular/core";
|
4
|
-
|
5
|
+
import * as i1 from "@angular/cdk/overlay";
|
6
|
+
export declare class RdxTooltipContentDirective implements OnInit {
|
5
7
|
/** @ignore */
|
6
|
-
readonly
|
8
|
+
private readonly rootDirective;
|
9
|
+
/** @ignore */
|
10
|
+
private readonly templateRef;
|
11
|
+
/** @ignore */
|
12
|
+
private readonly overlay;
|
13
|
+
/** @ignore */
|
14
|
+
private readonly destroyRef;
|
15
|
+
/** @ignore */
|
16
|
+
private readonly connectedOverlay;
|
17
|
+
/** @ignore */
|
18
|
+
readonly name: import("@angular/core").Signal<string>;
|
7
19
|
/**
|
8
|
-
* The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
|
20
|
+
* @description The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
|
21
|
+
* @default top
|
9
22
|
*/
|
10
23
|
readonly side: import("@angular/core").InputSignal<RdxPositionSide>;
|
11
24
|
/**
|
12
|
-
* The distance in pixels from the trigger.
|
25
|
+
* @description The distance in pixels from the trigger.
|
26
|
+
* @default undefined
|
13
27
|
*/
|
14
|
-
readonly sideOffset: import("@angular/core").
|
28
|
+
readonly sideOffset: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
|
15
29
|
/**
|
16
|
-
* The preferred alignment against the trigger. May change when collisions occur.
|
30
|
+
* @description The preferred alignment against the trigger. May change when collisions occur.
|
31
|
+
* @default center
|
17
32
|
*/
|
18
33
|
readonly align: import("@angular/core").InputSignal<RdxPositionAlign>;
|
19
34
|
/**
|
20
|
-
* An offset in pixels from the "start" or "end" alignment options.
|
35
|
+
* @description An offset in pixels from the "start" or "end" alignment options.
|
36
|
+
* @default undefined
|
21
37
|
*/
|
22
|
-
readonly alignOffset: import("@angular/core").
|
23
|
-
/**
|
24
|
-
|
38
|
+
readonly alignOffset: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
|
39
|
+
/**
|
40
|
+
* @description Whether to add some alternate positions of the content.
|
41
|
+
* @default false
|
42
|
+
*/
|
43
|
+
readonly alternatePositionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
44
|
+
/** @description Whether to prevent `onOverlayEscapeKeyDown` handler from calling. */
|
45
|
+
readonly onOverlayEscapeKeyDownDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
46
|
+
/** @description Whether to prevent `onOverlayOutsideClick` handler from calling. */
|
47
|
+
readonly onOverlayOutsideClickDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
25
48
|
/**
|
26
|
-
* Event handler called when the escape key is down.
|
49
|
+
* @description Event handler called when the escape key is down.
|
50
|
+
* It can be prevented by setting `onOverlayEscapeKeyDownDisabled` input to `true`.
|
27
51
|
*/
|
28
|
-
readonly
|
52
|
+
readonly onOverlayEscapeKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
|
29
53
|
/**
|
30
|
-
* Event handler called when a pointer event occurs outside the bounds of the component.
|
54
|
+
* @description Event handler called when a pointer event occurs outside the bounds of the component.
|
55
|
+
* It can be prevented by setting `onOverlayOutsideClickDisabled` input to `true`.
|
31
56
|
*/
|
32
|
-
readonly
|
57
|
+
readonly onOverlayOutsideClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
|
58
|
+
/**
|
59
|
+
* @description Event handler called after the overlay is open
|
60
|
+
*/
|
61
|
+
readonly onOpen: import("@angular/core").OutputEmitterRef<void>;
|
62
|
+
/**
|
63
|
+
* @description Event handler called after the overlay is closed
|
64
|
+
*/
|
65
|
+
readonly onClosed: import("@angular/core").OutputEmitterRef<void>;
|
66
|
+
/** @ingore */
|
67
|
+
readonly positions: import("@angular/core").Signal<import("@angular/cdk/overlay").ConnectedPosition[]>;
|
68
|
+
constructor();
|
69
|
+
/** @ignore */
|
70
|
+
ngOnInit(): void;
|
71
|
+
/** @ignore */
|
72
|
+
open(): void;
|
73
|
+
/** @ignore */
|
74
|
+
close(): void;
|
75
|
+
/** @ignore */
|
76
|
+
positionChange(): import("rxjs").Observable<import("@angular/cdk/overlay").ConnectedOverlayPositionChange>;
|
77
|
+
/** @ignore */
|
78
|
+
private connectKeydownEscape;
|
79
|
+
/** @ignore */
|
80
|
+
private connectOutsideClick;
|
81
|
+
/** @ignore */
|
82
|
+
private onAttach;
|
83
|
+
/** @ignore */
|
84
|
+
private onDetach;
|
85
|
+
/** @ignore */
|
86
|
+
private setScrollStrategy;
|
87
|
+
/** @ignore */
|
88
|
+
private setHasBackdrop;
|
89
|
+
/** @ignore */
|
90
|
+
private setDisableClose;
|
91
|
+
/** @ignore */
|
92
|
+
private setOrigin;
|
93
|
+
/** @ignore */
|
94
|
+
private setPositions;
|
95
|
+
/** @ignore */
|
96
|
+
private computePositions;
|
97
|
+
private onOriginChangeEffect;
|
98
|
+
/** @ignore */
|
99
|
+
private onPositionChangeEffect;
|
100
|
+
/** @ignore */
|
101
|
+
private fireOverlayNgOnChanges;
|
33
102
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipContentDirective, never>;
|
34
|
-
static ɵdir: i0.ɵɵ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; }; }, { "
|
103
|
+
static ɵdir: i0.ɵɵ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: {}; }]>;
|
35
104
|
}
|
@@ -1,106 +1,168 @@
|
|
1
|
-
import {
|
1
|
+
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
2
|
+
import { DestroyRef, ViewContainerRef } from '@angular/core';
|
3
|
+
import { Subject } from 'rxjs';
|
4
|
+
import { RdxTooltipAnchorDirective } from './tooltip-anchor.directive';
|
5
|
+
import { RdxTooltipContentDirective } from './tooltip-content.directive';
|
2
6
|
import { RdxTooltipTriggerDirective } from './tooltip-trigger.directive';
|
3
|
-
import { RdxTooltipState } from './tooltip.types';
|
7
|
+
import { RdxTooltipAction, RdxTooltipAnimationStatus, RdxTooltipAttachDetachEvent, RdxTooltipState } from './tooltip.types';
|
4
8
|
import * as i0 from "@angular/core";
|
5
|
-
export declare
|
6
|
-
export declare function injectTooltipRoot(): RdxTooltipRootDirective;
|
7
|
-
export declare class RdxTooltipRootDirective implements OnInit {
|
9
|
+
export declare class RdxTooltipRootDirective {
|
8
10
|
/** @ignore */
|
9
|
-
|
11
|
+
readonly uniqueId: import("@angular/core").WritableSignal<number>;
|
10
12
|
/** @ignore */
|
11
|
-
|
12
|
-
/** @ignore */
|
13
|
-
private readonly overlay;
|
14
|
-
/** @ignore */
|
15
|
-
private readonly platformId;
|
16
|
-
/** @ignore */
|
17
|
-
private readonly document;
|
18
|
-
/** @ignore */
|
19
|
-
private readonly window;
|
20
|
-
/** @ignore */
|
21
|
-
readonly tooltipConfig: import("./tooltip.types").RdxTooltipConfig;
|
13
|
+
readonly name: import("@angular/core").Signal<string>;
|
22
14
|
/**
|
23
|
-
* The
|
15
|
+
* @description The anchor directive that comes form outside the tooltip rootDirective
|
16
|
+
* @default undefined
|
24
17
|
*/
|
25
|
-
readonly
|
18
|
+
readonly anchor: import("@angular/core").InputSignal<RdxTooltipAnchorDirective | undefined>;
|
26
19
|
/**
|
27
|
-
* The
|
20
|
+
* @description The open state of the tooltip when it is initially rendered. Use when you do not need to control its open state.
|
21
|
+
* @default false
|
28
22
|
*/
|
29
|
-
readonly
|
23
|
+
readonly defaultOpen: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
30
24
|
/**
|
31
|
-
*
|
25
|
+
* @description The controlled state of the tooltip. `open` input take precedence of `defaultOpen` input.
|
26
|
+
* @default undefined
|
32
27
|
*/
|
33
|
-
readonly
|
34
|
-
/**
|
35
|
-
|
28
|
+
readonly open: import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
|
29
|
+
/**
|
30
|
+
* To customise the open delay for a specific tooltip.
|
31
|
+
*/
|
32
|
+
readonly openDelay: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
|
33
|
+
/**
|
34
|
+
* To customise the close delay for a specific tooltip.
|
35
|
+
*/
|
36
|
+
readonly closeDelay: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
|
37
|
+
/**
|
38
|
+
* @description Whether to control the state of the tooltip from external. Use in conjunction with `open` input.
|
39
|
+
* @default undefined
|
40
|
+
*/
|
41
|
+
readonly externalControl: import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
|
36
42
|
/**
|
37
|
-
*
|
43
|
+
* @description Whether to take into account CSS opening/closing animations.
|
44
|
+
* @default false
|
38
45
|
*/
|
39
|
-
readonly
|
46
|
+
readonly cssAnimation: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
47
|
+
/**
|
48
|
+
* @description Whether to take into account CSS opening animations. `cssAnimation` input must be set to 'true'
|
49
|
+
* @default false
|
50
|
+
*/
|
51
|
+
readonly cssOpeningAnimation: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
52
|
+
/**
|
53
|
+
* @description Whether to take into account CSS closing animations. `cssAnimation` input must be set to 'true'
|
54
|
+
* @default false
|
55
|
+
*/
|
56
|
+
readonly cssClosingAnimation: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
|
57
|
+
/** @ignore */
|
58
|
+
readonly cssAnimationStatus: import("@angular/core").WritableSignal<RdxTooltipAnimationStatus | null>;
|
40
59
|
/** @ignore */
|
41
|
-
readonly
|
60
|
+
readonly contentDirective: import("@angular/core").Signal<RdxTooltipContentDirective>;
|
42
61
|
/** @ignore */
|
43
|
-
readonly
|
62
|
+
readonly triggerDirective: import("@angular/core").Signal<RdxTooltipTriggerDirective>;
|
44
63
|
/** @ignore */
|
45
|
-
readonly
|
64
|
+
readonly arrowDirective: import("@angular/core").Signal<import("@radix-ng/primitives/tooltip").RdxTooltipArrowDirective | undefined>;
|
46
65
|
/** @ignore */
|
47
|
-
readonly
|
66
|
+
readonly closeDirective: import("@angular/core").Signal<import("@radix-ng/primitives/tooltip").RdxTooltipCloseDirective | undefined>;
|
48
67
|
/** @ignore */
|
49
|
-
readonly
|
68
|
+
readonly contentAttributesComponent: import("@angular/core").Signal<import("@radix-ng/primitives/tooltip").RdxTooltipContentAttributesComponent | undefined>;
|
50
69
|
/** @ignore */
|
51
|
-
readonly
|
70
|
+
private readonly internalAnchorDirective;
|
52
71
|
/** @ignore */
|
53
|
-
|
72
|
+
readonly viewContainerRef: ViewContainerRef;
|
54
73
|
/** @ignore */
|
55
|
-
|
74
|
+
readonly rdxCdkEventService: {
|
75
|
+
document: Document;
|
76
|
+
destroyRef: DestroyRef;
|
77
|
+
ngZone: import("@angular/core").NgZone;
|
78
|
+
renderer2: import("@angular/core").Renderer2;
|
79
|
+
window: Window & typeof globalThis;
|
80
|
+
primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
|
81
|
+
onDestroyCallbacks: Set<() => void>;
|
82
|
+
"__#10376@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
|
83
|
+
registerPrimitive<T extends object>(primitiveInstance: T): void;
|
84
|
+
deregisterPrimitive<T extends object>(primitiveInstance: T): void;
|
85
|
+
preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
|
86
|
+
allowPrimitiveForCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
|
87
|
+
preventPrimitiveFromCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: import("./utils/types").EventType[]): void;
|
88
|
+
allowPrimitiveForCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: import("./utils/types").EventType[]): void;
|
89
|
+
setPreventPrimitiveFromCdkMixEvents<T extends object>(primitiveInstance: T, eventTypes: import("./utils/types").PrimitiveConfig): void;
|
90
|
+
primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
|
91
|
+
addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
|
92
|
+
removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
|
93
|
+
"__#10376@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
|
94
|
+
"__#10376@#registerOnDestroyCallbacks"(): void;
|
95
|
+
"__#10376@#listenToClickDomRootEvent"(): void;
|
96
|
+
} | null;
|
56
97
|
/** @ignore */
|
57
|
-
|
98
|
+
readonly destroyRef: DestroyRef;
|
58
99
|
/** @ignore */
|
59
|
-
|
100
|
+
readonly state: import("@angular/core").WritableSignal<RdxTooltipState>;
|
60
101
|
/** @ignore */
|
61
|
-
|
102
|
+
readonly attachDetachEvent: import("@angular/core").WritableSignal<RdxTooltipAttachDetachEvent>;
|
62
103
|
/** @ignore */
|
63
|
-
private
|
104
|
+
private readonly isFirstDefaultOpen;
|
64
105
|
/** @ignore */
|
65
|
-
|
106
|
+
readonly anchorDirective: import("@angular/core").Signal<RdxTooltipAnchorDirective | undefined>;
|
66
107
|
/** @ignore */
|
67
|
-
|
108
|
+
readonly actionSubject$: Subject<RdxTooltipAction>;
|
109
|
+
constructor();
|
68
110
|
/** @ignore */
|
69
|
-
|
111
|
+
getAnimationParamsSnapshot(): {
|
112
|
+
cssAnimation: boolean;
|
113
|
+
cssOpeningAnimation: boolean;
|
114
|
+
cssClosingAnimation: boolean;
|
115
|
+
cssAnimationStatus: RdxTooltipAnimationStatus | null;
|
116
|
+
attachDetachEvent: RdxTooltipAttachDetachEvent;
|
117
|
+
state: RdxTooltipState;
|
118
|
+
canEmitOnOpenOrOnClosed: boolean;
|
119
|
+
};
|
70
120
|
/** @ignore */
|
71
|
-
|
121
|
+
controlledExternally(): import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
|
72
122
|
/** @ignore */
|
73
|
-
|
123
|
+
firstDefaultOpen(): boolean;
|
74
124
|
/** @ignore */
|
75
125
|
handleOpen(): void;
|
76
126
|
/** @ignore */
|
77
|
-
handleClose(): void;
|
127
|
+
handleClose(closeButton?: boolean): void;
|
128
|
+
/** @ignore */
|
129
|
+
handleToggle(): void;
|
130
|
+
/** @ignore */
|
131
|
+
isOpen(state?: RdxTooltipState): boolean;
|
132
|
+
/** @ignore */
|
133
|
+
private setState;
|
134
|
+
/** @ignore */
|
135
|
+
private openContent;
|
136
|
+
/** @ignore */
|
137
|
+
private closeContent;
|
138
|
+
/** @ignore */
|
139
|
+
private emitOnOpen;
|
78
140
|
/** @ignore */
|
79
|
-
private
|
141
|
+
private emitOnClosed;
|
80
142
|
/** @ignore */
|
81
|
-
private
|
143
|
+
private ifOpenOrCloseWithoutAnimations;
|
82
144
|
/** @ignore */
|
83
|
-
private
|
145
|
+
private ifOpenOrCloseWithAnimations;
|
84
146
|
/** @ignore */
|
85
|
-
private
|
147
|
+
private openOrClose;
|
86
148
|
/** @ignore */
|
87
|
-
private
|
149
|
+
private emitOnOpenOrOnClosed;
|
88
150
|
/** @ignore */
|
89
|
-
private
|
151
|
+
private canEmitOnOpenOrOnClosed;
|
90
152
|
/** @ignore */
|
91
|
-
private
|
153
|
+
private onStateChangeEffect;
|
92
154
|
/** @ignore */
|
93
|
-
private
|
155
|
+
private onCssAnimationStatusChangeChangeEffect;
|
94
156
|
/** @ignore */
|
95
|
-
private
|
157
|
+
private emitOpenOrClosedEventEffect;
|
96
158
|
/** @ignore */
|
97
|
-
private
|
159
|
+
private onOpenChangeEffect;
|
98
160
|
/** @ignore */
|
99
|
-
private
|
161
|
+
private onIsFirstDefaultOpenChangeEffect;
|
100
162
|
/** @ignore */
|
101
|
-
private
|
163
|
+
private onAnchorChangeEffect;
|
102
164
|
/** @ignore */
|
103
|
-
private
|
165
|
+
private actionSubscription;
|
104
166
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipRootDirective, never>;
|
105
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipRootDirective, "[rdxTooltipRoot]", ["rdxTooltipRoot"], { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "
|
167
|
+
static ɵdir: i0.ɵɵ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>;
|
106
168
|
}
|
@@ -1,26 +1,26 @@
|
|
1
|
+
import { CdkOverlayOrigin } from '@angular/cdk/overlay';
|
1
2
|
import { ElementRef } from '@angular/core';
|
2
3
|
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "@angular/cdk/overlay";
|
3
5
|
export declare class RdxTooltipTriggerDirective {
|
4
6
|
/** @ignore */
|
5
|
-
readonly
|
7
|
+
protected readonly rootDirective: import("@radix-ng/primitives/tooltip").RdxTooltipRootDirective;
|
6
8
|
/** @ignore */
|
7
9
|
readonly elementRef: ElementRef<HTMLElement>;
|
8
10
|
/** @ignore */
|
9
|
-
|
11
|
+
readonly overlayOrigin: CdkOverlayOrigin;
|
10
12
|
/** @ignore */
|
11
|
-
|
13
|
+
readonly name: import("@angular/core").Signal<string>;
|
12
14
|
/** @ignore */
|
13
|
-
|
15
|
+
pointerenter(): void;
|
14
16
|
/** @ignore */
|
15
|
-
|
17
|
+
pointerleave(): void;
|
16
18
|
/** @ignore */
|
17
|
-
|
19
|
+
focus(): void;
|
18
20
|
/** @ignore */
|
19
|
-
|
21
|
+
blur(): void;
|
20
22
|
/** @ignore */
|
21
|
-
|
22
|
-
/** @ignore */
|
23
|
-
onClick(): void;
|
23
|
+
click(): void;
|
24
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipTriggerDirective, never>;
|
25
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipTriggerDirective, "[rdxTooltipTrigger]", never, {}, {}, never, never, true,
|
25
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipTriggerDirective, "[rdxTooltipTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
|
26
26
|
}
|
@@ -1,7 +1,18 @@
|
|
1
|
-
export
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
1
|
+
export declare enum RdxTooltipState {
|
2
|
+
OPEN = "open",
|
3
|
+
CLOSED = "closed"
|
4
|
+
}
|
5
|
+
export declare enum RdxTooltipAction {
|
6
|
+
OPEN = "open",
|
7
|
+
CLOSE = "close"
|
8
|
+
}
|
9
|
+
export declare enum RdxTooltipAttachDetachEvent {
|
10
|
+
ATTACH = "attach",
|
11
|
+
DETACH = "detach"
|
12
|
+
}
|
13
|
+
export declare enum RdxTooltipAnimationStatus {
|
14
|
+
OPEN_STARTED = "open_started",
|
15
|
+
OPEN_ENDED = "open_ended",
|
16
|
+
CLOSED_STARTED = "closed_started",
|
17
|
+
CLOSED_ENDED = "closed_ended"
|
18
|
+
}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
import { DestroyRef, EnvironmentProviders, NgZone, Provider, Renderer2 } from '@angular/core';
|
2
|
+
import { EventType, PrimitiveConfig, PrimitiveConfigs } from './types';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
declare class RdxCdkEventService {
|
5
|
+
#private;
|
6
|
+
document: Document;
|
7
|
+
destroyRef: DestroyRef;
|
8
|
+
ngZone: NgZone;
|
9
|
+
renderer2: Renderer2;
|
10
|
+
window: Window & typeof globalThis;
|
11
|
+
primitiveConfigs?: PrimitiveConfigs;
|
12
|
+
onDestroyCallbacks: Set<() => void>;
|
13
|
+
constructor();
|
14
|
+
registerPrimitive<T extends object>(primitiveInstance: T): void;
|
15
|
+
deregisterPrimitive<T extends object>(primitiveInstance: T): void;
|
16
|
+
preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): void;
|
17
|
+
allowPrimitiveForCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): void;
|
18
|
+
preventPrimitiveFromCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: EventType[]): void;
|
19
|
+
allowPrimitiveForCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: EventType[]): void;
|
20
|
+
setPreventPrimitiveFromCdkMixEvents<T extends object>(primitiveInstance: T, eventTypes: PrimitiveConfig): void;
|
21
|
+
primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): boolean | undefined;
|
22
|
+
addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
|
23
|
+
removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RdxCdkEventService, never>;
|
25
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<RdxCdkEventService>;
|
26
|
+
}
|
27
|
+
export declare const provideRdxCdkEventServiceInRoot: () => EnvironmentProviders;
|
28
|
+
export declare const provideRdxCdkEventService: () => Provider;
|
29
|
+
export declare const injectRdxCdkEventService: () => RdxCdkEventService | null;
|
30
|
+
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const RdxCdkEventServiceWindowKey: unique symbol;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
export type EventType = 'cdkOverlayOutsideClick' | 'cdkOverlayEscapeKeyDown';
|
2
|
+
export type EventTypeCapitalized<R extends EventType = EventType> = Capitalize<R>;
|
3
|
+
export type EventTypeAsPrimitiveConfigKey<R extends EventType = EventType> = `prevent${EventTypeCapitalized<R>}`;
|
4
|
+
export type PrimitiveConfig = {
|
5
|
+
[value in EventTypeAsPrimitiveConfigKey]?: boolean;
|
6
|
+
};
|
7
|
+
export type PrimitiveConfigs = Map<object, PrimitiveConfig>;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { RdxTooltipRootDirective } from './tooltip-root.directive';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export declare class RdxTooltipContentAttributesDirective {
|
4
|
-
readonly tooltipRoot: RdxTooltipRootDirective;
|
5
|
-
readonly tooltipContent: import("@radix-ng/primitives/tooltip").RdxTooltipContentDirective;
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipContentAttributesDirective, never>;
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipContentAttributesDirective, "[rdxTooltipContentAttributes]", never, {}, {}, never, never, true, never>;
|
8
|
-
}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import { InjectionToken, Provider } from '@angular/core';
|
2
|
-
import { RdxTooltipConfig } from './tooltip.types';
|
3
|
-
export declare const defaultTooltipConfig: RdxTooltipConfig;
|
4
|
-
export declare const RdxTooltipConfigToken: InjectionToken<RdxTooltipConfig>;
|
5
|
-
export declare function provideRdxTooltipConfig(config: Partial<RdxTooltipConfig>): Provider[];
|
6
|
-
export declare function injectTooltipConfig(): RdxTooltipConfig;
|