@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,471 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { ElementRef, OnInit, ViewContainerRef, DestroyRef } from '@angular/core';
|
|
3
|
-
import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
|
|
4
|
-
import * as _radix_ng_primitives_hover_card from '@radix-ng/primitives/hover-card';
|
|
5
|
-
import * as rxjs from 'rxjs';
|
|
6
|
-
import { Subject } from 'rxjs';
|
|
7
|
-
import * as i1 from '@angular/cdk/overlay';
|
|
8
|
-
import { CdkOverlayOrigin } from '@angular/cdk/overlay';
|
|
9
|
-
import { RdxPositionSide, RdxPositionAlign } from '@radix-ng/primitives/core';
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* @group Components
|
|
13
|
-
*/
|
|
14
|
-
declare class RdxHoverCardArrowDirective {
|
|
15
|
-
/** @ignore */
|
|
16
|
-
private readonly renderer;
|
|
17
|
-
/** @ignore */
|
|
18
|
-
private readonly rootDirective;
|
|
19
|
-
/** @ignore */
|
|
20
|
-
readonly elementRef: ElementRef<any>;
|
|
21
|
-
/**
|
|
22
|
-
* The width of the arrow in pixels.
|
|
23
|
-
* @group Props
|
|
24
|
-
* @defaultValue 10
|
|
25
|
-
*/
|
|
26
|
-
readonly width: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
27
|
-
/**
|
|
28
|
-
* The height of the arrow in pixels.
|
|
29
|
-
* @group Props
|
|
30
|
-
* @defaultValue 5
|
|
31
|
-
*/
|
|
32
|
-
readonly height: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
33
|
-
/** @ignore */
|
|
34
|
-
readonly arrowSvgElement: _angular_core.Signal<HTMLElement>;
|
|
35
|
-
/** @ignore */
|
|
36
|
-
private readonly currentArrowSvgElement;
|
|
37
|
-
/** @ignore */
|
|
38
|
-
private readonly position;
|
|
39
|
-
/** @ignore */
|
|
40
|
-
private anchorOrTriggerRect;
|
|
41
|
-
constructor();
|
|
42
|
-
/** @ignore */
|
|
43
|
-
private setAnchorOrTriggerRect;
|
|
44
|
-
/** @ignore */
|
|
45
|
-
private setPosition;
|
|
46
|
-
/** @ignore */
|
|
47
|
-
private onArrowSvgElementChangeEffect;
|
|
48
|
-
/** @ignore */
|
|
49
|
-
private onContentPositionAndArrowDimensionsChangeEffect;
|
|
50
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxHoverCardArrowDirective, never>;
|
|
51
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxHoverCardArrowDirective, "[rdxHoverCardArrow]", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* TODO: to be removed? But it seems to be useful when controlled from outside
|
|
56
|
-
*/
|
|
57
|
-
declare class RdxHoverCardCloseDirective {
|
|
58
|
-
/** @ignore */
|
|
59
|
-
protected readonly rootDirective: _radix_ng_primitives_hover_card.RdxHoverCardRootDirective;
|
|
60
|
-
/** @ignore */
|
|
61
|
-
readonly elementRef: ElementRef<any>;
|
|
62
|
-
/** @ignore */
|
|
63
|
-
private readonly renderer;
|
|
64
|
-
constructor();
|
|
65
|
-
/** @ignore */
|
|
66
|
-
private onIsControlledExternallyEffect;
|
|
67
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxHoverCardCloseDirective, never>;
|
|
68
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxHoverCardCloseDirective, "[rdxHoverCardClose]", never, {}, {}, never, never, true, never>;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* @group Components
|
|
73
|
-
*/
|
|
74
|
-
declare class RdxHoverCardContentDirective implements OnInit {
|
|
75
|
-
/** @ignore */
|
|
76
|
-
private readonly rootDirective;
|
|
77
|
-
/** @ignore */
|
|
78
|
-
private readonly templateRef;
|
|
79
|
-
/** @ignore */
|
|
80
|
-
private readonly overlay;
|
|
81
|
-
/** @ignore */
|
|
82
|
-
private readonly destroyRef;
|
|
83
|
-
/** @ignore */
|
|
84
|
-
private readonly connectedOverlay;
|
|
85
|
-
/** @ignore */
|
|
86
|
-
readonly name: _angular_core.Signal<string>;
|
|
87
|
-
/**
|
|
88
|
-
* The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
|
|
89
|
-
* @group Props
|
|
90
|
-
* @defaultValue top
|
|
91
|
-
*/
|
|
92
|
-
readonly side: _angular_core.InputSignal<RdxPositionSide>;
|
|
93
|
-
/**
|
|
94
|
-
* The distance in pixels from the trigger.
|
|
95
|
-
* @group Props
|
|
96
|
-
* @defaultValue undefined
|
|
97
|
-
*/
|
|
98
|
-
readonly sideOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
99
|
-
/**
|
|
100
|
-
* The preferred alignment against the trigger. May change when collisions occur.
|
|
101
|
-
* @group Props
|
|
102
|
-
* @defaultValue center
|
|
103
|
-
*/
|
|
104
|
-
readonly align: _angular_core.InputSignal<RdxPositionAlign>;
|
|
105
|
-
/**
|
|
106
|
-
* An offset in pixels from the "start" or "end" alignment options.
|
|
107
|
-
* @group Props
|
|
108
|
-
* @defaultValue undefined
|
|
109
|
-
*/
|
|
110
|
-
readonly alignOffset: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
111
|
-
/**
|
|
112
|
-
* Whether to add some alternate positions of the content.
|
|
113
|
-
* @group Props
|
|
114
|
-
* @defaultValue false
|
|
115
|
-
*/
|
|
116
|
-
readonly alternatePositionsDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
117
|
-
/**
|
|
118
|
-
* Whether to prevent `onOverlayEscapeKeyDown` handler from calling.
|
|
119
|
-
* @group Props
|
|
120
|
-
* @defaultValue false
|
|
121
|
-
*/
|
|
122
|
-
readonly onOverlayEscapeKeyDownDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
123
|
-
/**
|
|
124
|
-
* Whether to prevent `onOverlayOutsideClick` handler from calling.
|
|
125
|
-
* @group Props
|
|
126
|
-
* @defaultValue false
|
|
127
|
-
*/
|
|
128
|
-
readonly onOverlayOutsideClickDisabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
129
|
-
/**
|
|
130
|
-
* Event handler called when the escape key is down.
|
|
131
|
-
* It can be prevented by setting `onOverlayEscapeKeyDownDisabled` input to `true`.
|
|
132
|
-
* @group Emits
|
|
133
|
-
*/
|
|
134
|
-
readonly onOverlayEscapeKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
135
|
-
/**
|
|
136
|
-
* Event handler called when a pointer event occurs outside the bounds of the component.
|
|
137
|
-
* It can be prevented by setting `onOverlayOutsideClickDisabled` input to `true`.
|
|
138
|
-
* @group Emits
|
|
139
|
-
*/
|
|
140
|
-
readonly onOverlayOutsideClick: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
141
|
-
/**
|
|
142
|
-
* Event handler called after the overlay is open
|
|
143
|
-
* @group Emits
|
|
144
|
-
*/
|
|
145
|
-
readonly onOpen: _angular_core.OutputEmitterRef<void>;
|
|
146
|
-
/**
|
|
147
|
-
* Event handler called after the overlay is closed
|
|
148
|
-
* @group Emits
|
|
149
|
-
*/
|
|
150
|
-
readonly onClosed: _angular_core.OutputEmitterRef<void>;
|
|
151
|
-
/** @ingore */
|
|
152
|
-
readonly positions: _angular_core.Signal<i1.ConnectedPosition[]>;
|
|
153
|
-
constructor();
|
|
154
|
-
/** @ignore */
|
|
155
|
-
ngOnInit(): void;
|
|
156
|
-
/** @ignore */
|
|
157
|
-
open(): void;
|
|
158
|
-
/** @ignore */
|
|
159
|
-
close(): void;
|
|
160
|
-
/** @ignore */
|
|
161
|
-
positionChange(): rxjs.Observable<i1.ConnectedOverlayPositionChange>;
|
|
162
|
-
/** @ignore */
|
|
163
|
-
private connectKeydownEscape;
|
|
164
|
-
/** @ignore */
|
|
165
|
-
private connectOutsideClick;
|
|
166
|
-
/** @ignore */
|
|
167
|
-
private onAttach;
|
|
168
|
-
/** @ignore */
|
|
169
|
-
private onDetach;
|
|
170
|
-
/** @ignore */
|
|
171
|
-
private setScrollStrategy;
|
|
172
|
-
/** @ignore */
|
|
173
|
-
private setHasBackdrop;
|
|
174
|
-
/** @ignore */
|
|
175
|
-
private setDisableClose;
|
|
176
|
-
/** @ignore */
|
|
177
|
-
private setOrigin;
|
|
178
|
-
/** @ignore */
|
|
179
|
-
private setPositions;
|
|
180
|
-
/** @ignore */
|
|
181
|
-
private computePositions;
|
|
182
|
-
private onOriginChangeEffect;
|
|
183
|
-
/** @ignore */
|
|
184
|
-
private onPositionChangeEffect;
|
|
185
|
-
/** @ignore */
|
|
186
|
-
private fireOverlayNgOnChanges;
|
|
187
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxHoverCardContentDirective, never>;
|
|
188
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxHoverCardContentDirective, "[rdxHoverCardContent]", 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: {}; }]>;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
declare class RdxHoverCardTriggerDirective {
|
|
192
|
-
/** @ignore */
|
|
193
|
-
protected readonly rootDirective: _radix_ng_primitives_hover_card.RdxHoverCardRootDirective;
|
|
194
|
-
/** @ignore */
|
|
195
|
-
readonly elementRef: ElementRef<HTMLElement>;
|
|
196
|
-
/** @ignore */
|
|
197
|
-
readonly overlayOrigin: CdkOverlayOrigin;
|
|
198
|
-
/** @ignore */
|
|
199
|
-
readonly name: _angular_core.Signal<string>;
|
|
200
|
-
/** @ignore */
|
|
201
|
-
protected pointerenter(): void;
|
|
202
|
-
/** @ignore */
|
|
203
|
-
protected pointerleave(): void;
|
|
204
|
-
/** @ignore */
|
|
205
|
-
protected focus(): void;
|
|
206
|
-
/** @ignore */
|
|
207
|
-
protected blur(): void;
|
|
208
|
-
/** @ignore */
|
|
209
|
-
protected click(): void;
|
|
210
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxHoverCardTriggerDirective, never>;
|
|
211
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxHoverCardTriggerDirective, "[rdxHoverCardTrigger]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
type EventType = 'cdkOverlayOutsideClick' | 'cdkOverlayEscapeKeyDown';
|
|
215
|
-
type EventTypeCapitalized<R extends EventType = EventType> = Capitalize<R>;
|
|
216
|
-
type EventTypeAsPrimitiveConfigKey<R extends EventType = EventType> = `prevent${EventTypeCapitalized<R>}`;
|
|
217
|
-
type PrimitiveConfig = {
|
|
218
|
-
[value in EventTypeAsPrimitiveConfigKey]?: boolean;
|
|
219
|
-
};
|
|
220
|
-
type PrimitiveConfigs = Map<object, PrimitiveConfig>;
|
|
221
|
-
|
|
222
|
-
declare class RdxHoverCardAnchorDirective {
|
|
223
|
-
/**
|
|
224
|
-
* @ignore
|
|
225
|
-
* If outside the rootDirective then null, otherwise the rootDirective directive - with optional `true` passed in as the first param.
|
|
226
|
-
* If outside the rootDirective and non-null value that means the html structure is wrong - hover-card inside hover-card.
|
|
227
|
-
* */
|
|
228
|
-
protected rootDirective: RdxHoverCardRootDirective | null;
|
|
229
|
-
/** @ignore */
|
|
230
|
-
readonly elementRef: ElementRef<any>;
|
|
231
|
-
/** @ignore */
|
|
232
|
-
readonly overlayOrigin: CdkOverlayOrigin;
|
|
233
|
-
/** @ignore */
|
|
234
|
-
readonly document: Document;
|
|
235
|
-
/** @ignore */
|
|
236
|
-
readonly name: _angular_core.Signal<string>;
|
|
237
|
-
/** @ignore */
|
|
238
|
-
click(): void;
|
|
239
|
-
/** @ignore */
|
|
240
|
-
setRoot(root: RdxHoverCardRootDirective): void;
|
|
241
|
-
private emitOutsideClick;
|
|
242
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxHoverCardAnchorDirective, never>;
|
|
243
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxHoverCardAnchorDirective, "[rdxHoverCardAnchor]", ["rdxHoverCardAnchor"], {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
declare enum RdxHoverCardState {
|
|
247
|
-
OPEN = "open",
|
|
248
|
-
CLOSED = "closed"
|
|
249
|
-
}
|
|
250
|
-
declare enum RdxHoverCardAction {
|
|
251
|
-
OPEN = "open",
|
|
252
|
-
CLOSE = "close"
|
|
253
|
-
}
|
|
254
|
-
declare enum RdxHoverCardAttachDetachEvent {
|
|
255
|
-
ATTACH = "attach",
|
|
256
|
-
DETACH = "detach"
|
|
257
|
-
}
|
|
258
|
-
declare enum RdxHoverCardAnimationStatus {
|
|
259
|
-
OPEN_STARTED = "open_started",
|
|
260
|
-
OPEN_ENDED = "open_ended",
|
|
261
|
-
CLOSED_STARTED = "closed_started",
|
|
262
|
-
CLOSED_ENDED = "closed_ended"
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
/**
|
|
266
|
-
* @group Components
|
|
267
|
-
*/
|
|
268
|
-
declare class RdxHoverCardRootDirective {
|
|
269
|
-
/** @ignore */
|
|
270
|
-
readonly uniqueId: _angular_core.WritableSignal<number>;
|
|
271
|
-
/** @ignore */
|
|
272
|
-
readonly name: _angular_core.Signal<string>;
|
|
273
|
-
/**
|
|
274
|
-
* The anchor directive that comes from outside the hover-card rootDirective
|
|
275
|
-
* @group Props
|
|
276
|
-
* @defaultValue undefined
|
|
277
|
-
*/
|
|
278
|
-
readonly anchor: _angular_core.InputSignal<RdxHoverCardAnchorDirective | undefined>;
|
|
279
|
-
/**
|
|
280
|
-
* The open state of the hover-card when it is initially rendered. Use when you do not need to control its open state.
|
|
281
|
-
* @group Props
|
|
282
|
-
* @defaultValue false
|
|
283
|
-
*/
|
|
284
|
-
readonly defaultOpen: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
285
|
-
/**
|
|
286
|
-
* The controlled state of the hover-card. `open` input takes precedence over `defaultOpen` input.
|
|
287
|
-
* @group Props
|
|
288
|
-
* @defaultValue undefined
|
|
289
|
-
*/
|
|
290
|
-
readonly open: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
|
|
291
|
-
/**
|
|
292
|
-
* The delay in milliseconds before the hover-card opens.
|
|
293
|
-
* @group Props
|
|
294
|
-
* @defaultValue 500
|
|
295
|
-
*/
|
|
296
|
-
readonly openDelay: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
297
|
-
/**
|
|
298
|
-
* The delay in milliseconds before the hover-card closes.
|
|
299
|
-
* @group Props
|
|
300
|
-
* @defaultValue 200
|
|
301
|
-
*/
|
|
302
|
-
readonly closeDelay: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
303
|
-
/**
|
|
304
|
-
* Whether to control the state of the hover-card from outside. Use in conjunction with `open` input.
|
|
305
|
-
* @group Props
|
|
306
|
-
* @defaultValue undefined
|
|
307
|
-
*/
|
|
308
|
-
readonly externalControl: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
|
|
309
|
-
/**
|
|
310
|
-
* Whether to take into account CSS opening/closing animations.
|
|
311
|
-
* @group Props
|
|
312
|
-
* @defaultValue false
|
|
313
|
-
*/
|
|
314
|
-
readonly cssAnimation: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
315
|
-
/**
|
|
316
|
-
* Whether to take into account CSS opening animations. `cssAnimation` input must be set to 'true'
|
|
317
|
-
* @group Props
|
|
318
|
-
* @defaultValue false
|
|
319
|
-
*/
|
|
320
|
-
readonly cssOpeningAnimation: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
321
|
-
/**
|
|
322
|
-
* Whether to take into account CSS closing animations. `cssAnimation` input must be set to 'true'
|
|
323
|
-
* @group Props
|
|
324
|
-
* @defaultValue false
|
|
325
|
-
*/
|
|
326
|
-
readonly cssClosingAnimation: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
327
|
-
/** @ignore */
|
|
328
|
-
readonly cssAnimationStatus: _angular_core.WritableSignal<RdxHoverCardAnimationStatus | null>;
|
|
329
|
-
/** @ignore */
|
|
330
|
-
readonly contentDirective: _angular_core.Signal<RdxHoverCardContentDirective>;
|
|
331
|
-
/** @ignore */
|
|
332
|
-
readonly triggerDirective: _angular_core.Signal<RdxHoverCardTriggerDirective>;
|
|
333
|
-
/** @ignore */
|
|
334
|
-
readonly arrowDirective: _angular_core.Signal<_radix_ng_primitives_hover_card.RdxHoverCardArrowDirective | undefined>;
|
|
335
|
-
/** @ignore */
|
|
336
|
-
readonly closeDirective: _angular_core.Signal<_radix_ng_primitives_hover_card.RdxHoverCardCloseDirective | undefined>;
|
|
337
|
-
/** @ignore */
|
|
338
|
-
readonly contentAttributesComponent: _angular_core.Signal<_radix_ng_primitives_hover_card.RdxHoverCardContentAttributesComponent | undefined>;
|
|
339
|
-
/** @ignore */
|
|
340
|
-
private readonly internalAnchorDirective;
|
|
341
|
-
/** @ignore */
|
|
342
|
-
readonly viewContainerRef: ViewContainerRef;
|
|
343
|
-
/** @ignore */
|
|
344
|
-
readonly rdxCdkEventService: {
|
|
345
|
-
document: Document;
|
|
346
|
-
destroyRef: DestroyRef;
|
|
347
|
-
ngZone: _angular_core.NgZone;
|
|
348
|
-
renderer2: _angular_core.Renderer2;
|
|
349
|
-
window: Window & typeof globalThis;
|
|
350
|
-
primitiveConfigs?: PrimitiveConfigs;
|
|
351
|
-
onDestroyCallbacks: Set<() => void>;
|
|
352
|
-
#clickDomRootEventCallbacks: Set<(event: MouseEvent) => void>;
|
|
353
|
-
registerPrimitive<T extends object>(primitiveInstance: T): void;
|
|
354
|
-
deregisterPrimitive<T extends object>(primitiveInstance: T): void;
|
|
355
|
-
preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): void;
|
|
356
|
-
allowPrimitiveForCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): void;
|
|
357
|
-
preventPrimitiveFromCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: EventType[]): void;
|
|
358
|
-
allowPrimitiveForCdkMultiEvents<T extends object>(primitiveInstance: T, eventTypes: EventType[]): void;
|
|
359
|
-
setPreventPrimitiveFromCdkMixEvents<T extends object>(primitiveInstance: T, eventTypes: PrimitiveConfig): void;
|
|
360
|
-
primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: EventType): boolean | undefined;
|
|
361
|
-
addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
|
|
362
|
-
removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
|
|
363
|
-
#setPreventPrimitiveFromCdkEvent<T extends object, R extends EventType, K extends PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
|
|
364
|
-
#registerOnDestroyCallbacks(): void;
|
|
365
|
-
#listenToClickDomRootEvent(): void;
|
|
366
|
-
} | null;
|
|
367
|
-
/** @ignore */
|
|
368
|
-
readonly destroyRef: DestroyRef;
|
|
369
|
-
/** @ignore */
|
|
370
|
-
readonly state: _angular_core.WritableSignal<RdxHoverCardState>;
|
|
371
|
-
/** @ignore */
|
|
372
|
-
readonly attachDetachEvent: _angular_core.WritableSignal<RdxHoverCardAttachDetachEvent>;
|
|
373
|
-
/** @ignore */
|
|
374
|
-
private readonly isFirstDefaultOpen;
|
|
375
|
-
/** @ignore */
|
|
376
|
-
readonly anchorDirective: _angular_core.Signal<RdxHoverCardAnchorDirective | undefined>;
|
|
377
|
-
/** @ignore */
|
|
378
|
-
readonly actionSubject$: Subject<RdxHoverCardAction>;
|
|
379
|
-
constructor();
|
|
380
|
-
/** @ignore */
|
|
381
|
-
getAnimationParamsSnapshot(): {
|
|
382
|
-
cssAnimation: boolean;
|
|
383
|
-
cssOpeningAnimation: boolean;
|
|
384
|
-
cssClosingAnimation: boolean;
|
|
385
|
-
cssAnimationStatus: RdxHoverCardAnimationStatus | null;
|
|
386
|
-
attachDetachEvent: RdxHoverCardAttachDetachEvent;
|
|
387
|
-
state: RdxHoverCardState;
|
|
388
|
-
canEmitOnOpenOrOnClosed: boolean;
|
|
389
|
-
};
|
|
390
|
-
/** @ignore */
|
|
391
|
-
controlledExternally(): _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
|
|
392
|
-
/** @ignore */
|
|
393
|
-
firstDefaultOpen(): boolean;
|
|
394
|
-
/** @ignore */
|
|
395
|
-
handleOpen(): void;
|
|
396
|
-
/** @ignore */
|
|
397
|
-
handleClose(closeButton?: boolean): void;
|
|
398
|
-
/** @ignore */
|
|
399
|
-
handleToggle(): void;
|
|
400
|
-
/** @ignore */
|
|
401
|
-
isOpen(state?: RdxHoverCardState): boolean;
|
|
402
|
-
/** @ignore */
|
|
403
|
-
private setState;
|
|
404
|
-
/** @ignore */
|
|
405
|
-
private openContent;
|
|
406
|
-
/** @ignore */
|
|
407
|
-
private closeContent;
|
|
408
|
-
/** @ignore */
|
|
409
|
-
private emitOnOpen;
|
|
410
|
-
/** @ignore */
|
|
411
|
-
private emitOnClosed;
|
|
412
|
-
/** @ignore */
|
|
413
|
-
private ifOpenOrCloseWithoutAnimations;
|
|
414
|
-
/** @ignore */
|
|
415
|
-
private ifOpenOrCloseWithAnimations;
|
|
416
|
-
/** @ignore */
|
|
417
|
-
private openOrClose;
|
|
418
|
-
/** @ignore */
|
|
419
|
-
private emitOnOpenOrOnClosed;
|
|
420
|
-
/** @ignore */
|
|
421
|
-
private canEmitOnOpenOrOnClosed;
|
|
422
|
-
/** @ignore */
|
|
423
|
-
private onStateChangeEffect;
|
|
424
|
-
/** @ignore */
|
|
425
|
-
private onCssAnimationStatusChangeChangeEffect;
|
|
426
|
-
/** @ignore */
|
|
427
|
-
private emitOpenOrClosedEventEffect;
|
|
428
|
-
/** @ignore */
|
|
429
|
-
private onOpenChangeEffect;
|
|
430
|
-
/** @ignore */
|
|
431
|
-
private onIsFirstDefaultOpenChangeEffect;
|
|
432
|
-
/** @ignore */
|
|
433
|
-
private onAnchorChangeEffect;
|
|
434
|
-
/** @ignore */
|
|
435
|
-
private actionSubscription;
|
|
436
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxHoverCardRootDirective, never>;
|
|
437
|
-
static ɵdir: _angular_core.ɵɵ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>;
|
|
438
|
-
}
|
|
439
|
-
|
|
440
|
-
declare class RdxHoverCardContentAttributesComponent {
|
|
441
|
-
/** @ignore */
|
|
442
|
-
protected readonly rootDirective: _radix_ng_primitives_hover_card.RdxHoverCardRootDirective;
|
|
443
|
-
/** @ignore */
|
|
444
|
-
readonly name: _angular_core.Signal<string>;
|
|
445
|
-
/** @ignore */
|
|
446
|
-
readonly disableAnimation: _angular_core.Signal<boolean>;
|
|
447
|
-
/** @ignore */
|
|
448
|
-
protected onAnimationStart(_: AnimationEvent): void;
|
|
449
|
-
/** @ignore */
|
|
450
|
-
protected onAnimationEnd(_: AnimationEvent): void;
|
|
451
|
-
/** @ignore */
|
|
452
|
-
protected pointerenter(): void;
|
|
453
|
-
/** @ignore */
|
|
454
|
-
protected pointerleave(): void;
|
|
455
|
-
/** @ignore */
|
|
456
|
-
protected focus(): void;
|
|
457
|
-
/** @ignore */
|
|
458
|
-
protected blur(): void;
|
|
459
|
-
/** @ignore */
|
|
460
|
-
private canAnimate;
|
|
461
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxHoverCardContentAttributesComponent, never>;
|
|
462
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxHoverCardContentAttributesComponent, "[rdxHoverCardContentAttributes]", never, {}, {}, never, ["*"], true, never>;
|
|
463
|
-
}
|
|
464
|
-
|
|
465
|
-
declare class RdxHoverCardModule {
|
|
466
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxHoverCardModule, never>;
|
|
467
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxHoverCardModule, never, [typeof RdxHoverCardArrowDirective, typeof RdxHoverCardCloseDirective, typeof RdxHoverCardContentDirective, typeof RdxHoverCardTriggerDirective, typeof RdxHoverCardRootDirective, typeof RdxHoverCardAnchorDirective, typeof RdxHoverCardContentAttributesComponent], [typeof RdxHoverCardArrowDirective, typeof RdxHoverCardCloseDirective, typeof RdxHoverCardContentDirective, typeof RdxHoverCardTriggerDirective, typeof RdxHoverCardRootDirective, typeof RdxHoverCardAnchorDirective, typeof RdxHoverCardContentAttributesComponent]>;
|
|
468
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxHoverCardModule>;
|
|
469
|
-
}
|
|
470
|
-
|
|
471
|
-
export { RdxHoverCardAnchorDirective, RdxHoverCardArrowDirective, RdxHoverCardCloseDirective, RdxHoverCardContentAttributesComponent, RdxHoverCardContentDirective, RdxHoverCardModule, RdxHoverCardRootDirective, RdxHoverCardTriggerDirective };
|