@radix-ng/primitives 0.50.0 → 1.0.0-beta.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 +134 -66
- package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs +224 -132
- package/fesm2022/radix-ng-primitives-alert-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-arrow.mjs +26 -10
- 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 +68 -75
- 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 +104 -103
- package/fesm2022/radix-ng-primitives-calendar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-checkbox.mjs +414 -80
- package/fesm2022/radix-ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collapsible.mjs +193 -92
- package/fesm2022/radix-ng-primitives-collapsible.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-collection.mjs +72 -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 +143 -427
- package/fesm2022/radix-ng-primitives-context-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-core.mjs +757 -757
- package/fesm2022/radix-ng-primitives-core.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-cropper.mjs +55 -53
- package/fesm2022/radix-ng-primitives-cropper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-date-field.mjs +93 -86
- package/fesm2022/radix-ng-primitives-date-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dialog.mjs +658 -330
- package/fesm2022/radix-ng-primitives-dialog.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-dismissable-layer.mjs +98 -76
- package/fesm2022/radix-ng-primitives-dismissable-layer.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-drawer.mjs +1059 -0
- package/fesm2022/radix-ng-primitives-drawer.mjs.map +1 -0
- package/fesm2022/radix-ng-primitives-editable.mjs +20 -20
- 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-guards.mjs +3 -3
- package/fesm2022/radix-ng-primitives-focus-guards.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-focus-scope.mjs +29 -14
- 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 +11 -11
- package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-menu.mjs +1484 -353
- 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 +1060 -1553
- package/fesm2022/radix-ng-primitives-navigation-menu.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-number-field.mjs +1102 -366
- 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 +980 -995
- package/fesm2022/radix-ng-primitives-popover.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-popper.mjs +137 -82
- package/fesm2022/radix-ng-primitives-popper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-portal.mjs +40 -16
- 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 +231 -92
- package/fesm2022/radix-ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-radio.mjs +211 -70
- package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-roving-focus.mjs +127 -77
- package/fesm2022/radix-ng-primitives-roving-focus.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-select.mjs +791 -511
- package/fesm2022/radix-ng-primitives-select.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-separator.mjs +16 -45
- package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-slider.mjs +976 -720
- package/fesm2022/radix-ng-primitives-slider.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-stepper.mjs +69 -71
- package/fesm2022/radix-ng-primitives-stepper.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-switch.mjs +128 -124
- package/fesm2022/radix-ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tabs.mjs +388 -115
- package/fesm2022/radix-ng-primitives-tabs.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-time-field.mjs +111 -117
- package/fesm2022/radix-ng-primitives-time-field.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle-group.mjs +122 -248
- package/fesm2022/radix-ng-primitives-toggle-group.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toggle.mjs +99 -62
- package/fesm2022/radix-ng-primitives-toggle.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-toolbar.mjs +307 -94
- package/fesm2022/radix-ng-primitives-toolbar.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-tooltip.mjs +690 -1079
- package/fesm2022/radix-ng-primitives-tooltip.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs +46 -87
- package/fesm2022/radix-ng-primitives-visually-hidden.mjs.map +1 -1
- package/fesm2022/radix-ng-primitives.mjs.map +1 -1
- package/meter/README.md +3 -0
- package/navigation-menu/README.md +2 -1
- package/package.json +85 -63
- 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/{accordion/index.d.ts → types/radix-ng-primitives-accordion.d.ts} +102 -67
- package/types/radix-ng-primitives-alert-dialog.d.ts +114 -0
- package/{arrow/index.d.ts → types/radix-ng-primitives-arrow.d.ts} +1 -1
- package/{aspect-ratio/index.d.ts → types/radix-ng-primitives-aspect-ratio.d.ts} +1 -1
- package/{avatar/index.d.ts → types/radix-ng-primitives-avatar.d.ts} +7 -11
- package/types/radix-ng-primitives-button.d.ts +73 -0
- package/{calendar/index.d.ts → types/radix-ng-primitives-calendar.d.ts} +2 -3
- package/types/radix-ng-primitives-checkbox.d.ts +337 -0
- package/types/radix-ng-primitives-collapsible.d.ts +159 -0
- package/types/radix-ng-primitives-collection.d.ts +44 -0
- package/{config/index.d.ts → types/radix-ng-primitives-config.d.ts} +1 -1
- package/types/radix-ng-primitives-context-menu.d.ts +73 -0
- package/{core/index.d.ts → types/radix-ng-primitives-core.d.ts} +311 -236
- package/{cropper/index.d.ts → types/radix-ng-primitives-cropper.d.ts} +6 -5
- package/{date-field/index.d.ts → types/radix-ng-primitives-date-field.d.ts} +42 -27
- package/types/radix-ng-primitives-dialog.d.ts +323 -0
- package/{dismissable-layer/index.d.ts → types/radix-ng-primitives-dismissable-layer.d.ts} +15 -7
- package/types/radix-ng-primitives-drawer.d.ts +448 -0
- package/{editable/index.d.ts → types/radix-ng-primitives-editable.d.ts} +1 -1
- package/types/radix-ng-primitives-field.d.ts +373 -0
- package/types/radix-ng-primitives-fieldset.d.ts +48 -0
- package/{focus-scope/index.d.ts → types/radix-ng-primitives-focus-scope.d.ts} +13 -5
- package/types/radix-ng-primitives-input.d.ts +87 -0
- package/{label/index.d.ts → types/radix-ng-primitives-label.d.ts} +0 -1
- package/types/radix-ng-primitives-menu.d.ts +612 -0
- package/types/radix-ng-primitives-menubar.d.ts +66 -0
- package/types/radix-ng-primitives-meter.d.ts +193 -0
- package/types/radix-ng-primitives-navigation-menu.d.ts +488 -0
- package/types/radix-ng-primitives-number-field.d.ts +464 -0
- package/{pagination/index.d.ts → types/radix-ng-primitives-pagination.d.ts} +2 -2
- package/types/radix-ng-primitives-popover.d.ts +416 -0
- package/{popper/index.d.ts → types/radix-ng-primitives-popper.d.ts} +50 -9
- package/types/radix-ng-primitives-portal.d.ts +30 -0
- package/types/radix-ng-primitives-presence.d.ts +55 -0
- package/types/radix-ng-primitives-preview-card.d.ts +359 -0
- package/types/radix-ng-primitives-progress.d.ts +206 -0
- package/{radio/index.d.ts → types/radix-ng-primitives-radio.d.ts} +56 -26
- package/{roving-focus/index.d.ts → types/radix-ng-primitives-roving-focus.d.ts} +38 -27
- package/types/radix-ng-primitives-select.d.ts +512 -0
- package/types/radix-ng-primitives-separator.d.ts +38 -0
- package/types/radix-ng-primitives-slider.d.ts +377 -0
- package/{stepper/index.d.ts → types/radix-ng-primitives-stepper.d.ts} +21 -22
- package/types/radix-ng-primitives-switch.d.ts +121 -0
- package/types/radix-ng-primitives-tabs.d.ts +247 -0
- package/{time-field/index.d.ts → types/radix-ng-primitives-time-field.d.ts} +46 -31
- package/types/radix-ng-primitives-toggle-group.d.ts +116 -0
- package/types/radix-ng-primitives-toggle.d.ts +65 -0
- package/types/radix-ng-primitives-toolbar.d.ts +180 -0
- package/types/radix-ng-primitives-tooltip.d.ts +395 -0
- package/{visually-hidden/index.d.ts → types/radix-ng-primitives-visually-hidden.d.ts} +19 -19
- package/alert-dialog/index.d.ts +0 -57
- package/checkbox/index.d.ts +0 -164
- package/collapsible/index.d.ts +0 -85
- package/context-menu/index.d.ts +0 -129
- package/dialog/index.d.ts +0 -205
- package/dropdown-menu/README.md +0 -1
- package/dropdown-menu/index.d.ts +0 -171
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +0 -583
- package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +0 -1
- package/fesm2022/radix-ng-primitives-hover-card.mjs +0 -1246
- package/fesm2022/radix-ng-primitives-hover-card.mjs.map +0 -1
- package/fesm2022/radix-ng-primitives-tooltip2.mjs +0 -740
- package/fesm2022/radix-ng-primitives-tooltip2.mjs.map +0 -1
- package/hover-card/README.md +0 -3
- package/hover-card/index.d.ts +0 -472
- package/menu/index.d.ts +0 -139
- package/menubar/index.d.ts +0 -56
- package/navigation-menu/index.d.ts +0 -405
- package/number-field/index.d.ts +0 -203
- package/popover/index.d.ts +0 -403
- package/portal/index.d.ts +0 -22
- package/presence/index.d.ts +0 -103
- package/progress/index.d.ts +0 -79
- package/select/index.d.ts +0 -214
- package/separator/index.d.ts +0 -63
- package/slider/index.d.ts +0 -263
- package/switch/index.d.ts +0 -105
- package/tabs/index.d.ts +0 -112
- package/toggle/index.d.ts +0 -75
- package/toggle-group/index.d.ts +0 -194
- package/toolbar/index.d.ts +0 -55
- package/tooltip/index.d.ts +0 -433
- package/tooltip2/README.md +0 -3
- package/tooltip2/index.d.ts +0 -325
- /package/{focus-guards/index.d.ts → types/radix-ng-primitives-focus-guards.d.ts} +0 -0
- /package/{index.d.ts → types/radix-ng-primitives.d.ts} +0 -0
package/select/index.d.ts
DELETED
|
@@ -1,214 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { AfterViewInit, OnDestroy, NgZone, OnInit, AfterContentInit, ElementRef, ChangeDetectorRef, EventEmitter, DestroyRef, QueryList } from '@angular/core';
|
|
3
|
-
import { ActiveDescendantKeyManager, Highlightable } from '@angular/cdk/a11y';
|
|
4
|
-
import { Directionality } from '@angular/cdk/bidi';
|
|
5
|
-
import { Observable, Subject } from 'rxjs';
|
|
6
|
-
import { SelectionModel } from '@angular/cdk/collections';
|
|
7
|
-
import { Overlay, CdkConnectedOverlay, ConnectedPosition } from '@angular/cdk/overlay';
|
|
8
|
-
|
|
9
|
-
declare class RdxSelectValueDirective {
|
|
10
|
-
select: RdxSelectComponent;
|
|
11
|
-
placeholder: string;
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectValueDirective, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RdxSelectValueDirective, "[rdxSelectValue]", ["rdxSelectValue"], { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
declare class RdxSelectTriggerDirective implements AfterViewInit, OnDestroy {
|
|
17
|
-
readonly ngZone: NgZone;
|
|
18
|
-
protected nativeElement: any;
|
|
19
|
-
protected select: RdxSelectComponent;
|
|
20
|
-
protected readonly value: i0.Signal<RdxSelectValueDirective>;
|
|
21
|
-
private resizeObserver;
|
|
22
|
-
ngAfterViewInit(): void;
|
|
23
|
-
ngOnDestroy(): void;
|
|
24
|
-
focus(): void;
|
|
25
|
-
private observeTriggerResize;
|
|
26
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectTriggerDirective, never>;
|
|
27
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectTriggerDirective, "[rdxSelectTrigger]", never, {}, {}, ["value"], never, true, never>;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
declare class RdxSelectComponent implements OnInit, AfterContentInit {
|
|
31
|
-
protected overlay: Overlay;
|
|
32
|
-
protected elementRef: ElementRef<any>;
|
|
33
|
-
protected changeDetectorRef: ChangeDetectorRef;
|
|
34
|
-
private readonly destroyRef;
|
|
35
|
-
private readonly ngZone;
|
|
36
|
-
protected readonly trigger: i0.Signal<RdxSelectTriggerDirective>;
|
|
37
|
-
protected readonly content: i0.Signal<RdxSelectContentDirective>;
|
|
38
|
-
readonly items: i0.Signal<readonly RdxSelectItemDirective[]>;
|
|
39
|
-
readonly overlayDir: i0.Signal<CdkConnectedOverlay>;
|
|
40
|
-
/**
|
|
41
|
-
* Tuple type for the trigger element size. Set by the trigger element itself.
|
|
42
|
-
* The first element is the width and the second element is the height.
|
|
43
|
-
* @returns The size of the trigger element.
|
|
44
|
-
*/
|
|
45
|
-
readonly triggerSize: i0.WritableSignal<[number, number]>;
|
|
46
|
-
/**
|
|
47
|
-
* The width of the trigger element.
|
|
48
|
-
* @returns The width of the trigger element.
|
|
49
|
-
*/
|
|
50
|
-
readonly triggerWidth: i0.Signal<number>;
|
|
51
|
-
/** Deals with the selection logic. */
|
|
52
|
-
selectionModel: SelectionModel<RdxSelectItemDirective>;
|
|
53
|
-
/**
|
|
54
|
-
* This position config ensures that the top "start" corner of the overlay
|
|
55
|
-
* is aligned with the top "start" of the origin by default (overlapping
|
|
56
|
-
* the trigger completely). If the panel cannot fit below the trigger, it
|
|
57
|
-
* will fall back to a position above the trigger.
|
|
58
|
-
*/
|
|
59
|
-
positions: ConnectedPosition[];
|
|
60
|
-
private closeSubscription;
|
|
61
|
-
/**
|
|
62
|
-
* @ignore
|
|
63
|
-
*/
|
|
64
|
-
readonly dir: Directionality | null;
|
|
65
|
-
/**
|
|
66
|
-
* @ignore
|
|
67
|
-
*/
|
|
68
|
-
protected keyManager: ActiveDescendantKeyManager<RdxSelectItemDirective>;
|
|
69
|
-
/**
|
|
70
|
-
* @ignore
|
|
71
|
-
*/
|
|
72
|
-
readonly id: string;
|
|
73
|
-
defaultValue: string;
|
|
74
|
-
name: string;
|
|
75
|
-
defaultOpen: boolean;
|
|
76
|
-
open: boolean;
|
|
77
|
-
/** Whether the Select is disabled. */
|
|
78
|
-
disabled: boolean;
|
|
79
|
-
required: boolean;
|
|
80
|
-
/**
|
|
81
|
-
* The overlay width will be set to the trigger width if this is true.
|
|
82
|
-
* Otherwise, the overlay width will be set to the width of the content.
|
|
83
|
-
*/
|
|
84
|
-
matchTriggerWidth: boolean;
|
|
85
|
-
/**
|
|
86
|
-
* The controlled value of the item to expand
|
|
87
|
-
*/
|
|
88
|
-
set value(value: string);
|
|
89
|
-
get value(): string | null;
|
|
90
|
-
private _value?;
|
|
91
|
-
readonly onValueChange: EventEmitter<string>;
|
|
92
|
-
readonly onOpenChange: EventEmitter<boolean>;
|
|
93
|
-
readonly optionSelectionChanges: Observable<RdxSelectItemChange>;
|
|
94
|
-
get selected(): string | null;
|
|
95
|
-
ngOnInit(): void;
|
|
96
|
-
ngAfterContentInit(): void;
|
|
97
|
-
/**
|
|
98
|
-
* Callback that is invoked when the overlay panel has been attached.
|
|
99
|
-
*/
|
|
100
|
-
onAttached(): void;
|
|
101
|
-
onDetach(): void;
|
|
102
|
-
/** Toggles the overlay panel open or closed. */
|
|
103
|
-
toggle(): void;
|
|
104
|
-
openPanel(): void;
|
|
105
|
-
close(): void;
|
|
106
|
-
updateActiveItem(item: RdxSelectItemDirective): void;
|
|
107
|
-
private selectDefaultValue;
|
|
108
|
-
private selectValue;
|
|
109
|
-
private closingActions;
|
|
110
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectComponent, never>;
|
|
111
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RdxSelectComponent, "[rdxSelect]", never, { "defaultValue": { "alias": "defaultValue"; "required": false; }; "name": { "alias": "name"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChange": "onValueChange"; "onOpenChange": "onOpenChange"; }, ["trigger", "content", "items"], ["[rdxSelectTrigger]", "[rdxSelectContent]"], true, never>;
|
|
112
|
-
static ngAcceptInputType_defaultOpen: unknown;
|
|
113
|
-
static ngAcceptInputType_open: unknown;
|
|
114
|
-
static ngAcceptInputType_disabled: unknown;
|
|
115
|
-
static ngAcceptInputType_required: unknown;
|
|
116
|
-
static ngAcceptInputType_matchTriggerWidth: unknown;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
declare class RdxSelectItemChange<T = RdxSelectItemDirective> {
|
|
120
|
-
source: T;
|
|
121
|
-
constructor(source: T);
|
|
122
|
-
}
|
|
123
|
-
declare class RdxSelectItemDirective implements Highlightable {
|
|
124
|
-
protected readonly select: RdxSelectComponent;
|
|
125
|
-
protected readonly content: RdxSelectContentDirective;
|
|
126
|
-
readonly onSelectionChange: EventEmitter<RdxSelectItemChange<RdxSelectItemDirective>>;
|
|
127
|
-
protected readonly nativeElement: any;
|
|
128
|
-
highlighted: boolean;
|
|
129
|
-
selected: boolean;
|
|
130
|
-
get dataState(): string;
|
|
131
|
-
/**
|
|
132
|
-
* The unique SelectItem id.
|
|
133
|
-
* @ignore
|
|
134
|
-
*/
|
|
135
|
-
readonly id: string;
|
|
136
|
-
set value(value: string);
|
|
137
|
-
get value(): string;
|
|
138
|
-
private _value?;
|
|
139
|
-
textValue: string | null;
|
|
140
|
-
/** Whether the SelectItem is disabled. */
|
|
141
|
-
set disabled(value: boolean);
|
|
142
|
-
get disabled(): boolean;
|
|
143
|
-
private _disabled;
|
|
144
|
-
get viewValue(): string;
|
|
145
|
-
constructor();
|
|
146
|
-
/** Gets the label to be used when determining whether the option should be focused.
|
|
147
|
-
* @ignore
|
|
148
|
-
*/
|
|
149
|
-
getLabel(): string;
|
|
150
|
-
/**
|
|
151
|
-
* `Selects the option while indicating the selection came from the user. Used to
|
|
152
|
-
* determine if the select's view -> model callback should be invoked.`
|
|
153
|
-
* @ignore
|
|
154
|
-
*/
|
|
155
|
-
selectViaInteraction(): void;
|
|
156
|
-
/** @ignore */
|
|
157
|
-
handleKeydown(event: KeyboardEvent): void;
|
|
158
|
-
/** @ignore */
|
|
159
|
-
setActiveStyles(): void;
|
|
160
|
-
/** @ignore */
|
|
161
|
-
setInactiveStyles(): void;
|
|
162
|
-
protected onPointerMove(): void;
|
|
163
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectItemDirective, never>;
|
|
164
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectItemDirective, "[rdxSelectItem]", ["rdxSelectItem"], { "value": { "alias": "value"; "required": false; }; "textValue": { "alias": "textValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
165
|
-
static ngAcceptInputType_disabled: unknown;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
declare class RdxSelectContentDirective implements AfterContentInit {
|
|
169
|
-
protected readonly destroyRef: DestroyRef;
|
|
170
|
-
protected readonly dir: Directionality | null;
|
|
171
|
-
protected select: RdxSelectComponent;
|
|
172
|
-
readonly highlighted: Subject<RdxSelectItemDirective>;
|
|
173
|
-
keyManager: ActiveDescendantKeyManager<RdxSelectItemDirective>;
|
|
174
|
-
options: QueryList<RdxSelectItemDirective>;
|
|
175
|
-
constructor();
|
|
176
|
-
initKeyManager(): ActiveDescendantKeyManager<RdxSelectItemDirective>;
|
|
177
|
-
ngAfterContentInit(): void;
|
|
178
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectContentDirective, never>;
|
|
179
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectContentDirective, "[rdxSelectContent]", ["rdxSelectContent"], {}, {}, ["options"], never, true, never>;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
declare class RdxSelectGroupDirective {
|
|
183
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectGroupDirective, never>;
|
|
184
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectGroupDirective, "[rdxSelectGroup]", ["rdxSelectGroup"], {}, {}, never, never, true, never>;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
declare class RdxSelectItemIndicatorDirective {
|
|
188
|
-
protected item: RdxSelectItemDirective;
|
|
189
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectItemIndicatorDirective, never>;
|
|
190
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectItemIndicatorDirective, "[rdxSelectItemIndicator]", ["rdxSelectItemIndicator"], {}, {}, never, never, true, never>;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
declare class RdxSelectLabelDirective {
|
|
194
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectLabelDirective, never>;
|
|
195
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectLabelDirective, "[rdxSelectLabel]", ["rdxSelectLabel"], {}, {}, never, never, true, never>;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
declare class RdxSelectSeparatorDirective {
|
|
199
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectSeparatorDirective, never>;
|
|
200
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectSeparatorDirective, "[rdxSelectSeparator]", ["rdxSelectSeparator"], {}, {}, never, never, true, never>;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
declare class RdxSelectIconDirective {
|
|
204
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectIconDirective, never>;
|
|
205
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSelectIconDirective, "[rdxSelectIcon]", ["rdxSelectIcon"], {}, {}, never, never, true, never>;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
declare class RdxSelectModule {
|
|
209
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSelectModule, never>;
|
|
210
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<RdxSelectModule, never, [typeof RdxSelectContentDirective, typeof RdxSelectGroupDirective, typeof RdxSelectItemDirective, typeof RdxSelectItemIndicatorDirective, typeof RdxSelectLabelDirective, typeof RdxSelectComponent, typeof RdxSelectSeparatorDirective, typeof RdxSelectTriggerDirective, typeof RdxSelectValueDirective, typeof RdxSelectIconDirective], [typeof RdxSelectContentDirective, typeof RdxSelectGroupDirective, typeof RdxSelectItemDirective, typeof RdxSelectItemIndicatorDirective, typeof RdxSelectLabelDirective, typeof RdxSelectComponent, typeof RdxSelectSeparatorDirective, typeof RdxSelectTriggerDirective, typeof RdxSelectValueDirective, typeof RdxSelectIconDirective]>;
|
|
211
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<RdxSelectModule>;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
export { RdxSelectComponent, RdxSelectContentDirective, RdxSelectGroupDirective, RdxSelectIconDirective, RdxSelectItemChange, RdxSelectItemDirective, RdxSelectItemIndicatorDirective, RdxSelectLabelDirective, RdxSelectModule, RdxSelectSeparatorDirective, RdxSelectTriggerDirective, RdxSelectValueDirective };
|
package/separator/index.d.ts
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
|
-
|
|
4
|
-
declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
|
|
5
|
-
type Orientation = (typeof ORIENTATIONS)[number];
|
|
6
|
-
interface SeparatorProps {
|
|
7
|
-
/**
|
|
8
|
-
* Either `vertical` or `horizontal`. Defaults to `horizontal`.
|
|
9
|
-
*/
|
|
10
|
-
orientation?: Orientation;
|
|
11
|
-
/**
|
|
12
|
-
* Whether the component is purely decorative. When true, accessibility-related attributes
|
|
13
|
-
* are updated so that the rendered element is removed from the accessibility tree.
|
|
14
|
-
*/
|
|
15
|
-
decorative?: boolean;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Directive that adds accessible and configurable separator element to the DOM.
|
|
19
|
-
* This can be either horizontal or vertical and optionally decorative (which removes
|
|
20
|
-
* it from the accessibility tree).
|
|
21
|
-
*
|
|
22
|
-
* @group Components
|
|
23
|
-
*/
|
|
24
|
-
declare class RdxSeparatorRootDirective {
|
|
25
|
-
/**
|
|
26
|
-
* Orientation of the separator, can be either 'horizontal' or 'vertical'.
|
|
27
|
-
*
|
|
28
|
-
* @defaultValue 'horizontal'
|
|
29
|
-
* @group Props
|
|
30
|
-
*/
|
|
31
|
-
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
32
|
-
/**
|
|
33
|
-
* If true, the separator will be considered decorative and removed from
|
|
34
|
-
* the accessibility tree. Defaults to false.
|
|
35
|
-
*
|
|
36
|
-
* @defaultValue false
|
|
37
|
-
* @group Props
|
|
38
|
-
*/
|
|
39
|
-
readonly decorative: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
40
|
-
/**
|
|
41
|
-
* Computes the `role` attribute for the separator. If `decorative` is true,
|
|
42
|
-
* the role is set to "none", otherwise it is "separator".
|
|
43
|
-
*
|
|
44
|
-
* @ignore
|
|
45
|
-
*/
|
|
46
|
-
protected readonly decorativeEffect: _angular_core.WritableSignal<boolean>;
|
|
47
|
-
protected readonly orientationEffect: _angular_core.WritableSignal<"horizontal" | "vertical">;
|
|
48
|
-
/**
|
|
49
|
-
* Computes the `aria-orientation` attribute. It is set to "vertical" only if
|
|
50
|
-
* the separator is not decorative and the orientation is set to "vertical".
|
|
51
|
-
* For horizontal orientation, the attribute is omitted.
|
|
52
|
-
*
|
|
53
|
-
* @ignore
|
|
54
|
-
*/
|
|
55
|
-
protected readonly computedAriaOrientation: _angular_core.Signal<"vertical" | undefined>;
|
|
56
|
-
updateOrientation(value: Orientation): void;
|
|
57
|
-
updateDecorative(value: boolean): void;
|
|
58
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSeparatorRootDirective, never>;
|
|
59
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSeparatorRootDirective, "div[rdxSeparatorRoot]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
export { RdxSeparatorRootDirective };
|
|
63
|
-
export type { Orientation, SeparatorProps };
|
package/slider/index.d.ts
DELETED
|
@@ -1,263 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { OnInit, OnDestroy } from '@angular/core';
|
|
3
|
-
import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
|
|
4
|
-
|
|
5
|
-
interface OrientationContext {
|
|
6
|
-
startEdge: string;
|
|
7
|
-
endEdge: string;
|
|
8
|
-
direction: number;
|
|
9
|
-
size: string;
|
|
10
|
-
}
|
|
11
|
-
declare class RdxSliderOrientationContextService {
|
|
12
|
-
private contextSignal;
|
|
13
|
-
get context(): OrientationContext;
|
|
14
|
-
updateContext(context: Partial<OrientationContext>): void;
|
|
15
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderOrientationContextService, never>;
|
|
16
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<RdxSliderOrientationContextService>;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* @group Components
|
|
21
|
-
*/
|
|
22
|
-
declare class RdxSliderRootComponent implements OnInit {
|
|
23
|
-
/** @ignore */
|
|
24
|
-
readonly orientationContext: RdxSliderOrientationContextService;
|
|
25
|
-
/**
|
|
26
|
-
* The minimum value for the range.
|
|
27
|
-
*
|
|
28
|
-
* @group Props
|
|
29
|
-
* @defaultValue 0
|
|
30
|
-
*/
|
|
31
|
-
readonly min: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
32
|
-
/**
|
|
33
|
-
* The maximum value for the range.
|
|
34
|
-
*
|
|
35
|
-
* @group Props
|
|
36
|
-
* @defaultValue 100
|
|
37
|
-
*/
|
|
38
|
-
readonly max: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
39
|
-
/**
|
|
40
|
-
* The stepping interval.
|
|
41
|
-
*
|
|
42
|
-
* @group Props
|
|
43
|
-
* @defaultValue 1
|
|
44
|
-
*/
|
|
45
|
-
readonly step: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
46
|
-
/**
|
|
47
|
-
* The minimum permitted steps between multiple thumbs.
|
|
48
|
-
*
|
|
49
|
-
* @group Props
|
|
50
|
-
* @defaultValue 0
|
|
51
|
-
*/
|
|
52
|
-
readonly minStepsBetweenThumbs: _angular_core.InputSignalWithTransform<number, NumberInput>;
|
|
53
|
-
/**
|
|
54
|
-
* The orientation of the slider.
|
|
55
|
-
*
|
|
56
|
-
* @group Props
|
|
57
|
-
* @defaultValue 'horizontal'
|
|
58
|
-
*/
|
|
59
|
-
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
60
|
-
/**
|
|
61
|
-
* When true, prevents the user from interacting with the slider.
|
|
62
|
-
*
|
|
63
|
-
* @group Props
|
|
64
|
-
* @defaultValue false
|
|
65
|
-
*/
|
|
66
|
-
readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
67
|
-
/**
|
|
68
|
-
* Whether the slider is visually inverted.
|
|
69
|
-
*
|
|
70
|
-
* @group Props
|
|
71
|
-
* @defaultValue false
|
|
72
|
-
*/
|
|
73
|
-
readonly inverted: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
74
|
-
/**
|
|
75
|
-
* The reading direction of the combobox when applicable.
|
|
76
|
-
*
|
|
77
|
-
* @group Props
|
|
78
|
-
* @defaultValue 'ltr'
|
|
79
|
-
*/
|
|
80
|
-
readonly dir: _angular_core.InputSignal<"ltr" | "rtl">;
|
|
81
|
-
className: string;
|
|
82
|
-
/**
|
|
83
|
-
* Style class of the component.
|
|
84
|
-
*
|
|
85
|
-
* @group Props
|
|
86
|
-
*/
|
|
87
|
-
readonly styleClass: _angular_core.InputSignal<string | undefined>;
|
|
88
|
-
/**
|
|
89
|
-
* The controlled value of the slider.
|
|
90
|
-
*
|
|
91
|
-
* @group Props
|
|
92
|
-
*/
|
|
93
|
-
readonly modelValue: _angular_core.ModelSignal<number[]>;
|
|
94
|
-
/**
|
|
95
|
-
* Event handler called when the slider value changes.
|
|
96
|
-
*
|
|
97
|
-
* @group Emits
|
|
98
|
-
*/
|
|
99
|
-
readonly valueChange: _angular_core.OutputEmitterRef<number[]>;
|
|
100
|
-
/**
|
|
101
|
-
* Event handler called when the value changes at the end of an interaction.
|
|
102
|
-
*
|
|
103
|
-
* Useful when you only need to capture a final value e.g. to update a backend service.
|
|
104
|
-
*
|
|
105
|
-
* @group Emits
|
|
106
|
-
*/
|
|
107
|
-
readonly valueCommit: _angular_core.OutputEmitterRef<number[]>;
|
|
108
|
-
/** @ignore */
|
|
109
|
-
readonly valueIndexToChange: _angular_core.ModelSignal<number>;
|
|
110
|
-
/** @ignore */
|
|
111
|
-
readonly valuesBeforeSlideStart: _angular_core.ModelSignal<number[]>;
|
|
112
|
-
/** @ignore */
|
|
113
|
-
readonly isSlidingFromLeft: _angular_core.Signal<boolean>;
|
|
114
|
-
/** @ignore */
|
|
115
|
-
readonly isSlidingFromBottom: _angular_core.Signal<boolean>;
|
|
116
|
-
/** @ignore */
|
|
117
|
-
thumbElements: HTMLElement[];
|
|
118
|
-
/** @ignore */
|
|
119
|
-
ngOnInit(): void;
|
|
120
|
-
/** @ignore */
|
|
121
|
-
onPointerDown(): void;
|
|
122
|
-
/** @ignore */
|
|
123
|
-
handleSlideStart(value: number): void;
|
|
124
|
-
/** @ignore */
|
|
125
|
-
handleSlideMove(value: number): void;
|
|
126
|
-
/** @ignore */
|
|
127
|
-
handleSlideEnd(): void;
|
|
128
|
-
/** @ignore */
|
|
129
|
-
handleStepKeyDown(event: {
|
|
130
|
-
event: KeyboardEvent;
|
|
131
|
-
direction: number;
|
|
132
|
-
}): void;
|
|
133
|
-
/** @ignore */
|
|
134
|
-
updateValues(value: number, atIndex: number, commit?: boolean): void;
|
|
135
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderRootComponent, never>;
|
|
136
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderRootComponent, "rdx-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minStepsBetweenThumbs": { "alias": "minStepsBetweenThumbs"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; "valueIndexToChange": { "alias": "valueIndexToChange"; "required": false; "isSignal": true; }; "valuesBeforeSlideStart": { "alias": "valuesBeforeSlideStart"; "required": false; "isSignal": true; }; }, { "modelValue": "modelValueChange"; "valueChange": "valueChange"; "valueCommit": "valueCommit"; "valueIndexToChange": "valueIndexToChangeChange"; "valuesBeforeSlideStart": "valuesBeforeSlideStartChange"; }, never, ["*"], true, never>;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
declare class RdxSliderTrackComponent {
|
|
140
|
-
protected readonly rootContext: RdxSliderRootComponent;
|
|
141
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderTrackComponent, never>;
|
|
142
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderTrackComponent, "rdx-slider-track", never, {}, {}, never, ["*"], true, never>;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
declare class RdxSliderRangeComponent {
|
|
146
|
-
protected readonly rootContext: RdxSliderRootComponent;
|
|
147
|
-
percentages: _angular_core.Signal<number[]>;
|
|
148
|
-
offsetStart: _angular_core.Signal<number>;
|
|
149
|
-
offsetEnd: _angular_core.Signal<number>;
|
|
150
|
-
rangeStyles: _angular_core.Signal<{
|
|
151
|
-
[x: string]: string;
|
|
152
|
-
}>;
|
|
153
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderRangeComponent, never>;
|
|
154
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderRangeComponent, "rdx-slider-range", never, {}, {}, never, ["*"], true, never>;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
declare class RdxSliderThumbImplDirective implements OnInit, OnDestroy {
|
|
158
|
-
protected readonly rootContext: RdxSliderRootComponent;
|
|
159
|
-
private readonly elementRef;
|
|
160
|
-
private readonly platformId;
|
|
161
|
-
private resizeObserver;
|
|
162
|
-
isMounted: _angular_core.WritableSignal<boolean>;
|
|
163
|
-
thumbIndex: _angular_core.Signal<number | null>;
|
|
164
|
-
value: _angular_core.Signal<number | undefined>;
|
|
165
|
-
percent: _angular_core.Signal<number>;
|
|
166
|
-
transform: _angular_core.Signal<string>;
|
|
167
|
-
orientationSize: _angular_core.WritableSignal<number>;
|
|
168
|
-
thumbInBoundsOffset: _angular_core.Signal<number>;
|
|
169
|
-
combinedStyles: _angular_core.Signal<{
|
|
170
|
-
[x: string]: string | undefined;
|
|
171
|
-
position: string;
|
|
172
|
-
transform: string;
|
|
173
|
-
display: string | undefined;
|
|
174
|
-
}>;
|
|
175
|
-
onFocus(): void;
|
|
176
|
-
ngOnInit(): void;
|
|
177
|
-
ngOnDestroy(): void;
|
|
178
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderThumbImplDirective, never>;
|
|
179
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSliderThumbImplDirective, "[rdxSliderThumbImpl]", never, {}, {}, never, never, true, never>;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
declare class RdxSliderThumbComponent {
|
|
183
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderThumbComponent, never>;
|
|
184
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderThumbComponent, "rdx-slider-thumb", never, {}, {}, never, ["*"], true, [{ directive: typeof RdxSliderThumbImplDirective; inputs: {}; outputs: {}; }]>;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
declare class RdxSliderHorizontalComponent {
|
|
188
|
-
private readonly rootContext;
|
|
189
|
-
dir: 'ltr' | 'rtl';
|
|
190
|
-
readonly inverted: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
191
|
-
min: number;
|
|
192
|
-
max: number;
|
|
193
|
-
className: string;
|
|
194
|
-
readonly slideStart: _angular_core.OutputEmitterRef<number>;
|
|
195
|
-
readonly slideMove: _angular_core.OutputEmitterRef<number>;
|
|
196
|
-
readonly slideEnd: _angular_core.OutputEmitterRef<void>;
|
|
197
|
-
readonly stepKeyDown: _angular_core.OutputEmitterRef<{
|
|
198
|
-
event: KeyboardEvent;
|
|
199
|
-
direction: number;
|
|
200
|
-
}>;
|
|
201
|
-
readonly endKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
202
|
-
readonly homeKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
203
|
-
private readonly sliderElement;
|
|
204
|
-
private readonly rect;
|
|
205
|
-
onSlideStart(event: PointerEvent): void;
|
|
206
|
-
onSlideMove(event: PointerEvent): void;
|
|
207
|
-
onSlideEnd(): void;
|
|
208
|
-
onStepKeyDown(event: KeyboardEvent): void;
|
|
209
|
-
private getValueFromPointer;
|
|
210
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderHorizontalComponent, never>;
|
|
211
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderHorizontalComponent, "rdx-slider-horizontal", never, { "dir": { "alias": "dir"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "slideStart": "slideStart"; "slideMove": "slideMove"; "slideEnd": "slideEnd"; "stepKeyDown": "stepKeyDown"; "endKeyDown": "endKeyDown"; "homeKeyDown": "homeKeyDown"; }, never, ["*"], true, never>;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
declare class RdxSliderImplDirective {
|
|
215
|
-
protected readonly rootContext: RdxSliderRootComponent;
|
|
216
|
-
readonly slideStart: _angular_core.OutputEmitterRef<PointerEvent>;
|
|
217
|
-
readonly slideMove: _angular_core.OutputEmitterRef<PointerEvent>;
|
|
218
|
-
readonly slideEnd: _angular_core.OutputEmitterRef<PointerEvent>;
|
|
219
|
-
readonly homeKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
220
|
-
readonly endKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
221
|
-
readonly stepKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
222
|
-
onKeyDown(event: KeyboardEvent): void;
|
|
223
|
-
onPointerDown(event: PointerEvent): void;
|
|
224
|
-
onPointerMove(event: PointerEvent): void;
|
|
225
|
-
onPointerUp(event: PointerEvent): void;
|
|
226
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderImplDirective, never>;
|
|
227
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxSliderImplDirective, "[rdxSliderImpl]", never, {}, { "slideStart": "slideStart"; "slideMove": "slideMove"; "slideEnd": "slideEnd"; "homeKeyDown": "homeKeyDown"; "endKeyDown": "endKeyDown"; "stepKeyDown": "stepKeyDown"; }, never, never, true, never>;
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
declare class RdxSliderVerticalComponent {
|
|
231
|
-
private readonly rootContext;
|
|
232
|
-
dir: 'ltr' | 'rtl';
|
|
233
|
-
readonly inverted: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
|
|
234
|
-
min: number;
|
|
235
|
-
max: number;
|
|
236
|
-
className: string;
|
|
237
|
-
readonly slideStart: _angular_core.OutputEmitterRef<number>;
|
|
238
|
-
readonly slideMove: _angular_core.OutputEmitterRef<number>;
|
|
239
|
-
readonly slideEnd: _angular_core.OutputEmitterRef<void>;
|
|
240
|
-
readonly stepKeyDown: _angular_core.OutputEmitterRef<{
|
|
241
|
-
event: KeyboardEvent;
|
|
242
|
-
direction: number;
|
|
243
|
-
}>;
|
|
244
|
-
readonly endKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
245
|
-
readonly homeKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
|
|
246
|
-
private readonly sliderElement;
|
|
247
|
-
private readonly rect;
|
|
248
|
-
onSlideStart(event: PointerEvent): void;
|
|
249
|
-
onSlideMove(event: PointerEvent): void;
|
|
250
|
-
onSlideEnd(): void;
|
|
251
|
-
onStepKeyDown(event: KeyboardEvent): void;
|
|
252
|
-
private getValueFromPointer;
|
|
253
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderVerticalComponent, never>;
|
|
254
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdxSliderVerticalComponent, "rdx-slider-vertical", never, { "dir": { "alias": "dir"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "slideStart": "slideStart"; "slideMove": "slideMove"; "slideEnd": "slideEnd"; "stepKeyDown": "stepKeyDown"; "endKeyDown": "endKeyDown"; "homeKeyDown": "homeKeyDown"; }, never, ["*"], true, never>;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
declare class RdxSliderModule {
|
|
258
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxSliderModule, never>;
|
|
259
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxSliderModule, never, [typeof RdxSliderRootComponent, typeof RdxSliderTrackComponent, typeof RdxSliderRangeComponent, typeof RdxSliderThumbComponent], [typeof RdxSliderRootComponent, typeof RdxSliderTrackComponent, typeof RdxSliderRangeComponent, typeof RdxSliderThumbComponent]>;
|
|
260
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<RdxSliderModule>;
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
export { RdxSliderHorizontalComponent, RdxSliderImplDirective, RdxSliderModule, RdxSliderRangeComponent, RdxSliderRootComponent, RdxSliderThumbComponent, RdxSliderThumbImplDirective, RdxSliderTrackComponent, RdxSliderVerticalComponent };
|
package/switch/index.d.ts
DELETED
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { InputSignalWithTransform, Signal, InputSignal } from '@angular/core';
|
|
3
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
4
|
-
import * as i1 from '@radix-ng/primitives/core';
|
|
5
|
-
import { RdxControlValueAccessor } from '@radix-ng/primitives/core';
|
|
6
|
-
|
|
7
|
-
interface SwitchContext {
|
|
8
|
-
required: InputSignalWithTransform<boolean, BooleanInput>;
|
|
9
|
-
checked: Signal<boolean | undefined>;
|
|
10
|
-
disabled: Signal<boolean | undefined>;
|
|
11
|
-
ariaLabel: InputSignal<string | undefined>;
|
|
12
|
-
ariaLabelledBy: InputSignal<string | undefined>;
|
|
13
|
-
markAsTouched: () => void;
|
|
14
|
-
toggle: () => void;
|
|
15
|
-
}
|
|
16
|
-
declare const injectSwitchRootContext: (optional?: boolean) => SwitchContext | null;
|
|
17
|
-
declare const provideSwitchRootContext: (useFactory: () => SwitchContext) => i0.Provider;
|
|
18
|
-
/**
|
|
19
|
-
* @group Components
|
|
20
|
-
*/
|
|
21
|
-
declare class RdxSwitchRootDirective {
|
|
22
|
-
protected readonly cva: RdxControlValueAccessor<boolean | undefined>;
|
|
23
|
-
readonly id: InputSignal<string>;
|
|
24
|
-
/**
|
|
25
|
-
* When true, indicates that the user must check the switch before the owning form can be submitted.
|
|
26
|
-
*
|
|
27
|
-
* @default false
|
|
28
|
-
* @group Props
|
|
29
|
-
*/
|
|
30
|
-
readonly required: InputSignalWithTransform<boolean, BooleanInput>;
|
|
31
|
-
/**
|
|
32
|
-
* Establishes relationships between the component and label(s) where its value should be one or more element IDs.
|
|
33
|
-
* @default null
|
|
34
|
-
* @group Props
|
|
35
|
-
*/
|
|
36
|
-
readonly ariaLabelledBy: InputSignal<string | undefined>;
|
|
37
|
-
/**
|
|
38
|
-
* Used to define a string that autocomplete attribute the current element.
|
|
39
|
-
* @default null
|
|
40
|
-
* @group Props
|
|
41
|
-
*/
|
|
42
|
-
readonly ariaLabel: InputSignal<string | undefined>;
|
|
43
|
-
/**
|
|
44
|
-
* The state of the switch when it is initially rendered. Use when you do not need to control its state.
|
|
45
|
-
* @default false
|
|
46
|
-
* @group Props
|
|
47
|
-
*/
|
|
48
|
-
readonly defaultChecked: InputSignalWithTransform<boolean, BooleanInput>;
|
|
49
|
-
/**
|
|
50
|
-
* The controlled state of the switch. Must be used in conjunction with onCheckedChange.
|
|
51
|
-
* @defaultValue false
|
|
52
|
-
* @group Props
|
|
53
|
-
*/
|
|
54
|
-
readonly checked: i0.ModelSignal<boolean>;
|
|
55
|
-
/**
|
|
56
|
-
* When `true`, prevents the user from interacting with the switch.
|
|
57
|
-
* @default false
|
|
58
|
-
* @group Props
|
|
59
|
-
*/
|
|
60
|
-
readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
|
|
61
|
-
/**
|
|
62
|
-
* Event handler called when the state of the switch changes.
|
|
63
|
-
*
|
|
64
|
-
* @param {boolean} value - Boolean value indicates that the option is changed.
|
|
65
|
-
* @group Emits
|
|
66
|
-
*/
|
|
67
|
-
readonly onCheckedChange: i0.OutputRef<boolean | undefined>;
|
|
68
|
-
/**
|
|
69
|
-
* Toggles the checked state of the switch.
|
|
70
|
-
* If the switch is disabled, the function returns early.
|
|
71
|
-
* @ignore
|
|
72
|
-
*/
|
|
73
|
-
toggle(): void;
|
|
74
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchRootDirective, never>;
|
|
75
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchRootDirective, "button[rdxSwitchRoot]", ["rdxSwitchRoot"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "onCheckedChange": "onCheckedChange"; }, never, never, true, [{ directive: typeof i1.RdxControlValueAccessor; inputs: { "value": "checked"; "disabled": "disabled"; }; outputs: {}; }]>;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
/**
|
|
79
|
-
* @group Components
|
|
80
|
-
*/
|
|
81
|
-
declare class RdxSwitchInputDirective {
|
|
82
|
-
protected readonly rootContext: SwitchContext;
|
|
83
|
-
/** @ignore */
|
|
84
|
-
protected onBlur(): void;
|
|
85
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchInputDirective, never>;
|
|
86
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchInputDirective, "input[rdxSwitchInput]", ["rdxSwitchInput"], {}, {}, never, never, true, never>;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
/**
|
|
90
|
-
* @group Components
|
|
91
|
-
*/
|
|
92
|
-
declare class RdxSwitchThumbDirective {
|
|
93
|
-
protected readonly rootContext: SwitchContext | null;
|
|
94
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchThumbDirective, never>;
|
|
95
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSwitchThumbDirective, "span[rdxSwitchThumb]", ["rdxSwitchThumb"], {}, {}, never, never, true, never>;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
declare class RdxSwitchModule {
|
|
99
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RdxSwitchModule, never>;
|
|
100
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<RdxSwitchModule, never, [typeof RdxSwitchRootDirective, typeof RdxSwitchInputDirective, typeof RdxSwitchThumbDirective], [typeof RdxSwitchRootDirective, typeof RdxSwitchInputDirective, typeof RdxSwitchThumbDirective]>;
|
|
101
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<RdxSwitchModule>;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
export { RdxSwitchInputDirective, RdxSwitchModule, RdxSwitchRootDirective, RdxSwitchThumbDirective, injectSwitchRootContext, provideSwitchRootContext };
|
|
105
|
-
export type { SwitchContext };
|