@radix-ng/primitives 0.44.0 → 0.51.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/collection/README.md +1 -0
- package/fesm2022/radix-ng-primitives-accordion.mjs +41 -40
- package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs +22 -22
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-arrow.mjs +6 -6
- package/fesm2022/radix-ng-primitives-arrow.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-aspect-ratio.mjs +6 -6
- package/fesm2022/radix-ng-primitives-aspect-ratio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-avatar.mjs +22 -22
- package/fesm2022/radix-ng-primitives-avatar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-calendar.mjs +104 -103
- package/fesm2022/radix-ng-primitives-calendar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-checkbox.mjs +51 -41
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collapsible.mjs +28 -28
- package/fesm2022/radix-ng-primitives-collapsible.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collection.mjs +89 -0
- package/fesm2022/radix-ng-primitives-collection.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-config.mjs +5 -5
- package/fesm2022/radix-ng-primitives-config.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-context-menu.mjs +36 -36
- package/fesm2022/radix-ng-primitives-context-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-core.mjs +33 -24
- package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-cropper.mjs +54 -53
- package/fesm2022/radix-ng-primitives-cropper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-date-field.mjs +48 -47
- package/fesm2022/radix-ng-primitives-date-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dialog.mjs +34 -34
- package/fesm2022/radix-ng-primitives-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dismissable-layer.mjs +31 -33
- package/fesm2022/radix-ng-primitives-dismissable-layer.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +41 -43
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-editable.mjs +20 -20
- package/fesm2022/radix-ng-primitives-editable.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-focus-guards.mjs +3 -3
- package/fesm2022/radix-ng-primitives-focus-guards.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-focus-scope.mjs +7 -7
- package/fesm2022/radix-ng-primitives-focus-scope.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-hover-card.mjs +69 -77
- package/fesm2022/radix-ng-primitives-hover-card.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-label.mjs +7 -7
- package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menu.mjs +65 -70
- package/fesm2022/radix-ng-primitives-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menubar.mjs +31 -31
- package/fesm2022/radix-ng-primitives-menubar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-navigation-menu.mjs +113 -105
- package/fesm2022/radix-ng-primitives-navigation-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-number-field.mjs +48 -47
- package/fesm2022/radix-ng-primitives-number-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-pagination.mjs +51 -51
- package/fesm2022/radix-ng-primitives-pagination.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-popover.mjs +67 -71
- package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-popper.mjs +61 -56
- package/fesm2022/radix-ng-primitives-popper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-portal.mjs +7 -7
- package/fesm2022/radix-ng-primitives-portal.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-presence.mjs +4 -4
- package/fesm2022/radix-ng-primitives-presence.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-progress.mjs +16 -16
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +38 -37
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +38 -34
- package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-select.mjs +41 -43
- package/fesm2022/radix-ng-primitives-select.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-select2.mjs +897 -0
- package/fesm2022/radix-ng-primitives-select2.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-separator.mjs +11 -17
- package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-slider.mjs +88 -84
- package/fesm2022/radix-ng-primitives-slider.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-stepper.mjs +55 -53
- package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-switch.mjs +22 -30
- package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tabs.mjs +38 -38
- package/fesm2022/radix-ng-primitives-tabs.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-time-field.mjs +63 -78
- package/fesm2022/radix-ng-primitives-time-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +24 -24
- package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle.mjs +11 -11
- package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toolbar.mjs +31 -29
- package/fesm2022/radix-ng-primitives-toolbar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tooltip.mjs +69 -77
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tooltip2.mjs +57 -62
- package/fesm2022/radix-ng-primitives-tooltip2.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +31 -31
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives.mjs.map +1 -1
- package/package.json +60 -51
- package/select2/README.md +3 -0
- package/{accordion/index.d.ts → types/radix-ng-primitives-accordion.d.ts} +61 -60
- package/{calendar/index.d.ts → types/radix-ng-primitives-calendar.d.ts} +1 -1
- package/{checkbox/index.d.ts → types/radix-ng-primitives-checkbox.d.ts} +33 -29
- package/{collapsible/index.d.ts → types/radix-ng-primitives-collapsible.d.ts} +20 -19
- package/types/radix-ng-primitives-collection.d.ts +40 -0
- package/{core/index.d.ts → types/radix-ng-primitives-core.d.ts} +6 -2
- package/{cropper/index.d.ts → types/radix-ng-primitives-cropper.d.ts} +4 -3
- package/{date-field/index.d.ts → types/radix-ng-primitives-date-field.d.ts} +4 -4
- package/{dialog/index.d.ts → types/radix-ng-primitives-dialog.d.ts} +2 -1
- package/{hover-card/index.d.ts → types/radix-ng-primitives-hover-card.d.ts} +3 -4
- package/{menu/index.d.ts → types/radix-ng-primitives-menu.d.ts} +1 -1
- package/{navigation-menu/index.d.ts → types/radix-ng-primitives-navigation-menu.d.ts} +47 -46
- package/{number-field/index.d.ts → types/radix-ng-primitives-number-field.d.ts} +13 -12
- package/{popover/index.d.ts → types/radix-ng-primitives-popover.d.ts} +3 -4
- package/{popper/index.d.ts → types/radix-ng-primitives-popper.d.ts} +1 -0
- package/{progress/index.d.ts → types/radix-ng-primitives-progress.d.ts} +2 -1
- package/{radio/index.d.ts → types/radix-ng-primitives-radio.d.ts} +1 -1
- package/{roving-focus/index.d.ts → types/radix-ng-primitives-roving-focus.d.ts} +8 -6
- package/types/radix-ng-primitives-select2.d.ts +511 -0
- package/{slider/index.d.ts → types/radix-ng-primitives-slider.d.ts} +4 -4
- package/{stepper/index.d.ts → types/radix-ng-primitives-stepper.d.ts} +17 -16
- package/{switch/index.d.ts → types/radix-ng-primitives-switch.d.ts} +3 -2
- package/{tabs/index.d.ts → types/radix-ng-primitives-tabs.d.ts} +7 -6
- package/{time-field/index.d.ts → types/radix-ng-primitives-time-field.d.ts} +4 -4
- package/{toggle-group/index.d.ts → types/radix-ng-primitives-toggle-group.d.ts} +12 -11
- package/{tooltip/index.d.ts → types/radix-ng-primitives-tooltip.d.ts} +3 -4
- package/{tooltip2/index.d.ts → types/radix-ng-primitives-tooltip2.d.ts} +4 -4
- /package/{alert-dialog/index.d.ts → types/radix-ng-primitives-alert-dialog.d.ts} +0 -0
- /package/{arrow/index.d.ts → types/radix-ng-primitives-arrow.d.ts} +0 -0
- /package/{aspect-ratio/index.d.ts → types/radix-ng-primitives-aspect-ratio.d.ts} +0 -0
- /package/{avatar/index.d.ts → types/radix-ng-primitives-avatar.d.ts} +0 -0
- /package/{config/index.d.ts → types/radix-ng-primitives-config.d.ts} +0 -0
- /package/{context-menu/index.d.ts → types/radix-ng-primitives-context-menu.d.ts} +0 -0
- /package/{dismissable-layer/index.d.ts → types/radix-ng-primitives-dismissable-layer.d.ts} +0 -0
- /package/{dropdown-menu/index.d.ts → types/radix-ng-primitives-dropdown-menu.d.ts} +0 -0
- /package/{editable/index.d.ts → types/radix-ng-primitives-editable.d.ts} +0 -0
- /package/{focus-guards/index.d.ts → types/radix-ng-primitives-focus-guards.d.ts} +0 -0
- /package/{focus-scope/index.d.ts → types/radix-ng-primitives-focus-scope.d.ts} +0 -0
- /package/{label/index.d.ts → types/radix-ng-primitives-label.d.ts} +0 -0
- /package/{menubar/index.d.ts → types/radix-ng-primitives-menubar.d.ts} +0 -0
- /package/{pagination/index.d.ts → types/radix-ng-primitives-pagination.d.ts} +0 -0
- /package/{portal/index.d.ts → types/radix-ng-primitives-portal.d.ts} +0 -0
- /package/{presence/index.d.ts → types/radix-ng-primitives-presence.d.ts} +0 -0
- /package/{select/index.d.ts → types/radix-ng-primitives-select.d.ts} +0 -0
- /package/{separator/index.d.ts → types/radix-ng-primitives-separator.d.ts} +0 -0
- /package/{toggle/index.d.ts → types/radix-ng-primitives-toggle.d.ts} +0 -0
- /package/{toolbar/index.d.ts → types/radix-ng-primitives-toolbar.d.ts} +0 -0
- /package/{visually-hidden/index.d.ts → types/radix-ng-primitives-visually-hidden.d.ts} +0 -0
- /package/{index.d.ts → types/radix-ng-primitives.d.ts} +0 -0
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnDestroy, WritableSignal, ElementRef, Signal, AfterContentInit, AfterViewInit,
|
|
2
|
+
import { OnDestroy, WritableSignal, ElementRef, Signal, AfterContentInit, AfterViewInit, OnInit, EventEmitter, InjectionToken, Type, Provider } from '@angular/core';
|
|
3
3
|
import { Subject } from 'rxjs';
|
|
4
4
|
import { FocusableOption, FocusKeyManager } from '@angular/cdk/a11y';
|
|
5
5
|
import * as i1 from '@radix-ng/primitives/roving-focus';
|
|
6
|
+
import * as _radix_ng_primitives_navigation_menu from '@radix-ng/primitives/navigation-menu';
|
|
6
7
|
|
|
7
8
|
declare enum RdxNavigationMenuAnimationStatus {
|
|
8
9
|
OPEN_STARTED = "open_started",
|
|
@@ -175,7 +176,7 @@ declare class RdxNavigationMenuListDirective implements AfterContentInit, AfterV
|
|
|
175
176
|
/**
|
|
176
177
|
* @ignore
|
|
177
178
|
*/
|
|
178
|
-
onKeydown(event:
|
|
179
|
+
onKeydown(event: Event): void;
|
|
179
180
|
/**
|
|
180
181
|
* @ignore
|
|
181
182
|
*/
|
|
@@ -184,42 +185,8 @@ declare class RdxNavigationMenuListDirective implements AfterContentInit, AfterV
|
|
|
184
185
|
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxNavigationMenuListDirective, "[rdxNavigationMenuList]", never, {}, {}, ["items"], never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: {}; outputs: {}; }]>;
|
|
185
186
|
}
|
|
186
187
|
|
|
187
|
-
interface NavigationMenuContext {
|
|
188
|
-
isRootMenu: boolean;
|
|
189
|
-
value: () => string;
|
|
190
|
-
previousValue: () => string;
|
|
191
|
-
baseId: string;
|
|
192
|
-
dir: 'ltr' | 'rtl';
|
|
193
|
-
orientation: 'horizontal' | 'vertical';
|
|
194
|
-
loop: boolean;
|
|
195
|
-
rootNavigationMenu: () => HTMLElement | null;
|
|
196
|
-
indicatorTrack?: () => HTMLElement | null;
|
|
197
|
-
onIndicatorTrackChange?: (track: HTMLElement | null) => void;
|
|
198
|
-
userDismissedByClick?: () => boolean;
|
|
199
|
-
resetUserDismissed?: () => void;
|
|
200
|
-
viewport?: () => HTMLElement | null;
|
|
201
|
-
onViewportChange?: (viewport: HTMLElement | null) => void;
|
|
202
|
-
viewportContent?: () => Map<string, any>;
|
|
203
|
-
onViewportContentChange?: (contentValue: string, contentData: any) => void;
|
|
204
|
-
onViewportContentRemove?: (contentValue: string) => void;
|
|
205
|
-
onTriggerEnter?: (itemValue: string) => void;
|
|
206
|
-
onTriggerLeave?: () => void;
|
|
207
|
-
onContentEnter?: () => void;
|
|
208
|
-
onContentLeave?: () => void;
|
|
209
|
-
onItemSelect?: (itemValue: string) => void;
|
|
210
|
-
onItemDismiss?: () => void;
|
|
211
|
-
handleClose?: (force?: boolean) => void;
|
|
212
|
-
setTriggerPointerState?: (isOver: boolean) => void;
|
|
213
|
-
setContentPointerState?: (isOver: boolean) => void;
|
|
214
|
-
isPointerInSystem?: () => boolean;
|
|
215
|
-
}
|
|
216
|
-
declare const RDX_NAVIGATION_MENU_TOKEN: InjectionToken<NavigationMenuContext>;
|
|
217
|
-
declare function injectNavigationMenu(): NavigationMenuContext;
|
|
218
|
-
declare function isRootNavigationMenu(context: NavigationMenuContext): boolean;
|
|
219
|
-
declare function provideNavigationMenuContext(provider: Type<RdxNavigationMenuDirective | RdxNavigationMenuSubDirective>): Provider;
|
|
220
|
-
|
|
221
188
|
declare class RdxNavigationMenuTriggerDirective extends RdxNavigationMenuFocusableOption implements OnInit, OnDestroy {
|
|
222
|
-
protected readonly context: NavigationMenuContext;
|
|
189
|
+
protected readonly context: _radix_ng_primitives_navigation_menu.NavigationMenuContext;
|
|
223
190
|
private readonly item;
|
|
224
191
|
private readonly list;
|
|
225
192
|
private readonly rovingFocusItem;
|
|
@@ -241,10 +208,10 @@ declare class RdxNavigationMenuTriggerDirective extends RdxNavigationMenuFocusab
|
|
|
241
208
|
private createAccessibilityComponents;
|
|
242
209
|
private removeAccessibilityComponents;
|
|
243
210
|
onPointerEnter(): void;
|
|
244
|
-
onPointerMove(event:
|
|
245
|
-
onPointerLeave(event:
|
|
211
|
+
onPointerMove(event: Event): void;
|
|
212
|
+
onPointerLeave(event: Event): void;
|
|
246
213
|
onClick(): void;
|
|
247
|
-
onKeydown(event:
|
|
214
|
+
onKeydown(event: Event): void;
|
|
248
215
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxNavigationMenuTriggerDirective, never>;
|
|
249
216
|
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxNavigationMenuTriggerDirective, "[rdxNavigationMenuTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "openOnHover": { "alias": "openOnHover"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: {}; outputs: {}; }]>;
|
|
250
217
|
}
|
|
@@ -257,14 +224,14 @@ declare class RdxNavigationMenuLinkDirective extends RdxNavigationMenuFocusableO
|
|
|
257
224
|
readonly elementRef: ElementRef<any>;
|
|
258
225
|
ngOnInit(): void;
|
|
259
226
|
focus(): void;
|
|
260
|
-
onClick(event:
|
|
261
|
-
onKeydown(event:
|
|
227
|
+
onClick(event: Event): void;
|
|
228
|
+
onKeydown(event: Event): void;
|
|
262
229
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxNavigationMenuLinkDirective, never>;
|
|
263
230
|
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxNavigationMenuLinkDirective, "[rdxNavigationMenuLink]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "onSelect": { "alias": "onSelect"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "focusable": "focusable"; }; outputs: {}; }]>;
|
|
264
231
|
}
|
|
265
232
|
|
|
266
233
|
declare class RdxNavigationMenuIndicatorDirective implements OnDestroy {
|
|
267
|
-
|
|
234
|
+
protected readonly context: _radix_ng_primitives_navigation_menu.NavigationMenuContext;
|
|
268
235
|
private readonly elementRef;
|
|
269
236
|
private readonly renderer;
|
|
270
237
|
/**
|
|
@@ -322,7 +289,7 @@ declare class RdxNavigationMenuContentDirective implements OnInit, OnDestroy {
|
|
|
322
289
|
}
|
|
323
290
|
|
|
324
291
|
declare class RdxNavigationMenuViewportDirective implements OnInit, OnDestroy {
|
|
325
|
-
|
|
292
|
+
protected readonly context: _radix_ng_primitives_navigation_menu.NavigationMenuContext;
|
|
326
293
|
private readonly document;
|
|
327
294
|
private readonly window;
|
|
328
295
|
private readonly elementRef;
|
|
@@ -351,7 +318,7 @@ declare class RdxNavigationMenuViewportDirective implements OnInit, OnDestroy {
|
|
|
351
318
|
constructor();
|
|
352
319
|
ngOnInit(): void;
|
|
353
320
|
ngOnDestroy(): void;
|
|
354
|
-
onKeydown(event:
|
|
321
|
+
onKeydown(event: Event): void;
|
|
355
322
|
onPointerEnter(): void;
|
|
356
323
|
onPointerLeave(): void;
|
|
357
324
|
private setupViewportEffect;
|
|
@@ -385,7 +352,7 @@ declare class RdxNavigationMenuFocusProxyComponent {
|
|
|
385
352
|
triggerElement: HTMLElement | null;
|
|
386
353
|
contentElement: HTMLElement | null;
|
|
387
354
|
proxyFocus: EventEmitter<"start" | "end">;
|
|
388
|
-
onFocus(event:
|
|
355
|
+
onFocus(event: Event): void;
|
|
389
356
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxNavigationMenuFocusProxyComponent, never>;
|
|
390
357
|
static ɵcmp: i0.ɵɵComponentDeclaration<RdxNavigationMenuFocusProxyComponent, "rdx-navigation-menu-focus-proxy", never, { "triggerElement": { "alias": "triggerElement"; "required": false; }; "contentElement": { "alias": "contentElement"; "required": false; }; }, { "proxyFocus": "proxyFocus"; }, never, never, true, never>;
|
|
391
358
|
}
|
|
@@ -395,6 +362,40 @@ declare class RdxNavigationMenuAriaOwnsComponent {
|
|
|
395
362
|
static ɵcmp: i0.ɵɵComponentDeclaration<RdxNavigationMenuAriaOwnsComponent, "rdx-navigation-menu-aria-owns", never, { "contentId": { "alias": "contentId"; "required": false; }; }, {}, never, never, true, never>;
|
|
396
363
|
}
|
|
397
364
|
|
|
365
|
+
interface NavigationMenuContext {
|
|
366
|
+
isRootMenu: boolean;
|
|
367
|
+
value: () => string;
|
|
368
|
+
previousValue: () => string;
|
|
369
|
+
baseId: string;
|
|
370
|
+
dir: 'ltr' | 'rtl';
|
|
371
|
+
orientation: 'horizontal' | 'vertical';
|
|
372
|
+
loop: boolean;
|
|
373
|
+
rootNavigationMenu: () => HTMLElement | null;
|
|
374
|
+
indicatorTrack?: () => HTMLElement | null;
|
|
375
|
+
onIndicatorTrackChange?: (track: HTMLElement | null) => void;
|
|
376
|
+
userDismissedByClick?: () => boolean;
|
|
377
|
+
resetUserDismissed?: () => void;
|
|
378
|
+
viewport?: () => HTMLElement | null;
|
|
379
|
+
onViewportChange?: (viewport: HTMLElement | null) => void;
|
|
380
|
+
viewportContent?: () => Map<string, any>;
|
|
381
|
+
onViewportContentChange?: (contentValue: string, contentData: any) => void;
|
|
382
|
+
onViewportContentRemove?: (contentValue: string) => void;
|
|
383
|
+
onTriggerEnter?: (itemValue: string) => void;
|
|
384
|
+
onTriggerLeave?: () => void;
|
|
385
|
+
onContentEnter?: () => void;
|
|
386
|
+
onContentLeave?: () => void;
|
|
387
|
+
onItemSelect?: (itemValue: string) => void;
|
|
388
|
+
onItemDismiss?: () => void;
|
|
389
|
+
handleClose?: (force?: boolean) => void;
|
|
390
|
+
setTriggerPointerState?: (isOver: boolean) => void;
|
|
391
|
+
setContentPointerState?: (isOver: boolean) => void;
|
|
392
|
+
isPointerInSystem?: () => boolean;
|
|
393
|
+
}
|
|
394
|
+
declare const RDX_NAVIGATION_MENU_TOKEN: InjectionToken<NavigationMenuContext>;
|
|
395
|
+
declare function injectNavigationMenu(): NavigationMenuContext;
|
|
396
|
+
declare function isRootNavigationMenu(context: NavigationMenuContext): boolean;
|
|
397
|
+
declare function provideNavigationMenuContext(provider: Type<RdxNavigationMenuDirective | RdxNavigationMenuSubDirective>): Provider;
|
|
398
|
+
|
|
398
399
|
declare class RdxNavigationMenuModule {
|
|
399
400
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxNavigationMenuModule, never>;
|
|
400
401
|
static ɵmod: i0.ɵɵNgModuleDeclaration<RdxNavigationMenuModule, never, [typeof RdxNavigationMenuDirective, typeof RdxNavigationMenuSubDirective, typeof RdxNavigationMenuListDirective, typeof RdxNavigationMenuItemDirective, typeof RdxNavigationMenuTriggerDirective, typeof RdxNavigationMenuLinkDirective, typeof RdxNavigationMenuIndicatorDirective, typeof RdxNavigationMenuContentDirective, typeof RdxNavigationMenuViewportDirective, typeof RdxNavigationMenuFocusProxyComponent, typeof RdxNavigationMenuAriaOwnsComponent], [typeof RdxNavigationMenuDirective, typeof RdxNavigationMenuSubDirective, typeof RdxNavigationMenuListDirective, typeof RdxNavigationMenuItemDirective, typeof RdxNavigationMenuTriggerDirective, typeof RdxNavigationMenuLinkDirective, typeof RdxNavigationMenuIndicatorDirective, typeof RdxNavigationMenuContentDirective, typeof RdxNavigationMenuViewportDirective, typeof RdxNavigationMenuFocusProxyComponent, typeof RdxNavigationMenuAriaOwnsComponent]>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { ModelSignal, InputSignal, Signal, InputSignalWithTransform, InjectionToken, OnInit } from '@angular/core';
|
|
3
3
|
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
|
4
|
+
import * as _radix_ng_primitives_number_field from '@radix-ng/primitives/number-field';
|
|
4
5
|
import { NumberFormatter, NumberParser } from '@internationalized/number';
|
|
5
6
|
|
|
6
7
|
type InputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
|
|
@@ -116,21 +117,21 @@ declare class RdxNumberFieldRootDirective implements OnInit, NumberFieldContextT
|
|
|
116
117
|
|
|
117
118
|
declare class RdxNumberFieldInputDirective implements OnInit {
|
|
118
119
|
private readonly elementRef;
|
|
119
|
-
protected readonly rootContext: NumberFieldContextToken;
|
|
120
|
+
protected readonly rootContext: _radix_ng_primitives_number_field.NumberFieldContextToken;
|
|
120
121
|
readonly inputValue: _angular_core.WritableSignal<any>;
|
|
121
122
|
constructor();
|
|
122
123
|
ngOnInit(): void;
|
|
123
|
-
onBeforeInput(event:
|
|
124
|
+
onBeforeInput(event: Event): void;
|
|
124
125
|
onWheelEvent(event: WheelEvent): void;
|
|
125
|
-
onKeydownPageUp(event:
|
|
126
|
-
onKeydownPageDown(event:
|
|
127
|
-
onKeydownHome(event:
|
|
128
|
-
onKeydownEnd(event:
|
|
129
|
-
onInput(event:
|
|
126
|
+
onKeydownPageUp(event: Event): void;
|
|
127
|
+
onKeydownPageDown(event: Event): void;
|
|
128
|
+
onKeydownHome(event: Event): void;
|
|
129
|
+
onKeydownEnd(event: Event): void;
|
|
130
|
+
onInput(event: Event): void;
|
|
130
131
|
onChange(): void;
|
|
131
|
-
onKeydownEnter(event:
|
|
132
|
-
onKeydownUp(event:
|
|
133
|
-
onKeydownDown(event:
|
|
132
|
+
onKeydownEnter(event: Event): void;
|
|
133
|
+
onKeydownUp(event: Event): void;
|
|
134
|
+
onKeydownDown(event: Event): void;
|
|
134
135
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxNumberFieldInputDirective, never>;
|
|
135
136
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxNumberFieldInputDirective, "input[rdxNumberFieldInput]", never, {}, {}, never, never, true, never>;
|
|
136
137
|
}
|
|
@@ -138,7 +139,7 @@ declare class RdxNumberFieldInputDirective implements OnInit {
|
|
|
138
139
|
declare class RdxNumberFieldIncrementDirective implements OnInit {
|
|
139
140
|
private readonly elementRef;
|
|
140
141
|
private readonly pressedHold;
|
|
141
|
-
protected readonly rootContext: NumberFieldContextToken;
|
|
142
|
+
protected readonly rootContext: _radix_ng_primitives_number_field.NumberFieldContextToken;
|
|
142
143
|
readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
143
144
|
/**
|
|
144
145
|
* @ignore
|
|
@@ -159,7 +160,7 @@ declare class RdxNumberFieldIncrementDirective implements OnInit {
|
|
|
159
160
|
declare class RdxNumberFieldDecrementDirective implements OnInit {
|
|
160
161
|
private readonly elementRef;
|
|
161
162
|
private readonly pressedHold;
|
|
162
|
-
protected readonly rootContext: NumberFieldContextToken;
|
|
163
|
+
protected readonly rootContext: _radix_ng_primitives_number_field.NumberFieldContextToken;
|
|
163
164
|
readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
164
165
|
/**
|
|
165
166
|
* @ignore
|
|
@@ -3,10 +3,9 @@ import { ElementRef, OnInit, ViewContainerRef, DestroyRef } from '@angular/core'
|
|
|
3
3
|
import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
|
|
4
4
|
import * as _radix_ng_primitives_popover from '@radix-ng/primitives/popover';
|
|
5
5
|
import * as rxjs from 'rxjs';
|
|
6
|
-
import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
|
|
7
|
-
import { RdxPositionSide, RdxPositionAlign } from '@radix-ng/primitives/core';
|
|
8
6
|
import * as i1 from '@angular/cdk/overlay';
|
|
9
7
|
import { CdkOverlayOrigin } from '@angular/cdk/overlay';
|
|
8
|
+
import { RdxPositionSide, RdxPositionAlign } from '@radix-ng/primitives/core';
|
|
10
9
|
import * as i1$1 from '@angular/cdk/a11y';
|
|
11
10
|
|
|
12
11
|
declare class RdxPopoverArrowDirective {
|
|
@@ -122,7 +121,7 @@ declare class RdxPopoverContentDirective implements OnInit {
|
|
|
122
121
|
*/
|
|
123
122
|
readonly onClosed: _angular_core.OutputEmitterRef<void>;
|
|
124
123
|
/** @ingore */
|
|
125
|
-
readonly positions: _angular_core.Signal<
|
|
124
|
+
readonly positions: _angular_core.Signal<i1.ConnectedPosition[]>;
|
|
126
125
|
constructor();
|
|
127
126
|
/** @ignore */
|
|
128
127
|
ngOnInit(): void;
|
|
@@ -131,7 +130,7 @@ declare class RdxPopoverContentDirective implements OnInit {
|
|
|
131
130
|
/** @ignore */
|
|
132
131
|
close(): void;
|
|
133
132
|
/** @ignore */
|
|
134
|
-
positionChange(): rxjs.Observable<
|
|
133
|
+
positionChange(): rxjs.Observable<i1.ConnectedOverlayPositionChange>;
|
|
135
134
|
/** @ignore */
|
|
136
135
|
private connectKeydownEscape;
|
|
137
136
|
/** @ignore */
|
|
@@ -175,6 +175,7 @@ declare class RdxPopperContentWrapper {
|
|
|
175
175
|
'--radix-popper-transform-origin': string;
|
|
176
176
|
}>;
|
|
177
177
|
private readonly afterNextRender;
|
|
178
|
+
constructor();
|
|
178
179
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxPopperContentWrapper, never>;
|
|
179
180
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxPopperContentWrapper, "[rdxPopperContentWrapper]", 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; }; "arrowPadding": { "alias": "arrowPadding"; "required": false; "isSignal": true; }; "avoidCollisions": { "alias": "avoidCollisions"; "required": false; "isSignal": true; }; "collisionBoundary": { "alias": "collisionBoundary"; "required": false; "isSignal": true; }; "collisionPadding": { "alias": "collisionPadding"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "hideWhenDetached": { "alias": "hideWhenDetached"; "required": false; "isSignal": true; }; "positionStrategy": { "alias": "positionStrategy"; "required": false; "isSignal": true; }; "updatePositionStrategy": { "alias": "updatePositionStrategy"; "required": false; "isSignal": true; }; }, { "placed": "placed"; }, ["arrow", "contentElementRef"], never, true, never>;
|
|
180
181
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { InjectionToken } from '@angular/core';
|
|
3
|
+
import * as _radix_ng_primitives_progress from '@radix-ng/primitives/progress';
|
|
3
4
|
|
|
4
5
|
declare const RdxProgressToken: InjectionToken<RdxProgressRootDirective>;
|
|
5
6
|
/**
|
|
@@ -64,7 +65,7 @@ declare class RdxProgressIndicatorDirective {
|
|
|
64
65
|
/**
|
|
65
66
|
* This allows the directive to access the progress bar state and values.
|
|
66
67
|
*/
|
|
67
|
-
protected readonly progress: RdxProgressRootDirective;
|
|
68
|
+
protected readonly progress: _radix_ng_primitives_progress.RdxProgressRootDirective;
|
|
68
69
|
static ɵfac: i0.ɵɵFactoryDeclaration<RdxProgressIndicatorDirective, never>;
|
|
69
70
|
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxProgressIndicatorDirective, "[rdxProgressIndicator]", ["rdxProgressIndicator"], {}, {}, never, never, true, never>;
|
|
70
71
|
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
|
+
import * as _radix_ng_primitives_roving_focus from '@radix-ng/primitives/roving-focus';
|
|
3
4
|
|
|
4
5
|
type Orientation = 'horizontal' | 'vertical';
|
|
5
6
|
type Direction = 'ltr' | 'rtl';
|
|
7
|
+
declare function focusFirst(candidates: HTMLElement[], preventScroll?: boolean, rootNode?: Document | ShadowRoot): void;
|
|
6
8
|
|
|
7
9
|
declare const rootContext: () => {
|
|
8
10
|
loop: _angular_core.Signal<boolean>;
|
|
@@ -101,7 +103,7 @@ declare class RdxRovingFocusGroupDirective {
|
|
|
101
103
|
/** @ignore */
|
|
102
104
|
handleMouseUp(): void;
|
|
103
105
|
/** @ignore */
|
|
104
|
-
handleFocus(event:
|
|
106
|
+
handleFocus(event: Event): void;
|
|
105
107
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxRovingFocusGroupDirective, never>;
|
|
106
108
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRovingFocusGroupDirective, "[rdxRovingFocusGroup]", never, { "orientationInput": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loopInput": { "alias": "loop"; "required": false; "isSignal": true; }; "preventScrollOnEntryFocus": { "alias": "preventScrollOnEntryFocus"; "required": false; "isSignal": true; }; "defaultCurrentTabStopId": { "alias": "defaultCurrentTabStopId"; "required": false; "isSignal": true; }; "currentTabStopId": { "alias": "currentTabStopId"; "required": false; "isSignal": true; }; }, { "currentTabStopId": "currentTabStopIdChange"; "entryFocus": "entryFocus"; }, never, never, true, never>;
|
|
107
109
|
}
|
|
@@ -115,8 +117,8 @@ declare class RdxRovingFocusItemDirective {
|
|
|
115
117
|
private readonly elementRef;
|
|
116
118
|
protected readonly rootContext: {
|
|
117
119
|
loop: _angular_core.Signal<boolean>;
|
|
118
|
-
dir: _angular_core.Signal<Direction>;
|
|
119
|
-
orientation: _angular_core.Signal<Orientation>;
|
|
120
|
+
dir: _angular_core.Signal<_radix_ng_primitives_roving_focus.Direction>;
|
|
121
|
+
orientation: _angular_core.Signal<_radix_ng_primitives_roving_focus.Orientation>;
|
|
120
122
|
currentTabStopId: _angular_core.ModelSignal<string | undefined>;
|
|
121
123
|
focusableItems: _angular_core.WritableSignal<HTMLElement[]>;
|
|
122
124
|
onItemFocus: (tabStopId: string) => void;
|
|
@@ -155,7 +157,7 @@ declare class RdxRovingFocusItemDirective {
|
|
|
155
157
|
setActive(value: boolean): void;
|
|
156
158
|
setTabStopId(value: string): void;
|
|
157
159
|
/** @ignore */
|
|
158
|
-
handleMouseDown(event:
|
|
160
|
+
handleMouseDown(event: Event): void;
|
|
159
161
|
/**
|
|
160
162
|
* Handles the `keydown` event for keyboard navigation within the roving focus group.
|
|
161
163
|
* Supports navigation based on orientation and direction, and focuses appropriate elements.
|
|
@@ -163,12 +165,12 @@ declare class RdxRovingFocusItemDirective {
|
|
|
163
165
|
* @param event The `KeyboardEvent` object.
|
|
164
166
|
* @ignore
|
|
165
167
|
*/
|
|
166
|
-
handleKeydown(event:
|
|
168
|
+
handleKeydown(event: Event): void;
|
|
167
169
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxRovingFocusItemDirective, never>;
|
|
168
170
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxRovingFocusItemDirective, "[rdxRovingFocusItem]", never, { "focusableInput": { "alias": "focusable"; "required": false; "isSignal": true; }; "activeInput": { "alias": "active"; "required": false; "isSignal": true; }; "tabStopIdInput": { "alias": "tabStopId"; "required": false; "isSignal": true; }; "allowShiftKey": { "alias": "allowShiftKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
169
171
|
}
|
|
170
172
|
|
|
171
173
|
declare const rovingFocusImports: (typeof RdxRovingFocusGroupDirective | typeof RdxRovingFocusItemDirective)[];
|
|
172
174
|
|
|
173
|
-
export { RdxRovingFocusGroupDirective, RdxRovingFocusItemDirective, injectRovingFocusGroupContext, provideRovingFocusGroupContext, rovingFocusImports };
|
|
175
|
+
export { RdxRovingFocusGroupDirective, RdxRovingFocusItemDirective, focusFirst, injectRovingFocusGroupContext, provideRovingFocusGroupContext, rovingFocusImports };
|
|
174
176
|
export type { Direction, Orientation, RovingFocusGroupContext };
|