@radix-ng/primitives 0.25.0 → 0.27.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.
Files changed (55) hide show
  1. package/compodoc/documentation.json +25078 -12716
  2. package/core/src/positioning/constants.d.ts +2 -1
  3. package/core/src/positioning/types.d.ts +16 -5
  4. package/fesm2022/radix-ng-primitives-core.mjs +22 -9
  5. package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
  6. package/fesm2022/radix-ng-primitives-hover-card.mjs +1213 -0
  7. package/fesm2022/radix-ng-primitives-hover-card.mjs.map +1 -0
  8. package/fesm2022/radix-ng-primitives-popover.mjs +20 -29
  9. package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
  10. package/fesm2022/radix-ng-primitives-tooltip.mjs +984 -355
  11. package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
  12. package/hover-card/README.md +3 -0
  13. package/hover-card/index.d.ts +20 -0
  14. package/hover-card/src/hover-card-anchor.directive.d.ts +28 -0
  15. package/hover-card/src/hover-card-anchor.token.d.ts +3 -0
  16. package/hover-card/src/hover-card-arrow.directive.d.ts +40 -0
  17. package/hover-card/src/hover-card-arrow.token.d.ts +3 -0
  18. package/hover-card/src/hover-card-close.directive.d.ts +18 -0
  19. package/hover-card/src/hover-card-close.token.d.ts +3 -0
  20. package/hover-card/src/hover-card-content-attributes.component.d.ts +25 -0
  21. package/hover-card/src/hover-card-content-attributes.token.d.ts +3 -0
  22. package/hover-card/src/hover-card-content.directive.d.ts +104 -0
  23. package/hover-card/src/hover-card-root.directive.d.ts +168 -0
  24. package/hover-card/src/hover-card-root.inject.d.ts +3 -0
  25. package/hover-card/src/hover-card-trigger.directive.d.ts +26 -0
  26. package/hover-card/src/hover-card.types.d.ts +18 -0
  27. package/hover-card/src/utils/cdk-event.service.d.ts +30 -0
  28. package/hover-card/src/utils/constants.d.ts +1 -0
  29. package/hover-card/src/utils/types.d.ts +7 -0
  30. package/package.json +5 -1
  31. package/popover/src/popover-arrow.directive.d.ts +3 -2
  32. package/popover/src/popover-content.directive.d.ts +6 -5
  33. package/popover/src/popover-root.directive.d.ts +8 -8
  34. package/popover/src/popover-trigger.directive.d.ts +1 -1
  35. package/tooltip/README.md +2 -0
  36. package/tooltip/index.d.ts +9 -6
  37. package/tooltip/src/tooltip-anchor.directive.d.ts +28 -0
  38. package/tooltip/src/tooltip-anchor.token.d.ts +3 -0
  39. package/tooltip/src/tooltip-arrow.directive.d.ts +18 -16
  40. package/tooltip/src/tooltip-close.directive.d.ts +18 -0
  41. package/tooltip/src/tooltip-close.token.d.ts +3 -0
  42. package/tooltip/src/tooltip-content-attributes.component.d.ts +25 -0
  43. package/tooltip/src/tooltip-content-attributes.token.d.ts +3 -0
  44. package/tooltip/src/tooltip-content.directive.d.ts +85 -16
  45. package/tooltip/src/tooltip-root.directive.d.ts +121 -59
  46. package/tooltip/src/tooltip-root.inject.d.ts +3 -0
  47. package/tooltip/src/tooltip-trigger.directive.d.ts +11 -11
  48. package/tooltip/src/tooltip.types.d.ts +18 -7
  49. package/tooltip/src/utils/cdk-event.service.d.ts +30 -0
  50. package/tooltip/src/utils/constants.d.ts +1 -0
  51. package/tooltip/src/utils/types.d.ts +7 -0
  52. package/popover/src/popover.constants.d.ts +0 -6
  53. package/tooltip/src/tooltip-content-attributes.directive.d.ts +0 -8
  54. package/tooltip/src/tooltip-content.token.d.ts +0 -3
  55. package/tooltip/src/tooltip.config.d.ts +0 -6
