@basis-ng/primitives 0.0.1-alpha.15 → 0.0.1-alpha.150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/basis-ng-primitives.mjs +3636 -2224
- package/fesm2022/basis-ng-primitives.mjs.map +1 -1
- package/package.json +13 -5
- package/types/basis-ng-primitives.d.ts +1847 -0
- package/core/components/alert/alert.component.d.ts +0 -20
- package/core/components/attached-box/attached-box.component.d.ts +0 -125
- package/core/components/attached-box/types/alignment.type.d.ts +0 -1
- package/core/components/attached-box/types/direction.type.d.ts +0 -1
- package/core/components/badge/badge.component.d.ts +0 -9
- package/core/components/bottom-sheet/bottom-sheet.component.d.ts +0 -60
- package/core/components/button/button.component.d.ts +0 -22
- package/core/components/button-group/button-group.component.d.ts +0 -9
- package/core/components/checkbox/checkbox.component.d.ts +0 -26
- package/core/components/color-picker/color-picker.component.d.ts +0 -61
- package/core/components/combobox/combobox.component.d.ts +0 -127
- package/core/components/command/command-options.component.d.ts +0 -58
- package/core/components/command/command.component.d.ts +0 -41
- package/core/components/icon/icon.component.d.ts +0 -29
- package/core/components/input/input.component.d.ts +0 -78
- package/core/components/input-group/input-group.component.d.ts +0 -13
- package/core/components/menu/menu.component.d.ts +0 -9
- package/core/components/menu/shared/components/menu-item/menu-item.component.d.ts +0 -9
- package/core/components/menu/shared/components/menu-item-checkbox/menu-item-checkbox.component.d.ts +0 -9
- package/core/components/menu/shared/components/menu-item-radio/menu-item-radio.component.d.ts +0 -9
- package/core/components/menu/shared/components/menu-label/menu-label.component.d.ts +0 -8
- package/core/components/menu/shared/directives/menu-trigger.directive.d.ts +0 -14
- package/core/components/range/range.component.d.ts +0 -26
- package/core/components/select/select-options.component.d.ts +0 -51
- package/core/components/select/select.component.d.ts +0 -127
- package/core/components/side-sheet/side-sheet.component.d.ts +0 -46
- package/core/components/spinner/spinner.component.d.ts +0 -9
- package/core/components/switch/switch.component.d.ts +0 -35
- package/core/components/table/components/row/components/row-item/row-item.component.d.ts +0 -12
- package/core/components/table/components/row/row.component.d.ts +0 -9
- package/core/components/table/table.component.d.ts +0 -5
- package/core/components/tabs/components/tab/tab.component.d.ts +0 -25
- package/core/components/tabs/tabs.component.d.ts +0 -60
- package/core/components/textarea/textarea.component.d.ts +0 -48
- package/core/components/tooltip/tooltip.component.d.ts +0 -36
- package/core/components/tree/shared/components/tree-node/tree-node.component.d.ts +0 -43
- package/core/components/tree/tree.component.d.ts +0 -56
- package/core/directives/in-viewport.directive.d.ts +0 -13
- package/core/services/in-viewport.service.d.ts +0 -23
- package/core/services/responsive.service.d.ts +0 -47
- package/core/services/theme.service.d.ts +0 -44
- package/index.d.ts +0 -5
- package/public-api.d.ts +0 -44
- package/shared/components/label.component.d.ts +0 -30
- package/shared/components/option.component.d.ts +0 -22
- package/shared/directives/lazy-content.directive.d.ts +0 -7
- package/shared/types/position.type.d.ts +0 -1
|
@@ -0,0 +1,1847 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ElementRef, OnInit, OnDestroy, TemplateRef, AfterViewInit, AfterContentInit, PipeTransform } from '@angular/core';
|
|
3
|
+
import { FormValueControl } from '@angular/forms/signals';
|
|
4
|
+
import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
|
|
5
|
+
import * as i1 from '@angular/cdk/listbox';
|
|
6
|
+
import { CdkOption, CdkListbox, ListboxValueChangeEvent } from '@angular/cdk/listbox';
|
|
7
|
+
import { BreakpointObserver } from '@angular/cdk/layout';
|
|
8
|
+
import { CdkDialogContainer, DialogRef } from '@angular/cdk/dialog';
|
|
9
|
+
import * as i1$1 from '@angular/cdk/menu';
|
|
10
|
+
import { CdkMenuTrigger } from '@angular/cdk/menu';
|
|
11
|
+
import * as i1$2 from '@angular/cdk/overlay';
|
|
12
|
+
import { CdkOverlayOrigin, CdkConnectedOverlay, ScrollStrategyOptions, ConnectedPosition, ConnectionPositionPair, Overlay as Overlay$1 } from '@angular/cdk/overlay';
|
|
13
|
+
import * as i1$3 from '@angular/aria/tabs';
|
|
14
|
+
import * as i1$4 from '@angular/cdk/drag-drop';
|
|
15
|
+
import { CdkDragDrop, CdkDrag } from '@angular/cdk/drag-drop';
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Displays an alert with optional title, icon and a dismiss button.
|
|
19
|
+
*/
|
|
20
|
+
declare class Alert {
|
|
21
|
+
/**
|
|
22
|
+
* Alert title text. Rendered when provided.
|
|
23
|
+
*/
|
|
24
|
+
readonly title: _angular_core.InputSignal<string | null>;
|
|
25
|
+
/**
|
|
26
|
+
* Icon name to display to the left of the content.
|
|
27
|
+
*/
|
|
28
|
+
readonly icon: _angular_core.InputSignal<string | null>;
|
|
29
|
+
/**
|
|
30
|
+
* Whether the alert shows a dismiss button.
|
|
31
|
+
*/
|
|
32
|
+
readonly dismissible: _angular_core.InputSignal<boolean>;
|
|
33
|
+
/**
|
|
34
|
+
* Emitted when the alert is dismissed.
|
|
35
|
+
*/
|
|
36
|
+
readonly dismissed: _angular_core.OutputEmitterRef<void>;
|
|
37
|
+
/**
|
|
38
|
+
* Emit the dismissed event.
|
|
39
|
+
*/
|
|
40
|
+
dismiss(): void;
|
|
41
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Alert, never>;
|
|
42
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Alert, "b-alert", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* A minimal badge component that projects inline content inside a span.
|
|
47
|
+
*/
|
|
48
|
+
declare class Badge {
|
|
49
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Badge, never>;
|
|
50
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Badge, "span[b-badge]", never, {}, {}, never, ["*"], true, never>;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Groups buttons and optionally adds spacing between them.
|
|
55
|
+
*/
|
|
56
|
+
declare class ButtonGroup {
|
|
57
|
+
/**
|
|
58
|
+
* Whether to add spacing between grouped buttons.
|
|
59
|
+
*/
|
|
60
|
+
readonly spaced: _angular_core.InputSignal<boolean>;
|
|
61
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroup, never>;
|
|
62
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroup, "b-button-group", never, { "spaced": { "alias": "spaced"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* A lightweight attribute button component that projects content into a native button.
|
|
67
|
+
*/
|
|
68
|
+
declare class Button {
|
|
69
|
+
/**
|
|
70
|
+
* Reference to the host button element.
|
|
71
|
+
*/
|
|
72
|
+
el: ElementRef<any>;
|
|
73
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
|
|
74
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "button[b-button]", never, {}, {}, never, ["*"], true, never>;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* A minimal calendar component that displays a month grid and emits selected dates.
|
|
79
|
+
* Selector and CSS follow the project's conventions.
|
|
80
|
+
*/
|
|
81
|
+
declare class Calendar implements FormValueControl<Date | null> {
|
|
82
|
+
readonly today: Date;
|
|
83
|
+
readonly month: _angular_core.WritableSignal<number>;
|
|
84
|
+
readonly year: _angular_core.WritableSignal<number>;
|
|
85
|
+
readonly value: _angular_core.ModelSignal<Date | null>;
|
|
86
|
+
readonly valueChange: _angular_core.OutputEmitterRef<Date | null>;
|
|
87
|
+
readonly dateSelected: _angular_core.OutputEmitterRef<Date>;
|
|
88
|
+
readonly weekdays: _angular_core.InputSignal<string[]>;
|
|
89
|
+
readonly weekStart: _angular_core.InputSignal<number>;
|
|
90
|
+
/** Weekday labels rotated according to `weekStart` */
|
|
91
|
+
visibleWeekdays: _angular_core.Signal<string[]>;
|
|
92
|
+
readonly viewMode: _angular_core.WritableSignal<"day" | "month" | "year">;
|
|
93
|
+
monthLabel: _angular_core.Signal<string>;
|
|
94
|
+
/** Input to override month labels (12 entries). Defaults to English short names. */
|
|
95
|
+
readonly months: _angular_core.InputSignal<string[]>;
|
|
96
|
+
/** Final months array used in template: prefers `months` input when provided */
|
|
97
|
+
monthsLabels: _angular_core.Signal<string[]>;
|
|
98
|
+
private readonly _cellWidgets;
|
|
99
|
+
readonly dayRows: _angular_core.Signal<{
|
|
100
|
+
date: Date;
|
|
101
|
+
outside: boolean;
|
|
102
|
+
}[][]>;
|
|
103
|
+
readonly dayRowIndexes: _angular_core.Signal<number[]>;
|
|
104
|
+
readonly monthRows: _angular_core.Signal<string[][]>;
|
|
105
|
+
readonly monthRowIndexes: _angular_core.Signal<number[]>;
|
|
106
|
+
readonly yearRows: _angular_core.Signal<number[][]>;
|
|
107
|
+
readonly yearRowIndexes: _angular_core.Signal<number[]>;
|
|
108
|
+
/** Grid of years for year selection (12 years centered around current year) */
|
|
109
|
+
yearsGrid: _angular_core.Signal<number[]>;
|
|
110
|
+
calendarGrid: _angular_core.Signal<{
|
|
111
|
+
date: Date;
|
|
112
|
+
outside: boolean;
|
|
113
|
+
}[]>;
|
|
114
|
+
prevMonth(): void;
|
|
115
|
+
nextMonth(): void;
|
|
116
|
+
onHeaderClick(): void;
|
|
117
|
+
selectMonth(m: number): void;
|
|
118
|
+
selectYear(y: number): void;
|
|
119
|
+
selectDate(d: Date): void;
|
|
120
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
121
|
+
/** Centralized focus logic for cell widgets */
|
|
122
|
+
private focusCell;
|
|
123
|
+
/** Focus the currently selected date cell after navigation/selection changes */
|
|
124
|
+
private focusSelectedAfterNavigation;
|
|
125
|
+
isSelected(date: Date): boolean;
|
|
126
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Calendar, never>;
|
|
127
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Calendar, "b-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "dateSelected": "dateSelected"; }, never, never, true, never>;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
/**
|
|
131
|
+
* A simple card container for grouping related content.
|
|
132
|
+
*/
|
|
133
|
+
declare class Card {
|
|
134
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
|
|
135
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Card, "b-card", never, {}, {}, never, ["*"], true, never>;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
/**
|
|
139
|
+
* Container for the main content of a card.
|
|
140
|
+
*/
|
|
141
|
+
declare class CardContent {
|
|
142
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardContent, never>;
|
|
143
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardContent, "b-card-content", never, {}, {}, never, ["*"], true, never>;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
/**
|
|
147
|
+
* Small descriptive text for a card, typically shown below the title.
|
|
148
|
+
*/
|
|
149
|
+
declare class CardDescription {
|
|
150
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardDescription, never>;
|
|
151
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardDescription, "b-card-description", never, {}, {}, never, ["*"], true, never>;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/**
|
|
155
|
+
* Footer area for a card, commonly used for actions or meta content.
|
|
156
|
+
*/
|
|
157
|
+
declare class CardFooter {
|
|
158
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardFooter, never>;
|
|
159
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardFooter, "b-card-footer", never, {}, {}, never, ["*"], true, never>;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
/**
|
|
163
|
+
* Header section for a card, usually contains the title or leading content.
|
|
164
|
+
*/
|
|
165
|
+
declare class CardHeader {
|
|
166
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardHeader, never>;
|
|
167
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeader, "b-card-header", never, {}, {}, never, ["*"], true, never>;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
/**
|
|
171
|
+
* Title element for a card.
|
|
172
|
+
*/
|
|
173
|
+
declare class CardTitle {
|
|
174
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTitle, never>;
|
|
175
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardTitle, "b-card-title", never, {}, {}, never, ["*"], true, never>;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
/**
|
|
179
|
+
* Custom checkbox control synced with the host input element.
|
|
180
|
+
*/
|
|
181
|
+
declare class Checkbox implements FormValueControl<boolean> {
|
|
182
|
+
/**
|
|
183
|
+
* Current value of the checkbox.
|
|
184
|
+
*/
|
|
185
|
+
readonly value: _angular_core.ModelSignal<boolean>;
|
|
186
|
+
/**
|
|
187
|
+
* Emitted when the value changes.
|
|
188
|
+
*/
|
|
189
|
+
readonly valueChange: _angular_core.OutputEmitterRef<boolean>;
|
|
190
|
+
/**
|
|
191
|
+
* Visual size of the checkbox.
|
|
192
|
+
*/
|
|
193
|
+
readonly size: _angular_core.ModelSignal<"sm" | "md" | "lg">;
|
|
194
|
+
/**
|
|
195
|
+
* Whether the checkbox is disabled. Automatically bound by Signal Forms.
|
|
196
|
+
*/
|
|
197
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
198
|
+
/**
|
|
199
|
+
* Toggle the checkbox when the user clicks on it.
|
|
200
|
+
*/
|
|
201
|
+
onToggle(): void;
|
|
202
|
+
/**
|
|
203
|
+
* Prevent the page from scrolling when pressing the space key.
|
|
204
|
+
*/
|
|
205
|
+
suppressSpace(event: Event): void;
|
|
206
|
+
/**
|
|
207
|
+
* Update the current value (FormValueControl API).
|
|
208
|
+
* @param value - New boolean value to apply.
|
|
209
|
+
*/
|
|
210
|
+
setValue(value: boolean): void;
|
|
211
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Checkbox, never>;
|
|
212
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Checkbox, "button[b-checkbox]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "size": "sizeChange"; }, never, never, true, never>;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
/**
|
|
216
|
+
* Presents a list of selectable command options and manages keyboard navigation.
|
|
217
|
+
*/
|
|
218
|
+
declare class CommandOptionsComponent implements OnInit {
|
|
219
|
+
/**
|
|
220
|
+
* Query list of option children.
|
|
221
|
+
*/
|
|
222
|
+
readonly options: _angular_core.Signal<readonly CdkOption<any>[]>;
|
|
223
|
+
/**
|
|
224
|
+
* Keyboard manager for option navigation.
|
|
225
|
+
*/
|
|
226
|
+
readonly listKeyManager: _angular_core.Signal<ActiveDescendantKeyManager<CdkOption<any>>>;
|
|
227
|
+
/**
|
|
228
|
+
* Currently selected values.
|
|
229
|
+
*/
|
|
230
|
+
readonly value: _angular_core.WritableSignal<string[]>;
|
|
231
|
+
/**
|
|
232
|
+
* Value of the currently highlighted option.
|
|
233
|
+
*/
|
|
234
|
+
readonly highlightedOption: _angular_core.WritableSignal<string>;
|
|
235
|
+
/**
|
|
236
|
+
* Message shown when there are no options.
|
|
237
|
+
*/
|
|
238
|
+
readonly noOptionsMessage: _angular_core.InputSignal<string>;
|
|
239
|
+
cdkListbox: CdkListbox<any>;
|
|
240
|
+
/**
|
|
241
|
+
* Emitted when the options list should be closed (single-select or explicit clear).
|
|
242
|
+
*/
|
|
243
|
+
closeEmitter: _angular_core.OutputEmitterRef<void>;
|
|
244
|
+
/**
|
|
245
|
+
* Whether multiple options can be selected.
|
|
246
|
+
*/
|
|
247
|
+
readonly multiple: _angular_core.InputSignal<boolean>;
|
|
248
|
+
ngOnInit(): void;
|
|
249
|
+
constructor();
|
|
250
|
+
/**
|
|
251
|
+
* Select the provided value(s) or the currently active option.
|
|
252
|
+
* @param value - Optional array of values to select.
|
|
253
|
+
*/
|
|
254
|
+
selectOption(value?: string[]): void;
|
|
255
|
+
/**
|
|
256
|
+
* Move highlight to the next option.
|
|
257
|
+
*/
|
|
258
|
+
nextOption(): void;
|
|
259
|
+
/**
|
|
260
|
+
* Move highlight to the previous option.
|
|
261
|
+
*/
|
|
262
|
+
previousOption(): void;
|
|
263
|
+
/**
|
|
264
|
+
* Update DOM classes for the highlighted option.
|
|
265
|
+
*/
|
|
266
|
+
updateHighlightedOption(): void;
|
|
267
|
+
/**
|
|
268
|
+
* Handle external value changes from the cdk listbox.
|
|
269
|
+
* @param value - New array of selected values.
|
|
270
|
+
*/
|
|
271
|
+
handleValueChange(event: ListboxValueChangeEvent<unknown>): void;
|
|
272
|
+
/**
|
|
273
|
+
* Called on Enter key; closes the list for single-select.
|
|
274
|
+
*/
|
|
275
|
+
onEnter(): void;
|
|
276
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandOptionsComponent, never>;
|
|
277
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandOptionsComponent, "ul[b-command-options]", never, { "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; }, { "closeEmitter": "closeEmitter"; }, ["options"], ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: { "cdkListboxValue": "cdkListboxValue"; "cdkListboxMultiple": "multiple"; }; outputs: { "cdkListboxValueChange": "cdkListboxValueChange"; }; }]>;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
/**
|
|
281
|
+
* Input with integrated command options and keyboard handling.
|
|
282
|
+
*/
|
|
283
|
+
declare class CommandComponent implements OnDestroy {
|
|
284
|
+
/**
|
|
285
|
+
* Child CommandOptionsComponent instance.
|
|
286
|
+
*/
|
|
287
|
+
readonly commandOptions: _angular_core.Signal<CommandOptionsComponent | undefined>;
|
|
288
|
+
/**
|
|
289
|
+
* Maximum height for the command list.
|
|
290
|
+
*/
|
|
291
|
+
readonly maxHeight: _angular_core.InputSignal<string>;
|
|
292
|
+
/**
|
|
293
|
+
* Computed selected value from the command options.
|
|
294
|
+
*/
|
|
295
|
+
readonly value: _angular_core.Signal<string[] | undefined>;
|
|
296
|
+
/**
|
|
297
|
+
* Computed available options from the child component.
|
|
298
|
+
*/
|
|
299
|
+
readonly options: _angular_core.Signal<readonly i1.CdkOption<any>[] | undefined>;
|
|
300
|
+
/**
|
|
301
|
+
* Breakpoint observer for responsive behavior.
|
|
302
|
+
*/
|
|
303
|
+
breakpointObserver: BreakpointObserver;
|
|
304
|
+
/**
|
|
305
|
+
* Signal that indicates whether the viewport is desktop-sized.
|
|
306
|
+
*/
|
|
307
|
+
readonly isDesktop: _angular_core.WritableSignal<boolean>;
|
|
308
|
+
/**
|
|
309
|
+
* Element reference to the host component.
|
|
310
|
+
*/
|
|
311
|
+
el: ElementRef<any>;
|
|
312
|
+
/**
|
|
313
|
+
* Emitted when the input value changes.
|
|
314
|
+
*/
|
|
315
|
+
readonly inputValueChange: _angular_core.OutputEmitterRef<string>;
|
|
316
|
+
/**
|
|
317
|
+
* Debounce delay in milliseconds for input events.
|
|
318
|
+
*/
|
|
319
|
+
readonly debounce: _angular_core.InputSignal<number>;
|
|
320
|
+
/**
|
|
321
|
+
* Utility functions for common tasks.
|
|
322
|
+
*/
|
|
323
|
+
private utils;
|
|
324
|
+
/**
|
|
325
|
+
* Key for debouncing input events.
|
|
326
|
+
*/
|
|
327
|
+
private readonly debounceKey;
|
|
328
|
+
/**
|
|
329
|
+
* Handle native input events and emit debounced value.
|
|
330
|
+
* @param event - Native input event.
|
|
331
|
+
*/
|
|
332
|
+
onInput(event: Event): void;
|
|
333
|
+
ngOnDestroy(): void;
|
|
334
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandComponent, never>;
|
|
335
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandComponent, "b-command", never, { "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; }, { "inputValueChange": "inputValueChange"; }, ["commandOptions"], ["*"], true, never>;
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
/**
|
|
339
|
+
* Represents the template and configuration registered for a dialog instance.
|
|
340
|
+
*/
|
|
341
|
+
interface DialogData {
|
|
342
|
+
/** Template reference rendered inside the dialog. */
|
|
343
|
+
template: TemplateRef<unknown>;
|
|
344
|
+
/** Configuration applied when opening the dialog. */
|
|
345
|
+
config: DialogConfig;
|
|
346
|
+
}
|
|
347
|
+
/**
|
|
348
|
+
* Configuration options that control dialog behavior and interaction.
|
|
349
|
+
*/
|
|
350
|
+
interface DialogConfig {
|
|
351
|
+
/** Whether a backdrop is displayed behind the dialog. */
|
|
352
|
+
hasBackdrop: boolean;
|
|
353
|
+
/** Whether focus is restored to the previously focused element after close. */
|
|
354
|
+
restoreFocus: boolean;
|
|
355
|
+
/** Delay in milliseconds before the dialog finishes closing. */
|
|
356
|
+
closeDelay: number;
|
|
357
|
+
/** Whether clicking the backdrop should request dialog closure. */
|
|
358
|
+
closeOnBackdropClick: boolean;
|
|
359
|
+
/** Whether pressing the Escape key should request dialog closure. */
|
|
360
|
+
closeOnEscapeKey: boolean;
|
|
361
|
+
}
|
|
362
|
+
/**
|
|
363
|
+
* Provides registration and lifecycle control for application dialogs.
|
|
364
|
+
*/
|
|
365
|
+
declare class DialogManager {
|
|
366
|
+
/** Angular CDK dialog service used to manage overlay instances. */
|
|
367
|
+
private readonly dialog;
|
|
368
|
+
/** Utility service used for debounced close behavior. */
|
|
369
|
+
private readonly utils;
|
|
370
|
+
/** Registry mapping dialog identifiers to their data. */
|
|
371
|
+
private readonly dialogs;
|
|
372
|
+
/**
|
|
373
|
+
* Registers a dialog definition under a unique identifier, overwriting any existing entry.
|
|
374
|
+
*
|
|
375
|
+
* @param id - Unique identifier for the dialog.
|
|
376
|
+
* @param data - Template and configuration to register.
|
|
377
|
+
*/
|
|
378
|
+
registerDialog(id: string, data: DialogData): void;
|
|
379
|
+
/**
|
|
380
|
+
* Removes a previously registered dialog definition.
|
|
381
|
+
*
|
|
382
|
+
* @param id - Identifier of the dialog to remove.
|
|
383
|
+
*/
|
|
384
|
+
removeDialog(id: string): void;
|
|
385
|
+
/**
|
|
386
|
+
* Opens a dialog using its registered template and configuration.
|
|
387
|
+
*
|
|
388
|
+
* @param id - Identifier of the dialog to open.
|
|
389
|
+
* @throws Error - When no dialog is registered with the provided identifier.
|
|
390
|
+
*/
|
|
391
|
+
openDialog(id: string): void;
|
|
392
|
+
/**
|
|
393
|
+
* Closes a dialog by identifier applying any configured close delay.
|
|
394
|
+
*
|
|
395
|
+
* @param id - Identifier of the dialog to close.
|
|
396
|
+
*/
|
|
397
|
+
closeDialog(id: string): void;
|
|
398
|
+
/**
|
|
399
|
+
* Closes all currently open dialogs immediately.
|
|
400
|
+
*/
|
|
401
|
+
closeAllDialogs(): void;
|
|
402
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogManager, never>;
|
|
403
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<DialogManager>;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
/**
|
|
407
|
+
* Internal dialog container that wires backdrop and escape-key behavior.
|
|
408
|
+
*/
|
|
409
|
+
declare class DialogContent extends CdkDialogContainer implements OnInit {
|
|
410
|
+
dialogRef: DialogRef<any, any>;
|
|
411
|
+
dialogManager: DialogManager;
|
|
412
|
+
/**
|
|
413
|
+
* Signal used to animate or flag leaving state.
|
|
414
|
+
*/
|
|
415
|
+
readonly leaving: _angular_core.WritableSignal<boolean>;
|
|
416
|
+
constructor();
|
|
417
|
+
ngOnInit(): void;
|
|
418
|
+
/**
|
|
419
|
+
* Attach backdrop and keyboard handlers based on dialog config.
|
|
420
|
+
*/
|
|
421
|
+
handleDialogEvents(): void;
|
|
422
|
+
/**
|
|
423
|
+
* Close dialog on backdrop click when configured.
|
|
424
|
+
* @param data - Dialog configuration.
|
|
425
|
+
*/
|
|
426
|
+
handleBackdropClose(data: DialogConfig): void;
|
|
427
|
+
/**
|
|
428
|
+
* Close dialog on Escape key when configured.
|
|
429
|
+
* @param data - Dialog configuration.
|
|
430
|
+
*/
|
|
431
|
+
handleEscapeKeyClose(data: DialogConfig): void;
|
|
432
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogContent, never>;
|
|
433
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogContent, "b-dialog-content", never, {}, {}, never, never, true, never>;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
type Direction = 'top' | 'bottom' | 'left' | 'right';
|
|
437
|
+
|
|
438
|
+
/**
|
|
439
|
+
* A draggable floating drawer that can slide from any side.
|
|
440
|
+
*/
|
|
441
|
+
declare class Drawer implements OnDestroy {
|
|
442
|
+
/**
|
|
443
|
+
* Model indicating whether the drawer is open.
|
|
444
|
+
*/
|
|
445
|
+
readonly isOpen: _angular_core.ModelSignal<boolean>;
|
|
446
|
+
/**
|
|
447
|
+
* Side of the viewport the drawer appears from.
|
|
448
|
+
*/
|
|
449
|
+
readonly side: _angular_core.InputSignal<Direction>;
|
|
450
|
+
/**
|
|
451
|
+
* Whether the drawer can be dragged closed.
|
|
452
|
+
*/
|
|
453
|
+
readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
454
|
+
/**
|
|
455
|
+
* Whether clicking outside closes the drawer.
|
|
456
|
+
* When false, a full-viewport blocking overlay is mounted at body level
|
|
457
|
+
* so outside clicks (and pointer events) cannot reach other elements.
|
|
458
|
+
*/
|
|
459
|
+
readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
460
|
+
/**
|
|
461
|
+
* Emitted when the sheet is closed.
|
|
462
|
+
*/
|
|
463
|
+
closeSheet: _angular_core.OutputEmitterRef<void>;
|
|
464
|
+
/**
|
|
465
|
+
* Signal used to animate or flag dragging state.
|
|
466
|
+
*/
|
|
467
|
+
readonly isDragging: _angular_core.WritableSignal<boolean>;
|
|
468
|
+
/**
|
|
469
|
+
* Starting pointer coordinate for the active drag axis.
|
|
470
|
+
*/
|
|
471
|
+
readonly startOffset: _angular_core.WritableSignal<number>;
|
|
472
|
+
/**
|
|
473
|
+
* Current close progress of the drawer, from 0 (open) to 100 (closed).
|
|
474
|
+
*/
|
|
475
|
+
private readonly dragProgress;
|
|
476
|
+
/**
|
|
477
|
+
* Drag threshold (percentage) to trigger close on release.
|
|
478
|
+
*/
|
|
479
|
+
readonly closeThreshold: _angular_core.InputSignal<number>;
|
|
480
|
+
/**
|
|
481
|
+
* Computed CSS transform for the drawer based on drag/open state.
|
|
482
|
+
*/
|
|
483
|
+
readonly transform: _angular_core.Signal<string>;
|
|
484
|
+
/**
|
|
485
|
+
* Current progress to use for the rendered transform.
|
|
486
|
+
*/
|
|
487
|
+
readonly currentProgress: _angular_core.Signal<number>;
|
|
488
|
+
/**
|
|
489
|
+
* Element reference to the host component.
|
|
490
|
+
*/
|
|
491
|
+
private readonly el;
|
|
492
|
+
/**
|
|
493
|
+
* Body-level blocking overlay used when closable=false to prevent
|
|
494
|
+
* pointer events from reaching elements behind the open drawer.
|
|
495
|
+
*/
|
|
496
|
+
private blockingOverlay;
|
|
497
|
+
constructor();
|
|
498
|
+
ngOnDestroy(): void;
|
|
499
|
+
/**
|
|
500
|
+
* Close the drawer when clicking outside of it.
|
|
501
|
+
* The stopPropagation in the drawer-content prevents clicks inside from closing it.
|
|
502
|
+
* @param event - Click event.
|
|
503
|
+
*/
|
|
504
|
+
closeOnOutsideClick(event: Event): void;
|
|
505
|
+
/**
|
|
506
|
+
* Begin tracking pointer movement for drag-to-dismiss.
|
|
507
|
+
* @param event - Pointer down event.
|
|
508
|
+
*/
|
|
509
|
+
startDrag(event: PointerEvent): void;
|
|
510
|
+
/**
|
|
511
|
+
* Update drawer position during drag.
|
|
512
|
+
* @param event - Current pointer event.
|
|
513
|
+
*/
|
|
514
|
+
updateDrag(event: PointerEvent): void;
|
|
515
|
+
/**
|
|
516
|
+
* Snap the drawer to open or closed based on threshold.
|
|
517
|
+
*/
|
|
518
|
+
snapToOpenOrClose(): void;
|
|
519
|
+
/**
|
|
520
|
+
* Closes the drawer and emits the close event.
|
|
521
|
+
*/
|
|
522
|
+
requestClose(): void;
|
|
523
|
+
/**
|
|
524
|
+
* Maps the current side to the transform axis and sign.
|
|
525
|
+
*/
|
|
526
|
+
private getTransform;
|
|
527
|
+
/**
|
|
528
|
+
* Returns the pointer coordinate relevant to the active drag axis.
|
|
529
|
+
*/
|
|
530
|
+
private getPointerOffset;
|
|
531
|
+
/**
|
|
532
|
+
* Indicates whether the drawer moves horizontally.
|
|
533
|
+
*/
|
|
534
|
+
private isHorizontal;
|
|
535
|
+
/**
|
|
536
|
+
* Returns the positive pointer direction that closes the drawer.
|
|
537
|
+
*/
|
|
538
|
+
private getCloseDirection;
|
|
539
|
+
/**
|
|
540
|
+
* Mounts a transparent full-viewport div at body level that captures all
|
|
541
|
+
* pointer events, preventing them from reaching elements behind the drawer.
|
|
542
|
+
*/
|
|
543
|
+
private mountBlockingOverlay;
|
|
544
|
+
/**
|
|
545
|
+
* Removes the blocking overlay from the DOM if present.
|
|
546
|
+
*/
|
|
547
|
+
private removeBlockingOverlay;
|
|
548
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Drawer, never>;
|
|
549
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Drawer, "b-drawer", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeThreshold": { "alias": "closeThreshold"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closeSheet": "closeSheet"; }, never, ["*"], true, never>;
|
|
550
|
+
}
|
|
551
|
+
|
|
552
|
+
/**
|
|
553
|
+
* Wrapper for grouping input-related elements.
|
|
554
|
+
*/
|
|
555
|
+
declare class InputGroup {
|
|
556
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroup, never>;
|
|
557
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroup, "b-input-group", never, {}, {}, never, ["*"], true, never>;
|
|
558
|
+
}
|
|
559
|
+
|
|
560
|
+
/**
|
|
561
|
+
* A full-viewport backdrop layer that can dim background content behind projected overlays.
|
|
562
|
+
*/
|
|
563
|
+
declare class Backdrop {
|
|
564
|
+
/**
|
|
565
|
+
* Whether the backdrop is active.
|
|
566
|
+
*/
|
|
567
|
+
readonly isOpen: _angular_core.ModelSignal<boolean>;
|
|
568
|
+
/**
|
|
569
|
+
* Optional open progress from 0 (open) to 100 (closed).
|
|
570
|
+
*/
|
|
571
|
+
readonly progress: _angular_core.InputSignal<number | null>;
|
|
572
|
+
/**
|
|
573
|
+
* Maximum darkness applied when fully open.
|
|
574
|
+
*/
|
|
575
|
+
readonly maxOpacity: _angular_core.InputSignal<number>;
|
|
576
|
+
/**
|
|
577
|
+
* Whether clicking the backdrop closes it automatically.
|
|
578
|
+
*/
|
|
579
|
+
readonly closeOnClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
580
|
+
/**
|
|
581
|
+
* Whether opacity changes should animate.
|
|
582
|
+
*/
|
|
583
|
+
readonly animated: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
584
|
+
/**
|
|
585
|
+
* Emitted whenever the backdrop surface is clicked.
|
|
586
|
+
*/
|
|
587
|
+
readonly backdropClick: _angular_core.OutputEmitterRef<void>;
|
|
588
|
+
/**
|
|
589
|
+
* Current effective opacity based on explicit progress or open state.
|
|
590
|
+
*/
|
|
591
|
+
readonly opacity: _angular_core.Signal<number>;
|
|
592
|
+
handleBackdropClick(): void;
|
|
593
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Backdrop, never>;
|
|
594
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Backdrop, "b-backdrop", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "maxOpacity": { "alias": "maxOpacity"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "backdropClick": "backdropClick"; }, never, ["*"], true, never>;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
/**
|
|
598
|
+
* Enhanced native input with optional numeric formatting and integrations.
|
|
599
|
+
*/
|
|
600
|
+
declare class Input implements AfterViewInit {
|
|
601
|
+
/**
|
|
602
|
+
* Input type.
|
|
603
|
+
*/
|
|
604
|
+
readonly type: _angular_core.InputSignal<"number" | "text" | "password" | "email">;
|
|
605
|
+
/**
|
|
606
|
+
* Number of decimals when formatting decimal numbers.
|
|
607
|
+
*/
|
|
608
|
+
readonly decimals: _angular_core.InputSignal<number>;
|
|
609
|
+
/**
|
|
610
|
+
* Whether number formatting uses integer or decimal logic.
|
|
611
|
+
*/
|
|
612
|
+
readonly numberType: _angular_core.InputSignal<"integer" | "decimal">;
|
|
613
|
+
/**
|
|
614
|
+
* Computed signal indicating if the current type is numeric.
|
|
615
|
+
*/
|
|
616
|
+
readonly isNumberType: _angular_core.Signal<boolean>;
|
|
617
|
+
/**
|
|
618
|
+
* Host input element.
|
|
619
|
+
*/
|
|
620
|
+
readonly el: ElementRef<HTMLInputElement>;
|
|
621
|
+
ngAfterViewInit(): void;
|
|
622
|
+
/**
|
|
623
|
+
* Set the native input value.
|
|
624
|
+
* @param value - String value to set on the element.
|
|
625
|
+
*/
|
|
626
|
+
setValue(value: string): void;
|
|
627
|
+
/**
|
|
628
|
+
* Handle native input events.
|
|
629
|
+
* @param event - Input event.
|
|
630
|
+
*/
|
|
631
|
+
onInput(event: Event): void;
|
|
632
|
+
/**
|
|
633
|
+
* Handle blur events and format numeric values when applicable.
|
|
634
|
+
* @param event - Focus event.
|
|
635
|
+
*/
|
|
636
|
+
onBlur(event: FocusEvent): void;
|
|
637
|
+
/**
|
|
638
|
+
* Format a numeric string according to the current numberType and decimals.
|
|
639
|
+
* @param value - Raw input string.
|
|
640
|
+
* @returns Formatted string or null when input is empty.
|
|
641
|
+
*/
|
|
642
|
+
formatNumber(value: string | null): string | null;
|
|
643
|
+
/**
|
|
644
|
+
* Programmatically blur and format numeric value if applicable.
|
|
645
|
+
*/
|
|
646
|
+
blur(): void;
|
|
647
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Input, never>;
|
|
648
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "input[b-input]", ["bInput"], { "type": { "alias": "type"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "numberType": { "alias": "numberType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
/**
|
|
652
|
+
* Root menu container that applies CDK menu behavior.
|
|
653
|
+
*/
|
|
654
|
+
declare class Menu {
|
|
655
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Menu, never>;
|
|
656
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Menu, "b-menu", never, {}, {}, never, ["*"], true, [{ directive: typeof i1$1.CdkMenu; inputs: {}; outputs: {}; }]>;
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
/**
|
|
660
|
+
* Menu group wrapper that applies CDK menu group behavior.
|
|
661
|
+
*/
|
|
662
|
+
declare class MenuGroup {
|
|
663
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuGroup, never>;
|
|
664
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuGroup, "b-menu-group", never, {}, {}, never, ["*"], true, [{ directive: typeof i1$1.CdkMenuGroup; inputs: {}; outputs: {}; }]>;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
/**
|
|
668
|
+
* Menu item wrapper that forwards behavior to the CDK menu item.
|
|
669
|
+
*/
|
|
670
|
+
declare class MenuItem {
|
|
671
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItem, never>;
|
|
672
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItem, "button[b-menu-item]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1$1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
/**
|
|
676
|
+
* Menu item checkbox that connects to the CDK menu checkbox behavior.
|
|
677
|
+
*/
|
|
678
|
+
declare class MenuItemCheckbox {
|
|
679
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemCheckbox, never>;
|
|
680
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemCheckbox, "button[b-menu-item-checkbox]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1$1.CdkMenuItemCheckbox; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; "cdkMenuItemChecked": "active"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
/**
|
|
684
|
+
* Menu radio item that integrates CDK menu radio behavior.
|
|
685
|
+
*/
|
|
686
|
+
declare class MenuItemRadio {
|
|
687
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemRadio, never>;
|
|
688
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemRadio, "button[b-menu-item-radio]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1$1.CdkMenuItemRadio; inputs: { "cdkMenuItemDisabled": "disabled"; "cdkMenuitemTypeaheadLabel": "typeaheadLabel"; "cdkMenuItemChecked": "active"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
|
|
689
|
+
}
|
|
690
|
+
|
|
691
|
+
/**
|
|
692
|
+
* Label element used inside menus to group or describe items.
|
|
693
|
+
*/
|
|
694
|
+
declare class MenuLabel {
|
|
695
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuLabel, never>;
|
|
696
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuLabel, "b-menu-label", never, {}, {}, never, ["*"], true, never>;
|
|
697
|
+
}
|
|
698
|
+
|
|
699
|
+
type Position = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left-top' | 'left-center' | 'left-bottom' | 'right-top' | 'right-center' | 'right-bottom';
|
|
700
|
+
|
|
701
|
+
/**
|
|
702
|
+
* Directive to add menu trigger behavior to an element.
|
|
703
|
+
*/
|
|
704
|
+
declare class MenuTriggerDirective implements OnInit {
|
|
705
|
+
/**
|
|
706
|
+
* Injected CdkMenuTrigger instance to control menu behavior.
|
|
707
|
+
*/
|
|
708
|
+
trigger: CdkMenuTrigger;
|
|
709
|
+
/**
|
|
710
|
+
* Position of the menu relative to the trigger element.
|
|
711
|
+
*/
|
|
712
|
+
readonly menuTriggerPosition: _angular_core.InputSignal<Position | Position[]>;
|
|
713
|
+
/**
|
|
714
|
+
* Whether the trigger is for a submenu.
|
|
715
|
+
*/
|
|
716
|
+
readonly submenu: _angular_core.InputSignal<boolean>;
|
|
717
|
+
ngOnInit(): void;
|
|
718
|
+
/**
|
|
719
|
+
* Sets the menu position based on the provided input.
|
|
720
|
+
* Supports both single and multiple positions.
|
|
721
|
+
* If it's a submenu, offsets are not applied.
|
|
722
|
+
*/
|
|
723
|
+
setPosition(): void;
|
|
724
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuTriggerDirective, never>;
|
|
725
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuTriggerDirective, "[menuTriggerFor]", never, { "menuTriggerPosition": { "alias": "menuTriggerPosition"; "required": false; "isSignal": true; }; "submenu": { "alias": "submenu"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.CdkMenuTrigger; inputs: { "cdkMenuTriggerFor": "menuTriggerFor"; }; outputs: {}; }]>;
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
/**
|
|
729
|
+
* Component representing an individual option in a select or combobox.
|
|
730
|
+
* This component integrates with Angular CDK Option to manage the option's state and behavior.
|
|
731
|
+
*/
|
|
732
|
+
declare class Option {
|
|
733
|
+
/**
|
|
734
|
+
* The `ElementRef` of the option.
|
|
735
|
+
* This provides direct access to the DOM element of the option.
|
|
736
|
+
*/
|
|
737
|
+
el: ElementRef<any>;
|
|
738
|
+
/**
|
|
739
|
+
* The `CdkOption` instance associated with this option.
|
|
740
|
+
* This provides methods and properties for managing the option's state, such as selection and value.
|
|
741
|
+
*/
|
|
742
|
+
cdkOption: CdkOption<any>;
|
|
743
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Option, never>;
|
|
744
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Option, "li[b-option]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkOption; inputs: { "cdkOption": "value"; "cdkOptionDisabled": "disabled"; }; outputs: {}; }]>;
|
|
745
|
+
}
|
|
746
|
+
|
|
747
|
+
/**
|
|
748
|
+
* OTP (One-Time Password) input component that manages multiple digit inputs.
|
|
749
|
+
*/
|
|
750
|
+
declare class Otp implements AfterContentInit, FormValueControl<string> {
|
|
751
|
+
/**
|
|
752
|
+
* Number of digit inputs.
|
|
753
|
+
*/
|
|
754
|
+
readonly length: _angular_core.Signal<number>;
|
|
755
|
+
/**
|
|
756
|
+
* Current OTP value.
|
|
757
|
+
*/
|
|
758
|
+
readonly value: _angular_core.ModelSignal<string>;
|
|
759
|
+
/**
|
|
760
|
+
* Emitted when the OTP value changes.
|
|
761
|
+
*/
|
|
762
|
+
readonly valueChange: _angular_core.OutputEmitterRef<string>;
|
|
763
|
+
/**
|
|
764
|
+
* Whether the OTP input has been modified.
|
|
765
|
+
*/
|
|
766
|
+
dirty: _angular_core.InputSignal<boolean>;
|
|
767
|
+
/**
|
|
768
|
+
* Query list of digit input directives.
|
|
769
|
+
*/
|
|
770
|
+
readonly digitInputs: _angular_core.Signal<readonly OtpDigitDirective[]>;
|
|
771
|
+
/**
|
|
772
|
+
* Internal storage for digit values.
|
|
773
|
+
*/
|
|
774
|
+
private values;
|
|
775
|
+
/**
|
|
776
|
+
* Whether the OTP inputs are disabled.
|
|
777
|
+
*/
|
|
778
|
+
readonly disabled: _angular_core.ModelSignal<boolean>;
|
|
779
|
+
/**
|
|
780
|
+
* Lifecycle hook invoked after content initialization.
|
|
781
|
+
*/
|
|
782
|
+
ngAfterContentInit(): void;
|
|
783
|
+
/**
|
|
784
|
+
* Callback invoked when the OTP value changes.
|
|
785
|
+
*/
|
|
786
|
+
private onInput;
|
|
787
|
+
/**
|
|
788
|
+
* Callback invoked on keydown events for navigation and deletion.
|
|
789
|
+
*/
|
|
790
|
+
private onKeyDown;
|
|
791
|
+
/**
|
|
792
|
+
* Callback invoked on paste events to fill multiple digits.
|
|
793
|
+
*/
|
|
794
|
+
private onPaste;
|
|
795
|
+
/**
|
|
796
|
+
* Focus the digit input at the specified index.
|
|
797
|
+
* @param idx - Index of the digit input to focus.
|
|
798
|
+
*/
|
|
799
|
+
private focusDigit;
|
|
800
|
+
/**
|
|
801
|
+
* Emit the current OTP value to all listeners.
|
|
802
|
+
*/
|
|
803
|
+
private emitValue;
|
|
804
|
+
/**
|
|
805
|
+
* Reset the OTP input values.
|
|
806
|
+
*/
|
|
807
|
+
private resetValues;
|
|
808
|
+
/**
|
|
809
|
+
* Set the disabled state of the OTP inputs.
|
|
810
|
+
* @param isDisabled - Whether inputs should be disabled.
|
|
811
|
+
*/
|
|
812
|
+
setDisabledState(isDisabled: boolean): void;
|
|
813
|
+
/**
|
|
814
|
+
* Update the current OTP value (FormValueControl API).
|
|
815
|
+
* @param value - New otp string to apply.
|
|
816
|
+
*/
|
|
817
|
+
setValue(value: string): void;
|
|
818
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Otp, never>;
|
|
819
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Otp, "b-otp", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "disabled": "disabledChange"; }, ["digitInputs"], ["*"], true, never>;
|
|
820
|
+
}
|
|
821
|
+
declare class OtpDigitDirective {
|
|
822
|
+
/**
|
|
823
|
+
* Host input element for the OTP digit.
|
|
824
|
+
*/
|
|
825
|
+
el: ElementRef<any>;
|
|
826
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OtpDigitDirective, never>;
|
|
827
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OtpDigitDirective, "input[b-otp-digit]", never, {}, {}, never, never, true, never>;
|
|
828
|
+
}
|
|
829
|
+
|
|
830
|
+
/**
|
|
831
|
+
* Directive that marks an element as an overlay trigger and toggles its active state on click.
|
|
832
|
+
*/
|
|
833
|
+
declare class OverlayTrigger extends CdkOverlayOrigin {
|
|
834
|
+
/**
|
|
835
|
+
* Model that indicates whether the trigger is active.
|
|
836
|
+
*
|
|
837
|
+
* @defaultValue false
|
|
838
|
+
*/
|
|
839
|
+
active: _angular_core.ModelSignal<boolean>;
|
|
840
|
+
/**
|
|
841
|
+
* Reference to the `ElementRef` of the host element.
|
|
842
|
+
* This is used to access the native DOM element.
|
|
843
|
+
*/
|
|
844
|
+
el: ElementRef<any>;
|
|
845
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayTrigger, never>;
|
|
846
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OverlayTrigger, "[bOverlayTrigger]", ["bOverlayTrigger"], { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, [{ directive: typeof i1$2.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
/**
|
|
850
|
+
* Directive that wires an Angular CDK connected overlay to a trigger and exposes
|
|
851
|
+
* reactive signals for positions and scroll strategy.
|
|
852
|
+
*/
|
|
853
|
+
declare class Overlay {
|
|
854
|
+
/**
|
|
855
|
+
* Reference to the CDK connected overlay instance.
|
|
856
|
+
*/
|
|
857
|
+
cdkConnectedOverlay: CdkConnectedOverlay;
|
|
858
|
+
/**
|
|
859
|
+
* Options for scroll handling provided by the CDK.
|
|
860
|
+
*/
|
|
861
|
+
scrollStrategyOptions: ScrollStrategyOptions;
|
|
862
|
+
/**
|
|
863
|
+
* The overlay trigger object (signal) that controls the overlay origin and active state.
|
|
864
|
+
*/
|
|
865
|
+
trigger: _angular_core.InputSignal<OverlayTrigger | undefined>;
|
|
866
|
+
/**
|
|
867
|
+
* Whether the overlay is open.
|
|
868
|
+
*/
|
|
869
|
+
open: _angular_core.Signal<boolean>;
|
|
870
|
+
/** Preferred overlay positions in priority order.
|
|
871
|
+
|
|
872
|
+
* @defaultValue ['bottom-center', 'top-center']
|
|
873
|
+
*/
|
|
874
|
+
positions: _angular_core.InputSignal<Position[]>;
|
|
875
|
+
/** Whether clicking outside closes the overlay.
|
|
876
|
+
|
|
877
|
+
* @defaultValue true
|
|
878
|
+
*/
|
|
879
|
+
closeOnClickOutside: _angular_core.ModelSignal<boolean>;
|
|
880
|
+
/** Whether pressing Escape closes the overlay.
|
|
881
|
+
|
|
882
|
+
* @defaultValue true
|
|
883
|
+
*/
|
|
884
|
+
closeOnTypeEscape: _angular_core.ModelSignal<boolean>;
|
|
885
|
+
/**
|
|
886
|
+
* Whether to focus the trigger element when the overlay closes.
|
|
887
|
+
*
|
|
888
|
+
* @defaultValue true
|
|
889
|
+
*/
|
|
890
|
+
readonly focusTriggerOnClose: _angular_core.ModelSignal<boolean>;
|
|
891
|
+
/** Scroll strategy for the overlay.
|
|
892
|
+
|
|
893
|
+
* @defaultValue 'reposition'
|
|
894
|
+
*/
|
|
895
|
+
scrollStrategy: _angular_core.ModelSignal<"close" | "reposition" | "block">;
|
|
896
|
+
/**
|
|
897
|
+
* Computed array of CDK ConnectedPosition values derived from `positions`.
|
|
898
|
+
*/
|
|
899
|
+
connectedPositions: _angular_core.Signal<ConnectedPosition[]>;
|
|
900
|
+
/**
|
|
901
|
+
* Linked signal that holds the currently active ConnectionPositionPair.
|
|
902
|
+
*/
|
|
903
|
+
connectedPositionPair: _angular_core.WritableSignal<ConnectionPositionPair>;
|
|
904
|
+
/**
|
|
905
|
+
* Computed overlay direction string derived from the active connection pair (e.g. 'top', 'bottom').
|
|
906
|
+
*/
|
|
907
|
+
direction: _angular_core.Signal<string | undefined>;
|
|
908
|
+
/**
|
|
909
|
+
* Flag to indicate if el overlay ya fue abierto al menos una vez.
|
|
910
|
+
*/
|
|
911
|
+
private hasBeenOpened;
|
|
912
|
+
constructor();
|
|
913
|
+
/**
|
|
914
|
+
* Attach or detach the overlay based on the `open` signal.
|
|
915
|
+
* Also manages focus on the trigger element when closing.
|
|
916
|
+
*/
|
|
917
|
+
handleAttach(): void;
|
|
918
|
+
/**
|
|
919
|
+
* Set the active connection pair when the CDK overlay reports a position change.
|
|
920
|
+
*
|
|
921
|
+
* @param event - The position change event containing the new connection pair.
|
|
922
|
+
*/
|
|
923
|
+
setPositionPair(event: {
|
|
924
|
+
connectionPair: ConnectionPositionPair;
|
|
925
|
+
}): void;
|
|
926
|
+
/**
|
|
927
|
+
* Deactivate the overlay trigger when the overlay detaches.
|
|
928
|
+
*/
|
|
929
|
+
deactivateTrigger(): void;
|
|
930
|
+
/**
|
|
931
|
+
* Close the overlay if a click occurs outside and `closeOnClickOutside` is enabled.
|
|
932
|
+
*/
|
|
933
|
+
closeIfClickedOutside(): void;
|
|
934
|
+
/**
|
|
935
|
+
* Close the overlay when the Escape key is pressed and `closeOnTypeEscape` is enabled.
|
|
936
|
+
*
|
|
937
|
+
* @param event - The keyboard event emitted by the overlay.
|
|
938
|
+
*/
|
|
939
|
+
closeOnEscape(event: KeyboardEvent): void;
|
|
940
|
+
/**
|
|
941
|
+
* Apply the selected scroll strategy to the CDK connected overlay.
|
|
942
|
+
*/
|
|
943
|
+
setScrollStrategy(): void;
|
|
944
|
+
/**
|
|
945
|
+
* Update the overlay's available positions from the computed `connectedPositions`.
|
|
946
|
+
*/
|
|
947
|
+
setPositions(): void;
|
|
948
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Overlay, never>;
|
|
949
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Overlay, "[bOverlay]", never, { "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "positions": { "alias": "positions"; "required": false; "isSignal": true; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; "isSignal": true; }; "closeOnTypeEscape": { "alias": "closeOnTypeEscape"; "required": false; "isSignal": true; }; "focusTriggerOnClose": { "alias": "focusTriggerOnClose"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; }, { "closeOnClickOutside": "closeOnClickOutsideChange"; "closeOnTypeEscape": "closeOnTypeEscapeChange"; "focusTriggerOnClose": "focusTriggerOnCloseChange"; "scrollStrategy": "scrollStrategyChange"; }, never, never, true, [{ directive: typeof i1$2.CdkConnectedOverlay; inputs: { "cdkConnectedOverlayBackdropClass": "backdropClass"; "cdkConnectedOverlayDisposeOnNavigation": "disposeOnNavigation"; "cdkConnectedOverlayFlexibleDimensions": "flexibleDimensions"; "cdkConnectedOverlayGrowAfterOpen": "growAfterOpen"; "cdkConnectedOverlayHasBackdrop": "hasBackdrop"; "cdkConnectedOverlayHeight": "height"; "cdkConnectedOverlayLockPosition": "lockPosition"; "cdkConnectedOverlayMinHeight": "minHeight"; "cdkConnectedOverlayMinWidth": "minWidth"; "cdkConnectedOverlayOffsetX": "offsetX"; "cdkConnectedOverlayOffsetY": "offsetY"; "cdkConnectedOverlayOrigin": "trigger"; "cdkConnectedOverlayPanelClass": "panelClass"; "cdkConnectedOverlayPositionStrategy": "positionStrategy"; "cdkConnectedOverlayPush": "push"; "cdkConnectedOverlayTransformOriginOn": "transformOriginSelector"; "cdkConnectedOverlayViewportMargin": "viewportMargin"; "cdkConnectedOverlayWidth": "width"; }; outputs: { "attach": "attach"; "detach": "detach"; "overlayKeydown": "overlayKeydown"; "overlayOutsideClick": "overlayOutsideClick"; "positionChange": "positionChange"; }; }]>;
|
|
950
|
+
}
|
|
951
|
+
|
|
952
|
+
/**
|
|
953
|
+
* Popover directive that configures an overlay for displaying popover content.
|
|
954
|
+
* Popovers differ from tooltips in that they allow multi-line content and use
|
|
955
|
+
* padding-based sizing (no fixed heights) and do not expose variant classes.
|
|
956
|
+
*/
|
|
957
|
+
declare class Popover extends Overlay {
|
|
958
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Popover, never>;
|
|
959
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Popover, "[bPopover]", never, {}, {}, never, never, true, never>;
|
|
960
|
+
}
|
|
961
|
+
|
|
962
|
+
/**
|
|
963
|
+
* Trigger directive that emits activation events for popovers.
|
|
964
|
+
* Exposes the same `trigger` and `el` properties expected by `ConnectedOverlay`.
|
|
965
|
+
*/
|
|
966
|
+
declare class PopoverTrigger extends OverlayTrigger {
|
|
967
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverTrigger, never>;
|
|
968
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverTrigger, "[bPopoverTrigger]", ["bPopoverTrigger"], {}, {}, never, never, true, never>;
|
|
969
|
+
}
|
|
970
|
+
|
|
971
|
+
declare class Range implements AfterViewInit {
|
|
972
|
+
readonly value: _angular_core.ModelSignal<string>;
|
|
973
|
+
el: ElementRef<any>;
|
|
974
|
+
ngAfterViewInit(): void;
|
|
975
|
+
onInput(event: Event): void;
|
|
976
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Range, never>;
|
|
977
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Range, "input[b-range]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
/**
|
|
981
|
+
* Directive to mark an element as a trigger for an overlay.
|
|
982
|
+
* Integrates with Angular CDK's `CdkOverlayOrigin` to provide
|
|
983
|
+
* a reference point for overlay positioning.
|
|
984
|
+
*/
|
|
985
|
+
declare class OverlayOrigin {
|
|
986
|
+
/**
|
|
987
|
+
* Reference to the `CdkOverlayOrigin` instance.
|
|
988
|
+
* Used as the origin point for overlay positioning.
|
|
989
|
+
*/
|
|
990
|
+
trigger: CdkOverlayOrigin;
|
|
991
|
+
/**
|
|
992
|
+
* Reference to the `ElementRef` of the host element.
|
|
993
|
+
* This is used to access the native DOM element.
|
|
994
|
+
*/
|
|
995
|
+
el: ElementRef<any>;
|
|
996
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayOrigin, never>;
|
|
997
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OverlayOrigin, "[bOverlayOrigin]", ["bOverlayOrigin"], {}, {}, never, never, true, [{ directive: typeof i1$2.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
|
|
998
|
+
}
|
|
999
|
+
|
|
1000
|
+
/**
|
|
1001
|
+
* Directive to manage overlay behavior and positioning.
|
|
1002
|
+
* Integrates with Angular CDK's `CdkConnectedOverlay` to provide
|
|
1003
|
+
* flexible overlay positioning and triggering mechanisms.
|
|
1004
|
+
*/
|
|
1005
|
+
declare class ConnectedOverlay {
|
|
1006
|
+
/**
|
|
1007
|
+
* Controls whether the overlay is open.
|
|
1008
|
+
* @default false
|
|
1009
|
+
*/
|
|
1010
|
+
readonly open: _angular_core.ModelSignal<boolean>;
|
|
1011
|
+
/**
|
|
1012
|
+
* The trigger directive that activates the overlay.
|
|
1013
|
+
* This input is required.
|
|
1014
|
+
*/
|
|
1015
|
+
readonly trigger: _angular_core.InputSignal<OverlayOrigin>;
|
|
1016
|
+
/**
|
|
1017
|
+
* A computed map of positions to their corresponding `ConnectedPosition` configurations.
|
|
1018
|
+
*/
|
|
1019
|
+
readonly positionsMap: _angular_core.Signal<Record<Position, ConnectedPosition>>;
|
|
1020
|
+
/**
|
|
1021
|
+
* List of positions for the overlay.
|
|
1022
|
+
* @default ['bottom-left']
|
|
1023
|
+
*/
|
|
1024
|
+
readonly positions: _angular_core.InputSignal<Position[]>;
|
|
1025
|
+
/**
|
|
1026
|
+
* Controls whether the trigger element should be focused when the overlay is closed.
|
|
1027
|
+
* @default true
|
|
1028
|
+
*/
|
|
1029
|
+
readonly focusTriggerOnClose: _angular_core.InputSignal<boolean>;
|
|
1030
|
+
/**
|
|
1031
|
+
* Computed list of `ConnectedPosition` objects based on the `positions` input.
|
|
1032
|
+
*/
|
|
1033
|
+
readonly connectedPositions: _angular_core.Signal<ConnectedPosition[]>;
|
|
1034
|
+
/**
|
|
1035
|
+
* Signal to track the currently active `ConnectionPositionPair`.
|
|
1036
|
+
*/
|
|
1037
|
+
readonly connectedPositionPair: _angular_core.WritableSignal<ConnectionPositionPair>;
|
|
1038
|
+
/**
|
|
1039
|
+
* Injected instance of `CdkConnectedOverlay`.
|
|
1040
|
+
*/
|
|
1041
|
+
cdkConnectedOverlay: CdkConnectedOverlay;
|
|
1042
|
+
/**
|
|
1043
|
+
* Injected instance of `Overlay`.
|
|
1044
|
+
*/
|
|
1045
|
+
overlay: Overlay$1;
|
|
1046
|
+
/**
|
|
1047
|
+
* Computed direction of the overlay based on the active position pair.
|
|
1048
|
+
*/
|
|
1049
|
+
readonly direction: _angular_core.Signal<string | undefined>;
|
|
1050
|
+
/**
|
|
1051
|
+
* Event emitter for overlay detach events.
|
|
1052
|
+
*/
|
|
1053
|
+
detachEmitter: _angular_core.OutputEmitterRef<void>;
|
|
1054
|
+
/**
|
|
1055
|
+
* Event emitter for overlay attach events.
|
|
1056
|
+
*/
|
|
1057
|
+
attachEmitter: _angular_core.OutputEmitterRef<void>;
|
|
1058
|
+
/**
|
|
1059
|
+
* Event emitter for overlay outside click events.
|
|
1060
|
+
*/
|
|
1061
|
+
outsideClickEmitter: _angular_core.OutputEmitterRef<void>;
|
|
1062
|
+
/**
|
|
1063
|
+
* Event emitter for overlay backdrop click events.
|
|
1064
|
+
*/
|
|
1065
|
+
backdropClickEmitter: _angular_core.OutputEmitterRef<void>;
|
|
1066
|
+
/**
|
|
1067
|
+
* Flag to indicate if el overlay ya fue abierto al menos una vez.
|
|
1068
|
+
*/
|
|
1069
|
+
private hasBeenOpened;
|
|
1070
|
+
/**
|
|
1071
|
+
* Constructor to initialize the directive and set up reactive effects.
|
|
1072
|
+
*/
|
|
1073
|
+
constructor();
|
|
1074
|
+
/**
|
|
1075
|
+
* Handles the origin of the overlay.
|
|
1076
|
+
* This method sets the `cdkConnectedOverlay.origin` to the trigger element.
|
|
1077
|
+
*/
|
|
1078
|
+
handleOrigin(): void;
|
|
1079
|
+
/**
|
|
1080
|
+
* Handles the connected positions for the overlay.
|
|
1081
|
+
* This method updates the `cdkConnectedOverlay` positions based on the current state.
|
|
1082
|
+
*/
|
|
1083
|
+
handleConnectedPositions(): void;
|
|
1084
|
+
/**
|
|
1085
|
+
* Handles the opening and closing of the overlay based on the `open` input.
|
|
1086
|
+
* Determines whether to open or close the overlay and invokes the appropriate method.
|
|
1087
|
+
*/
|
|
1088
|
+
handleOpen(): void;
|
|
1089
|
+
/**
|
|
1090
|
+
* Toggles the open state of the overlay.
|
|
1091
|
+
* If the overlay is open, it will be closed, and vice versa.
|
|
1092
|
+
*/
|
|
1093
|
+
toggleOverlay(): void;
|
|
1094
|
+
/**
|
|
1095
|
+
* Closes the overlay by setting the `open` state to false.
|
|
1096
|
+
*/
|
|
1097
|
+
closeOverlay(): void;
|
|
1098
|
+
/**
|
|
1099
|
+
* Opens the overlay by setting the `open` state to true.
|
|
1100
|
+
*/
|
|
1101
|
+
openOverlay(): void;
|
|
1102
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConnectedOverlay, never>;
|
|
1103
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ConnectedOverlay, "[bConnectedOverlay]", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "positions": { "alias": "positions"; "required": false; "isSignal": true; }; "focusTriggerOnClose": { "alias": "focusTriggerOnClose"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "detachEmitter": "detachEmitter"; "attachEmitter": "attachEmitter"; "outsideClickEmitter": "outsideClickEmitter"; "backdropClickEmitter": "backdropClickEmitter"; }, never, never, true, [{ directive: typeof i1$2.CdkConnectedOverlay; inputs: { "cdkConnectedOverlayWidth": "width"; "cdkConnectedOverlayMinWidth": "minWidth"; "cdkConnectedOverlayBackdropClass": "customBackdropClass"; "cdkConnectedOverlayPanelClass": "panelClass"; }; outputs: { "detach": "detach"; "attach": "attach"; "overlayOutsideClick": "outsideClick"; "backdropClick": "backdropClick"; "positionChange": "positionChange"; }; }]>;
|
|
1104
|
+
}
|
|
1105
|
+
|
|
1106
|
+
/**
|
|
1107
|
+
* Content container for select overlays that manages option navigation.
|
|
1108
|
+
*/
|
|
1109
|
+
declare class SelectContent implements OnInit {
|
|
1110
|
+
/**
|
|
1111
|
+
* Reference to the host element.
|
|
1112
|
+
*/
|
|
1113
|
+
el: ElementRef<any>;
|
|
1114
|
+
/**
|
|
1115
|
+
* Injected CDK listbox instance.
|
|
1116
|
+
*/
|
|
1117
|
+
listBox: CdkListbox<any>;
|
|
1118
|
+
/**
|
|
1119
|
+
* Option nodes within the select content.
|
|
1120
|
+
*/
|
|
1121
|
+
readonly options: _angular_core.Signal<readonly CdkOption<any>[]>;
|
|
1122
|
+
/**
|
|
1123
|
+
* Key manager for handling option navigation.
|
|
1124
|
+
*/
|
|
1125
|
+
readonly listKeyManager: _angular_core.Signal<ActiveDescendantKeyManager<CdkOption<any>>>;
|
|
1126
|
+
/**
|
|
1127
|
+
* Emits value changes from the listbox.
|
|
1128
|
+
*/
|
|
1129
|
+
changeValueEmitter: _angular_core.OutputEmitterRef<string[]>;
|
|
1130
|
+
/**
|
|
1131
|
+
* Whether multiple selection is allowed.
|
|
1132
|
+
*/
|
|
1133
|
+
readonly multiple: _angular_core.ModelSignal<boolean>;
|
|
1134
|
+
/**
|
|
1135
|
+
* Injected connected overlay for positioning.
|
|
1136
|
+
*/
|
|
1137
|
+
overlay: ConnectedOverlay;
|
|
1138
|
+
/**
|
|
1139
|
+
* Computed overlay direction.
|
|
1140
|
+
*/
|
|
1141
|
+
readonly direction: _angular_core.Signal<string | undefined>;
|
|
1142
|
+
ngOnInit(): void;
|
|
1143
|
+
/**
|
|
1144
|
+
* Emits the value change event from the listbox.
|
|
1145
|
+
* @param event - The value change event from the listbox.
|
|
1146
|
+
*/
|
|
1147
|
+
emitValueChange(event: ListboxValueChangeEvent<unknown>): void;
|
|
1148
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectContent, never>;
|
|
1149
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectContent, "ul[b-select-content]", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; }, { "changeValueEmitter": "changeValueEmitter"; "multiple": "multipleChange"; }, ["options"], ["*"], true, [{ directive: typeof i1.CdkListbox; inputs: { "cdkListboxMultiple": "multiple"; }; outputs: { "cdkListboxValueChange": "cdkListboxValueChange"; }; }]>;
|
|
1150
|
+
}
|
|
1151
|
+
|
|
1152
|
+
/**
|
|
1153
|
+
* A button that acts as the trigger for a select dropdown.
|
|
1154
|
+
*/
|
|
1155
|
+
declare class SelectTrigger {
|
|
1156
|
+
/**
|
|
1157
|
+
* Host button element.
|
|
1158
|
+
*/
|
|
1159
|
+
el: ElementRef<any>;
|
|
1160
|
+
/**
|
|
1161
|
+
* Emitted when the trigger is activated (click or key events).
|
|
1162
|
+
*/
|
|
1163
|
+
buttonClicked: _angular_core.OutputEmitterRef<void>;
|
|
1164
|
+
/**
|
|
1165
|
+
* Whether the trigger is disabled.
|
|
1166
|
+
*/
|
|
1167
|
+
readonly disabled: _angular_core.WritableSignal<boolean>;
|
|
1168
|
+
/**
|
|
1169
|
+
* Whether the trigger has been activated to open the select.
|
|
1170
|
+
*/
|
|
1171
|
+
triggered: _angular_core.WritableSignal<boolean>;
|
|
1172
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectTrigger, never>;
|
|
1173
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectTrigger, "button[b-select-trigger]", never, {}, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
|
|
1174
|
+
}
|
|
1175
|
+
|
|
1176
|
+
/**
|
|
1177
|
+
* Displays the selected value or a placeholder in a select component.
|
|
1178
|
+
*/
|
|
1179
|
+
declare class SelectValue {
|
|
1180
|
+
/**
|
|
1181
|
+
* Host element reference.
|
|
1182
|
+
*/
|
|
1183
|
+
el: ElementRef<any>;
|
|
1184
|
+
/**
|
|
1185
|
+
* Computed selected content to display.
|
|
1186
|
+
*/
|
|
1187
|
+
readonly content: _angular_core.WritableSignal<string>;
|
|
1188
|
+
/**
|
|
1189
|
+
* Placeholder shown when no selection exists.
|
|
1190
|
+
*/
|
|
1191
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1192
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectValue, never>;
|
|
1193
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectValue, "b-select-value", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1194
|
+
}
|
|
1195
|
+
|
|
1196
|
+
/**
|
|
1197
|
+
* Select component that wires trigger, content and value together using signals.
|
|
1198
|
+
*/
|
|
1199
|
+
declare class Select implements OnInit, FormValueControl<string[]> {
|
|
1200
|
+
/** Connected overlay instance used to show the dropdown. */
|
|
1201
|
+
readonly overlay: _angular_core.Signal<ConnectedOverlay | undefined>;
|
|
1202
|
+
/** Trigger that toggles the select overlay. */
|
|
1203
|
+
readonly selectTrigger: _angular_core.Signal<SelectTrigger | undefined>;
|
|
1204
|
+
/** Visual value display component. */
|
|
1205
|
+
readonly selectValue: _angular_core.Signal<SelectValue | undefined>;
|
|
1206
|
+
/** Content pane that contains options. */
|
|
1207
|
+
readonly selectContent: _angular_core.Signal<SelectContent | undefined>;
|
|
1208
|
+
/** Function to display the selected value(s). */
|
|
1209
|
+
readonly displayWith: _angular_core.InputSignal<(value: string[]) => string>;
|
|
1210
|
+
/** Whether the select is disabled. Automatically bound by Signal Forms. */
|
|
1211
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1212
|
+
/** Current value array for the select. */
|
|
1213
|
+
readonly value: _angular_core.ModelSignal<string[]>;
|
|
1214
|
+
/** Emitted when the value changes. */
|
|
1215
|
+
readonly valueChange: _angular_core.OutputEmitterRef<string[]>;
|
|
1216
|
+
constructor();
|
|
1217
|
+
ngOnInit(): void;
|
|
1218
|
+
/**
|
|
1219
|
+
* Update the displayed value when value or displayWith changes.
|
|
1220
|
+
*/
|
|
1221
|
+
private updateDisplayedValue;
|
|
1222
|
+
/**
|
|
1223
|
+
* Subscribe to content value changes (content is recreated each time overlay opens).
|
|
1224
|
+
*/
|
|
1225
|
+
private handleContentValueChanges;
|
|
1226
|
+
/**
|
|
1227
|
+
* Wire trigger click to toggle overlay (trigger persists across lifecycle).
|
|
1228
|
+
*/
|
|
1229
|
+
private setupTriggerEvents;
|
|
1230
|
+
/**
|
|
1231
|
+
* Wire overlay events (overlay persists across lifecycle).
|
|
1232
|
+
*/
|
|
1233
|
+
private setupOverlayEvents;
|
|
1234
|
+
/**
|
|
1235
|
+
* Update the current value.
|
|
1236
|
+
* @param value - New value array to apply.
|
|
1237
|
+
*/
|
|
1238
|
+
setValue(value: string[]): void;
|
|
1239
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select, never>;
|
|
1240
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select, "b-select", never, { "displayWith": { "alias": "displayWith"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, ["overlay", "selectTrigger", "selectValue", "selectContent"], ["*"], true, never>;
|
|
1241
|
+
}
|
|
1242
|
+
|
|
1243
|
+
/**
|
|
1244
|
+
* Directive to automatically focus the select filter input when it is initialized.
|
|
1245
|
+
*/
|
|
1246
|
+
declare class SelectFilter implements OnInit {
|
|
1247
|
+
/**
|
|
1248
|
+
* Element reference used to focus the filter input.
|
|
1249
|
+
*/
|
|
1250
|
+
el: ElementRef<any>;
|
|
1251
|
+
ngOnInit(): void;
|
|
1252
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectFilter, never>;
|
|
1253
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectFilter, "[bSelectFilter]", never, {}, {}, never, never, true, never>;
|
|
1254
|
+
}
|
|
1255
|
+
|
|
1256
|
+
/**
|
|
1257
|
+
* A loading directive that overlays a skeleton shimmer on the host element while preserving size.
|
|
1258
|
+
*/
|
|
1259
|
+
declare class Skeleton {
|
|
1260
|
+
/**
|
|
1261
|
+
* Whether the host should display the skeleton state.
|
|
1262
|
+
*/
|
|
1263
|
+
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1264
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Skeleton, never>;
|
|
1265
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Skeleton, "[bSkeleton]", never, { "loading": { "alias": "bSkeleton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1266
|
+
}
|
|
1267
|
+
|
|
1268
|
+
/**
|
|
1269
|
+
* A spinner component to indicate loading states.
|
|
1270
|
+
*/
|
|
1271
|
+
declare class Spinner {
|
|
1272
|
+
/**
|
|
1273
|
+
* Size variant of the spinner.
|
|
1274
|
+
*/
|
|
1275
|
+
readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
|
|
1276
|
+
/**
|
|
1277
|
+
* Computed pixel size for the icon.
|
|
1278
|
+
*/
|
|
1279
|
+
readonly sizeInPx: _angular_core.Signal<16 | 20 | 28>;
|
|
1280
|
+
readonly type: _angular_core.InputSignal<"circle" | "bars">;
|
|
1281
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Spinner, never>;
|
|
1282
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Spinner, "b-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1283
|
+
}
|
|
1284
|
+
|
|
1285
|
+
/**
|
|
1286
|
+
* A switch component that toggles between on and off states.
|
|
1287
|
+
*/
|
|
1288
|
+
declare class SwitchComponent implements AfterViewInit {
|
|
1289
|
+
/**
|
|
1290
|
+
* Current boolean state of the switch.
|
|
1291
|
+
*/
|
|
1292
|
+
readonly value: _angular_core.WritableSignal<boolean>;
|
|
1293
|
+
/**
|
|
1294
|
+
* Output emitted when the switch value changes.
|
|
1295
|
+
*/
|
|
1296
|
+
readonly valueChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1297
|
+
/**
|
|
1298
|
+
* Host input element.
|
|
1299
|
+
*/
|
|
1300
|
+
el: ElementRef<any>;
|
|
1301
|
+
ngAfterViewInit(): void;
|
|
1302
|
+
/**
|
|
1303
|
+
* Toggles the switch value.
|
|
1304
|
+
*/
|
|
1305
|
+
toggleValue(): void;
|
|
1306
|
+
/**
|
|
1307
|
+
* Sets the switch to a specific value.
|
|
1308
|
+
* @param newValue The new boolean value to set.
|
|
1309
|
+
*/
|
|
1310
|
+
setValue(newValue: boolean): void;
|
|
1311
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchComponent, never>;
|
|
1312
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "input[b-switch]", never, {}, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
1313
|
+
}
|
|
1314
|
+
|
|
1315
|
+
/**
|
|
1316
|
+
* A single tab within a tabs list.
|
|
1317
|
+
*/
|
|
1318
|
+
declare class Tab implements OnDestroy {
|
|
1319
|
+
/**
|
|
1320
|
+
* Parent tabs container.
|
|
1321
|
+
*/
|
|
1322
|
+
private tabsContainer;
|
|
1323
|
+
/**
|
|
1324
|
+
* Host element reference.
|
|
1325
|
+
*/
|
|
1326
|
+
readonly el: ElementRef<any>;
|
|
1327
|
+
/**
|
|
1328
|
+
* Unique value identifying this tab.
|
|
1329
|
+
*/
|
|
1330
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
1331
|
+
private focusMonitor;
|
|
1332
|
+
constructor();
|
|
1333
|
+
ngOnDestroy(): void;
|
|
1334
|
+
/**
|
|
1335
|
+
* Whether this tab is currently selected.
|
|
1336
|
+
*/
|
|
1337
|
+
readonly isSelected: _angular_core.Signal<boolean>;
|
|
1338
|
+
/**
|
|
1339
|
+
* Handle click events to select this tab.
|
|
1340
|
+
*/
|
|
1341
|
+
onClick(): void;
|
|
1342
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tab, never>;
|
|
1343
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tab, "button[b-tab], [b-tab]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$3.Tab; inputs: { "value": "value"; }; outputs: {}; }]>;
|
|
1344
|
+
}
|
|
1345
|
+
|
|
1346
|
+
/**
|
|
1347
|
+
* Tabs container that manages keyboard navigation and active tab state.
|
|
1348
|
+
*/
|
|
1349
|
+
declare class Tabs {
|
|
1350
|
+
/**
|
|
1351
|
+
* Current selected tab value(s).
|
|
1352
|
+
*/
|
|
1353
|
+
readonly value: _angular_core.ModelSignal<string[]>;
|
|
1354
|
+
/**
|
|
1355
|
+
* Output emitted when the tab selection changes.
|
|
1356
|
+
*/
|
|
1357
|
+
readonly valueChange: _angular_core.OutputEmitterRef<string[]>;
|
|
1358
|
+
/**
|
|
1359
|
+
* Query list of Tab child components.
|
|
1360
|
+
*/
|
|
1361
|
+
readonly tabs: _angular_core.Signal<readonly Tab[]>;
|
|
1362
|
+
private tabList;
|
|
1363
|
+
constructor();
|
|
1364
|
+
onSelectionChange(selectedValue: string | undefined): void;
|
|
1365
|
+
/**
|
|
1366
|
+
* Select a tab by its value.
|
|
1367
|
+
*/
|
|
1368
|
+
selectTab(tabValue: string): void;
|
|
1369
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
|
|
1370
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "b-tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, ["tabs"], ["*"], true, [{ directive: typeof i1$3.Tabs; inputs: {}; outputs: {}; }, { directive: typeof i1$3.TabList; inputs: { "selectionMode": "selectionMode"; "selectedTab": "selectedTab"; }; outputs: { "selectedTabChange": "selectedTabChange"; }; }]>;
|
|
1371
|
+
}
|
|
1372
|
+
|
|
1373
|
+
/**
|
|
1374
|
+
* Wrapper for grouping textarea-related elements vertically.
|
|
1375
|
+
*/
|
|
1376
|
+
declare class TextareaGroup {
|
|
1377
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaGroup, never>;
|
|
1378
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaGroup, "b-textarea-group", never, {}, {}, never, ["*"], true, never>;
|
|
1379
|
+
}
|
|
1380
|
+
|
|
1381
|
+
/**
|
|
1382
|
+
* A styled textarea component.
|
|
1383
|
+
*/
|
|
1384
|
+
declare class Textarea {
|
|
1385
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Textarea, never>;
|
|
1386
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Textarea, "textarea[b-textarea]", never, {}, {}, never, never, true, never>;
|
|
1387
|
+
}
|
|
1388
|
+
|
|
1389
|
+
/**
|
|
1390
|
+
* Tooltip directive that configures an overlay for displaying tooltip content.
|
|
1391
|
+
*/
|
|
1392
|
+
declare class Tooltip extends Overlay implements OnInit {
|
|
1393
|
+
ngOnInit(): void;
|
|
1394
|
+
/**
|
|
1395
|
+
* Sets the closeOnTypeEscape property to false for tooltips.
|
|
1396
|
+
*/
|
|
1397
|
+
private setCloseOnTypeEscapeToFalse;
|
|
1398
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tooltip, never>;
|
|
1399
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Tooltip, "[bTooltip]", never, {}, {}, never, never, true, never>;
|
|
1400
|
+
}
|
|
1401
|
+
|
|
1402
|
+
/**
|
|
1403
|
+
* Tooltip content that is displayed within a connected overlay.
|
|
1404
|
+
*/
|
|
1405
|
+
declare class TooltipContent {
|
|
1406
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipContent, never>;
|
|
1407
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipContent, "b-tooltip-content", never, {}, {}, never, ["*"], true, never>;
|
|
1408
|
+
}
|
|
1409
|
+
|
|
1410
|
+
/**
|
|
1411
|
+
* Trigger directive that emits activation events for tooltips.
|
|
1412
|
+
*
|
|
1413
|
+
* This directive now extends `OverlayOrigin` so it exposes the same
|
|
1414
|
+
* `trigger` and `el` properties expected by `ConnectedOverlay`.
|
|
1415
|
+
*/
|
|
1416
|
+
declare class TooltipTrigger extends OverlayTrigger {
|
|
1417
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipTrigger, never>;
|
|
1418
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipTrigger, "[bTooltipTrigger]", ["bTooltipTrigger"], {}, {}, never, never, true, never>;
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1421
|
+
/**
|
|
1422
|
+
* Root container for a tree structure, enabling drag-and-drop and nested nodes.
|
|
1423
|
+
*/
|
|
1424
|
+
declare class Tree implements OnInit {
|
|
1425
|
+
/**
|
|
1426
|
+
* Whether nodes are draggable.
|
|
1427
|
+
*/
|
|
1428
|
+
readonly draggable: _angular_core.InputSignal<boolean>;
|
|
1429
|
+
/**
|
|
1430
|
+
* Injected CDK drop list instance for this tree.
|
|
1431
|
+
*/
|
|
1432
|
+
private readonly tree;
|
|
1433
|
+
/**
|
|
1434
|
+
* Nested TreeNode children.
|
|
1435
|
+
*/
|
|
1436
|
+
private readonly nestedNodes;
|
|
1437
|
+
/**
|
|
1438
|
+
* Whether to close nested nodes recursively when closing a node.
|
|
1439
|
+
*/
|
|
1440
|
+
readonly closeRecursively: _angular_core.InputSignal<boolean>;
|
|
1441
|
+
/**
|
|
1442
|
+
* Whether drag-and-drop is only enabled when nodes are collapsed.
|
|
1443
|
+
*/
|
|
1444
|
+
readonly dragOnlyWhenCollapsed: _angular_core.InputSignal<boolean>;
|
|
1445
|
+
/**
|
|
1446
|
+
* Computed signal indicating if the tree is disabled (inverse of draggable).
|
|
1447
|
+
*/
|
|
1448
|
+
private readonly isTreeDisabled;
|
|
1449
|
+
/**
|
|
1450
|
+
* Emitted when a drag-drop operation finishes.
|
|
1451
|
+
*/
|
|
1452
|
+
readonly dropEmitter: _angular_core.OutputEmitterRef<CdkDragDrop<string[], string[], any>>;
|
|
1453
|
+
constructor();
|
|
1454
|
+
ngOnInit(): void;
|
|
1455
|
+
/**
|
|
1456
|
+
* Subscribe to nested node close events and close children recursively.
|
|
1457
|
+
*/
|
|
1458
|
+
private setupRecursiveClose;
|
|
1459
|
+
/**
|
|
1460
|
+
* Close all nested nodes recursively.
|
|
1461
|
+
*/
|
|
1462
|
+
closeNestedNodes(): void;
|
|
1463
|
+
/**
|
|
1464
|
+
* Disable drag for all direct children nodes.
|
|
1465
|
+
*/
|
|
1466
|
+
disableDirectChildren(): void;
|
|
1467
|
+
/**
|
|
1468
|
+
* Enable drag for all direct children nodes.
|
|
1469
|
+
*/
|
|
1470
|
+
enableDirectChildren(): void;
|
|
1471
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree, never>;
|
|
1472
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "b-tree", never, { "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "closeRecursively": { "alias": "closeRecursively"; "required": false; "isSignal": true; }; "dragOnlyWhenCollapsed": { "alias": "dragOnlyWhenCollapsed"; "required": false; "isSignal": true; }; }, { "dropEmitter": "dropEmitter"; }, ["nestedNodes"], ["*"], true, [{ directive: typeof i1$4.CdkDropList; inputs: { "id": "id"; "cdkDropListConnectedTo": "connectedTo"; }; outputs: { "cdkDropListDropped": "cdkDropListDropped"; }; }, { directive: typeof i1$4.CdkDropListGroup; inputs: {}; outputs: {}; }]>;
|
|
1473
|
+
}
|
|
1474
|
+
|
|
1475
|
+
/**
|
|
1476
|
+
* Individual node within a tree structure, supporting drag-and-drop and nested trees.
|
|
1477
|
+
*/
|
|
1478
|
+
declare class TreeNode implements OnInit {
|
|
1479
|
+
/**
|
|
1480
|
+
* Whether this node is expanded to show nested content.
|
|
1481
|
+
*/
|
|
1482
|
+
readonly expanded: _angular_core.ModelSignal<boolean>;
|
|
1483
|
+
/**
|
|
1484
|
+
* Injected CDK drag instance for this node.
|
|
1485
|
+
*/
|
|
1486
|
+
protected readonly node: CdkDrag<any>;
|
|
1487
|
+
/**
|
|
1488
|
+
* Child nested tree, if present.
|
|
1489
|
+
*/
|
|
1490
|
+
readonly nestedTree: _angular_core.Signal<Tree | undefined>;
|
|
1491
|
+
/**
|
|
1492
|
+
* Computed signal indicating if this node has a nested tree.
|
|
1493
|
+
*/
|
|
1494
|
+
protected readonly hasNestedTree: _angular_core.Signal<boolean>;
|
|
1495
|
+
/**
|
|
1496
|
+
* Computed signal for node disabled state.
|
|
1497
|
+
*/
|
|
1498
|
+
protected readonly isNodeDisabled: _angular_core.Signal<boolean>;
|
|
1499
|
+
/**
|
|
1500
|
+
* Internal state for dragOnlyWhenCollapsed from parent Tree.
|
|
1501
|
+
*/
|
|
1502
|
+
private _dragOnlyWhenCollapsed;
|
|
1503
|
+
/**
|
|
1504
|
+
* Track if any parent node is expanded (disables drag when dragOnlyWhenCollapsed is active).
|
|
1505
|
+
*/
|
|
1506
|
+
private _hasExpandedParent;
|
|
1507
|
+
/**
|
|
1508
|
+
* Computed to determine if drag handle should be hidden.
|
|
1509
|
+
*/
|
|
1510
|
+
protected readonly shouldHideDragHandle: _angular_core.Signal<boolean>;
|
|
1511
|
+
/**
|
|
1512
|
+
* Emitted when a nested tree is closed.
|
|
1513
|
+
*/
|
|
1514
|
+
readonly closeEmitter: _angular_core.OutputEmitterRef<void>;
|
|
1515
|
+
constructor();
|
|
1516
|
+
ngOnInit(): void;
|
|
1517
|
+
/**
|
|
1518
|
+
* Update drag state based on expanded state and parent state.
|
|
1519
|
+
*/
|
|
1520
|
+
private updateDragState;
|
|
1521
|
+
/**
|
|
1522
|
+
* Handle drag state for nodes with children.
|
|
1523
|
+
*/
|
|
1524
|
+
private handleNodeWithChildren;
|
|
1525
|
+
/**
|
|
1526
|
+
* Handle drag state for leaf nodes (no children).
|
|
1527
|
+
*/
|
|
1528
|
+
private handleLeafNode;
|
|
1529
|
+
/**
|
|
1530
|
+
* Enable or disable the underlying CDK drag for this node.
|
|
1531
|
+
* @param disabled - Whether the node should be disabled.
|
|
1532
|
+
*/
|
|
1533
|
+
handleNodeDisability(disabled: boolean): void;
|
|
1534
|
+
/**
|
|
1535
|
+
* Set drag only when collapsed mode from parent Tree.
|
|
1536
|
+
* @param enabled - Whether drag should only work when collapsed.
|
|
1537
|
+
*/
|
|
1538
|
+
setDragOnlyWhenCollapsed(enabled: boolean): void;
|
|
1539
|
+
/**
|
|
1540
|
+
* Set whether this node has an expanded parent.
|
|
1541
|
+
* @param hasExpandedParent - Whether the direct parent is expanded.
|
|
1542
|
+
*/
|
|
1543
|
+
setHasExpandedParent(hasExpandedParent: boolean): void;
|
|
1544
|
+
/**
|
|
1545
|
+
* Toggle the node expansion.
|
|
1546
|
+
*/
|
|
1547
|
+
toggleExtension(): void;
|
|
1548
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeNode, never>;
|
|
1549
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeNode, "b-tree-node", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "closeEmitter": "closeEmitter"; }, ["nestedTree"], ["*", "b-tree"], true, [{ directive: typeof i1$4.CdkDrag; inputs: { "cdkDragDisabled": "disabled"; }; outputs: {}; }]>;
|
|
1550
|
+
}
|
|
1551
|
+
|
|
1552
|
+
/**
|
|
1553
|
+
* Directive that registers and controls a dialog template instance.
|
|
1554
|
+
*
|
|
1555
|
+
* Registers itself in the {@link DialogManager} on init and exposes open/close APIs.
|
|
1556
|
+
*/
|
|
1557
|
+
declare class Dialog implements OnInit, OnDestroy {
|
|
1558
|
+
/**
|
|
1559
|
+
* Unique dialog identifier bound from the `bDialog` attribute.
|
|
1560
|
+
*/
|
|
1561
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
1562
|
+
/**
|
|
1563
|
+
* Whether the dialog renders a backdrop element.
|
|
1564
|
+
*
|
|
1565
|
+
* @defaultValue true
|
|
1566
|
+
*/
|
|
1567
|
+
readonly hasBackdrop: _angular_core.InputSignal<boolean>;
|
|
1568
|
+
/**
|
|
1569
|
+
* Closes the dialog when the user clicks on the backdrop.
|
|
1570
|
+
*
|
|
1571
|
+
* @defaultValue true
|
|
1572
|
+
*/
|
|
1573
|
+
readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
|
|
1574
|
+
/**
|
|
1575
|
+
* Closes the dialog when the Escape key is pressed while focused inside.
|
|
1576
|
+
*
|
|
1577
|
+
* @defaultValue true
|
|
1578
|
+
*/
|
|
1579
|
+
readonly closeOnEscapeKey: _angular_core.InputSignal<boolean>;
|
|
1580
|
+
/**
|
|
1581
|
+
* Restores focus to the previously focused element after the dialog closes.
|
|
1582
|
+
*
|
|
1583
|
+
* @defaultValue true
|
|
1584
|
+
*/
|
|
1585
|
+
readonly restoreFocus: _angular_core.InputSignal<boolean>;
|
|
1586
|
+
/**
|
|
1587
|
+
* Delay in milliseconds before the dialog is fully closed (useful for animations).
|
|
1588
|
+
*
|
|
1589
|
+
* @defaultValue 150
|
|
1590
|
+
*/
|
|
1591
|
+
readonly closeDelay: _angular_core.InputSignal<number>;
|
|
1592
|
+
/**
|
|
1593
|
+
* Computed dialog data passed to the service containing template and configuration.
|
|
1594
|
+
*/
|
|
1595
|
+
readonly data: _angular_core.Signal<DialogData>;
|
|
1596
|
+
/**
|
|
1597
|
+
* Delay in milliseconds before opening the dialog (for entrance timing / animations).
|
|
1598
|
+
*
|
|
1599
|
+
* @defaultValue 0
|
|
1600
|
+
*/
|
|
1601
|
+
readonly openDelay: _angular_core.InputSignal<number>;
|
|
1602
|
+
/**
|
|
1603
|
+
* Event emitted after the dialog has been programmatically or automatically closed.
|
|
1604
|
+
*/
|
|
1605
|
+
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
1606
|
+
/**
|
|
1607
|
+
* Reference to the dialog service handling registration and state.
|
|
1608
|
+
*/
|
|
1609
|
+
private readonly dialogManager;
|
|
1610
|
+
/**
|
|
1611
|
+
* Template reference representing the dialog content projected when opened.
|
|
1612
|
+
*/
|
|
1613
|
+
private readonly templateRef;
|
|
1614
|
+
/**
|
|
1615
|
+
* Lifecycle hook that registers the dialog with the dialog service.
|
|
1616
|
+
*/
|
|
1617
|
+
ngOnInit(): void;
|
|
1618
|
+
/**
|
|
1619
|
+
* Opens the dialog via the dialog service using its identifier.
|
|
1620
|
+
*/
|
|
1621
|
+
open(): void;
|
|
1622
|
+
/**
|
|
1623
|
+
* Closes the dialog and emits the `closed` output.
|
|
1624
|
+
*/
|
|
1625
|
+
close(): void;
|
|
1626
|
+
/**
|
|
1627
|
+
* Lifecycle hook that removes the dialog from the dialog service registry.
|
|
1628
|
+
*/
|
|
1629
|
+
ngOnDestroy(): void;
|
|
1630
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dialog, never>;
|
|
1631
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Dialog, "[bDialog]", ["bDialog"], { "id": { "alias": "bDialog"; "required": true; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscapeKey": { "alias": "closeOnEscapeKey"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
|
|
1632
|
+
}
|
|
1633
|
+
|
|
1634
|
+
/**
|
|
1635
|
+
* Pipe to translate keys using the TranslationManager service.
|
|
1636
|
+
*/
|
|
1637
|
+
declare class TranslatePipe implements PipeTransform {
|
|
1638
|
+
/** TranslationManager instance for handling translations */
|
|
1639
|
+
private translationManager;
|
|
1640
|
+
/** ChangeDetectorRef to trigger change detection on language change */
|
|
1641
|
+
private cdr;
|
|
1642
|
+
/** Last language used to detect changes */
|
|
1643
|
+
private lastLang;
|
|
1644
|
+
/**
|
|
1645
|
+
* Transforms a translation key into the corresponding translated string.
|
|
1646
|
+
* @param key - The translation key to be translated.
|
|
1647
|
+
* @returns The translated string.
|
|
1648
|
+
*/
|
|
1649
|
+
transform(key: string): string;
|
|
1650
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TranslatePipe, never>;
|
|
1651
|
+
static ɵpipe: _angular_core.ɵɵPipeDeclaration<TranslatePipe, "translate", true>;
|
|
1652
|
+
}
|
|
1653
|
+
|
|
1654
|
+
/**
|
|
1655
|
+
* Interface that defines the breakpoints for different device types
|
|
1656
|
+
*/
|
|
1657
|
+
interface DeviceBreakpoints {
|
|
1658
|
+
/** Maximum width for mobile devices in pixels */
|
|
1659
|
+
mobile: number;
|
|
1660
|
+
/** Maximum width for tablet devices in pixels */
|
|
1661
|
+
tablet: number;
|
|
1662
|
+
/** Maximum width for desktop devices in pixels */
|
|
1663
|
+
desktop: number;
|
|
1664
|
+
}
|
|
1665
|
+
/** Available device types */
|
|
1666
|
+
type DeviceType = 'mobile' | 'tablet' | 'desktop';
|
|
1667
|
+
/**
|
|
1668
|
+
* Service that handles responsive design functionality
|
|
1669
|
+
* Detects current device type based on window width and configurable breakpoints
|
|
1670
|
+
*/
|
|
1671
|
+
declare class ResponsiveManager {
|
|
1672
|
+
/** Signal that holds the breakpoint configuration */
|
|
1673
|
+
private readonly breakpoints;
|
|
1674
|
+
/** Signal that holds the current window width */
|
|
1675
|
+
private readonly windowWidth;
|
|
1676
|
+
/**
|
|
1677
|
+
* Computed signal that returns the current device type based on window width
|
|
1678
|
+
* @returns The current device type ('mobile', 'tablet', or 'desktop')
|
|
1679
|
+
*/
|
|
1680
|
+
readonly currentDevice: _angular_core.Signal<DeviceType>;
|
|
1681
|
+
constructor();
|
|
1682
|
+
/**
|
|
1683
|
+
* Initializes the window width signal with the current window inner width
|
|
1684
|
+
* Only called in browser environment
|
|
1685
|
+
*/
|
|
1686
|
+
private initializeWindowWidth;
|
|
1687
|
+
/**
|
|
1688
|
+
* Sets up the resize event listener to update window width
|
|
1689
|
+
* Only called in browser environment
|
|
1690
|
+
*/
|
|
1691
|
+
private setupResizeListener;
|
|
1692
|
+
/**
|
|
1693
|
+
* Updates the breakpoint configuration
|
|
1694
|
+
* @param newBreakpoints - Partial breakpoint configuration to update
|
|
1695
|
+
*/
|
|
1696
|
+
updateBreakpoints(newBreakpoints: Partial<DeviceBreakpoints>): void;
|
|
1697
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResponsiveManager, never>;
|
|
1698
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ResponsiveManager>;
|
|
1699
|
+
}
|
|
1700
|
+
|
|
1701
|
+
declare class ThemeManager {
|
|
1702
|
+
/**
|
|
1703
|
+
* Signal representing the current theme.
|
|
1704
|
+
*
|
|
1705
|
+
* Possible values:
|
|
1706
|
+
* - `'light'`: Light theme.
|
|
1707
|
+
* - `'dark'`: Dark theme.
|
|
1708
|
+
* - `'auto'`: Automatically determine the theme.
|
|
1709
|
+
*/
|
|
1710
|
+
readonly theme: _angular_core.WritableSignal<"light" | "dark" | "auto">;
|
|
1711
|
+
/**
|
|
1712
|
+
* Renderer2 instance for manipulating the DOM.
|
|
1713
|
+
* Used to set the `data-theme` attribute on the document root (`<html>`).
|
|
1714
|
+
*/
|
|
1715
|
+
private renderer;
|
|
1716
|
+
/**
|
|
1717
|
+
* RendererFactory2 instance for creating Renderer2 instances.
|
|
1718
|
+
* Injected to create the renderer.
|
|
1719
|
+
*/
|
|
1720
|
+
private rendererFactory;
|
|
1721
|
+
/**
|
|
1722
|
+
* PLATFORM_ID token to identify the platform.
|
|
1723
|
+
*/
|
|
1724
|
+
private platformId;
|
|
1725
|
+
/**
|
|
1726
|
+
* Flag indicating whether the application is running in a browser.
|
|
1727
|
+
*/
|
|
1728
|
+
private isBrowser;
|
|
1729
|
+
constructor();
|
|
1730
|
+
/**
|
|
1731
|
+
* Applies the specified theme to the document root (`<html>`).
|
|
1732
|
+
*
|
|
1733
|
+
* @param theme - The theme to apply. Possible values:
|
|
1734
|
+
* - `'light'`: Apply the light theme.
|
|
1735
|
+
* - `'dark'`: Apply the dark theme.
|
|
1736
|
+
* - `'auto'`: Remove the theme attribute and let the system decide.
|
|
1737
|
+
*/
|
|
1738
|
+
applyTheme(theme: 'light' | 'dark' | 'auto'): void;
|
|
1739
|
+
/**
|
|
1740
|
+
* Toggles the theme between `'light'` and `'dark'`.
|
|
1741
|
+
* If the current theme is `'light'`, it switches to `'dark'`, and vice versa.
|
|
1742
|
+
*/
|
|
1743
|
+
toggleTheme(): void;
|
|
1744
|
+
/**
|
|
1745
|
+
* Removes the `data-theme` attribute from the document body.
|
|
1746
|
+
* This is used when the theme is set to `'auto'`.
|
|
1747
|
+
*/
|
|
1748
|
+
removeTheme(): void;
|
|
1749
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeManager, never>;
|
|
1750
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeManager>;
|
|
1751
|
+
}
|
|
1752
|
+
|
|
1753
|
+
/**
|
|
1754
|
+
* Dictionary type for translations.
|
|
1755
|
+
* Maps language codes to key-value pairs of translation strings.
|
|
1756
|
+
*/
|
|
1757
|
+
type TranslationDictionary = Record<string, Record<string, string>>;
|
|
1758
|
+
/**
|
|
1759
|
+
* Service for managing translations and language switching.
|
|
1760
|
+
*
|
|
1761
|
+
* @remarks
|
|
1762
|
+
* - Loads language files via HTTP.
|
|
1763
|
+
* - Provides reactive signals for language and dictionary.
|
|
1764
|
+
* - Use `translate(key)` to get the translated string for the current language.
|
|
1765
|
+
*
|
|
1766
|
+
* @example
|
|
1767
|
+
* ```typescript
|
|
1768
|
+
* translationManager.setLanguage('es');
|
|
1769
|
+
* translationManager.translate('home.title');
|
|
1770
|
+
* ```
|
|
1771
|
+
*/
|
|
1772
|
+
declare class TranslationManager {
|
|
1773
|
+
/** Current language code. */
|
|
1774
|
+
private readonly _language;
|
|
1775
|
+
/** Dictionary of translations. */
|
|
1776
|
+
private readonly _dictionary;
|
|
1777
|
+
/** Reactive signal for current language. */
|
|
1778
|
+
readonly language: _angular_core.Signal<string>;
|
|
1779
|
+
/** Reactive signal for current dictionary. */
|
|
1780
|
+
readonly dictionary: _angular_core.Signal<TranslationDictionary>;
|
|
1781
|
+
/** HttpClient for loading language files. */
|
|
1782
|
+
private http;
|
|
1783
|
+
/**
|
|
1784
|
+
* Sets the current language and loads its dictionary.
|
|
1785
|
+
* @param lang - Language code (e.g., 'en', 'es').
|
|
1786
|
+
*/
|
|
1787
|
+
setLanguage(lang: string): void;
|
|
1788
|
+
/**
|
|
1789
|
+
* Sets the translation dictionary directly.
|
|
1790
|
+
* @param dict - Translation dictionary object.
|
|
1791
|
+
*/
|
|
1792
|
+
setDictionary(dict: TranslationDictionary): void;
|
|
1793
|
+
/**
|
|
1794
|
+
* Translates a key using the current language.
|
|
1795
|
+
* @param key - Dot-separated translation key (e.g., 'home.title').
|
|
1796
|
+
* @returns Translated string or the key if not found.
|
|
1797
|
+
*/
|
|
1798
|
+
translate(key: string): string;
|
|
1799
|
+
/**
|
|
1800
|
+
* Resolves a dot-separated key in an object.
|
|
1801
|
+
* @param obj - Object to resolve key in.
|
|
1802
|
+
* @param key - Dot-separated key string.
|
|
1803
|
+
* @returns Value or undefined if not found.
|
|
1804
|
+
*/
|
|
1805
|
+
private resolveKey;
|
|
1806
|
+
/**
|
|
1807
|
+
* Loads a language file via HTTP and updates the dictionary.
|
|
1808
|
+
* @param lang - Language code to load.
|
|
1809
|
+
*/
|
|
1810
|
+
loadLanguage(lang: string): void;
|
|
1811
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TranslationManager, never>;
|
|
1812
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<TranslationManager>;
|
|
1813
|
+
}
|
|
1814
|
+
|
|
1815
|
+
/**
|
|
1816
|
+
* Utility service for common operations.
|
|
1817
|
+
*/
|
|
1818
|
+
declare class Utils {
|
|
1819
|
+
private debounceTimers;
|
|
1820
|
+
/**
|
|
1821
|
+
* Executes a function after a delay, canceling any previous calls with the same key.
|
|
1822
|
+
*
|
|
1823
|
+
* @param key - Unique key to identify the debounce timer.
|
|
1824
|
+
* @param func - The function to debounce.
|
|
1825
|
+
* @param delay - The delay in milliseconds before executing the function.
|
|
1826
|
+
*/
|
|
1827
|
+
debounce(key: string, func: () => void, delay: number): void;
|
|
1828
|
+
/**
|
|
1829
|
+
* Cancels the debounce timer for a specific key.
|
|
1830
|
+
*
|
|
1831
|
+
* @param key - Unique key to identify the debounce timer.
|
|
1832
|
+
*/
|
|
1833
|
+
stopDebounce(key: string): void;
|
|
1834
|
+
/**
|
|
1835
|
+
* Generates a simple UUID.
|
|
1836
|
+
*
|
|
1837
|
+
* @returns A string representing a UUID.
|
|
1838
|
+
*/
|
|
1839
|
+
generateUUID(): string;
|
|
1840
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Utils, never>;
|
|
1841
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<Utils>;
|
|
1842
|
+
}
|
|
1843
|
+
|
|
1844
|
+
type Alignment = 'left' | 'center' | 'right' | 'top' | 'bottom';
|
|
1845
|
+
|
|
1846
|
+
export { Alert, Backdrop, Badge, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CommandComponent, CommandOptionsComponent, ConnectedOverlay, Dialog, DialogContent, DialogManager, Drawer, Input, InputGroup, Menu, MenuGroup, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuLabel, MenuTriggerDirective, Option, Otp, OtpDigitDirective, Overlay, OverlayOrigin, OverlayTrigger, Popover, PopoverTrigger, Range, ResponsiveManager, Select, SelectContent, SelectFilter, SelectTrigger, SelectValue, Skeleton, Spinner, SwitchComponent, Tab, Tabs, Textarea, TextareaGroup, ThemeManager, Tooltip, TooltipContent, TooltipTrigger, TranslatePipe, TranslationManager, Tree, TreeNode, Utils };
|
|
1847
|
+
export type { Alignment, DeviceBreakpoints, DeviceType, DialogConfig, DialogData, Direction, Position, TranslationDictionary };
|