@radix-ng/primitives 0.4.0 → 0.6.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/alert-dialog/README.md +1 -0
- package/alert-dialog/index.d.ts +6 -0
- package/alert-dialog/src/alert-dialog-cancel.directive.d.ts +7 -0
- package/alert-dialog/src/alert-dialog-content.directive.d.ts +8 -0
- package/alert-dialog/src/alert-dialog-root.directive.d.ts +9 -0
- package/alert-dialog/src/alert-dialog-title.directive.d.ts +5 -0
- package/alert-dialog/src/alert-dialog-trigger.directive.d.ts +7 -0
- package/alert-dialog/src/alert-dialog.service.d.ts +14 -0
- package/avatar/index.d.ts +3 -1
- package/avatar/src/avatar-fallback.directive.d.ts +10 -17
- package/avatar/src/avatar-image.directive.d.ts +10 -11
- package/avatar/src/avatar-root.directive.d.ts +21 -0
- package/avatar/src/avatar.config.d.ts +3 -2
- package/checkbox/src/checkbox.directive.d.ts +2 -1
- package/collapsible/README.md +1 -0
- package/collapsible/index.d.ts +3 -0
- package/collapsible/src/collapsible-content.directive.d.ts +11 -0
- package/collapsible/src/collapsible-root.directive.d.ts +52 -0
- package/collapsible/src/collapsible-trigger.directive.d.ts +26 -0
- package/esm2022/alert-dialog/index.mjs +7 -0
- package/esm2022/alert-dialog/radix-ng-primitives-alert-dialog.mjs +5 -0
- package/esm2022/alert-dialog/src/alert-dialog-cancel.directive.mjs +24 -0
- package/esm2022/alert-dialog/src/alert-dialog-content.directive.mjs +26 -0
- package/esm2022/alert-dialog/src/alert-dialog-root.directive.mjs +24 -0
- package/esm2022/alert-dialog/src/alert-dialog-title.directive.mjs +14 -0
- package/esm2022/alert-dialog/src/alert-dialog-trigger.directive.mjs +24 -0
- package/esm2022/alert-dialog/src/alert-dialog.service.mjs +45 -0
- package/esm2022/avatar/index.mjs +2 -2
- package/esm2022/avatar/src/avatar-fallback.directive.mjs +23 -30
- package/esm2022/avatar/src/avatar-image.directive.mjs +29 -31
- package/esm2022/avatar/src/avatar-root.directive.mjs +38 -0
- package/esm2022/avatar/src/avatar.config.mjs +2 -2
- package/esm2022/checkbox/src/checkbox-indicator.directive.mjs +4 -4
- package/esm2022/checkbox/src/checkbox.directive.mjs +4 -4
- package/esm2022/collapsible/index.mjs +4 -0
- package/esm2022/collapsible/radix-ng-primitives-collapsible.mjs +5 -0
- package/esm2022/collapsible/src/collapsible-content.directive.mjs +26 -0
- package/esm2022/collapsible/src/collapsible-root.directive.mjs +114 -0
- package/esm2022/collapsible/src/collapsible-trigger.directive.mjs +49 -0
- package/esm2022/label/index.mjs +2 -2
- package/esm2022/label/src/label-root.directive.mjs +48 -0
- package/esm2022/progress/index.mjs +2 -2
- package/esm2022/progress/src/progress-indicator.directive.mjs +11 -10
- package/esm2022/progress/src/progress-root.directive.mjs +71 -0
- package/esm2022/radio/index.mjs +2 -4
- package/esm2022/radio/src/radio-indicator.directive.mjs +8 -13
- package/esm2022/radio/src/radio-item.directive.mjs +27 -42
- package/esm2022/radio/src/radio-root.directive.mjs +106 -0
- package/esm2022/roving-focus/index.mjs +1 -3
- package/esm2022/roving-focus/src/roving-focus-group.directive.mjs +12 -18
- package/esm2022/roving-focus/src/roving-focus-item.directive.mjs +21 -26
- package/esm2022/separator/src/separator.directive.mjs +12 -17
- package/esm2022/switch/index.mjs +2 -3
- package/esm2022/switch/src/switch-root.directive.mjs +74 -0
- package/esm2022/switch/src/switch-thumb.directive.mjs +10 -12
- package/esm2022/toggle/index.mjs +2 -2
- package/esm2022/toggle/src/toggle-root.directive.mjs +51 -0
- package/esm2022/toggle-group/index.mjs +6 -0
- package/esm2022/toggle-group/radix-ng-primitives-toggle-group.mjs +5 -0
- package/esm2022/toggle-group/src/toggle-group-button.directive.mjs +79 -0
- package/esm2022/toggle-group/src/toggle-group-button.token.mjs +6 -0
- package/esm2022/toggle-group/src/toggle-group-multi.directive.mjs +159 -0
- package/esm2022/toggle-group/src/toggle-group.directive.mjs +157 -0
- package/esm2022/toggle-group/src/toggle-group.token.mjs +6 -0
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs +150 -0
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-avatar.mjs +79 -90
- package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-checkbox.mjs +6 -6
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collapsible.mjs +190 -0
- package/fesm2022/radix-ng-primitives-collapsible.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-label.mjs +20 -18
- package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-progress.mjs +55 -49
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +70 -100
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +22 -44
- package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-separator.mjs +12 -17
- package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-switch.mjs +49 -106
- package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +397 -0
- package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-toggle.mjs +15 -29
- package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -1
- package/label/index.d.ts +1 -1
- package/label/src/label-root.directive.d.ts +13 -0
- package/package.json +18 -19
- package/progress/index.d.ts +2 -1
- package/progress/src/progress-indicator.directive.d.ts +2 -2
- package/progress/src/progress-root.directive.d.ts +29 -0
- package/radio/index.d.ts +1 -3
- package/radio/src/radio-indicator.directive.d.ts +3 -9
- package/radio/src/radio-item.directive.d.ts +9 -28
- package/radio/src/{radio-group.directive.d.ts → radio-root.directive.d.ts} +24 -16
- package/roving-focus/index.d.ts +0 -2
- package/roving-focus/src/roving-focus-group.directive.d.ts +5 -7
- package/roving-focus/src/roving-focus-item.directive.d.ts +6 -8
- package/separator/src/separator.directive.d.ts +14 -8
- package/switch/index.d.ts +2 -2
- package/switch/src/switch-root.directive.d.ts +35 -0
- package/switch/src/switch-thumb.directive.d.ts +2 -5
- package/toggle/index.d.ts +2 -1
- package/toggle/src/toggle-root.directive.d.ts +32 -0
- package/toggle-group/README.md +3 -0
- package/toggle-group/index.d.ts +5 -0
- package/toggle-group/src/toggle-group-button.directive.d.ts +39 -0
- package/toggle-group/src/toggle-group-button.token.d.ts +4 -0
- package/toggle-group/src/toggle-group-multi.directive.d.ts +90 -0
- package/toggle-group/src/toggle-group.directive.d.ts +90 -0
- package/toggle-group/src/toggle-group.token.d.ts +5 -0
- package/avatar/src/avatar.directive.d.ts +0 -22
- package/avatar/src/avatar.token.d.ts +0 -4
- package/esm2022/avatar/src/avatar.directive.mjs +0 -38
- package/esm2022/avatar/src/avatar.token.mjs +0 -6
- package/esm2022/label/src/label.directive.mjs +0 -46
- package/esm2022/overlay/index.mjs +0 -5
- package/esm2022/overlay/radix-ng-primitives-overlay.mjs +0 -5
- package/esm2022/overlay/src/overlay-arrow.directive.mjs +0 -59
- package/esm2022/overlay/src/overlay-arrow.token.mjs +0 -3
- package/esm2022/overlay/src/overlay-trigger.directive.mjs +0 -279
- package/esm2022/overlay/src/overlay-trigger.token.mjs +0 -9
- package/esm2022/overlay/src/overlay.directive.mjs +0 -51
- package/esm2022/overlay/src/overlay.token.mjs +0 -3
- package/esm2022/progress/src/progress.directive.mjs +0 -62
- package/esm2022/progress/src/progress.token.mjs +0 -6
- package/esm2022/radio/src/radio-group.directive.mjs +0 -108
- package/esm2022/radio/src/radio-group.token.mjs +0 -6
- package/esm2022/radio/src/radio-item.token.mjs +0 -6
- package/esm2022/roving-focus/src/roving-focus-group.token.mjs +0 -9
- package/esm2022/roving-focus/src/roving-focus-item.token.mjs +0 -6
- package/esm2022/switch/src/switch.directive.mjs +0 -125
- package/esm2022/switch/src/switch.token.mjs +0 -6
- package/esm2022/toggle/src/toggle.directive.mjs +0 -65
- package/esm2022/tooltip/index.mjs +0 -5
- package/esm2022/tooltip/radix-ng-primitives-tooltip.mjs +0 -5
- package/esm2022/tooltip/src/tooltip-arrow.directive.mjs +0 -17
- package/esm2022/tooltip/src/tooltip-trigger.directive.mjs +0 -148
- package/esm2022/tooltip/src/tooltip-trigger.token.mjs +0 -6
- package/esm2022/tooltip/src/tooltip.config.mjs +0 -31
- package/esm2022/tooltip/src/tooltip.directive.mjs +0 -46
- package/esm2022/visually-hidden/index.mjs +0 -2
- package/esm2022/visually-hidden/radix-ng-primitives-visually-hidden.mjs +0 -5
- package/esm2022/visually-hidden/src/visually-hidden.directive.mjs +0 -42
- package/fesm2022/radix-ng-primitives-overlay.mjs +0 -399
- package/fesm2022/radix-ng-primitives-overlay.mjs.map +0 -1
- package/fesm2022/radix-ng-primitives-tooltip.mjs +0 -242
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +0 -1
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +0 -49
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +0 -1
- package/label/src/label.directive.d.ts +0 -14
- package/overlay/README.md +0 -1
- package/overlay/index.d.ts +0 -4
- package/overlay/src/overlay-arrow.directive.d.ts +0 -29
- package/overlay/src/overlay-arrow.token.d.ts +0 -3
- package/overlay/src/overlay-trigger.directive.d.ts +0 -163
- package/overlay/src/overlay-trigger.token.d.ts +0 -7
- package/overlay/src/overlay.directive.d.ts +0 -29
- package/overlay/src/overlay.token.d.ts +0 -3
- package/progress/src/progress.directive.d.ts +0 -26
- package/progress/src/progress.token.d.ts +0 -4
- package/radio/src/radio-group.token.d.ts +0 -4
- package/radio/src/radio-item.token.d.ts +0 -4
- package/roving-focus/src/roving-focus-group.token.d.ts +0 -7
- package/roving-focus/src/roving-focus-item.token.d.ts +0 -4
- package/switch/src/switch.directive.d.ts +0 -73
- package/switch/src/switch.token.d.ts +0 -4
- package/toggle/src/toggle.directive.d.ts +0 -30
- package/tooltip/README.md +0 -1
- package/tooltip/index.d.ts +0 -4
- package/tooltip/src/tooltip-arrow.directive.d.ts +0 -6
- package/tooltip/src/tooltip-trigger.directive.d.ts +0 -79
- package/tooltip/src/tooltip-trigger.token.d.ts +0 -4
- package/tooltip/src/tooltip.config.d.ts +0 -46
- package/tooltip/src/tooltip.directive.d.ts +0 -17
- package/visually-hidden/README.md +0 -3
- package/visually-hidden/index.d.ts +0 -1
- package/visually-hidden/src/visually-hidden.directive.d.ts +0 -11
@@ -1,242 +0,0 @@
|
|
1
|
-
import * as i0 from '@angular/core';
|
2
|
-
import { Directive, InjectionToken, inject, booleanAttribute, numberAttribute, Input, HostListener } from '@angular/core';
|
3
|
-
import * as i1 from '@radix-ng/primitives/overlay';
|
4
|
-
import { RdxOverlayArrowDirective, RdxOverlayTriggerDirective, RdxOverlayDirective } from '@radix-ng/primitives/overlay';
|
5
|
-
|
6
|
-
class RdxTooltipArrowDirective {
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
8
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxTooltipArrowDirective, isStandalone: true, selector: "[rdxTooltipArrow]", hostDirectives: [{ directive: i1.RdxOverlayArrowDirective }], ngImport: i0 }); }
|
9
|
-
}
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipArrowDirective, decorators: [{
|
11
|
-
type: Directive,
|
12
|
-
args: [{
|
13
|
-
selector: '[rdxTooltipArrow]',
|
14
|
-
standalone: true,
|
15
|
-
hostDirectives: [RdxOverlayArrowDirective]
|
16
|
-
}]
|
17
|
-
}] });
|
18
|
-
|
19
|
-
const RdxTooltipTriggerToken = new InjectionToken('RdxTooltipTriggerToken');
|
20
|
-
function injectTooltipTrigger() {
|
21
|
-
return inject(RdxTooltipTriggerToken);
|
22
|
-
}
|
23
|
-
|
24
|
-
const TooltipConfigToken = new InjectionToken('TooltipConfig');
|
25
|
-
const defaultTooltipConfig = {
|
26
|
-
offset: 4,
|
27
|
-
placement: 'top',
|
28
|
-
showDelay: 0,
|
29
|
-
hideDelay: 0,
|
30
|
-
flip: true,
|
31
|
-
container: document.body
|
32
|
-
};
|
33
|
-
/**
|
34
|
-
* Provide the default Tooltip configuration
|
35
|
-
* @param config The Tooltip configuration
|
36
|
-
* @returns The provider
|
37
|
-
*/
|
38
|
-
function provideTooltipConfig(config) {
|
39
|
-
return [
|
40
|
-
{
|
41
|
-
provide: TooltipConfigToken,
|
42
|
-
useValue: { ...defaultTooltipConfig, ...config }
|
43
|
-
}
|
44
|
-
];
|
45
|
-
}
|
46
|
-
/**
|
47
|
-
* Inject the Tooltip configuration
|
48
|
-
* @returns The global Tooltip configuration
|
49
|
-
*/
|
50
|
-
function injectTooltipConfig() {
|
51
|
-
return inject(TooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;
|
52
|
-
}
|
53
|
-
|
54
|
-
/* eslint-disable @angular-eslint/no-input-rename */
|
55
|
-
class RdxTooltipTriggerDirective {
|
56
|
-
constructor() {
|
57
|
-
/**
|
58
|
-
* Access the overlay trigger directive
|
59
|
-
*/
|
60
|
-
this.overlayTrigger = inject(RdxOverlayTriggerDirective);
|
61
|
-
/**
|
62
|
-
* Access the global tooltip configuration
|
63
|
-
*/
|
64
|
-
this.tooltipConfig = injectTooltipConfig();
|
65
|
-
/**
|
66
|
-
* Define if the trigger should be disabled.
|
67
|
-
* @default false
|
68
|
-
*/
|
69
|
-
this.disabled = false;
|
70
|
-
/**
|
71
|
-
* Define the placement of the tooltip relative to the trigger.
|
72
|
-
* @default 'bottom'
|
73
|
-
*/
|
74
|
-
this.placement = this.tooltipConfig.placement;
|
75
|
-
/**
|
76
|
-
* Define the offset of the tooltip relative to the trigger.
|
77
|
-
* @default 0
|
78
|
-
*/
|
79
|
-
this.offset = this.tooltipConfig.offset;
|
80
|
-
/**
|
81
|
-
* Define the delay before the tooltip is displayed.
|
82
|
-
* @default 0
|
83
|
-
*/
|
84
|
-
this.showDelay = this.tooltipConfig.showDelay;
|
85
|
-
/**
|
86
|
-
* Define the delay before the tooltip is hidden.
|
87
|
-
* @default 0
|
88
|
-
*/
|
89
|
-
this.hideDelay = this.tooltipConfig.hideDelay;
|
90
|
-
/**
|
91
|
-
* Define whether the tooltip should flip when there is not enough space for the tooltip.
|
92
|
-
* @default true
|
93
|
-
*/
|
94
|
-
this.flip = this.tooltipConfig.flip;
|
95
|
-
/**
|
96
|
-
* Define the container in to which the tooltip should be attached.
|
97
|
-
* @default document.body
|
98
|
-
*/
|
99
|
-
this.container = this.tooltipConfig.container;
|
100
|
-
}
|
101
|
-
ngOnInit() {
|
102
|
-
this.overlayTrigger.registerProvider({
|
103
|
-
provide: RdxTooltipTriggerToken,
|
104
|
-
useValue: this
|
105
|
-
});
|
106
|
-
}
|
107
|
-
/**
|
108
|
-
* Show the tooltip.
|
109
|
-
*/
|
110
|
-
show() {
|
111
|
-
this.overlayTrigger.show();
|
112
|
-
}
|
113
|
-
/**
|
114
|
-
* Hide the tooltip.
|
115
|
-
*/
|
116
|
-
hide() {
|
117
|
-
this.overlayTrigger.hide();
|
118
|
-
}
|
119
|
-
/**
|
120
|
-
* Define the tooltip id.
|
121
|
-
* @param id The tooltip id
|
122
|
-
* @internal
|
123
|
-
*/
|
124
|
-
setTooltipId(id) {
|
125
|
-
this.tooltipId = id;
|
126
|
-
}
|
127
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
128
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.3", type: RdxTooltipTriggerDirective, isStandalone: true, selector: "[rdxTooltipTrigger]", inputs: { templateRef: ["rdxTooltipTrigger", "templateRef"], disabled: ["rdxTooltipDisabled", "disabled", booleanAttribute], placement: ["rdxTooltipPlacement", "placement"], offset: ["rdxTooltipOffset", "offset", numberAttribute], showDelay: ["rdxTooltipShowDelay", "showDelay", numberAttribute], hideDelay: ["rdxTooltipHideDelay", "hideDelay", numberAttribute], flip: ["rdxTooltipFlip", "flip", booleanAttribute], container: ["rdxTooltipContainer", "container"] }, host: { listeners: { "mouseenter": "show()", "focus": "show()", "mouseleave": "hide()", "blur": "hide()", "window:keydown.escape": "hide()" }, properties: { "attr.aria-describedby": "tooltipId" } }, hostDirectives: [{ directive: i1.RdxOverlayTriggerDirective, inputs: ["rdxOverlayTrigger", "rdxTooltipTrigger", "rdxOverlayDisabled", "rdxTooltipDisabled", "rdxOverlayPlacement", "rdxTooltipPlacement", "rdxOverlayOffset", "rdxTooltipOffset", "rdxOverlayShowDelay", "rdxTooltipShowDelay", "rdxOverlayHideDelay", "rdxTooltipHideDelay", "rdxOverlayShift", "rdxTooltipShift", "rdxOverlayFlip", "rdxTooltipFlip", "rdxOverlayContainer", "rdxTooltipContainer"] }], ngImport: i0 }); }
|
129
|
-
}
|
130
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipTriggerDirective, decorators: [{
|
131
|
-
type: Directive,
|
132
|
-
args: [{
|
133
|
-
selector: '[rdxTooltipTrigger]',
|
134
|
-
standalone: true,
|
135
|
-
host: {
|
136
|
-
'[attr.aria-describedby]': 'tooltipId'
|
137
|
-
},
|
138
|
-
hostDirectives: [
|
139
|
-
{
|
140
|
-
directive: RdxOverlayTriggerDirective,
|
141
|
-
inputs: [
|
142
|
-
'rdxOverlayTrigger: rdxTooltipTrigger',
|
143
|
-
'rdxOverlayDisabled: rdxTooltipDisabled',
|
144
|
-
'rdxOverlayPlacement: rdxTooltipPlacement',
|
145
|
-
'rdxOverlayOffset: rdxTooltipOffset',
|
146
|
-
'rdxOverlayShowDelay: rdxTooltipShowDelay',
|
147
|
-
'rdxOverlayHideDelay: rdxTooltipHideDelay',
|
148
|
-
'rdxOverlayShift: rdxTooltipShift',
|
149
|
-
'rdxOverlayFlip: rdxTooltipFlip',
|
150
|
-
'rdxOverlayContainer: rdxTooltipContainer'
|
151
|
-
]
|
152
|
-
}
|
153
|
-
]
|
154
|
-
}]
|
155
|
-
}], propDecorators: { templateRef: [{
|
156
|
-
type: Input,
|
157
|
-
args: [{ alias: 'rdxTooltipTrigger', required: true }]
|
158
|
-
}], disabled: [{
|
159
|
-
type: Input,
|
160
|
-
args: [{ alias: 'rdxTooltipDisabled', transform: booleanAttribute }]
|
161
|
-
}], placement: [{
|
162
|
-
type: Input,
|
163
|
-
args: ['rdxTooltipPlacement']
|
164
|
-
}], offset: [{
|
165
|
-
type: Input,
|
166
|
-
args: [{ alias: 'rdxTooltipOffset', transform: numberAttribute }]
|
167
|
-
}], showDelay: [{
|
168
|
-
type: Input,
|
169
|
-
args: [{ alias: 'rdxTooltipShowDelay', transform: numberAttribute }]
|
170
|
-
}], hideDelay: [{
|
171
|
-
type: Input,
|
172
|
-
args: [{ alias: 'rdxTooltipHideDelay', transform: numberAttribute }]
|
173
|
-
}], flip: [{
|
174
|
-
type: Input,
|
175
|
-
args: [{ alias: 'rdxTooltipFlip', transform: booleanAttribute }]
|
176
|
-
}], container: [{
|
177
|
-
type: Input,
|
178
|
-
args: ['rdxTooltipContainer']
|
179
|
-
}], show: [{
|
180
|
-
type: HostListener,
|
181
|
-
args: ['mouseenter']
|
182
|
-
}, {
|
183
|
-
type: HostListener,
|
184
|
-
args: ['focus']
|
185
|
-
}], hide: [{
|
186
|
-
type: HostListener,
|
187
|
-
args: ['mouseleave']
|
188
|
-
}, {
|
189
|
-
type: HostListener,
|
190
|
-
args: ['blur']
|
191
|
-
}, {
|
192
|
-
type: HostListener,
|
193
|
-
args: ['window:keydown.escape']
|
194
|
-
}] } });
|
195
|
-
|
196
|
-
/**
|
197
|
-
* A unique identifier for the tooltip
|
198
|
-
*/
|
199
|
-
let uniqueId = 0;
|
200
|
-
class RdxTooltipDirective {
|
201
|
-
constructor() {
|
202
|
-
/**
|
203
|
-
* Access the tooltip trigger
|
204
|
-
*/
|
205
|
-
this.trigger = injectTooltipTrigger();
|
206
|
-
/**
|
207
|
-
* Define the tooltip id
|
208
|
-
*/
|
209
|
-
this.id = `rdx-tooltip-${uniqueId++}`;
|
210
|
-
}
|
211
|
-
ngOnInit() {
|
212
|
-
this.trigger.setTooltipId(this.id);
|
213
|
-
}
|
214
|
-
ngOnChanges(changes) {
|
215
|
-
if ('id' in changes) {
|
216
|
-
this.trigger.setTooltipId(this.id);
|
217
|
-
}
|
218
|
-
}
|
219
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
220
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxTooltipDirective, isStandalone: true, selector: "[rdxTooltip]", inputs: { id: "id" }, host: { attributes: { "role": "tooltip" } }, exportAs: ["rdxTooltip"], usesOnChanges: true, hostDirectives: [{ directive: i1.RdxOverlayDirective }], ngImport: i0 }); }
|
221
|
-
}
|
222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxTooltipDirective, decorators: [{
|
223
|
-
type: Directive,
|
224
|
-
args: [{
|
225
|
-
selector: '[rdxTooltip]',
|
226
|
-
standalone: true,
|
227
|
-
exportAs: 'rdxTooltip',
|
228
|
-
hostDirectives: [RdxOverlayDirective],
|
229
|
-
host: {
|
230
|
-
role: 'tooltip'
|
231
|
-
}
|
232
|
-
}]
|
233
|
-
}], propDecorators: { id: [{
|
234
|
-
type: Input
|
235
|
-
}] } });
|
236
|
-
|
237
|
-
/**
|
238
|
-
* Generated bundle index. Do not edit.
|
239
|
-
*/
|
240
|
-
|
241
|
-
export { RdxTooltipArrowDirective, RdxTooltipDirective, RdxTooltipTriggerDirective, TooltipConfigToken, injectTooltipConfig, provideTooltipConfig };
|
242
|
-
//# sourceMappingURL=radix-ng-primitives-tooltip.mjs.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"radix-ng-primitives-tooltip.mjs","sources":["../../../packages/primitives/tooltip/src/tooltip-arrow.directive.ts","../../../packages/primitives/tooltip/src/tooltip-trigger.token.ts","../../../packages/primitives/tooltip/src/tooltip.config.ts","../../../packages/primitives/tooltip/src/tooltip-trigger.directive.ts","../../../packages/primitives/tooltip/src/tooltip.directive.ts","../../../packages/primitives/tooltip/radix-ng-primitives-tooltip.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\nimport { RdxOverlayArrowDirective } from '@radix-ng/primitives/overlay';\n\n@Directive({\n selector: '[rdxTooltipArrow]',\n standalone: true,\n hostDirectives: [RdxOverlayArrowDirective]\n})\nexport class RdxTooltipArrowDirective {}\n","import { inject, InjectionToken } from '@angular/core';\n\nimport type { RdxTooltipTriggerDirective } from './tooltip-trigger.directive';\n\nexport const RdxTooltipTriggerToken = new InjectionToken<RdxTooltipTriggerDirective>(\n 'RdxTooltipTriggerToken'\n);\n\nexport function injectTooltipTrigger(): RdxTooltipTriggerDirective {\n return inject(RdxTooltipTriggerToken);\n}\n","import { inject, InjectionToken, Provider } from '@angular/core';\n\nimport { Placement } from '@floating-ui/dom';\n\nexport const TooltipConfigToken = new InjectionToken<RdxTooltipConfig>('TooltipConfig');\n\nexport interface RdxTooltipConfig {\n /**\n * Define the offset of the tooltip relative to the trigger.\n * @default 4\n */\n offset: number;\n\n /**\n * Define the placement of the tooltip relative to the trigger.\n * @default 'top'\n */\n placement: Placement;\n\n /**\n * Define the delay before the tooltip is shown.\n * @default 0\n */\n showDelay: number;\n\n /**\n * Define the delay before the tooltip is hidden.\n * @default 0\n */\n hideDelay: number;\n\n /**\n * Define whether the tooltip should flip when there is not enough space for the tooltip.\n * @default true\n */\n flip: boolean;\n\n /**\n * Define the container in to which the tooltip should be attached.\n * @default document.body\n */\n container: HTMLElement;\n}\n\nconst defaultTooltipConfig: RdxTooltipConfig = {\n offset: 4,\n placement: 'top',\n showDelay: 0,\n hideDelay: 0,\n flip: true,\n container: document.body\n};\n\n/**\n * Provide the default Tooltip configuration\n * @param config The Tooltip configuration\n * @returns The provider\n */\nexport function provideTooltipConfig(config: Partial<RdxTooltipConfig>): Provider[] {\n return [\n {\n provide: TooltipConfigToken,\n useValue: { ...defaultTooltipConfig, ...config }\n }\n ];\n}\n\n/**\n * Inject the Tooltip configuration\n * @returns The global Tooltip configuration\n */\nexport function injectTooltipConfig(): RdxTooltipConfig {\n return inject(TooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;\n}\n","/* eslint-disable @angular-eslint/no-input-rename */\nimport {\n booleanAttribute,\n Directive,\n HostListener,\n inject,\n Input,\n numberAttribute,\n OnInit,\n TemplateRef\n} from '@angular/core';\n\nimport { Placement } from '@floating-ui/dom';\nimport { RdxOverlayTriggerDirective } from '@radix-ng/primitives/overlay';\n\nimport { RdxTooltipTriggerToken } from './tooltip-trigger.token';\nimport { injectTooltipConfig } from './tooltip.config';\n\n@Directive({\n selector: '[rdxTooltipTrigger]',\n standalone: true,\n host: {\n '[attr.aria-describedby]': 'tooltipId'\n },\n hostDirectives: [\n {\n directive: RdxOverlayTriggerDirective,\n inputs: [\n 'rdxOverlayTrigger: rdxTooltipTrigger',\n 'rdxOverlayDisabled: rdxTooltipDisabled',\n 'rdxOverlayPlacement: rdxTooltipPlacement',\n 'rdxOverlayOffset: rdxTooltipOffset',\n 'rdxOverlayShowDelay: rdxTooltipShowDelay',\n 'rdxOverlayHideDelay: rdxTooltipHideDelay',\n 'rdxOverlayShift: rdxTooltipShift',\n 'rdxOverlayFlip: rdxTooltipFlip',\n 'rdxOverlayContainer: rdxTooltipContainer'\n ]\n }\n ]\n})\nexport class RdxTooltipTriggerDirective implements OnInit {\n /**\n * Access the overlay trigger directive\n */\n private readonly overlayTrigger = inject(RdxOverlayTriggerDirective);\n\n /**\n * Access the global tooltip configuration\n */\n private readonly tooltipConfig = injectTooltipConfig();\n\n /**\n * Define the tooltip to display when the trigger is activated.\n */\n @Input({ alias: 'rdxTooltipTrigger', required: true }) templateRef!: TemplateRef<void>;\n\n /**\n * Define if the trigger should be disabled.\n * @default false\n */\n @Input({ alias: 'rdxTooltipDisabled', transform: booleanAttribute }) disabled = false;\n\n /**\n * Define the placement of the tooltip relative to the trigger.\n * @default 'bottom'\n */\n @Input('rdxTooltipPlacement') placement: Placement = this.tooltipConfig.placement;\n\n /**\n * Define the offset of the tooltip relative to the trigger.\n * @default 0\n */\n @Input({ alias: 'rdxTooltipOffset', transform: numberAttribute }) offset: number =\n this.tooltipConfig.offset;\n\n /**\n * Define the delay before the tooltip is displayed.\n * @default 0\n */\n @Input({ alias: 'rdxTooltipShowDelay', transform: numberAttribute }) showDelay: number =\n this.tooltipConfig.showDelay;\n\n /**\n * Define the delay before the tooltip is hidden.\n * @default 0\n */\n @Input({ alias: 'rdxTooltipHideDelay', transform: numberAttribute }) hideDelay: number =\n this.tooltipConfig.hideDelay;\n\n /**\n * Define whether the tooltip should flip when there is not enough space for the tooltip.\n * @default true\n */\n @Input({ alias: 'rdxTooltipFlip', transform: booleanAttribute }) flip: boolean =\n this.tooltipConfig.flip;\n\n /**\n * Define the container in to which the tooltip should be attached.\n * @default document.body\n */\n @Input('rdxTooltipContainer') container: HTMLElement = this.tooltipConfig.container;\n\n /**\n * The tooltip id.\n */\n protected tooltipId?: string;\n\n ngOnInit(): void {\n this.overlayTrigger.registerProvider({\n provide: RdxTooltipTriggerToken,\n useValue: this\n });\n }\n\n /**\n * Show the tooltip.\n */\n @HostListener('mouseenter')\n @HostListener('focus')\n show(): void {\n this.overlayTrigger.show();\n }\n\n /**\n * Hide the tooltip.\n */\n @HostListener('mouseleave')\n @HostListener('blur')\n @HostListener('window:keydown.escape')\n hide(): void {\n this.overlayTrigger.hide();\n }\n\n /**\n * Define the tooltip id.\n * @param id The tooltip id\n * @internal\n */\n setTooltipId(id: string) {\n this.tooltipId = id;\n }\n}\n","import { Directive, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\n\nimport { RdxOverlayDirective } from '@radix-ng/primitives/overlay';\n\nimport { injectTooltipTrigger } from './tooltip-trigger.token';\n\n/**\n * A unique identifier for the tooltip\n */\nlet uniqueId = 0;\n\n@Directive({\n selector: '[rdxTooltip]',\n standalone: true,\n exportAs: 'rdxTooltip',\n hostDirectives: [RdxOverlayDirective],\n host: {\n role: 'tooltip'\n }\n})\nexport class RdxTooltipDirective implements OnInit, OnChanges {\n /**\n * Access the tooltip trigger\n */\n private readonly trigger = injectTooltipTrigger();\n\n /**\n * Define the tooltip id\n */\n @Input() id = `rdx-tooltip-${uniqueId++}`;\n\n ngOnInit(): void {\n this.trigger.setTooltipId(this.id);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if ('id' in changes) {\n this.trigger.setTooltipId(this.id);\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -1,49 +0,0 @@
|
|
1
|
-
import * as i0 from '@angular/core';
|
2
|
-
import { inject, ElementRef, Directive } from '@angular/core';
|
3
|
-
|
4
|
-
class RdxVisuallyHiddenDirective {
|
5
|
-
constructor() {
|
6
|
-
/**
|
7
|
-
* Access the element.
|
8
|
-
*/
|
9
|
-
this.element = inject(ElementRef);
|
10
|
-
}
|
11
|
-
ngOnInit() {
|
12
|
-
// hide the element
|
13
|
-
Object.assign(this.element.nativeElement.style, {
|
14
|
-
position: 'absolute',
|
15
|
-
border: 0,
|
16
|
-
width: '1px',
|
17
|
-
height: '1px',
|
18
|
-
padding: 0,
|
19
|
-
margin: '-1px',
|
20
|
-
overflow: 'hidden',
|
21
|
-
clip: 'rect(0, 0, 0, 0)',
|
22
|
-
whiteSpace: 'nowrap',
|
23
|
-
wordWrap: 'normal',
|
24
|
-
// Avoid browsers rendering the focus ring in some cases.
|
25
|
-
outline: 'none',
|
26
|
-
appearance: 'none',
|
27
|
-
// Avoid some cases where the browser will still render the native controls
|
28
|
-
'-webkit-appearance': 'none',
|
29
|
-
'-moz-appearance': 'none',
|
30
|
-
left: 0
|
31
|
-
});
|
32
|
-
}
|
33
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxVisuallyHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
34
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: RdxVisuallyHiddenDirective, isStandalone: true, selector: "[rdxVisuallyHidden]", ngImport: i0 }); }
|
35
|
-
}
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: RdxVisuallyHiddenDirective, decorators: [{
|
37
|
-
type: Directive,
|
38
|
-
args: [{
|
39
|
-
selector: '[rdxVisuallyHidden]',
|
40
|
-
standalone: true
|
41
|
-
}]
|
42
|
-
}] });
|
43
|
-
|
44
|
-
/**
|
45
|
-
* Generated bundle index. Do not edit.
|
46
|
-
*/
|
47
|
-
|
48
|
-
export { RdxVisuallyHiddenDirective };
|
49
|
-
//# sourceMappingURL=radix-ng-primitives-visually-hidden.mjs.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"radix-ng-primitives-visually-hidden.mjs","sources":["../../../packages/primitives/visually-hidden/src/visually-hidden.directive.ts","../../../packages/primitives/visually-hidden/radix-ng-primitives-visually-hidden.ts"],"sourcesContent":["import { Directive, ElementRef, inject, OnInit } from '@angular/core';\n\n@Directive({\n selector: '[rdxVisuallyHidden]',\n standalone: true\n})\nexport class RdxVisuallyHiddenDirective implements OnInit {\n /**\n * Access the element.\n */\n private readonly element = inject<ElementRef<HTMLElement>>(ElementRef);\n\n ngOnInit(): void {\n // hide the element\n Object.assign(this.element.nativeElement.style, {\n position: 'absolute',\n border: 0,\n width: '1px',\n height: '1px',\n padding: 0,\n margin: '-1px',\n overflow: 'hidden',\n clip: 'rect(0, 0, 0, 0)',\n whiteSpace: 'nowrap',\n wordWrap: 'normal',\n // Avoid browsers rendering the focus ring in some cases.\n outline: 'none',\n appearance: 'none',\n // Avoid some cases where the browser will still render the native controls\n '-webkit-appearance': 'none',\n '-moz-appearance': 'none',\n left: 0\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,0BAA0B,CAAA;AAJvC,IAAA,WAAA,GAAA;AAKI;;AAEG;AACc,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;AAwB1E,KAAA;IAtBG,QAAQ,GAAA;;QAEJ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE;AAC5C,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,QAAQ,EAAE,QAAQ;;AAElB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,MAAM;;AAElB,YAAA,oBAAoB,EAAE,MAAM;AAC5B,YAAA,iBAAiB,EAAE,MAAM;AACzB,YAAA,IAAI,EAAE,CAAC;AACV,SAAA,CAAC,CAAC;KACN;8GA3BQ,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA,CAAA;;;ACLD;;AAEG;;;;"}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export declare class RdxLabelDirective {
|
4
|
-
private el;
|
5
|
-
/**
|
6
|
-
* The id of the element the label is associated with.
|
7
|
-
* @default '-'
|
8
|
-
*/
|
9
|
-
htmlFor: string;
|
10
|
-
constructor(el: ElementRef);
|
11
|
-
onMouseDown(event: MouseEvent): void;
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxLabelDirective, [{ optional: true; }]>;
|
13
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxLabelDirective, "label[rdxLabel]", never, { "htmlFor": { "alias": "htmlFor"; "required": false; }; }, {}, never, never, true, never>;
|
14
|
-
}
|
package/overlay/README.md
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
# @radix-ng/primitives/overlay
|
package/overlay/index.d.ts
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
2
|
-
import { Placement } from '@floating-ui/dom';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class RdxOverlayArrowDirective implements OnInit, OnDestroy {
|
5
|
-
/**
|
6
|
-
* Access the arrow element
|
7
|
-
*/
|
8
|
-
readonly elementRef: ElementRef<any>;
|
9
|
-
/**
|
10
|
-
* Access the overlay trigger
|
11
|
-
*/
|
12
|
-
private readonly overlayTrigger;
|
13
|
-
/**
|
14
|
-
* Register the arrow on init
|
15
|
-
* @internal
|
16
|
-
*/
|
17
|
-
ngOnInit(): void;
|
18
|
-
/**
|
19
|
-
* Unregister the arrow on destroy
|
20
|
-
* @internal
|
21
|
-
*/
|
22
|
-
ngOnDestroy(): void;
|
23
|
-
/**
|
24
|
-
* Define the position of the arrow.
|
25
|
-
*/
|
26
|
-
setPosition(placement: Placement, arrowX?: number, arrowY?: number): void;
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxOverlayArrowDirective, never>;
|
28
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxOverlayArrowDirective, "[rdxOverlayArrow]", never, {}, {}, never, never, true, never>;
|
29
|
-
}
|
@@ -1,163 +0,0 @@
|
|
1
|
-
import { StaticProvider, TemplateRef } from '@angular/core';
|
2
|
-
import { Placement } from '@floating-ui/dom';
|
3
|
-
import type { RdxOverlayArrowDirective } from './overlay-arrow.directive';
|
4
|
-
import type { RdxOverlayDirective } from './overlay.directive';
|
5
|
-
import * as i0 from "@angular/core";
|
6
|
-
export declare class RdxOverlayTriggerDirective {
|
7
|
-
/**
|
8
|
-
* Access the application ref
|
9
|
-
*/
|
10
|
-
private readonly appRef;
|
11
|
-
/**
|
12
|
-
* Access the component factory resolver
|
13
|
-
*/
|
14
|
-
private readonly componentFactoryResolver;
|
15
|
-
/**
|
16
|
-
* Access the injector
|
17
|
-
*/
|
18
|
-
private readonly injector;
|
19
|
-
/**
|
20
|
-
* Access the trigger element
|
21
|
-
*/
|
22
|
-
private readonly trigger;
|
23
|
-
/**
|
24
|
-
* Access the view container
|
25
|
-
*/
|
26
|
-
private readonly viewContainer;
|
27
|
-
/**
|
28
|
-
* Define the overlay to display when the trigger is activated.
|
29
|
-
*/
|
30
|
-
templateRef: TemplateRef<void>;
|
31
|
-
/**
|
32
|
-
* Define if the trigger should be disabled.
|
33
|
-
* @default false
|
34
|
-
*/
|
35
|
-
disabled: boolean;
|
36
|
-
/**
|
37
|
-
* Define the placement of the overlay relative to the trigger.
|
38
|
-
* @default 'bottom'
|
39
|
-
*/
|
40
|
-
placement: Placement;
|
41
|
-
/**
|
42
|
-
* Define the offset of the overlay relative to the trigger.
|
43
|
-
* @default 4
|
44
|
-
*/
|
45
|
-
offset: number;
|
46
|
-
/**
|
47
|
-
* Define the delay before the overlay is displayed.
|
48
|
-
* @default 0
|
49
|
-
*/
|
50
|
-
showDelay: number;
|
51
|
-
/**
|
52
|
-
* Define the delay before the overlay is hidden.
|
53
|
-
* @default 0
|
54
|
-
*/
|
55
|
-
hideDelay: number;
|
56
|
-
/**
|
57
|
-
* Define whether the overlay should shift when the overlay is near the edge of the viewport.
|
58
|
-
* @default true
|
59
|
-
*/
|
60
|
-
shift: boolean;
|
61
|
-
/**
|
62
|
-
* Define whether the overlay should flip when there is not enough space for the overlay.
|
63
|
-
* @default true
|
64
|
-
*/
|
65
|
-
flip: boolean;
|
66
|
-
/**
|
67
|
-
* Define the container in to which the overlay should be attached.
|
68
|
-
* @default document.body
|
69
|
-
*/
|
70
|
-
container: HTMLElement;
|
71
|
-
/**
|
72
|
-
* Store the overlay content instance.
|
73
|
-
*/
|
74
|
-
private overlay;
|
75
|
-
/**
|
76
|
-
* Store the overlay arrow instance.
|
77
|
-
*/
|
78
|
-
private arrow;
|
79
|
-
/**
|
80
|
-
* Store the view ref
|
81
|
-
*/
|
82
|
-
private viewRef;
|
83
|
-
/**
|
84
|
-
* Store the show delay timeout
|
85
|
-
*/
|
86
|
-
private showDelayTimeout;
|
87
|
-
/**
|
88
|
-
* Store the hide delay timeout
|
89
|
-
*/
|
90
|
-
private hideDelayTimeout;
|
91
|
-
/**
|
92
|
-
* Store the dispose function
|
93
|
-
*/
|
94
|
-
private dispose?;
|
95
|
-
/**
|
96
|
-
* Store additional providers to register on the overlay.
|
97
|
-
*/
|
98
|
-
private readonly providers;
|
99
|
-
/**
|
100
|
-
* Determine the state of the overlay.
|
101
|
-
*/
|
102
|
-
private get isOpen();
|
103
|
-
/**
|
104
|
-
* Determine the state of the overlay.
|
105
|
-
*/
|
106
|
-
protected get state(): 'closed' | 'opening' | 'open' | 'closing';
|
107
|
-
/**
|
108
|
-
* Create the overlay.
|
109
|
-
*/
|
110
|
-
private createOverlay;
|
111
|
-
/**
|
112
|
-
* Update the overlay position.
|
113
|
-
*/
|
114
|
-
private updateOverlayPosition;
|
115
|
-
/**
|
116
|
-
* Destroy the overlay.
|
117
|
-
*/
|
118
|
-
private destroyOverlay;
|
119
|
-
/**
|
120
|
-
* Show the overlay.
|
121
|
-
*/
|
122
|
-
show(): void;
|
123
|
-
/**
|
124
|
-
* Hide the overlay.
|
125
|
-
*/
|
126
|
-
hide(): void;
|
127
|
-
/**
|
128
|
-
* Register the overlay.
|
129
|
-
* @param overlay The overlay to register.
|
130
|
-
* @internal
|
131
|
-
*/
|
132
|
-
registerOverlay(overlay: RdxOverlayDirective): void;
|
133
|
-
/**
|
134
|
-
* Unregister the overlay.
|
135
|
-
* @internal
|
136
|
-
*/
|
137
|
-
unregisterOverlay(): void;
|
138
|
-
/**
|
139
|
-
* Register the arrow.
|
140
|
-
* @param arrow The arrow to register.
|
141
|
-
* @internal
|
142
|
-
*/
|
143
|
-
registerArrow(arrow: RdxOverlayArrowDirective): void;
|
144
|
-
/**
|
145
|
-
* Unregister the arrow.
|
146
|
-
* @internal
|
147
|
-
*/
|
148
|
-
unregisterArrow(): void;
|
149
|
-
/**
|
150
|
-
* Register a provider on the overlay.
|
151
|
-
* @param provider The provider to register.
|
152
|
-
* @internal
|
153
|
-
*/
|
154
|
-
registerProvider(provider: StaticProvider): void;
|
155
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxOverlayTriggerDirective, never>;
|
156
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxOverlayTriggerDirective, "[rdxOverlayTrigger]", ["rdxOverlayTrigger"], { "templateRef": { "alias": "rdxOverlayTrigger"; "required": true; }; "disabled": { "alias": "rdxOverlayDisabled"; "required": false; }; "placement": { "alias": "rdxOverlayPlacement"; "required": false; }; "offset": { "alias": "rdxOverlayOffset"; "required": false; }; "showDelay": { "alias": "rdxOverlayShowDelay"; "required": false; }; "hideDelay": { "alias": "rdxOverlayHideDelay"; "required": false; }; "shift": { "alias": "rdxOverlayShift"; "required": false; }; "flip": { "alias": "rdxOverlayFlip"; "required": false; }; "container": { "alias": "rdxOverlayContainer"; "required": false; }; }, {}, never, never, true, never>;
|
157
|
-
static ngAcceptInputType_disabled: unknown;
|
158
|
-
static ngAcceptInputType_offset: unknown;
|
159
|
-
static ngAcceptInputType_showDelay: unknown;
|
160
|
-
static ngAcceptInputType_hideDelay: unknown;
|
161
|
-
static ngAcceptInputType_shift: unknown;
|
162
|
-
static ngAcceptInputType_flip: unknown;
|
163
|
-
}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
2
|
-
import type { RdxOverlayTriggerDirective } from './overlay-trigger.directive';
|
3
|
-
export declare const RdxOverlayTriggerToken: InjectionToken<RdxOverlayTriggerDirective>;
|
4
|
-
/**
|
5
|
-
* Inject the overlay trigger directive
|
6
|
-
*/
|
7
|
-
export declare function injectOverlayTrigger(): RdxOverlayTriggerDirective;
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import { OnDestroy, OnInit } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export declare class RdxOverlayDirective implements OnInit, OnDestroy {
|
4
|
-
/**
|
5
|
-
* Access the overlay element
|
6
|
-
*/
|
7
|
-
private readonly elementRef;
|
8
|
-
/**
|
9
|
-
* Access the overlay trigger
|
10
|
-
*/
|
11
|
-
private readonly overlayTrigger;
|
12
|
-
/**
|
13
|
-
* Register the overlay on init
|
14
|
-
*/
|
15
|
-
ngOnInit(): void;
|
16
|
-
/**
|
17
|
-
* Unregister the overlay on destroy
|
18
|
-
*/
|
19
|
-
ngOnDestroy(): void;
|
20
|
-
/**
|
21
|
-
* Set the position of the overlay
|
22
|
-
* @param x The x position
|
23
|
-
* @param y The y position
|
24
|
-
* @internal
|
25
|
-
*/
|
26
|
-
setPosition(x?: number, y?: number): void;
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxOverlayDirective, never>;
|
28
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxOverlayDirective, "[rdxOverlay]", never, {}, {}, never, never, true, never>;
|
29
|
-
}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
export declare class RdxProgressDirective {
|
3
|
-
/**
|
4
|
-
* Define the progress value.
|
5
|
-
*/
|
6
|
-
value: number;
|
7
|
-
/**
|
8
|
-
* Define the progress max value.
|
9
|
-
* @default 100
|
10
|
-
*/
|
11
|
-
max: number;
|
12
|
-
/**
|
13
|
-
* Define a function that returns the progress value label.
|
14
|
-
*/
|
15
|
-
valueLabel: (value: number, max: number) => string;
|
16
|
-
/**
|
17
|
-
* Get the state of the progress bar.
|
18
|
-
* @returns 'indeterminate' | 'loading' | 'complete'
|
19
|
-
* @internal
|
20
|
-
*/
|
21
|
-
get state(): 'indeterminate' | 'loading' | 'complete';
|
22
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressDirective, never>;
|
23
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressDirective, "[rdxProgress]", never, { "value": { "alias": "rdxProgressValue"; "required": false; }; "max": { "alias": "rdxProgressMax"; "required": false; }; "valueLabel": { "alias": "rdxProgressValueLabel"; "required": false; }; }, {}, never, never, true, never>;
|
24
|
-
static ngAcceptInputType_value: unknown;
|
25
|
-
static ngAcceptInputType_max: unknown;
|
26
|
-
}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
2
|
-
import type { RdxRovingFocusGroupDirective } from './roving-focus-group.directive';
|
3
|
-
export declare const RdxRovingFocusGroupToken: InjectionToken<RdxRovingFocusGroupDirective>;
|
4
|
-
/**
|
5
|
-
* Inject the roving focus directive instance.
|
6
|
-
*/
|
7
|
-
export declare function injectRovingFocusGroup(): RdxRovingFocusGroupDirective;
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
2
|
-
import type { RdxRovingFocusItemDirective } from './roving-focus-item.directive';
|
3
|
-
export declare const RdxRovingFocusItemToken: InjectionToken<RdxRovingFocusItemDirective>;
|
4
|
-
export declare function injectRovingFocusItem(): RdxRovingFocusItemDirective;
|