@@ -0,0 +1,168 @@
1
+ import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
2
+ import { DestroyRef, ViewContainerRef } from '@angular/core';
3
+ import { Subject } from 'rxjs';
4
+ import { RdxHoverCardAnchorDirective } from './hover-card-anchor.directive';
5
+ import { RdxHoverCardContentDirective } from './hover-card-content.directive';
6
+ import { RdxHoverCardTriggerDirective } from './hover-card-trigger.directive';
7
+ import { RdxHoverCardAction, RdxHoverCardAnimationStatus, RdxHoverCardAttachDetachEvent, RdxHoverCardState } from './hover-card.types';
8
+ import * as i0 from "@angular/core";
9
+ export declare class RdxHoverCardRootDirective {
10
+ /** @ignore */
11
+ readonly uniqueId: import("@angular/core").WritableSignal<number>;
12
+ /** @ignore */
13
+ readonly name: import("@angular/core").Signal<string>;
14
+ /**
15
+ * @description The anchor directive that comes form outside the hover-card rootDirective
16
+ * @default undefined
17
+ */
18
+ readonly anchor: import("@angular/core").InputSignal<RdxHoverCardAnchorDirective | undefined>;
19
+ /**
20
+ * @description The open state of the hover-card when it is initially rendered. Use when you do not need to control its open state.
21
+ * @default false
22
+ */
23
+ readonly defaultOpen: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
24
+ /**
25
+ * @description The controlled state of the hover-card. `open` input take precedence of `defaultOpen` input.
26
+ * @default undefined
27
+ */
28
+ readonly open: import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
29
+ /**
30
+ * To customise the open delay for a specific hover-card.
31
+ */
32
+ readonly openDelay: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
33
+ /**
34
+ * To customise the close delay for a specific hover-card.
35
+ */
36
+ readonly closeDelay: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
37
+ /**
38
+ * @description Whether to control the state of the hover-card from external. Use in conjunction with `open` input.
39
+ * @default undefined
40
+ */
41
+ readonly externalControl: import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
42
+ /**
43
+ * @description Whether to take into account CSS opening/closing animations.
44
+ * @default false
45
+ */
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<RdxHoverCardAnimationStatus | null>;
59
+ /** @ignore */
60
+ readonly contentDirective: import("@angular/core").Signal<RdxHoverCardContentDirective>;
61
+ /** @ignore */
62
+ readonly triggerDirective: import("@angular/core").Signal<RdxHoverCardTriggerDirective>;
63
+ /** @ignore */
64
+ readonly arrowDirective: import("@angular/core").Signal<import("@radix-ng/primitives/hover-card").RdxHoverCardArrowDirective | undefined>;
65
+ /** @ignore */
66
+ readonly closeDirective: import("@angular/core").Signal<import("@radix-ng/primitives/hover-card").RdxHoverCardCloseDirective | undefined>;
67
+ /** @ignore */
68
+ readonly contentAttributesComponent: import("@angular/core").Signal<import("@radix-ng/primitives/hover-card").RdxHoverCardContentAttributesComponent | undefined>;
69
+ /** @ignore */
70
+ private readonly internalAnchorDirective;
71
+ /** @ignore */
72
+ readonly viewContainerRef: ViewContainerRef;
73
+ /** @ignore */
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
+ "__#5800@#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
+ "__#5800@#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
+ "__#5800@#registerOnDestroyCallbacks"(): void;
95
+ "__#5800@#listenToClickDomRootEvent"(): void;
96
+ } | null;
97
+ /** @ignore */
98
+ readonly destroyRef: DestroyRef;
99
+ /** @ignore */
100
+ readonly state: import("@angular/core").WritableSignal<RdxHoverCardState>;
101
+ /** @ignore */
102
+ readonly attachDetachEvent: import("@angular/core").WritableSignal<RdxHoverCardAttachDetachEvent>;
103
+ /** @ignore */
104
+ private readonly isFirstDefaultOpen;
105
+ /** @ignore */
106
+ readonly anchorDirective: import("@angular/core").Signal<RdxHoverCardAnchorDirective | undefined>;
107
+ /** @ignore */
108
+ readonly actionSubject$: Subject<RdxHoverCardAction>;
109
+ constructor();
110
+ /** @ignore */
111
+ getAnimationParamsSnapshot(): {
112
+ cssAnimation: boolean;
113
+ cssOpeningAnimation: boolean;
114
+ cssClosingAnimation: boolean;
115
+ cssAnimationStatus: RdxHoverCardAnimationStatus | null;
116
+ attachDetachEvent: RdxHoverCardAttachDetachEvent;
117
+ state: RdxHoverCardState;
118
+ canEmitOnOpenOrOnClosed: boolean;
119
+ };
120
+ /** @ignore */
121
+ controlledExternally(): import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
122
+ /** @ignore */
123
+ firstDefaultOpen(): boolean;
124
+ /** @ignore */
125
+ handleOpen(): void;
126
+ /** @ignore */
127
+ handleClose(closeButton?: boolean): void;
128
+ /** @ignore */
129
+ handleToggle(): void;
130
+ /** @ignore */
131
+ isOpen(state?: RdxHoverCardState): boolean;
132
+ /** @ignore */
133
+ private setState;
134
+ /** @ignore */
135
+ private openContent;
136
+ /** @ignore */
137
+ private closeContent;
138
+ /** @ignore */
139
+ private emitOnOpen;
140
+ /** @ignore */
141
+ private emitOnClosed;
142
+ /** @ignore */
143
+ private ifOpenOrCloseWithoutAnimations;
144
+ /** @ignore */
145
+ private ifOpenOrCloseWithAnimations;
146
+ /** @ignore */
147
+ private openOrClose;
148
+ /** @ignore */
149
+ private emitOnOpenOrOnClosed;
150
+ /** @ignore */
151
+ private canEmitOnOpenOrOnClosed;
152
+ /** @ignore */
153
+ private onStateChangeEffect;
154
+ /** @ignore */
155
+ private onCssAnimationStatusChangeChangeEffect;
156
+ /** @ignore */
157
+ private emitOpenOrClosedEventEffect;
158
+ /** @ignore */
159
+ private onOpenChangeEffect;
160
+ /** @ignore */
161
+ private onIsFirstDefaultOpenChangeEffect;
162
+ /** @ignore */
163
+ private onAnchorChangeEffect;
164
+ /** @ignore */
165
+ private actionSubscription;
166
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxHoverCardRootDirective, never>;
167
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxHoverCardRootDirective, "[rdxHoverCardRoot]", ["rdxHoverCardRoot"], { "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>;
168
+ }
@@ -0,0 +1,3 @@
1
+ import { RdxHoverCardRootDirective } from './hover-card-root.directive';
2
+ export declare function injectHoverCardRoot(optional?: false): RdxHoverCardRootDirective;
3
+ export declare function injectHoverCardRoot(optional: true): RdxHoverCardRootDirective | null;
@@ -0,0 +1,26 @@
1
+ import { CdkOverlayOrigin } from '@angular/cdk/overlay';
2
+ import { ElementRef } from '@angular/core';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@angular/cdk/overlay";
5
+ export declare class RdxHoverCardTriggerDirective {
6
+ /** @ignore */
7
+ protected readonly rootDirective: import("@radix-ng/primitives/hover-card").RdxHoverCardRootDirective;
8
+ /** @ignore */
9
+ readonly elementRef: ElementRef<HTMLElement>;
10
+ /** @ignore */
11
+ readonly overlayOrigin: CdkOverlayOrigin;
12
+ /** @ignore */
13
+ readonly name: import("@angular/core").Signal<string>;
14
+ /** @ignore */
15
+ protected pointerenter(): void;
16
+ /** @ignore */
17
+ protected pointerleave(): void;
18
+ /** @ignore */
19
+ protected focus(): void;
20
+ /** @ignore */
21
+ protected blur(): void;
22
+ /** @ignore */
23
+ protected click(): void;
24
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxHoverCardTriggerDirective, never>;
25
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxHoverCardTriggerDirective, "[rdxHoverCardTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
26
+ }
@@ -0,0 +1,18 @@
1
+ export declare enum RdxHoverCardState {
2
+ OPEN = "open",
3
+ CLOSED = "closed"
4
+ }
5
+ export declare enum RdxHoverCardAction {
6
+ OPEN = "open",
7
+ CLOSE = "close"
8
+ }
9
+ export declare enum RdxHoverCardAttachDetachEvent {
10
+ ATTACH = "attach",
11
+ DETACH = "detach"
12
+ }
13
+ export declare enum RdxHoverCardAnimationStatus {
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>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@radix-ng/primitives",
3
- "version": "0.25.0",
3
+ "version": "0.27.0",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -75,6 +75,10 @@
75
75
  "types": "./dropdown-menu/index.d.ts",
76
76
  "default": "./fesm2022/radix-ng-primitives-dropdown-menu.mjs"
77
77
  },
78
+ "./hover-card": {
79
+ "types": "./hover-card/index.d.ts",
80
+ "default": "./fesm2022/radix-ng-primitives-hover-card.mjs"
81
+ },
78
82
  "./label": {
79
83
  "types": "./label/index.d.ts",
80
84
  "default": "./fesm2022/radix-ng-primitives-label.mjs"
@@ -1,3 +1,4 @@
1
+ import { NumberInput } from '@angular/cdk/coercion';
1
2
  import { ElementRef } from '@angular/core';
2
3
  import * as i0 from "@angular/core";
3
4
  export declare class RdxPopoverArrowDirective {
@@ -11,12 +12,12 @@ export declare class RdxPopoverArrowDirective {
11
12
  * @description The width of the arrow in pixels.
12
13
  * @default 10
13
14
  */
14
- readonly width: import("@angular/core").InputSignal<number>;
15
+ readonly width: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
15
16
  /**
16
17
  * @description The height of the arrow in pixels.
17
18
  * @default 5
18
19
  */
19
- readonly height: import("@angular/core").InputSignal<number>;
20
+ readonly height: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
20
21
  /** @ignore */
21
22
  readonly arrowSvgElement: import("@angular/core").Signal<HTMLElement>;
22
23
  /** @ignore */
@@ -1,3 +1,4 @@
1
+ import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
1
2
  import { OnInit } from '@angular/core';
2
3
  import { RdxPositionAlign, RdxPositionSide } from '@radix-ng/primitives/core';
3
4
  import * as i0 from "@angular/core";
@@ -24,7 +25,7 @@ export declare class RdxPopoverContentDirective implements OnInit {
24
25
  * @description The distance in pixels from the trigger.
25
26
  * @default undefined
26
27
  */
27
- readonly sideOffset: import("@angular/core").InputSignal<number | undefined>;
28
+ readonly sideOffset: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
28
29
  /**
29
30
  * @description The preferred alignment against the trigger. May change when collisions occur.
30
31
  * @default center
@@ -34,16 +35,16 @@ export declare class RdxPopoverContentDirective implements OnInit {
34
35
  * @description An offset in pixels from the "start" or "end" alignment options.
35
36
  * @default undefined
36
37
  */
37
- readonly alignOffset: import("@angular/core").InputSignal<number | undefined>;
38
+ readonly alignOffset: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
38
39
  /**
39
40
  * @description Whether to add some alternate positions of the content.
40
41
  * @default false
41
42
  */
42
- readonly alternatePositionsDisabled: import("@angular/core").InputSignal<boolean>;
43
+ readonly alternatePositionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
43
44
  /** @description Whether to prevent `onOverlayEscapeKeyDown` handler from calling. */
44
- readonly onOverlayEscapeKeyDownDisabled: import("@angular/core").InputSignal<boolean>;
45
+ readonly onOverlayEscapeKeyDownDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
45
46
  /** @description Whether to prevent `onOverlayOutsideClick` handler from calling. */
46
- readonly onOverlayOutsideClickDisabled: import("@angular/core").InputSignal<boolean>;
47
+ readonly onOverlayOutsideClickDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
47
48
  /**
48
49
  * @description Event handler called when the escape key is down.
49
50
  * It can be prevented by setting `onOverlayEscapeKeyDownDisabled` input to `true`.
@@ -19,17 +19,17 @@ export declare class RdxPopoverRootDirective {
19
19
  * @description The open state of the popover when it is initially rendered. Use when you do not need to control its open state.
20
20
  * @default false
21
21
  */
22
- readonly defaultOpen: import("@angular/core").InputSignal<boolean>;
22
+ readonly defaultOpen: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
23
23
  /**
24
24
  * @description The controlled state of the popover. `open` input take precedence of `defaultOpen` input.
25
25
  * @default undefined
26
26
  */
27
- readonly open: import("@angular/core").InputSignal<boolean | undefined>;
27
+ readonly open: import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
28
28
  /**
29
29
  * @description Whether to control the state of the popover from external. Use in conjunction with `open` input.
30
30
  * @default undefined
31
31
  */
32
- readonly externalControl: import("@angular/core").InputSignal<boolean | undefined>;
32
+ readonly externalControl: import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
33
33
  /**
34
34
  * @description Whether to take into account CSS opening/closing animations.
35
35
  * @default false
@@ -70,7 +70,7 @@ export declare class RdxPopoverRootDirective {
70
70
  window: Window & typeof globalThis;
71
71
  primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
72
72
  onDestroyCallbacks: Set<() => void>;
73
- "__#6158@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
73
+ "__#7449@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
74
74
  registerPrimitive<T extends object>(primitiveInstance: T): void;
75
75
  deregisterPrimitive<T extends object>(primitiveInstance: T): void;
76
76
  preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -81,9 +81,9 @@ export declare class RdxPopoverRootDirective {
81
81
  primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
82
82
  addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
83
83
  removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
84
- "__#6158@#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;
85
- "__#6158@#registerOnDestroyCallbacks"(): void;
86
- "__#6158@#listenToClickDomRootEvent"(): void;
84
+ "__#7449@#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;
85
+ "__#7449@#registerOnDestroyCallbacks"(): void;
86
+ "__#7449@#listenToClickDomRootEvent"(): void;
87
87
  } | null;
88
88
  /** @ignore */
89
89
  readonly destroyRef: DestroyRef;
@@ -107,7 +107,7 @@ export declare class RdxPopoverRootDirective {
107
107
  canEmitOnOpenOrOnClosed: boolean;
108
108
  };
109
109
  /** @ignore */
110
- controlledExternally(): import("@angular/core").InputSignal<boolean | undefined>;
110
+ controlledExternally(): import("@angular/core").InputSignalWithTransform<boolean | undefined, BooleanInput>;
111
111
  /** @ignore */
112
112
  firstDefaultOpen(): boolean;
113
113
  /** @ignore */
@@ -12,7 +12,7 @@ export declare class RdxPopoverTriggerDirective {
12
12
  /** @ignore */
13
13
  readonly name: import("@angular/core").Signal<string>;
14
14
  /** @ignore */
15
- click(): void;
15
+ protected click(): void;
16
16
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxPopoverTriggerDirective, never>;
17
17
  static ɵdir: i0.ɵɵDirectiveDeclaration<RdxPopoverTriggerDirective, "[rdxPopoverTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
18
18
  }
package/tooltip/README.md CHANGED
@@ -1 +1,3 @@
1
1
  # @radix-ng/primitives/tooltip
2
+
3
+ Secondary entry point of `@radix-ng/primitives`. It can be used by importing from `@radix-ng/primitives/tooltip`.
@@ -1,17 +1,20 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./src/tooltip-arrow.directive";
3
- import * as i2 from "./src/tooltip-content.directive";
4
- import * as i3 from "./src/tooltip-trigger.directive";
5
- import * as i4 from "./src/tooltip-content-attributes.directive";
3
+ import * as i2 from "./src/tooltip-close.directive";
4
+ import * as i3 from "./src/tooltip-content.directive";
5
+ import * as i4 from "./src/tooltip-trigger.directive";
6
6
  import * as i5 from "./src/tooltip-root.directive";
7
+ import * as i6 from "./src/tooltip-anchor.directive";
8
+ import * as i7 from "./src/tooltip-content-attributes.component";
9
+ export * from './src/tooltip-anchor.directive';
7
10
  export * from './src/tooltip-arrow.directive';
8
- export * from './src/tooltip-content-attributes.directive';
11
+ export * from './src/tooltip-close.directive';
12
+ export * from './src/tooltip-content-attributes.component';
9
13
  export * from './src/tooltip-content.directive';
10
14
  export * from './src/tooltip-root.directive';
11
15
  export * from './src/tooltip-trigger.directive';
12
- export * from './src/tooltip.types';
13
16
  export declare class RdxTooltipModule {
14
17
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipModule, never>;
15
- static ɵmod: i0.ɵɵNgModuleDeclaration<RdxTooltipModule, never, [typeof i1.RdxTooltipArrowDirective, typeof i2.RdxTooltipContentDirective, typeof i3.RdxTooltipTriggerDirective, typeof i4.RdxTooltipContentAttributesDirective, typeof i5.RdxTooltipRootDirective], [typeof i1.RdxTooltipArrowDirective, typeof i2.RdxTooltipContentDirective, typeof i3.RdxTooltipTriggerDirective, typeof i4.RdxTooltipContentAttributesDirective, typeof i5.RdxTooltipRootDirective]>;
18
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RdxTooltipModule, never, [typeof i1.RdxTooltipArrowDirective, typeof i2.RdxTooltipCloseDirective, typeof i3.RdxTooltipContentDirective, typeof i4.RdxTooltipTriggerDirective, typeof i5.RdxTooltipRootDirective, typeof i6.RdxTooltipAnchorDirective, typeof i7.RdxTooltipContentAttributesComponent], [typeof i1.RdxTooltipArrowDirective, typeof i2.RdxTooltipCloseDirective, typeof i3.RdxTooltipContentDirective, typeof i4.RdxTooltipTriggerDirective, typeof i5.RdxTooltipRootDirective, typeof i6.RdxTooltipAnchorDirective, typeof i7.RdxTooltipContentAttributesComponent]>;
16
19
  static ɵinj: i0.ɵɵInjectorDeclaration<RdxTooltipModule>;
17
20
  }
@@ -0,0 +1,28 @@
1
+ import { CdkOverlayOrigin } from '@angular/cdk/overlay';
2
+ import { ElementRef } from '@angular/core';
3
+ import { RdxTooltipRootDirective } from './tooltip-root.directive';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "@angular/cdk/overlay";
6
+ export declare class RdxTooltipAnchorDirective {
7
+ /**
8
+ * @ignore
9
+ * If outside the rootDirective then null, otherwise the rootDirective directive - with optional `true` passed in as the first param.
10
+ * If outside the rootDirective and non-null value that means the html structure is wrong - tooltip inside tooltip.
11
+ * */
12
+ protected rootDirective: RdxTooltipRootDirective | null;
13
+ /** @ignore */
14
+ readonly elementRef: ElementRef<any>;
15
+ /** @ignore */
16
+ readonly overlayOrigin: CdkOverlayOrigin;
17
+ /** @ignore */
18
+ readonly document: Document;
19
+ /** @ignore */
20
+ readonly name: import("@angular/core").Signal<string>;
21
+ /** @ignore */
22
+ click(): void;
23
+ /** @ignore */
24
+ setRoot(root: RdxTooltipRootDirective): void;
25
+ private emitOutsideClick;
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipAnchorDirective, never>;
27
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipAnchorDirective, "[rdxTooltipAnchor]", ["rdxTooltipAnchor"], {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
28
+ }
@@ -0,0 +1,3 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ import { RdxTooltipAnchorDirective } from './tooltip-anchor.directive';
3
+ export declare const RdxTooltipAnchorToken: InjectionToken<RdxTooltipAnchorDirective>;
@@ -1,38 +1,40 @@
1
+ import { NumberInput } from '@angular/cdk/coercion';
2
+ import { ElementRef } from '@angular/core';
1
3
  import * as i0 from "@angular/core";
2
4
  export declare class RdxTooltipArrowDirective {
3
- /** @ignore */
4
- readonly tooltipRoot: import("./tooltip-root.directive").RdxTooltipRootDirective;
5
5
  /** @ignore */
6
6
  private readonly renderer;
7
7
  /** @ignore */
8
- private readonly contentDirective;
8
+ private readonly rootDirective;
9
9
  /** @ignore */
10
- private readonly elementRef;
10
+ readonly elementRef: ElementRef<any>;
11
11
  /**
12
- * The width of the arrow in pixels.
12
+ * @description The width of the arrow in pixels.
13
+ * @default 10
13
14
  */
14
- readonly width: import("@angular/core").InputSignal<number>;
15
+ readonly width: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
15
16
  /**
16
- * The height of the arrow in pixels.
17
+ * @description The height of the arrow in pixels.
18
+ * @default 5
17
19
  */
18
- readonly height: import("@angular/core").InputSignal<number>;
19
- /**
20
- * @ignore
21
- * */
22
- private triggerRect;
20
+ readonly height: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
21
+ /** @ignore */
22
+ readonly arrowSvgElement: import("@angular/core").Signal<HTMLElement>;
23
23
  /** @ignore */
24
24
  private readonly currentArrowSvgElement;
25
25
  /** @ignore */
26
- readonly arrowSvgElement: import("@angular/core").Signal<HTMLElement>;
26
+ private readonly position;
27
+ /** @ignore */
28
+ private anchorOrTriggerRect;
27
29
  constructor();
28
30
  /** @ignore */
29
- private setTriggerRect;
31
+ private setAnchorOrTriggerRect;
30
32
  /** @ignore */
31
33
  private setPosition;
32
34
  /** @ignore */
33
- private readonly onArrowSvgElementChangeEffect;
35
+ private onArrowSvgElementChangeEffect;
34
36
  /** @ignore */
35
- private readonly onContentPositionAndArrowDimensionsChangeEffect;
37
+ private onContentPositionAndArrowDimensionsChangeEffect;
36
38
  static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipArrowDirective, never>;
37
39
  static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipArrowDirective, "[rdxTooltipArrow]", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
38
40
  }
@@ -0,0 +1,18 @@
1
+ import { ElementRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ /**
4
+ * TODO: to be removed? But it seems to be useful when controlled from outside
5
+ */
6
+ export declare class RdxTooltipCloseDirective {
7
+ /** @ignore */
8
+ protected readonly rootDirective: import("@radix-ng/primitives/tooltip").RdxTooltipRootDirective;
9
+ /** @ignore */
10
+ readonly elementRef: ElementRef<any>;
11
+ /** @ignore */
12
+ private readonly renderer;
13
+ constructor();
14
+ /** @ignore */
15
+ private onIsControlledExternallyEffect;
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipCloseDirective, never>;
17
+ static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTooltipCloseDirective, "[rdxTooltipClose]", never, {}, {}, never, never, true, never>;
18
+ }
@@ -0,0 +1,3 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ import { RdxTooltipCloseDirective } from './tooltip-close.directive';
3
+ export declare const RdxTooltipCloseToken: InjectionToken<RdxTooltipCloseDirective>;
@@ -0,0 +1,25 @@
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
+ protected pointerenter(): void;
15
+ /** @ignore */
16
+ protected pointerleave(): void;
17
+ /** @ignore */
18
+ protected focus(): void;
19
+ /** @ignore */
20
+ protected blur(): void;
21
+ /** @ignore */
22
+ private canAnimate;
23
+ static ɵfac: i0.ɵɵFactoryDeclaration<RdxTooltipContentAttributesComponent, never>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<RdxTooltipContentAttributesComponent, "[rdxTooltipContentAttributes]", never, {}, {}, never, ["*"], true, never>;
25
+ }
@@ -0,0 +1,3 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ import { RdxTooltipContentAttributesComponent } from './tooltip-content-attributes.component';
3
+ export declare const RdxTooltipContentAttributesToken: InjectionToken<RdxTooltipContentAttributesComponent>;