@arsedizioni/ars-utils 22.1.5 → 22.5.2
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/README.md +158 -10
- package/clipper.ui/clipper.scss +564 -0
- package/fesm2022/arsedizioni-ars-utils-clipper.common.mjs +1 -1
- package/fesm2022/arsedizioni-ars-utils-clipper.common.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-clipper.ui.mjs +11 -7
- package/fesm2022/arsedizioni-ars-utils-clipper.ui.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-core.date.mjs +609 -0
- package/fesm2022/arsedizioni-ars-utils-core.date.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-core.markdown.mjs +591 -0
- package/fesm2022/arsedizioni-ars-utils-core.markdown.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-core.mjs +270 -1449
- package/fesm2022/arsedizioni-ars-utils-core.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-evolution.common.mjs +1 -1
- package/fesm2022/arsedizioni-ars-utils-evolution.common.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-support.common.mjs +1 -1
- package/fesm2022/arsedizioni-ars-utils-support.common.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-ui.application.mjs +14 -4108
- package/fesm2022/arsedizioni-ars-utils-ui.application.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-ui.controls.mjs +962 -0
- package/fesm2022/arsedizioni-ars-utils-ui.controls.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.dialogs.auth.mjs +506 -0
- package/fesm2022/arsedizioni-ars-utils-ui.dialogs.auth.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.dialogs.mjs +450 -0
- package/fesm2022/arsedizioni-ars-utils-ui.dialogs.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.dialogs.prompt.mjs +184 -0
- package/fesm2022/arsedizioni-ars-utils-ui.dialogs.prompt.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.dialogs.select.mjs +825 -0
- package/fesm2022/arsedizioni-ars-utils-ui.dialogs.select.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.files.mjs +708 -0
- package/fesm2022/arsedizioni-ars-utils-ui.files.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.filters.mjs +426 -0
- package/fesm2022/arsedizioni-ars-utils-ui.filters.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.help.mjs +531 -0
- package/fesm2022/arsedizioni-ars-utils-ui.help.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.mjs +54 -1227
- package/fesm2022/arsedizioni-ars-utils-ui.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-ui.navigation.mjs +1049 -0
- package/fesm2022/arsedizioni-ars-utils-ui.navigation.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.notifications.mjs +263 -0
- package/fesm2022/arsedizioni-ars-utils-ui.notifications.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.oauth.mjs +4 -3
- package/fesm2022/arsedizioni-ars-utils-ui.oauth.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-ui.paginator.mjs +53 -0
- package/fesm2022/arsedizioni-ars-utils-ui.paginator.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.shell.mjs +517 -0
- package/fesm2022/arsedizioni-ars-utils-ui.shell.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils-ui.tinymce.mjs +246 -0
- package/fesm2022/arsedizioni-ars-utils-ui.tinymce.mjs.map +1 -0
- package/fesm2022/arsedizioni-ars-utils.mjs +13 -12
- package/fesm2022/arsedizioni-ars-utils.mjs.map +1 -1
- package/help/package.json +4 -0
- package/package.json +80 -14
- package/styles/ui.colors.scss +23 -0
- package/support.ui/package.json +4 -0
- package/tinymce/package.json +4 -0
- package/types/arsedizioni-ars-utils-clipper.common.d.ts +1 -2
- package/types/arsedizioni-ars-utils-clipper.ui.d.ts +4 -1
- package/types/arsedizioni-ars-utils-core.d.ts +684 -1004
- package/types/arsedizioni-ars-utils-core.date.d.ts +304 -0
- package/types/arsedizioni-ars-utils-core.markdown.d.ts +159 -0
- package/types/arsedizioni-ars-utils-ui.application.d.ts +10 -2022
- package/types/arsedizioni-ars-utils-ui.controls.d.ts +413 -0
- package/types/arsedizioni-ars-utils-ui.d.ts +183 -566
- package/types/arsedizioni-ars-utils-ui.dialogs.auth.d.ts +224 -0
- package/types/arsedizioni-ars-utils-ui.dialogs.d.ts +228 -0
- package/types/arsedizioni-ars-utils-ui.dialogs.prompt.d.ts +47 -0
- package/types/arsedizioni-ars-utils-ui.dialogs.select.d.ts +309 -0
- package/types/arsedizioni-ars-utils-ui.files.d.ts +271 -0
- package/types/arsedizioni-ars-utils-ui.filters.d.ts +163 -0
- package/types/arsedizioni-ars-utils-ui.help.d.ts +220 -0
- package/types/arsedizioni-ars-utils-ui.navigation.d.ts +650 -0
- package/types/arsedizioni-ars-utils-ui.notifications.d.ts +73 -0
- package/types/arsedizioni-ars-utils-ui.paginator.d.ts +23 -0
- package/types/arsedizioni-ars-utils-ui.shell.d.ts +345 -0
- package/types/arsedizioni-ars-utils-ui.tinymce.d.ts +63 -0
- package/types/arsedizioni-ars-utils.d.ts +4 -10
- package/ui.tinymce/README.md +12 -0
- package/ui.tinymce/langs/it.js +466 -0
|
@@ -1,737 +1,11 @@
|
|
|
1
|
-
import { INode, Searchable, SearchBag, NameValueItem, DateInterval, SearchFilterMetadata, FileInfo } from '@arsedizioni/ars-utils/core';
|
|
2
|
-
import { MatFormFieldAppearance, MatFormFieldControl } from '@angular/material/form-field';
|
|
3
|
-
import * as _angular_core from '@angular/core';
|
|
4
|
-
import { OnDestroy, DoCheck, ElementRef } from '@angular/core';
|
|
5
1
|
import { MatDialogRef } from '@angular/material/dialog';
|
|
6
|
-
import { DialogService
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import
|
|
13
|
-
import { MatPaginator, PageEvent } from '@angular/material/paginator';
|
|
14
|
-
import { ConnectedPosition } from '@angular/cdk/overlay';
|
|
15
|
-
import { TooltipPosition } from '@angular/material/tooltip';
|
|
16
|
-
import { ActivatedRoute } from '@angular/router';
|
|
17
|
-
|
|
18
|
-
interface SendToDialogData {
|
|
19
|
-
count: number;
|
|
20
|
-
canPopulate?: boolean;
|
|
21
|
-
title?: string;
|
|
22
|
-
text?: string;
|
|
23
|
-
subject?: string;
|
|
24
|
-
info?: string;
|
|
25
|
-
appearance?: MatFormFieldAppearance;
|
|
26
|
-
options?: any;
|
|
27
|
-
}
|
|
28
|
-
declare class SendToDialogComponent {
|
|
29
|
-
/** Emitted when the user confirms and sends the message. */
|
|
30
|
-
readonly done: _angular_core.OutputEmitterRef<SendToDialogResult>;
|
|
31
|
-
/** Emitted when the user requests to populate the recipient list. */
|
|
32
|
-
readonly populate: _angular_core.OutputEmitterRef<SendToPopulateData>;
|
|
33
|
-
private readonly cdr;
|
|
34
|
-
/** Dialog configuration, injected and exposed as a signal. */
|
|
35
|
-
protected readonly dialogData: _angular_core.WritableSignal<SendToDialogData>;
|
|
36
|
-
/** Form model for the send-to form fields. */
|
|
37
|
-
protected item: SendToDialogResult;
|
|
38
|
-
/**
|
|
39
|
-
* Confirm the form and emit the result.
|
|
40
|
-
*/
|
|
41
|
-
protected ok(): void;
|
|
42
|
-
/**
|
|
43
|
-
* Request the host to populate the recipient list.
|
|
44
|
-
* Only emits if `canPopulate` is enabled in the dialog data.
|
|
45
|
-
*/
|
|
46
|
-
protected populateRecipients(): void;
|
|
47
|
-
/**
|
|
48
|
-
* Update the recipient list from an external caller.
|
|
49
|
-
* @param recipients - The new recipients string (semicolon-separated).
|
|
50
|
-
*/
|
|
51
|
-
updateRecipients(recipients: string): void;
|
|
52
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SendToDialogComponent, never>;
|
|
53
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SendToDialogComponent, "ng-component", never, {}, { "done": "done"; "populate": "populate"; }, never, never, true, never>;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
interface SelectDialogResult {
|
|
57
|
-
selectedItems: SelectableItem[];
|
|
58
|
-
}
|
|
59
|
-
interface SelectTreeDialogResult {
|
|
60
|
-
selectedItems: ItemNode[];
|
|
61
|
-
}
|
|
62
|
-
interface SelectDialogLookup {
|
|
63
|
-
items: SelectableItem[];
|
|
64
|
-
filter?: string;
|
|
65
|
-
params?: any;
|
|
66
|
-
owner?: any;
|
|
67
|
-
}
|
|
68
|
-
interface SelectDialogFilter {
|
|
69
|
-
items?: SelectableItem[];
|
|
70
|
-
filter?: string;
|
|
71
|
-
filterOption?: SelectableFilter;
|
|
72
|
-
owner?: any;
|
|
73
|
-
}
|
|
74
|
-
interface SelectDialogAppend {
|
|
75
|
-
items: SelectableItem[];
|
|
76
|
-
owner?: any;
|
|
77
|
-
}
|
|
78
|
-
interface SelectDialogEdit extends SelectDialogAppend {
|
|
79
|
-
item: SelectableItem;
|
|
80
|
-
}
|
|
81
|
-
interface SelectDialogDelete {
|
|
82
|
-
items: SelectableItem[];
|
|
83
|
-
selectedItems: SelectableItem[];
|
|
84
|
-
owner?: any;
|
|
85
|
-
}
|
|
86
|
-
interface SelectFileOption {
|
|
87
|
-
description: string;
|
|
88
|
-
value: boolean;
|
|
89
|
-
}
|
|
90
|
-
interface SelectFile {
|
|
91
|
-
file: File;
|
|
92
|
-
options?: SelectFileOption[];
|
|
93
|
-
}
|
|
94
|
-
interface SelectableFilter {
|
|
95
|
-
divider?: boolean;
|
|
96
|
-
description?: string;
|
|
97
|
-
group?: number;
|
|
98
|
-
groupName?: string;
|
|
99
|
-
radio?: boolean;
|
|
100
|
-
checked?: boolean;
|
|
101
|
-
value?: any;
|
|
102
|
-
icon?: string;
|
|
103
|
-
title?: string;
|
|
104
|
-
}
|
|
105
|
-
interface SelectDialogData {
|
|
106
|
-
title: string;
|
|
107
|
-
description?: string;
|
|
108
|
-
okCaption?: string;
|
|
109
|
-
maxItems?: number;
|
|
110
|
-
multipleSelection?: boolean;
|
|
111
|
-
mustSelect?: boolean;
|
|
112
|
-
width?: number;
|
|
113
|
-
filter?: string;
|
|
114
|
-
filters?: SelectableFilter[];
|
|
115
|
-
items?: SelectableItem[];
|
|
116
|
-
lookupFields?: NameValueItem<string>[];
|
|
117
|
-
lookupOnInit?: boolean;
|
|
118
|
-
emptyMessage?: string;
|
|
119
|
-
canLookupWithOptions?: boolean;
|
|
120
|
-
canLookupWithInlineOptions?: boolean;
|
|
121
|
-
canLookup?: boolean;
|
|
122
|
-
canDelete?: boolean;
|
|
123
|
-
canAppend?: boolean;
|
|
124
|
-
canEdit?: boolean;
|
|
125
|
-
canView?: boolean;
|
|
126
|
-
canFilter?: boolean;
|
|
127
|
-
canPaginate?: boolean;
|
|
128
|
-
pageSize?: number;
|
|
129
|
-
appearance?: MatFormFieldAppearance;
|
|
130
|
-
header?: string;
|
|
131
|
-
searchLabel?: string;
|
|
132
|
-
searchButtonLabel?: string;
|
|
133
|
-
}
|
|
134
|
-
interface SelectTreeDialogData {
|
|
135
|
-
title: string;
|
|
136
|
-
description?: string;
|
|
137
|
-
okCaption?: string;
|
|
138
|
-
nodes?: ItemNode[];
|
|
139
|
-
initialFilter?: string;
|
|
140
|
-
appearance?: MatFormFieldAppearance;
|
|
141
|
-
owner?: any;
|
|
142
|
-
canAppend?: boolean;
|
|
143
|
-
}
|
|
144
|
-
interface SelectFileDialogData {
|
|
145
|
-
title: string;
|
|
146
|
-
description?: string;
|
|
147
|
-
okCaption?: string;
|
|
148
|
-
helpLink?: string;
|
|
149
|
-
helpCaption?: string;
|
|
150
|
-
maxSize?: number;
|
|
151
|
-
options?: any;
|
|
152
|
-
owner?: any;
|
|
153
|
-
accept?: string;
|
|
154
|
-
appearance?: MatFormFieldAppearance;
|
|
155
|
-
}
|
|
156
|
-
interface SelectPictureFileDialogData extends SelectFileDialogData {
|
|
157
|
-
maxWidth?: number;
|
|
158
|
-
maxHeight?: number;
|
|
159
|
-
}
|
|
160
|
-
interface ISelectableItem extends Searchable {
|
|
161
|
-
bag: any;
|
|
162
|
-
template: string;
|
|
163
|
-
}
|
|
164
|
-
declare class SelectableItem implements ISelectableItem {
|
|
165
|
-
bag: any;
|
|
166
|
-
template: string;
|
|
167
|
-
/** Searchable index bag. */
|
|
168
|
-
searchBag: SearchBag;
|
|
169
|
-
}
|
|
170
|
-
declare class ItemNode implements INode {
|
|
171
|
-
id: string;
|
|
172
|
-
name: string;
|
|
173
|
-
count?: number;
|
|
174
|
-
parent?: INode;
|
|
175
|
-
children?: INode[];
|
|
176
|
-
bag?: any;
|
|
177
|
-
}
|
|
178
|
-
declare class SelectableNode extends ItemNode implements Searchable {
|
|
179
|
-
expandable: boolean;
|
|
180
|
-
level: number;
|
|
181
|
-
/** Searchable index bag. */
|
|
182
|
-
searchBag: SearchBag;
|
|
183
|
-
/**
|
|
184
|
-
* Create a flattened tree node from a source ItemNode.
|
|
185
|
-
* @param item - The source tree node.
|
|
186
|
-
* @param level - The depth level of this node in the tree.
|
|
187
|
-
*/
|
|
188
|
-
constructor(item: ItemNode, level: number);
|
|
189
|
-
}
|
|
190
|
-
interface SendToPopulateData {
|
|
191
|
-
item: SendToDialogResult;
|
|
192
|
-
source: SendToDialogComponent;
|
|
193
|
-
}
|
|
194
|
-
interface SendToDialogResult {
|
|
195
|
-
recipients?: string;
|
|
196
|
-
subject?: string;
|
|
197
|
-
text?: string;
|
|
198
|
-
options?: any;
|
|
199
|
-
}
|
|
200
|
-
interface PromptDialogResult {
|
|
201
|
-
value?: string;
|
|
202
|
-
type?: PromptDialogType;
|
|
203
|
-
options?: any;
|
|
204
|
-
}
|
|
205
|
-
interface PromptDateDialogResult {
|
|
206
|
-
value?: Date | DateInterval;
|
|
207
|
-
type?: PromptDialogType;
|
|
208
|
-
options?: any;
|
|
209
|
-
}
|
|
210
|
-
interface PromptOtpDialogResult {
|
|
211
|
-
value?: string;
|
|
212
|
-
}
|
|
213
|
-
declare enum PromptDialogType {
|
|
214
|
-
Default = 0,
|
|
215
|
-
Date = 1,
|
|
216
|
-
Number = 2,
|
|
217
|
-
Text = 3,
|
|
218
|
-
DateInterval = 4,
|
|
219
|
-
List = 5,
|
|
220
|
-
Time = 6
|
|
221
|
-
}
|
|
222
|
-
interface PromptDialogData {
|
|
223
|
-
title: string;
|
|
224
|
-
type: PromptDialogType;
|
|
225
|
-
description?: string;
|
|
226
|
-
okCaption?: string;
|
|
227
|
-
cancelCaption?: string;
|
|
228
|
-
initialValue?: any;
|
|
229
|
-
minValue?: number;
|
|
230
|
-
maxValue?: number;
|
|
231
|
-
required?: boolean;
|
|
232
|
-
appearance?: MatFormFieldAppearance;
|
|
233
|
-
options?: any;
|
|
234
|
-
}
|
|
235
|
-
interface PromptTimeDialogData extends PromptDialogData {
|
|
236
|
-
slots?: string;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
/** Constants identifying each filter group slot and text filter channels. */
|
|
240
|
-
declare const Filters: {
|
|
241
|
-
FLT_1: number;
|
|
242
|
-
FLT_2: number;
|
|
243
|
-
FLT_3: number;
|
|
244
|
-
FLT_4: number;
|
|
245
|
-
FLT_5: number;
|
|
246
|
-
FLT_TEXT: number;
|
|
247
|
-
FLT_TEXT_1: number;
|
|
248
|
-
FLT_TEXT_2: number;
|
|
249
|
-
FLT_TEXT_3: number;
|
|
250
|
-
};
|
|
251
|
-
/** Describes a top-level filter group with optional items or a custom action. */
|
|
252
|
-
interface FilterGroup {
|
|
253
|
-
group?: number;
|
|
254
|
-
title?: string;
|
|
255
|
-
tooltip?: string;
|
|
256
|
-
items?: FilterItem[];
|
|
257
|
-
action?: any;
|
|
258
|
-
}
|
|
259
|
-
/** A single selectable entry within a FilterGroup. */
|
|
260
|
-
interface FilterItem {
|
|
261
|
-
group?: number;
|
|
262
|
-
title?: string;
|
|
263
|
-
titleSelected?: string;
|
|
264
|
-
description?: string;
|
|
265
|
-
divider?: boolean;
|
|
266
|
-
value?: any;
|
|
267
|
-
}
|
|
268
|
-
/** Event payload emitted when an active filter changes. */
|
|
269
|
-
declare class CurrentFilterChanged {
|
|
270
|
-
/** The updated filter state. */
|
|
271
|
-
filter: CurrentFilter;
|
|
272
|
-
/** The group slot that changed (see Filters constants). */
|
|
273
|
-
group: number;
|
|
274
|
-
}
|
|
275
|
-
/** Holds the current state of all active filters for a filter-bar component. */
|
|
276
|
-
declare class CurrentFilter {
|
|
277
|
-
flt1?: any;
|
|
278
|
-
flt1Name?: string;
|
|
279
|
-
flt2?: any;
|
|
280
|
-
flt2Name?: string;
|
|
281
|
-
flt3?: any;
|
|
282
|
-
flt3Name?: string;
|
|
283
|
-
flt4?: any;
|
|
284
|
-
flt4Name?: string;
|
|
285
|
-
flt5?: any;
|
|
286
|
-
flt5Name?: string;
|
|
287
|
-
text?: string;
|
|
288
|
-
text2?: string;
|
|
289
|
-
text3?: string;
|
|
290
|
-
/**
|
|
291
|
-
* Returns true if any filter slot or text field is currently active.
|
|
292
|
-
* @returns Whether at least one filter is applied.
|
|
293
|
-
*/
|
|
294
|
-
filtered(): boolean;
|
|
295
|
-
}
|
|
296
|
-
/** Holds the selected value and display state for a single typed filter slot. */
|
|
297
|
-
declare class CurrentFilterItem<T> {
|
|
298
|
-
items?: any[];
|
|
299
|
-
value?: T;
|
|
300
|
-
enabled?: boolean;
|
|
301
|
-
title?: string;
|
|
302
|
-
selectedTitle?: string;
|
|
303
|
-
/**
|
|
304
|
-
* Reset the filter to its empty state.
|
|
305
|
-
*/
|
|
306
|
-
clear(): void;
|
|
307
|
-
}
|
|
308
|
-
|
|
309
|
-
declare class TreeDataSource implements OnDestroy {
|
|
310
|
-
private readonly _dataChange;
|
|
311
|
-
readonly dataChange$: rxjs.Observable<ItemNode[]>;
|
|
312
|
-
get data(): ItemNode[];
|
|
313
|
-
ngOnDestroy(): void;
|
|
314
|
-
initialize(data: ItemNode[]): void;
|
|
315
|
-
/**
|
|
316
|
-
* Find a node by id recursively.
|
|
317
|
-
* @param node - The source node to search from, or null to search from root.
|
|
318
|
-
* @param id - The id to search for.
|
|
319
|
-
* @returns The matching node, or undefined if not found.
|
|
320
|
-
*/
|
|
321
|
-
findNode(node: ItemNode | null, id: string): ItemNode | undefined;
|
|
322
|
-
/**
|
|
323
|
-
* Remove a node from the tree.
|
|
324
|
-
* @param id - The id of the node to remove.
|
|
325
|
-
*/
|
|
326
|
-
removeNode(id: string): void;
|
|
327
|
-
/**
|
|
328
|
-
* Insert a new node at the top of its parent (or root).
|
|
329
|
-
* @param node - The new node to insert.
|
|
330
|
-
*/
|
|
331
|
-
insertNode(node: ItemNode): void;
|
|
332
|
-
/**
|
|
333
|
-
* Rename a node in the tree.
|
|
334
|
-
* @param id - The id of the node to rename.
|
|
335
|
-
* @param name - The new name for the node.
|
|
336
|
-
* @returns The renamed node, or undefined if not found.
|
|
337
|
-
*/
|
|
338
|
-
renameNode(id: string, name: string): ItemNode | undefined;
|
|
339
|
-
/**
|
|
340
|
-
* Notify all subscribers of the current data state.
|
|
341
|
-
*/
|
|
342
|
-
update(): void;
|
|
343
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeDataSource, never>;
|
|
344
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<TreeDataSource>;
|
|
345
|
-
}
|
|
346
|
-
interface SelectTreeDialogAppend {
|
|
347
|
-
parent?: ItemNode;
|
|
348
|
-
owner?: any;
|
|
349
|
-
}
|
|
350
|
-
declare class SelectTreeDialogComponent {
|
|
351
|
-
/** Emitted when the user confirms a selection. */
|
|
352
|
-
readonly done: _angular_core.OutputEmitterRef<SelectTreeDialogResult>;
|
|
353
|
-
/** Emitted when the user requests to append a new node. */
|
|
354
|
-
readonly append: _angular_core.OutputEmitterRef<SelectTreeDialogAppend>;
|
|
355
|
-
private readonly destroyRef;
|
|
356
|
-
private readonly dialogRef;
|
|
357
|
-
/** Dialog configuration, injected and exposed as a signal. */
|
|
358
|
-
protected readonly dialogData: _angular_core.WritableSignal<SelectTreeDialogData>;
|
|
359
|
-
private readonly tree;
|
|
360
|
-
private readonly _elRef;
|
|
361
|
-
/** Reference to the Material tree component. */
|
|
362
|
-
protected readonly matTree: _angular_core.Signal<MatTree<ItemNode, ItemNode>>;
|
|
363
|
-
/** Provides children of a tree node to the tree component. */
|
|
364
|
-
protected readonly childrenAccessor: (node: ItemNode) => ItemNode[];
|
|
365
|
-
/** Root nodes used as the tree data source. */
|
|
366
|
-
protected readonly treeNodes: _angular_core.WritableSignal<ItemNode[]>;
|
|
367
|
-
/** Currently selected tree node. */
|
|
368
|
-
protected readonly currentNode: _angular_core.WritableSignal<ItemNode>;
|
|
369
|
-
/** Current filter text. */
|
|
370
|
-
protected readonly filterText: _angular_core.WritableSignal<string>;
|
|
371
|
-
/** Nodes matching the current filter text. */
|
|
372
|
-
protected readonly filteredItems: _angular_core.WritableSignal<ItemNode[]>;
|
|
373
|
-
/** Index of the currently highlighted filtered node (-1 = none). */
|
|
374
|
-
protected readonly filterIndex: _angular_core.WritableSignal<number>;
|
|
375
|
-
/** The currently highlighted filtered node, or null. */
|
|
376
|
-
protected readonly filteredNode: _angular_core.Signal<ItemNode>;
|
|
377
|
-
protected readonly canAppend: _angular_core.WritableSignal<boolean>;
|
|
378
|
-
/** Flat node map rebuilt whenever treeNodes changes. */
|
|
379
|
-
private readonly _nodeMap;
|
|
380
|
-
protected hasChild: (_: number, node: ItemNode) => boolean;
|
|
381
|
-
constructor();
|
|
382
|
-
/**
|
|
383
|
-
* Confirm the current selection and close the dialog.
|
|
384
|
-
*/
|
|
385
|
-
protected ok(): void;
|
|
386
|
-
/**
|
|
387
|
-
* Toggle selection of a tree node. Clicking the already-selected node deselects it.
|
|
388
|
-
* @param e - The mouse event (propagation is stopped).
|
|
389
|
-
* @param node - The node that was clicked.
|
|
390
|
-
*/
|
|
391
|
-
protected select(e: MouseEvent, node: ItemNode): void;
|
|
392
|
-
/**
|
|
393
|
-
* Clear the active filter text.
|
|
394
|
-
*/
|
|
395
|
-
protected clearFilter(): void;
|
|
396
|
-
/**
|
|
397
|
-
* Filter the tree nodes by name (minimum 3 characters).
|
|
398
|
-
*/
|
|
399
|
-
protected doFilter(): void;
|
|
400
|
-
/**
|
|
401
|
-
* Advance to the next matching filtered node and scroll it into view.
|
|
402
|
-
*/
|
|
403
|
-
protected nextFiltered(): void;
|
|
404
|
-
/**
|
|
405
|
-
* Returns true when the node is the currently highlighted filter match.
|
|
406
|
-
* @param node - tree node to check.
|
|
407
|
-
*/
|
|
408
|
-
protected isFilteredNode(node: ItemNode): boolean;
|
|
409
|
-
/**
|
|
410
|
-
* Expands ancestors of the target node and scrolls it into view.
|
|
411
|
-
* @param index - index within `items` to scroll to.
|
|
412
|
-
* @param items - current filtered items array.
|
|
413
|
-
*/
|
|
414
|
-
private _scrollToFiltered;
|
|
415
|
-
/**
|
|
416
|
-
* Expand a node and all of its parent nodes.
|
|
417
|
-
* @param node - The node to expand.
|
|
418
|
-
* @returns Always false.
|
|
419
|
-
*/
|
|
420
|
-
expand(node: ItemNode): boolean;
|
|
421
|
-
/**
|
|
422
|
-
* Recursively find a node by id.
|
|
423
|
-
* @param nodes - Nodes to search.
|
|
424
|
-
* @param id - The id to find.
|
|
425
|
-
*/
|
|
426
|
-
private findInTree;
|
|
427
|
-
/**
|
|
428
|
-
* Append a new node to the tree.
|
|
429
|
-
* @param node - The node to insert.
|
|
430
|
-
*/
|
|
431
|
-
appendNode(node: ItemNode): void;
|
|
432
|
-
/**
|
|
433
|
-
* Collapse all tree nodes and reset the current selection.
|
|
434
|
-
*/
|
|
435
|
-
protected collapseAll(): void;
|
|
436
|
-
/**
|
|
437
|
-
* Expand all tree nodes and scroll to the selected node, if any.
|
|
438
|
-
*/
|
|
439
|
-
protected expandAll(): void;
|
|
440
|
-
/**
|
|
441
|
-
* Emit an append request with the currently selected node as the parent.
|
|
442
|
-
*/
|
|
443
|
-
protected doAppend(): void;
|
|
444
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectTreeDialogComponent, never>;
|
|
445
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectTreeDialogComponent, "ng-component", never, {}, { "done": "done"; "append": "append"; }, never, never, true, never>;
|
|
446
|
-
}
|
|
447
|
-
|
|
448
|
-
declare class SelectPictureDialogComponent {
|
|
449
|
-
readonly done: _angular_core.OutputEmitterRef<SelectFile>;
|
|
450
|
-
private readonly dialogService;
|
|
451
|
-
private readonly dialogRef;
|
|
452
|
-
protected readonly dialogData: _angular_core.WritableSignal<SelectPictureFileDialogData>;
|
|
453
|
-
protected readonly file: _angular_core.WritableSignal<File>;
|
|
454
|
-
protected fileClass: _angular_core.WritableSignal<"selectpicture-file" | "selectpicture-file-drop">;
|
|
455
|
-
protected pictureWidth: _angular_core.WritableSignal<number>;
|
|
456
|
-
protected pictureHeight: _angular_core.WritableSignal<number>;
|
|
457
|
-
protected picturePreview: _angular_core.WritableSignal<any>;
|
|
458
|
-
/**
|
|
459
|
-
* Handles the native file input change event and delegates to `selectFile`.
|
|
460
|
-
* @param e - The DOM change event from the file input.
|
|
461
|
-
*/
|
|
462
|
-
protected update(e: Event): void;
|
|
463
|
-
/**
|
|
464
|
-
* Validates the file size and type, then reads it as a data URL to generate a preview.
|
|
465
|
-
* @param file - The `File` object to validate and preview.
|
|
466
|
-
*/
|
|
467
|
-
private selectFile;
|
|
468
|
-
/**
|
|
469
|
-
* Formats a byte count into a human-readable size string.
|
|
470
|
-
* @param size - File size in bytes.
|
|
471
|
-
* @returns A formatted size string (e.g. "1.2 MB").
|
|
472
|
-
*/
|
|
473
|
-
protected size(size: number): string;
|
|
474
|
-
/** Emits the selected file and options, then closes the dialog. */
|
|
475
|
-
protected ok(): void;
|
|
476
|
-
/** Highlights the drop zone when a dragged item is over it.
|
|
477
|
-
* @param e - The drag event.
|
|
478
|
-
*/
|
|
479
|
-
protected onDragOver(e: DragEvent): void;
|
|
480
|
-
/** Highlights the drop zone when a dragged item enters.
|
|
481
|
-
* @param e - The drag event.
|
|
482
|
-
*/
|
|
483
|
-
protected onDragEnter(e: DragEvent): void;
|
|
484
|
-
/** Resets the drop zone style when dragging ends.
|
|
485
|
-
* @param e - The drag event.
|
|
486
|
-
*/
|
|
487
|
-
protected onDragEnd(e: DragEvent): void;
|
|
488
|
-
/** Resets the drop zone style when a dragged item leaves.
|
|
489
|
-
* @param e - The drag event.
|
|
490
|
-
*/
|
|
491
|
-
protected onDragLeave(e: DragEvent): void;
|
|
492
|
-
/**
|
|
493
|
-
* Handles a file drop event, extracting and processing the dropped image.
|
|
494
|
-
* @param e - The drop event.
|
|
495
|
-
*/
|
|
496
|
-
protected onDrop(e: DragEvent): void;
|
|
497
|
-
/**
|
|
498
|
-
* Picks the first file from the list and passes it to `selectFile`.
|
|
499
|
-
* @param files - The `FileList` from the drag-and-drop event.
|
|
500
|
-
*/
|
|
501
|
-
private addFiles;
|
|
502
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectPictureDialogComponent, never>;
|
|
503
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectPictureDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
504
|
-
}
|
|
505
|
-
|
|
506
|
-
declare class SelectFileDialogComponent {
|
|
507
|
-
readonly done: _angular_core.OutputEmitterRef<SelectFile>;
|
|
508
|
-
private readonly dialogService;
|
|
509
|
-
private readonly dialogRef;
|
|
510
|
-
protected readonly dialogData: _angular_core.WritableSignal<SelectFileDialogData>;
|
|
511
|
-
protected readonly file: _angular_core.WritableSignal<File>;
|
|
512
|
-
protected fileClass: _angular_core.WritableSignal<"selectfile-file" | "selectfile-file-drop">;
|
|
513
|
-
/**
|
|
514
|
-
* Handles the native file input change event and delegates to `selectFile`.
|
|
515
|
-
* @param e - The DOM change event from the file input.
|
|
516
|
-
*/
|
|
517
|
-
protected update(e: Event): void;
|
|
518
|
-
/**
|
|
519
|
-
* Validates and sets the selected file, showing an error if size or type constraints are violated.
|
|
520
|
-
* @param file - The `File` object to validate and store.
|
|
521
|
-
*/
|
|
522
|
-
private selectFile;
|
|
523
|
-
/**
|
|
524
|
-
* Formats a byte count into a human-readable size string.
|
|
525
|
-
* @param size - File size in bytes.
|
|
526
|
-
* @returns A formatted size string (e.g. "1.2 MB").
|
|
527
|
-
*/
|
|
528
|
-
protected size(size: number): string;
|
|
529
|
-
/** Emits the selected file and options, then closes the dialog. */
|
|
530
|
-
protected ok(): void;
|
|
531
|
-
/** Highlights the drop zone when a drag enters the area.
|
|
532
|
-
* @param e - The drag event.
|
|
533
|
-
*/
|
|
534
|
-
protected onDragOver(e: DragEvent): void;
|
|
535
|
-
/** Highlights the drop zone when a dragged item enters.
|
|
536
|
-
* @param e - The drag event.
|
|
537
|
-
*/
|
|
538
|
-
protected onDragEnter(e: DragEvent): void;
|
|
539
|
-
/** Resets the drop zone style when dragging ends.
|
|
540
|
-
* @param e - The drag event.
|
|
541
|
-
*/
|
|
542
|
-
protected onDragEnd(e: DragEvent): void;
|
|
543
|
-
/** Resets the drop zone style when a dragged item leaves the area.
|
|
544
|
-
* @param e - The drag event.
|
|
545
|
-
*/
|
|
546
|
-
protected onDragLeave(e: DragEvent): void;
|
|
547
|
-
/**
|
|
548
|
-
* Handles a file drop event, extracting and processing the dropped files.
|
|
549
|
-
* @param e - The drop event.
|
|
550
|
-
*/
|
|
551
|
-
protected onDrop(e: DragEvent): void;
|
|
552
|
-
/**
|
|
553
|
-
* Picks the first file from the list and passes it to `selectFile`.
|
|
554
|
-
* @param files - The `FileList` from the drag-and-drop event.
|
|
555
|
-
*/
|
|
556
|
-
private addFiles;
|
|
557
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectFileDialogComponent, never>;
|
|
558
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectFileDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
559
|
-
}
|
|
560
|
-
|
|
561
|
-
declare class PromptDialogComponent {
|
|
562
|
-
readonly f: _angular_core.Signal<NgForm>;
|
|
563
|
-
readonly done: _angular_core.OutputEmitterRef<PromptDialogResult>;
|
|
564
|
-
private readonly dialogService;
|
|
565
|
-
protected readonly dialogData: _angular_core.WritableSignal<PromptDialogData>;
|
|
566
|
-
protected value: any;
|
|
567
|
-
/**
|
|
568
|
-
* Validates the form and emits the result, or shows an error if validation fails.
|
|
569
|
-
*/
|
|
570
|
-
protected ok(): void;
|
|
571
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptDialogComponent, never>;
|
|
572
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
573
|
-
}
|
|
574
|
-
|
|
575
|
-
declare class PromptDateDialogComponent {
|
|
576
|
-
readonly f: _angular_core.Signal<NgForm>;
|
|
577
|
-
readonly done: _angular_core.OutputEmitterRef<PromptDateDialogResult>;
|
|
578
|
-
private readonly dialogService;
|
|
579
|
-
protected readonly dialogData: _angular_core.WritableSignal<PromptDialogData>;
|
|
580
|
-
protected value: any;
|
|
581
|
-
/**
|
|
582
|
-
* Validates the form and emits the result, or shows an error if validation fails.
|
|
583
|
-
*/
|
|
584
|
-
protected ok(): void;
|
|
585
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptDateDialogComponent, never>;
|
|
586
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptDateDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
587
|
-
}
|
|
588
|
-
|
|
589
|
-
declare class PromptOtpDialogComponent {
|
|
590
|
-
readonly f: _angular_core.Signal<NgForm>;
|
|
591
|
-
readonly done: _angular_core.OutputEmitterRef<PromptOtpDialogResult>;
|
|
592
|
-
private readonly dialogService;
|
|
593
|
-
protected readonly dialogData: _angular_core.WritableSignal<PromptDialogData>;
|
|
594
|
-
protected value: any;
|
|
595
|
-
/**
|
|
596
|
-
* Validates the form and emits the OTP result, or shows an error if validation fails.
|
|
597
|
-
*/
|
|
598
|
-
protected ok(): void;
|
|
599
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptOtpDialogComponent, never>;
|
|
600
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptOtpDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
601
|
-
}
|
|
602
|
-
|
|
603
|
-
declare class PromptTimeDialogComponent {
|
|
604
|
-
readonly f: _angular_core.Signal<NgForm>;
|
|
605
|
-
readonly done: _angular_core.OutputEmitterRef<PromptDialogResult>;
|
|
606
|
-
private readonly dialogService;
|
|
607
|
-
protected readonly dialogData: _angular_core.WritableSignal<PromptTimeDialogData>;
|
|
608
|
-
protected value: any;
|
|
609
|
-
/**
|
|
610
|
-
* Validates the form and emits the result, or shows an error if validation fails.
|
|
611
|
-
*/
|
|
612
|
-
protected ok(): void;
|
|
613
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptTimeDialogComponent, never>;
|
|
614
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptTimeDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
615
|
-
}
|
|
616
|
-
|
|
617
|
-
declare class SelectDialogComponent {
|
|
618
|
-
readonly paginator: _angular_core.Signal<MatPaginator>;
|
|
619
|
-
readonly selection: _angular_core.Signal<MatSelectionList>;
|
|
620
|
-
private isViewReady;
|
|
621
|
-
private readonly dialogRef;
|
|
622
|
-
private readonly cdr;
|
|
623
|
-
protected readonly dialogData: _angular_core.WritableSignal<SelectDialogData>;
|
|
624
|
-
readonly done: _angular_core.OutputEmitterRef<SelectDialogResult>;
|
|
625
|
-
readonly edit: _angular_core.OutputEmitterRef<SelectDialogEdit>;
|
|
626
|
-
readonly view: _angular_core.OutputEmitterRef<SelectableItem>;
|
|
627
|
-
readonly append: _angular_core.OutputEmitterRef<SelectDialogAppend>;
|
|
628
|
-
readonly delete: _angular_core.OutputEmitterRef<SelectDialogDelete>;
|
|
629
|
-
readonly lookup: _angular_core.OutputEmitterRef<SelectDialogLookup>;
|
|
630
|
-
readonly lookupOptions: _angular_core.OutputEmitterRef<void>;
|
|
631
|
-
readonly filter: _angular_core.OutputEmitterRef<SelectDialogFilter>;
|
|
632
|
-
protected canEdit: _angular_core.WritableSignal<boolean>;
|
|
633
|
-
protected canView: _angular_core.WritableSignal<boolean>;
|
|
634
|
-
protected canAppend: _angular_core.WritableSignal<boolean>;
|
|
635
|
-
protected canDelete: _angular_core.WritableSignal<boolean>;
|
|
636
|
-
protected canPaginate: _angular_core.WritableSignal<boolean>;
|
|
637
|
-
protected okDisabled: _angular_core.WritableSignal<boolean>;
|
|
638
|
-
protected filterMetadata: SearchFilterMetadata;
|
|
639
|
-
protected filterText: string;
|
|
640
|
-
protected readonly filterOptions: _angular_core.WritableSignal<SelectableFilter[]>;
|
|
641
|
-
protected filterOptionsInfo: _angular_core.WritableSignal<string>;
|
|
642
|
-
protected lookupField: string;
|
|
643
|
-
private lookupParams?;
|
|
644
|
-
protected selectionInfo: _angular_core.WritableSignal<string>;
|
|
645
|
-
protected selectionMasterIndeterminate: _angular_core.WritableSignal<boolean>;
|
|
646
|
-
protected selectionMasterChecked: _angular_core.WritableSignal<boolean>;
|
|
647
|
-
protected total: _angular_core.WritableSignal<number>;
|
|
648
|
-
constructor();
|
|
649
|
-
/**
|
|
650
|
-
* Updates the total item count signal, triggering UI refresh.
|
|
651
|
-
* @param newTotal - The new total count; defaults to 0 if omitted.
|
|
652
|
-
*/
|
|
653
|
-
notifyChanges(newTotal?: number): void;
|
|
654
|
-
/** Returns `true` when every list item is currently selected. */
|
|
655
|
-
private isAllSelected;
|
|
656
|
-
/** Returns `true` when at least one list item is selected. */
|
|
657
|
-
private hasSelection;
|
|
658
|
-
/**
|
|
659
|
-
* Selects or deselects all items based on the master checkbox state.
|
|
660
|
-
* @param e - The checkbox change event.
|
|
661
|
-
*/
|
|
662
|
-
protected masterSelectionToggle(e: MatCheckboxChange): void;
|
|
663
|
-
/**
|
|
664
|
-
* Handles selection or deselection of a list item.
|
|
665
|
-
* @param e - The selection list change event.
|
|
666
|
-
*/
|
|
667
|
-
protected select(e: MatSelectionListChange): void;
|
|
668
|
-
/** Refreshes the selection info label shown in the dialog footer. */
|
|
669
|
-
private updateSelectionInfo;
|
|
670
|
-
/** Deselects all items and resets the master checkbox state. */
|
|
671
|
-
clearSelection(): void;
|
|
672
|
-
/** Emits the current selection and closes the dialog. */
|
|
673
|
-
protected ok(): void;
|
|
674
|
-
/** Clears the current filter text input. */
|
|
675
|
-
protected clearFilter(): void;
|
|
676
|
-
/**
|
|
677
|
-
* Sets the filter text programmatically.
|
|
678
|
-
* @param text - The new filter string to apply.
|
|
679
|
-
*/
|
|
680
|
-
setFilter(text: string): void;
|
|
681
|
-
/**
|
|
682
|
-
* Returns the current filter text.
|
|
683
|
-
* @returns The active filter string.
|
|
684
|
-
*/
|
|
685
|
-
getFilter(): string;
|
|
686
|
-
/** Emits the `lookupOptions` output event to open the filter options panel. */
|
|
687
|
-
protected showFilterOptions(): void;
|
|
688
|
-
/**
|
|
689
|
-
* Applies the given text filter, emitting a lookup when enabled.
|
|
690
|
-
* @param text - Optional filter string; populates `filterText` when provided.
|
|
691
|
-
* @param e - Optional keyboard event; lookup only fires on Enter.
|
|
692
|
-
*/
|
|
693
|
-
protected doFilter(text?: string, e?: KeyboardEvent): void;
|
|
694
|
-
/**
|
|
695
|
-
* Applies the current filter text, emitting a lookup event.
|
|
696
|
-
*/
|
|
697
|
-
private applyFilter;
|
|
698
|
-
/**
|
|
699
|
-
* Applies a structured filter option, emitting the filter output event.
|
|
700
|
-
* @param filterOption - The selected filter option object.
|
|
701
|
-
*/
|
|
702
|
-
private applyFilterByOptions;
|
|
703
|
-
/**
|
|
704
|
-
* Applies a structured filter option, emitting the filter output event.
|
|
705
|
-
* @param filterOption - The selected filter option object.
|
|
706
|
-
* @param apply - Optional flag to immediately apply the filter.
|
|
707
|
-
*/
|
|
708
|
-
protected doFilterByOptions(filterOption: any, apply?: boolean): void;
|
|
709
|
-
/**
|
|
710
|
-
* Triggers a server-side lookup with the given parameters (public API).
|
|
711
|
-
* @param params - An object containing the lookup query parameters.
|
|
712
|
-
*/
|
|
713
|
-
doLookup(params: any): void;
|
|
714
|
-
/**
|
|
715
|
-
* Updates the paginator length and resets it to the first page.
|
|
716
|
-
* @param total - The new total number of items.
|
|
717
|
-
*/
|
|
718
|
-
protected updateLookupPaginator(total: number): void;
|
|
719
|
-
/**
|
|
720
|
-
* Handles a paginator page change and triggers a new lookup.
|
|
721
|
-
* @param e - The paginator page change event.
|
|
722
|
-
*/
|
|
723
|
-
protected doLookupPage(e: PageEvent): void;
|
|
724
|
-
/** Emits the `append` output event to open the add-item flow. */
|
|
725
|
-
protected doAppend(): void;
|
|
726
|
-
/** Emits the `edit` output event for the currently selected item. */
|
|
727
|
-
protected doEdit(): void;
|
|
728
|
-
/** Emits the `view` output event for the currently selected item. */
|
|
729
|
-
protected doView(): void;
|
|
730
|
-
/** Emits the `delete` output event with all currently selected items. */
|
|
731
|
-
protected doDelete(): void;
|
|
732
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectDialogComponent, never>;
|
|
733
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectDialogComponent, "ng-component", never, {}, { "done": "done"; "edit": "edit"; "view": "view"; "append": "append"; "delete": "delete"; "lookup": "lookup"; "lookupOptions": "lookupOptions"; "filter": "filter"; }, never, never, true, never>;
|
|
734
|
-
}
|
|
2
|
+
import { DialogService } from '@arsedizioni/ars-utils/ui.dialogs';
|
|
3
|
+
import { SendToDialogComponent, SelectTreeDialogComponent, SelectDialogComponent } from '@arsedizioni/ars-utils/ui.dialogs.select';
|
|
4
|
+
import { SelectDialogData, PromptDialogType } from '@arsedizioni/ars-utils/ui';
|
|
5
|
+
import { SelectPictureDialogComponent, SelectFileDialogComponent } from '@arsedizioni/ars-utils/ui.files';
|
|
6
|
+
import { PromptDialogComponent, PromptDateDialogComponent, PromptTimeDialogComponent } from '@arsedizioni/ars-utils/ui.dialogs.prompt';
|
|
7
|
+
import { PromptOtpDialogComponent } from '@arsedizioni/ars-utils/ui.dialogs.auth';
|
|
8
|
+
import * as i0 from '@angular/core';
|
|
735
9
|
|
|
736
10
|
declare class ApplicationDialogService extends DialogService {
|
|
737
11
|
/**
|
|
@@ -845,1294 +119,8 @@ declare class ApplicationDialogService extends DialogService {
|
|
|
845
119
|
* @returns The opened dialog reference.
|
|
846
120
|
*/
|
|
847
121
|
promptOtp(title?: string, description?: string, okCaption?: string, cancelCaption?: string, width?: number): Promise<MatDialogRef<PromptOtpDialogComponent> | null>;
|
|
848
|
-
static ɵfac:
|
|
849
|
-
static ɵprov:
|
|
850
|
-
}
|
|
851
|
-
|
|
852
|
-
declare class ButtonSelectorComponent implements OnDestroy, ControlValueAccessor {
|
|
853
|
-
ngControl: NgControl;
|
|
854
|
-
/** Emitted whenever the selected value changes (including programmatic resets). */
|
|
855
|
-
readonly changed: _angular_core.OutputEmitterRef<NameValueItem<any>>;
|
|
856
|
-
/** Emitted when the user explicitly picks an item from the menu. */
|
|
857
|
-
readonly selected: _angular_core.OutputEmitterRef<NameValueItem<any>>;
|
|
858
|
-
private readonly stateChanges;
|
|
859
|
-
private focused;
|
|
860
|
-
private _value;
|
|
861
|
-
set value(value: NameValueItem<any> | undefined);
|
|
862
|
-
/**
|
|
863
|
-
* Updates the internal state. Form propagation is skipped for model->view
|
|
864
|
-
* writes (writeValue) to avoid the CVA echo loop, and performed for
|
|
865
|
-
* user/programmatic changes via the `value` setter.
|
|
866
|
-
* @param value - The new value to store and display.
|
|
867
|
-
* @param propagate - When `true`, notifies the registered onChange callback.
|
|
868
|
-
*/
|
|
869
|
-
private setValue;
|
|
870
|
-
/** The current value as the selected item. */
|
|
871
|
-
get value(): NameValueItem<any> | undefined;
|
|
872
|
-
private _disabled;
|
|
873
|
-
get disabled(): boolean;
|
|
874
|
-
set disabled(value: boolean);
|
|
875
|
-
private propagateChange;
|
|
876
|
-
private propagateTouched;
|
|
877
|
-
id: string;
|
|
878
|
-
describedBy: string;
|
|
879
|
-
private readonly renderer;
|
|
880
|
-
/** Currently selected item, kept in sync with the form control value. */
|
|
881
|
-
protected readonly current: _angular_core.WritableSignal<NameValueItem<any>>;
|
|
882
|
-
/** Width of the trigger button in pixels. Use `-1` for 100 %, `0` for `auto`. */
|
|
883
|
-
readonly width: _angular_core.InputSignal<number>;
|
|
884
|
-
/** Border thickness override. Use `-1` to inherit. */
|
|
885
|
-
readonly border: _angular_core.InputSignal<number>;
|
|
886
|
-
/** CSS border-radius of the trigger button. Defaults to a pill shape. */
|
|
887
|
-
readonly borderRadius: _angular_core.InputSignal<string>;
|
|
888
|
-
/** Placeholder label shown when nothing is selected. */
|
|
889
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
890
|
-
/** Label shown above the selected value (replaces `label` when an item is selected). */
|
|
891
|
-
readonly labelSelected: _angular_core.InputSignal<string>;
|
|
892
|
-
/** List of selectable options. */
|
|
893
|
-
readonly options: _angular_core.InputSignal<NameValueItem<any>[]>;
|
|
894
|
-
/** When `true`, the first available option is pre-selected on init. */
|
|
895
|
-
readonly autoSelect: _angular_core.InputSignal<boolean>;
|
|
896
|
-
constructor(ngControl: NgControl);
|
|
897
|
-
ngOnDestroy(): void;
|
|
898
|
-
/**
|
|
899
|
-
* Writes a new value to the component (called by the form layer).
|
|
900
|
-
* @param value - The new value to display.
|
|
901
|
-
*/
|
|
902
|
-
writeValue(value: any): void;
|
|
903
|
-
/**
|
|
904
|
-
* Registers the on-change callback (called by the form layer).
|
|
905
|
-
* @param fn - Callback to invoke whenever the value changes.
|
|
906
|
-
*/
|
|
907
|
-
registerOnChange(fn: (_: any) => void): void;
|
|
908
|
-
/**
|
|
909
|
-
* Registers the on-touched callback (called by the form layer).
|
|
910
|
-
* @param fn - Callback to invoke when the control is touched.
|
|
911
|
-
*/
|
|
912
|
-
registerOnTouched(fn: () => void): void;
|
|
913
|
-
/**
|
|
914
|
-
* Sets the ARIA described-by IDs for accessibility.
|
|
915
|
-
* @param ids - The list of element IDs to associate with this control.
|
|
916
|
-
*/
|
|
917
|
-
setDescribedByIds(ids: string[]): void;
|
|
918
|
-
/**
|
|
919
|
-
* Updates the disabled state when the Angular form layer changes it.
|
|
920
|
-
* @param isDisabled - Whether the control should be disabled.
|
|
921
|
-
*/
|
|
922
|
-
setDisabledState(isDisabled: boolean): void;
|
|
923
|
-
/**
|
|
924
|
-
* Handles a click on the container element, focusing it and marking it as touched.
|
|
925
|
-
*/
|
|
926
|
-
onContainerClick(): void;
|
|
927
|
-
/**
|
|
928
|
-
* Selects an option and optionally emits the `selected` output event.
|
|
929
|
-
* @param item - The item to select.
|
|
930
|
-
* @param notify - When `true` (default), emits the `selected` event.
|
|
931
|
-
*/
|
|
932
|
-
select(item: NameValueItem<any>, notify?: boolean): void;
|
|
933
|
-
/** Clears the current selection and resets the control to an empty state. */
|
|
934
|
-
reset(): void;
|
|
935
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonSelectorComponent, [{ optional: true; self: true; }]>;
|
|
936
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonSelectorComponent, "button-selector", never, { "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelSelected": { "alias": "labelSelected"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "autoSelect": { "alias": "autoSelect"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "selected": "selected"; }, never, never, true, never>;
|
|
937
|
-
}
|
|
938
|
-
|
|
939
|
-
interface ButtonToggleInfo {
|
|
940
|
-
value: boolean;
|
|
941
|
-
toggled: boolean;
|
|
942
|
-
}
|
|
943
|
-
declare class ButtonToggleComponent {
|
|
944
|
-
/** Emitted each time the button is clicked. Carries the current `value` and the new `toggled` state. */
|
|
945
|
-
readonly changed: _angular_core.OutputEmitterRef<ButtonToggleInfo>;
|
|
946
|
-
/** Current value bound from the parent. Drives label and icon selection. */
|
|
947
|
-
readonly value: _angular_core.InputSignal<boolean>;
|
|
948
|
-
/** Width of the button in pixels. Use `-1` for automatic sizing. */
|
|
949
|
-
readonly width: _angular_core.InputSignal<number>;
|
|
950
|
-
/** Border thickness override in pixels. Use `-1` to inherit. */
|
|
951
|
-
readonly border: _angular_core.InputSignal<number>;
|
|
952
|
-
/** Label shown when `value` is `true`. */
|
|
953
|
-
readonly labelOn: _angular_core.InputSignal<string>;
|
|
954
|
-
/** Label shown when `value` is `false`. */
|
|
955
|
-
readonly labelOff: _angular_core.InputSignal<string>;
|
|
956
|
-
/** Material icon name shown when `value` is `true`. */
|
|
957
|
-
readonly iconOn: _angular_core.InputSignal<string>;
|
|
958
|
-
/** Material icon name shown when `value` is `false`. */
|
|
959
|
-
readonly iconOff: _angular_core.InputSignal<string>;
|
|
960
|
-
/** CSS class applied to the button at all breakpoints. */
|
|
961
|
-
readonly cssClass: _angular_core.InputSignal<string>;
|
|
962
|
-
/** CSS class applied to the button on `xs` screens. */
|
|
963
|
-
readonly cssClassSmall: _angular_core.InputSignal<string>;
|
|
964
|
-
/** Resolves the appropriate label for the current value state. */
|
|
965
|
-
protected readonly label: _angular_core.Signal<string>;
|
|
966
|
-
/** Resolves the appropriate icon name for the current value state. */
|
|
967
|
-
protected readonly icon: _angular_core.Signal<string>;
|
|
968
|
-
/**
|
|
969
|
-
* Toggles the button state and emits the `changed` event.
|
|
970
|
-
* The emitted `toggled` value is the logical inverse of the current `value`.
|
|
971
|
-
*/
|
|
972
|
-
toggle(): void;
|
|
973
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonToggleComponent, never>;
|
|
974
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonToggleComponent, "button-toggle", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "labelOn": { "alias": "labelOn"; "required": false; "isSignal": true; }; "labelOff": { "alias": "labelOff"; "required": false; "isSignal": true; }; "iconOn": { "alias": "iconOn"; "required": false; "isSignal": true; }; "iconOff": { "alias": "iconOff"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "cssClassSmall": { "alias": "cssClassSmall"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, true, never>;
|
|
975
|
-
}
|
|
976
|
-
|
|
977
|
-
/**
|
|
978
|
-
* A blank calendar header that hides the month/year navigation controls.
|
|
979
|
-
* Used when an inline calendar should render without any navigation UI.
|
|
980
|
-
*/
|
|
981
|
-
declare class CalendarEmptyHeader<D> {
|
|
982
|
-
private readonly destroyRef;
|
|
983
|
-
private readonly calendar;
|
|
984
|
-
private readonly changeDetector;
|
|
985
|
-
constructor();
|
|
986
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarEmptyHeader<any>, never>;
|
|
987
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarEmptyHeader<any>, "ng-component", never, {}, {}, never, never, true, never>;
|
|
988
|
-
}
|
|
989
|
-
|
|
990
|
-
declare class ChipsSelectorComponent implements OnDestroy, ControlValueAccessor {
|
|
991
|
-
ngControl: NgControl;
|
|
992
|
-
/** Emitted when the selection changes. Carries the new array of selected items, or `undefined` when cleared. */
|
|
993
|
-
readonly changed: _angular_core.OutputEmitterRef<NameValueItem<any>[]>;
|
|
994
|
-
protected readonly containerId: string;
|
|
995
|
-
protected readonly containerWidth: _angular_core.WritableSignal<number>;
|
|
996
|
-
private focused;
|
|
997
|
-
private readonly stateChanges;
|
|
998
|
-
private readonly destroyRef;
|
|
999
|
-
private changesEnabled;
|
|
1000
|
-
private destroyed;
|
|
1001
|
-
private widthRetries;
|
|
1002
|
-
/** Observer that tracks size changes of the container element. */
|
|
1003
|
-
private resizeObserver?;
|
|
1004
|
-
/** Debounce bridge for `ResizeObserver` notifications. */
|
|
1005
|
-
private readonly resize$;
|
|
1006
|
-
/** List of available options to display as chips. */
|
|
1007
|
-
readonly options: _angular_core.InputSignal<NameValueItem<any>[]>;
|
|
1008
|
-
/** Minimum width in pixels when collapsed. Use `-1` for automatic. */
|
|
1009
|
-
readonly collapsedWidth: _angular_core.InputSignal<number>;
|
|
1010
|
-
/** Display mode used when the selector is in collapsed state. */
|
|
1011
|
-
readonly collapsedDisplayMode: _angular_core.InputSignal<"dropdown" | "button">;
|
|
1012
|
-
/** Pixel threshold below which the selector collapses. Use `-1` to disable. */
|
|
1013
|
-
readonly collapseAt: _angular_core.InputSignal<number>;
|
|
1014
|
-
/** When `true`, `collapseAt` is compared against the container width rather than the window width. */
|
|
1015
|
-
readonly collapseAtContainer: _angular_core.InputSignal<boolean>;
|
|
1016
|
-
protected readonly collapsed: _angular_core.Signal<boolean>;
|
|
1017
|
-
/** Label shown in the dropdown / above the chip list. */
|
|
1018
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
1019
|
-
/** When `true`, multiple chips can be selected simultaneously. */
|
|
1020
|
-
readonly multiple: _angular_core.InputSignal<boolean>;
|
|
1021
|
-
/** When `true`, at least one item must remain selected. */
|
|
1022
|
-
readonly mustSelect: _angular_core.InputSignal<boolean>;
|
|
1023
|
-
/** Layout mode: `'collapsed'` forces dropdown mode, `'dynamic'` collapses based on `collapseAt`. */
|
|
1024
|
-
readonly mode: _angular_core.InputSignal<"collapsed" | "dynamic">;
|
|
1025
|
-
/** When `true`, chips are stacked vertically instead of wrapping horizontally. */
|
|
1026
|
-
readonly stacked: _angular_core.InputSignal<boolean>;
|
|
1027
|
-
/** Chips below this index receive extra padding to align with other UI elements. */
|
|
1028
|
-
readonly padAt: _angular_core.InputSignal<number>;
|
|
1029
|
-
/** When `true`, the control is required. */
|
|
1030
|
-
readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1031
|
-
/** Placeholder text shown when no value is selected. */
|
|
1032
|
-
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1033
|
-
private _disabled;
|
|
1034
|
-
get disabled(): boolean;
|
|
1035
|
-
set disabled(value: boolean);
|
|
1036
|
-
id: string;
|
|
1037
|
-
describedBy: string;
|
|
1038
|
-
/** True when the label should float above the field (focused or has a value). */
|
|
1039
|
-
get shouldLabelFloat(): boolean;
|
|
1040
|
-
private _value?;
|
|
1041
|
-
set value(value: NameValueItem<any>[] | undefined);
|
|
1042
|
-
/**
|
|
1043
|
-
* Updates the internal state and selection mirrors.
|
|
1044
|
-
* @param value - The new selection array.
|
|
1045
|
-
* @param propagate - When `true`, notifies the registered onChange callback.
|
|
1046
|
-
*/
|
|
1047
|
-
private setValue;
|
|
1048
|
-
/** The current value as an array of selected items. */
|
|
1049
|
-
get value(): NameValueItem<any>[] | undefined;
|
|
1050
|
-
/** True when no item is selected. */
|
|
1051
|
-
get empty(): boolean;
|
|
1052
|
-
/** True when the control has validation errors and has been touched. */
|
|
1053
|
-
get errorState(): boolean;
|
|
1054
|
-
private propagateChange;
|
|
1055
|
-
private propagateTouched;
|
|
1056
|
-
private readonly renderer;
|
|
1057
|
-
private readonly cdr;
|
|
1058
|
-
/** Currently selected items (may contain multiple entries when `multiple` is `true`). */
|
|
1059
|
-
protected selection: NameValueItem<any>[];
|
|
1060
|
-
/** The single selected item — used in `button` collapsed-display mode. */
|
|
1061
|
-
protected singleSelection?: NameValueItem<any>;
|
|
1062
|
-
constructor(ngControl: NgControl);
|
|
1063
|
-
ngOnDestroy(): void;
|
|
1064
|
-
/**
|
|
1065
|
-
* Measures the container (or window) width and updates the `containerWidth` signal,
|
|
1066
|
-
* retrying after 100 ms if the element is not yet laid out.
|
|
1067
|
-
*/
|
|
1068
|
-
private updateContainerWidth;
|
|
1069
|
-
/**
|
|
1070
|
-
* Resolves the effective selection array for the current display mode.
|
|
1071
|
-
* In single-select collapsed button mode the `singleSelection` item is wrapped in an array.
|
|
1072
|
-
* @returns The array of currently selected items.
|
|
1073
|
-
*/
|
|
1074
|
-
private getSelection;
|
|
1075
|
-
/**
|
|
1076
|
-
* Schedules a value update after a short delay, giving the template time to sync `ngModel`.
|
|
1077
|
-
*/
|
|
1078
|
-
updateValue(): void;
|
|
1079
|
-
/**
|
|
1080
|
-
* Returns `true` when the given item can be selected in the current mode.
|
|
1081
|
-
* In single-select mode an already-selected item is not re-selectable.
|
|
1082
|
-
* @param item - The item to check.
|
|
1083
|
-
* @returns True when the item is selectable.
|
|
1084
|
-
*/
|
|
1085
|
-
isSelectable(item: NameValueItem<any>): boolean;
|
|
1086
|
-
/**
|
|
1087
|
-
* Writes a new value to the component (called by the form layer).
|
|
1088
|
-
* @param value - The new selection to display.
|
|
1089
|
-
*/
|
|
1090
|
-
writeValue(value: any): void;
|
|
1091
|
-
/**
|
|
1092
|
-
* Registers the on-change callback (called by the form layer).
|
|
1093
|
-
* @param fn - Callback to invoke whenever the value changes.
|
|
1094
|
-
*/
|
|
1095
|
-
registerOnChange(fn: (_: any) => void): void;
|
|
1096
|
-
/**
|
|
1097
|
-
* Registers the on-touched callback (called by the form layer).
|
|
1098
|
-
* @param fn - Callback to invoke when the control is touched.
|
|
1099
|
-
*/
|
|
1100
|
-
registerOnTouched(fn: () => void): void;
|
|
1101
|
-
/**
|
|
1102
|
-
* Sets the ARIA described-by IDs for accessibility.
|
|
1103
|
-
* @param ids - The list of element IDs to associate with this control.
|
|
1104
|
-
*/
|
|
1105
|
-
setDescribedByIds(ids: string[]): void;
|
|
1106
|
-
/**
|
|
1107
|
-
* Updates the disabled state when the Angular form layer changes it.
|
|
1108
|
-
* @param isDisabled - Whether the control should be disabled.
|
|
1109
|
-
*/
|
|
1110
|
-
setDisabledState(isDisabled: boolean): void;
|
|
1111
|
-
/**
|
|
1112
|
-
* Handles a click on the container element, focusing it and marking it as touched.
|
|
1113
|
-
*/
|
|
1114
|
-
onContainerClick(): void;
|
|
1115
|
-
/**
|
|
1116
|
-
* Clears the current selection and stops the event from bubbling.
|
|
1117
|
-
* @param e - The originating click event.
|
|
1118
|
-
*/
|
|
1119
|
-
clear(e: Event): void;
|
|
1120
|
-
/**
|
|
1121
|
-
* Selects a single item, replacing any existing selection.
|
|
1122
|
-
* @param item - The item to select. Does nothing when `undefined`.
|
|
1123
|
-
*/
|
|
1124
|
-
select(item?: NameValueItem<any>): void;
|
|
1125
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipsSelectorComponent, [{ optional: true; self: true; }]>;
|
|
1126
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipsSelectorComponent, "chips-selector", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "collapsedDisplayMode": { "alias": "collapsedDisplayMode"; "required": false; "isSignal": true; }; "collapseAt": { "alias": "collapseAt"; "required": false; "isSignal": true; }; "collapseAtContainer": { "alias": "collapseAtContainer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "mustSelect": { "alias": "mustSelect"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "padAt": { "alias": "padAt"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "changed": "changed"; }, never, never, true, never>;
|
|
1127
|
-
}
|
|
1128
|
-
|
|
1129
|
-
declare class FileInputComponent implements OnDestroy, DoCheck, MatFormFieldControl<FileInfo>, ControlValueAccessor {
|
|
1130
|
-
ngControl: NgControl;
|
|
1131
|
-
/** Reference to the hidden native file input element. */
|
|
1132
|
-
protected readonly __file: _angular_core.Signal<ElementRef<any>>;
|
|
1133
|
-
private readonly renderer;
|
|
1134
|
-
private readonly uiService;
|
|
1135
|
-
static nextId: number;
|
|
1136
|
-
readonly stateChanges: Subject<void>;
|
|
1137
|
-
private previousNativeValue;
|
|
1138
|
-
controlType: string;
|
|
1139
|
-
focused: boolean;
|
|
1140
|
-
/** Whether the device supports camera capture. */
|
|
1141
|
-
protected readonly canCapture: _angular_core.WritableSignal<boolean>;
|
|
1142
|
-
/** Size in MB of the currently selected file. */
|
|
1143
|
-
protected readonly fileSize: _angular_core.WritableSignal<number>;
|
|
1144
|
-
private readonly _placeholder;
|
|
1145
|
-
private _value;
|
|
1146
|
-
set value(value: FileInfo);
|
|
1147
|
-
/**
|
|
1148
|
-
* Updates the internal state. Form propagation is skipped for model->view
|
|
1149
|
-
* writes (writeValue) to avoid the CVA echo loop, and performed for
|
|
1150
|
-
* user-driven changes (selectFile/clearFile) and the public value setter.
|
|
1151
|
-
* @param value - The new file info to store and display.
|
|
1152
|
-
* @param propagate - When `true`, notifies the registered onChange callback.
|
|
1153
|
-
*/
|
|
1154
|
-
private setValue;
|
|
1155
|
-
get value(): FileInfo;
|
|
1156
|
-
get size(): any;
|
|
1157
|
-
private _required;
|
|
1158
|
-
get required(): boolean;
|
|
1159
|
-
set required(value: boolean);
|
|
1160
|
-
private _disabled;
|
|
1161
|
-
get disabled(): boolean;
|
|
1162
|
-
set disabled(value: boolean);
|
|
1163
|
-
get placeholder(): string;
|
|
1164
|
-
set placeholder(value: string);
|
|
1165
|
-
/** The currently displayed file name. Can be bound two-way from outside or updated on file selection. */
|
|
1166
|
-
readonly fileName: _angular_core.ModelSignal<string>;
|
|
1167
|
-
readonly maxSizeMb: _angular_core.InputSignal<number>;
|
|
1168
|
-
readonly minSizeMb: _angular_core.InputSignal<number>;
|
|
1169
|
-
readonly isNew: _angular_core.InputSignal<boolean>;
|
|
1170
|
-
readonly canPreview: _angular_core.InputSignal<boolean>;
|
|
1171
|
-
readonly appearance: _angular_core.InputSignal<"fill" | "outline">;
|
|
1172
|
-
readonly accept: _angular_core.InputSignal<string>;
|
|
1173
|
-
get empty(): boolean;
|
|
1174
|
-
/** True when the control has validation errors and has been touched. */
|
|
1175
|
-
get errorState(): boolean;
|
|
1176
|
-
id: string;
|
|
1177
|
-
/** True when the label should float above the field. */
|
|
1178
|
-
get shouldLabelFloat(): boolean;
|
|
1179
|
-
describedBy: string;
|
|
1180
|
-
readonly changed: _angular_core.OutputEmitterRef<FileInfo>;
|
|
1181
|
-
readonly download: _angular_core.OutputEmitterRef<void>;
|
|
1182
|
-
readonly preview: _angular_core.OutputEmitterRef<void>;
|
|
1183
|
-
private propagateChange;
|
|
1184
|
-
private propagateTouched;
|
|
1185
|
-
constructor(ngControl: NgControl);
|
|
1186
|
-
/**
|
|
1187
|
-
* Detects camera availability and updates the placeholder accordingly.
|
|
1188
|
-
*/
|
|
1189
|
-
private setupDevices;
|
|
1190
|
-
ngOnDestroy(): void;
|
|
1191
|
-
ngDoCheck(): void;
|
|
1192
|
-
/**
|
|
1193
|
-
* Writes a new value to the component (called by the form layer).
|
|
1194
|
-
* @param value - The new file info to display.
|
|
1195
|
-
*/
|
|
1196
|
-
writeValue(value: any): void;
|
|
1197
|
-
/**
|
|
1198
|
-
* Registers the on-change callback (called by the form layer).
|
|
1199
|
-
* @param fn - Callback to invoke whenever the value changes.
|
|
1200
|
-
*/
|
|
1201
|
-
registerOnChange(fn: any): void;
|
|
1202
|
-
/**
|
|
1203
|
-
* Registers the on-touched callback (called by the form layer).
|
|
1204
|
-
* @param fn - Callback to invoke when the control is touched.
|
|
1205
|
-
*/
|
|
1206
|
-
registerOnTouched(fn: any): void;
|
|
1207
|
-
/**
|
|
1208
|
-
* Sets the ARIA describedby attribute from the given element IDs.
|
|
1209
|
-
* @param ids - Array of element IDs that describe this control.
|
|
1210
|
-
*/
|
|
1211
|
-
setDescribedByIds(ids: string[]): void;
|
|
1212
|
-
/**
|
|
1213
|
-
* Updates the disabled state of the underlying native element.
|
|
1214
|
-
* @param isDisabled - Whether the control should be disabled.
|
|
1215
|
-
*/
|
|
1216
|
-
setDisabledState?(isDisabled: boolean): void;
|
|
1217
|
-
/** Focuses the native input element and marks the control as touched. */
|
|
1218
|
-
onContainerClick(): void;
|
|
1219
|
-
/**
|
|
1220
|
-
* Checks whether the value has changed since the last dirty check and emits `stateChanges` if needed.
|
|
1221
|
-
*/
|
|
1222
|
-
protected updateInputDirtyCheck(): void;
|
|
1223
|
-
/**
|
|
1224
|
-
* Handles file selection from the native input element.
|
|
1225
|
-
* @param e - The DOM change event from the file input.
|
|
1226
|
-
*/
|
|
1227
|
-
protected selectFile(e: Event): void;
|
|
1228
|
-
/**
|
|
1229
|
-
* Checks whether a file is currently selected.
|
|
1230
|
-
* @returns `true` if a file is attached to the current value.
|
|
1231
|
-
*/
|
|
1232
|
-
protected hasFile(): boolean;
|
|
1233
|
-
/**
|
|
1234
|
-
* Clears the currently selected file and resets the control.
|
|
1235
|
-
*/
|
|
1236
|
-
protected clearFile(): void;
|
|
1237
|
-
/**
|
|
1238
|
-
* Emits the `download` output event if the file is not newly added.
|
|
1239
|
-
*/
|
|
1240
|
-
protected downloadFile(): void;
|
|
1241
|
-
/**
|
|
1242
|
-
* Emits the `preview` output event if the file is not new and preview is enabled.
|
|
1243
|
-
*/
|
|
1244
|
-
protected previewFile(): void;
|
|
1245
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileInputComponent, [{ optional: true; self: true; }]>;
|
|
1246
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "file-input", never, { "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "maxSizeMb": { "alias": "maxSizeMb"; "required": false; "isSignal": true; }; "minSizeMb": { "alias": "minSizeMb"; "required": false; "isSignal": true; }; "isNew": { "alias": "isNew"; "required": false; "isSignal": true; }; "canPreview": { "alias": "canPreview"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; }, { "fileName": "fileNameChange"; "changed": "changed"; "download": "download"; "preview": "preview"; }, never, never, true, never>;
|
|
1247
|
-
}
|
|
1248
|
-
|
|
1249
|
-
interface FilePreviewDialogData {
|
|
1250
|
-
url?: string;
|
|
1251
|
-
embed?: boolean;
|
|
1252
|
-
authToken?: string;
|
|
1253
|
-
}
|
|
1254
|
-
declare class FilePreviewComponent {
|
|
1255
|
-
readonly iframe: _angular_core.Signal<ElementRef<any>>;
|
|
1256
|
-
private readonly httpClient;
|
|
1257
|
-
private readonly dialogService;
|
|
1258
|
-
protected readonly dialogData: FilePreviewDialogData;
|
|
1259
|
-
protected readonly url: _angular_core.WritableSignal<string>;
|
|
1260
|
-
constructor();
|
|
1261
|
-
/**
|
|
1262
|
-
* Handles the iframe load event: scrolls to the top and centers a single image when present.
|
|
1263
|
-
*/
|
|
1264
|
-
protected loaded(): void;
|
|
1265
|
-
/**
|
|
1266
|
-
* Opens the current file URL in a new browser tab for manual download.
|
|
1267
|
-
*/
|
|
1268
|
-
protected download(): void;
|
|
1269
|
-
/**
|
|
1270
|
-
* Displays a help dialog with browser-specific instructions for enabling PDF preview.
|
|
1271
|
-
*/
|
|
1272
|
-
protected troubles(): void;
|
|
1273
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilePreviewComponent, never>;
|
|
1274
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilePreviewComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
1275
|
-
}
|
|
1276
|
-
|
|
1277
|
-
declare class FilterBarComponent {
|
|
1278
|
-
/** Emitted whenever any filter value changes. */
|
|
1279
|
-
readonly changed: _angular_core.OutputEmitterRef<CurrentFilterChanged>;
|
|
1280
|
-
/** The list of filter groups to display. */
|
|
1281
|
-
readonly filters: _angular_core.InputSignal<FilterGroup[]>;
|
|
1282
|
-
readonly canFilterByText: _angular_core.InputSignal<boolean>;
|
|
1283
|
-
readonly canFilterByText2: _angular_core.InputSignal<boolean>;
|
|
1284
|
-
readonly canFilterByText3: _angular_core.InputSignal<boolean>;
|
|
1285
|
-
/** Initial text values for the search inputs — synced into the model signals on change. */
|
|
1286
|
-
readonly initialText: _angular_core.InputSignal<string>;
|
|
1287
|
-
readonly initialText2: _angular_core.InputSignal<string>;
|
|
1288
|
-
readonly initialText3: _angular_core.InputSignal<string>;
|
|
1289
|
-
readonly textName: _angular_core.InputSignal<string>;
|
|
1290
|
-
readonly text2Name: _angular_core.InputSignal<string>;
|
|
1291
|
-
readonly text3Name: _angular_core.InputSignal<string>;
|
|
1292
|
-
readonly textLength: _angular_core.InputSignal<string>;
|
|
1293
|
-
readonly text2Length: _angular_core.InputSignal<string>;
|
|
1294
|
-
readonly text3Length: _angular_core.InputSignal<string>;
|
|
1295
|
-
readonly showTextSearchButton: _angular_core.InputSignal<boolean>;
|
|
1296
|
-
readonly appearance: _angular_core.InputSignal<"fill" | "outline">;
|
|
1297
|
-
/** Two-way bindable text filter values. */
|
|
1298
|
-
protected readonly text: _angular_core.WritableSignal<string>;
|
|
1299
|
-
protected readonly text2: _angular_core.WritableSignal<string>;
|
|
1300
|
-
protected readonly text3: _angular_core.WritableSignal<string>;
|
|
1301
|
-
/** Filter group for slot 1, derived reactively from the `filters` input. */
|
|
1302
|
-
protected readonly flt1: _angular_core.Signal<FilterGroup>;
|
|
1303
|
-
/** Filter group for slot 2, derived reactively from the `filters` input. */
|
|
1304
|
-
protected readonly flt2: _angular_core.Signal<FilterGroup>;
|
|
1305
|
-
/** Filter group for slot 3, derived reactively from the `filters` input. */
|
|
1306
|
-
protected readonly flt3: _angular_core.Signal<FilterGroup>;
|
|
1307
|
-
/** Filter group for slot 4, derived reactively from the `filters` input. */
|
|
1308
|
-
protected readonly flt4: _angular_core.Signal<FilterGroup>;
|
|
1309
|
-
/** Filter group for slot 5, derived reactively from the `filters` input. */
|
|
1310
|
-
protected readonly flt5: _angular_core.Signal<FilterGroup>;
|
|
1311
|
-
/** True when filter slot 1 has an action or item list. */
|
|
1312
|
-
protected readonly canFilterByFlt1: _angular_core.Signal<boolean>;
|
|
1313
|
-
/** True when filter slot 2 has an action or item list. */
|
|
1314
|
-
protected readonly canFilterByFlt2: _angular_core.Signal<boolean>;
|
|
1315
|
-
/** True when filter slot 3 has an action or item list. */
|
|
1316
|
-
protected readonly canFilterByFlt3: _angular_core.Signal<boolean>;
|
|
1317
|
-
/** True when filter slot 4 has an action or item list. */
|
|
1318
|
-
protected readonly canFilterByFlt4: _angular_core.Signal<boolean>;
|
|
1319
|
-
/** True when filter slot 5 has an action or item list. */
|
|
1320
|
-
protected readonly canFilterByFlt5: _angular_core.Signal<boolean>;
|
|
1321
|
-
readonly currentFilter: CurrentFilter;
|
|
1322
|
-
private readonly cdr;
|
|
1323
|
-
constructor();
|
|
1324
|
-
/**
|
|
1325
|
-
* No-op kept for API compatibility.
|
|
1326
|
-
* Filter groups are now computed reactively from the `filters()` input.
|
|
1327
|
-
*/
|
|
1328
|
-
initializeFilters(): void;
|
|
1329
|
-
/**
|
|
1330
|
-
* Applies the selected filter item to the current filter state and emits the change.
|
|
1331
|
-
* @param filter - The filter item to apply.
|
|
1332
|
-
*/
|
|
1333
|
-
applyFilter(filter: FilterItem): void;
|
|
1334
|
-
/**
|
|
1335
|
-
* Executes the action associated with a filter group, or clears the filter.
|
|
1336
|
-
* @param group - The filter group number.
|
|
1337
|
-
* @param clear - When `true`, clears the filter instead of triggering its action.
|
|
1338
|
-
*/
|
|
1339
|
-
applyFilterAction(group: number, clear?: boolean): void;
|
|
1340
|
-
/** Commits the current text inputs to the filter state and emits the change. */
|
|
1341
|
-
applyTextFilter(): void;
|
|
1342
|
-
/**
|
|
1343
|
-
* Clears the active filter for the specified group and emits the change if it was set.
|
|
1344
|
-
* @param group - The filter group number to clear.
|
|
1345
|
-
*/
|
|
1346
|
-
clearFilter(group: number): void;
|
|
1347
|
-
/** Resets all active filters and text inputs, then emits the change. */
|
|
1348
|
-
clearAllFilters(): void;
|
|
1349
|
-
/**
|
|
1350
|
-
* Returns `true` when more than one filter type is active, showing the "clear all" button.
|
|
1351
|
-
* @returns True when the clear-all button should be visible.
|
|
1352
|
-
*/
|
|
1353
|
-
canClearAllFilters(): boolean;
|
|
1354
|
-
/**
|
|
1355
|
-
* Returns the filter group matching the given id, or `undefined` if not found.
|
|
1356
|
-
* @param id - The group id to look up.
|
|
1357
|
-
* @returns The matching `FilterGroup`, or `undefined`.
|
|
1358
|
-
*/
|
|
1359
|
-
private getFilterGroup;
|
|
1360
|
-
/** Synchronises the filter bar display with the values currently stored in `currentFilter`. */
|
|
1361
|
-
syncFilter(): void;
|
|
1362
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterBarComponent, never>;
|
|
1363
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterBarComponent, "filter-bar", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "canFilterByText": { "alias": "canFilterByText"; "required": false; "isSignal": true; }; "canFilterByText2": { "alias": "canFilterByText2"; "required": false; "isSignal": true; }; "canFilterByText3": { "alias": "canFilterByText3"; "required": false; "isSignal": true; }; "initialText": { "alias": "initialText"; "required": false; "isSignal": true; }; "initialText2": { "alias": "initialText2"; "required": false; "isSignal": true; }; "initialText3": { "alias": "initialText3"; "required": false; "isSignal": true; }; "textName": { "alias": "textName"; "required": false; "isSignal": true; }; "text2Name": { "alias": "text2Name"; "required": false; "isSignal": true; }; "text3Name": { "alias": "text3Name"; "required": false; "isSignal": true; }; "textLength": { "alias": "textLength"; "required": false; "isSignal": true; }; "text2Length": { "alias": "text2Length"; "required": false; "isSignal": true; }; "text3Length": { "alias": "text3Length"; "required": false; "isSignal": true; }; "showTextSearchButton": { "alias": "showTextSearchButton"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, true, never>;
|
|
1364
|
-
}
|
|
1365
|
-
|
|
1366
|
-
declare class TreePickerComponent {
|
|
1367
|
-
/** Nested tree data to display. */
|
|
1368
|
-
readonly tree: _angular_core.InputSignal<INode[]>;
|
|
1369
|
-
/** Currently selected node ids. Supports two-way binding via [(selection)]. */
|
|
1370
|
-
readonly selection: _angular_core.ModelSignal<string[]>;
|
|
1371
|
-
/** When true, checkboxes and chip remove buttons are disabled (mirrors Material convention). */
|
|
1372
|
-
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1373
|
-
/** Description to display when no selection is made. */
|
|
1374
|
-
readonly descriptionEmpty: _angular_core.InputSignal<string>;
|
|
1375
|
-
/** Maximum number of tree levels to display (default: 3). */
|
|
1376
|
-
readonly maxDepth: _angular_core.InputSignal<number>;
|
|
1377
|
-
/**
|
|
1378
|
-
* List of node IDs at depth >= maxDepth that unlock selection for themselves
|
|
1379
|
-
* and all their descendants, regardless of depth.
|
|
1380
|
-
*/
|
|
1381
|
-
readonly maxDepthOverrides: _angular_core.InputSignal<string[]>;
|
|
1382
|
-
/**
|
|
1383
|
-
* Number of levels to auto-expand on load.
|
|
1384
|
-
* 0 or undefined = only top level visible (no expansion);
|
|
1385
|
-
* 1 = expand depth-0 nodes; 2 = expand depth-0 and depth-1 nodes; etc.
|
|
1386
|
-
* Must be less than maxDepth.
|
|
1387
|
-
*/
|
|
1388
|
-
readonly minDepth: _angular_core.InputSignal<number>;
|
|
1389
|
-
/**
|
|
1390
|
-
* Emits the count of visible selected nodes whenever the selection changes.
|
|
1391
|
-
* Emits 0 when nothing is selected (meaning all items are implicitly included).
|
|
1392
|
-
*/
|
|
1393
|
-
readonly selectionCount: _angular_core.OutputEmitterRef<number>;
|
|
1394
|
-
/** Emits void whenever the user changes the selection (toggle, remove, clear). */
|
|
1395
|
-
readonly changed: _angular_core.OutputEmitterRef<void>;
|
|
1396
|
-
private readonly _treeRef;
|
|
1397
|
-
private readonly _elRef;
|
|
1398
|
-
/**
|
|
1399
|
-
* Set of all node IDs selectable via overrides: each listed root and all its descendants.
|
|
1400
|
-
* Recomputed whenever the tree data or the override list changes.
|
|
1401
|
-
*/
|
|
1402
|
-
private readonly _overrideSubtreeSet;
|
|
1403
|
-
/** All three maps rebuilt lazily as a single computed whenever taxonomy changes. */
|
|
1404
|
-
private readonly _maps;
|
|
1405
|
-
/** O(1) set of selected ids, rebuilt only when selection changes. */
|
|
1406
|
-
private readonly _selectedSet;
|
|
1407
|
-
/** True when at least one node is explicitly selected. */
|
|
1408
|
-
protected readonly hasSelection: _angular_core.Signal<boolean>;
|
|
1409
|
-
/** Count of selected nodes within selectable levels (depth < maxDepth or in overrides), shown in the tab label. */
|
|
1410
|
-
protected readonly selectedVisibleCount: _angular_core.Signal<number>;
|
|
1411
|
-
readonly treeChildrenAccessor: (node: INode) => INode[];
|
|
1412
|
-
readonly hasChild: (_: number, node: INode) => boolean;
|
|
1413
|
-
/** Returns true when the node can be selected: depth < maxDepth or explicitly listed in maxDepthOverrides. */
|
|
1414
|
-
protected isSelectable(node: INode): boolean;
|
|
1415
|
-
private _isSelectableNode;
|
|
1416
|
-
/** Current filter text. */
|
|
1417
|
-
protected readonly filterText: _angular_core.WritableSignal<string>;
|
|
1418
|
-
/** Nodes matching the current filter text, in nodeMap iteration order. */
|
|
1419
|
-
protected readonly filteredItems: _angular_core.WritableSignal<INode[]>;
|
|
1420
|
-
/** Index of the currently highlighted filtered node (-1 = none). */
|
|
1421
|
-
protected readonly filterIndex: _angular_core.WritableSignal<number>;
|
|
1422
|
-
/** The currently highlighted filtered node, or null. */
|
|
1423
|
-
protected readonly filteredNode: _angular_core.Signal<INode>;
|
|
1424
|
-
constructor();
|
|
1425
|
-
/** Expands all visible nodes in the tree. */
|
|
1426
|
-
protected expandAll(): void;
|
|
1427
|
-
/** Collapses all nodes in the tree. */
|
|
1428
|
-
protected collapseAll(): void;
|
|
1429
|
-
/** Clears the entire selection. */
|
|
1430
|
-
protected clearAll(): void;
|
|
1431
|
-
/** Searches nodes by text and moves to the first match. */
|
|
1432
|
-
protected doFilter(): void;
|
|
1433
|
-
/** Clears the filter and restores the original tree state. */
|
|
1434
|
-
protected clearFilter(): void;
|
|
1435
|
-
/** Moves to the next matching node, cycling back to the first. */
|
|
1436
|
-
protected nextFiltered(): void;
|
|
1437
|
-
/** Returns true when the node is the currently highlighted filter match. */
|
|
1438
|
-
protected isFilteredNode(node: INode): boolean;
|
|
1439
|
-
/** Expands ancestors of the target node and scrolls it into view. */
|
|
1440
|
-
private _scrollToFiltered;
|
|
1441
|
-
/**
|
|
1442
|
-
* Returns true when the node is in the active selection.
|
|
1443
|
-
* @param node - tree node to check
|
|
1444
|
-
* @returns true if selected
|
|
1445
|
-
*/
|
|
1446
|
-
protected isSelected(node: INode): boolean;
|
|
1447
|
-
/**
|
|
1448
|
-
* Returns true when a subset (but not all) of the node's descendants are selected,
|
|
1449
|
-
* producing the indeterminate checkbox state.
|
|
1450
|
-
* @param node - tree node to evaluate
|
|
1451
|
-
* @returns true if the node is in a partial-selection (indeterminate) state
|
|
1452
|
-
*/
|
|
1453
|
-
protected isIndeterminate(node: INode): boolean;
|
|
1454
|
-
/**
|
|
1455
|
-
* Toggles the node and all its descendants; then syncs the ancestor chain.
|
|
1456
|
-
* @param node - the node that was clicked
|
|
1457
|
-
*/
|
|
1458
|
-
protected toggleNode(node: INode): void;
|
|
1459
|
-
/**
|
|
1460
|
-
* Deselects the node and all its descendants. Called by the chip remove button.
|
|
1461
|
-
* @param node - the node to remove from the selection
|
|
1462
|
-
*/
|
|
1463
|
-
protected removeNode(node: INode): void;
|
|
1464
|
-
/**
|
|
1465
|
-
* Returns the INode for the given id, or undefined if not found.
|
|
1466
|
-
* @param id - node id to look up
|
|
1467
|
-
* @returns the matching INode
|
|
1468
|
-
*/
|
|
1469
|
-
protected nodeById(id: string): INode | undefined;
|
|
1470
|
-
/**
|
|
1471
|
-
* Returns true when the node at the given id is within the visible depth range
|
|
1472
|
-
* and should appear in the chip list.
|
|
1473
|
-
* @param id - node id to check
|
|
1474
|
-
* @returns true if the node depth is less than maxDepth
|
|
1475
|
-
*/
|
|
1476
|
-
protected isChipVisible(id: string): boolean;
|
|
1477
|
-
/**
|
|
1478
|
-
* Returns only the selectable descendants of node (depth < maxDepth or in overrides),
|
|
1479
|
-
* used for indeterminate state and parent auto-selection logic.
|
|
1480
|
-
* @param node - root of the subtree to traverse
|
|
1481
|
-
* @returns flat array of selectable descendant INodes
|
|
1482
|
-
*/
|
|
1483
|
-
private _getSelectableDescendants;
|
|
1484
|
-
/**
|
|
1485
|
-
* Walks up the ancestor chain from node, selecting a parent only when all
|
|
1486
|
-
* its descendants are in the set, deselecting it otherwise.
|
|
1487
|
-
* @param node - starting node for the upward traversal
|
|
1488
|
-
* @param set - mutable selection set updated in place
|
|
1489
|
-
*/
|
|
1490
|
-
private _syncParentsInSet;
|
|
1491
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreePickerComponent, never>;
|
|
1492
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreePickerComponent, "tree-picker", never, { "tree": { "alias": "tree"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "descriptionEmpty": { "alias": "descriptionEmpty"; "required": false; "isSignal": true; }; "maxDepth": { "alias": "maxDepth"; "required": false; "isSignal": true; }; "maxDepthOverrides": { "alias": "maxDepthOverrides"; "required": false; "isSignal": true; }; "minDepth": { "alias": "minDepth"; "required": false; "isSignal": true; }; }, { "selection": "selectionChange"; "selectionCount": "selectionCount"; "changed": "changed"; }, never, never, true, never>;
|
|
1493
|
-
}
|
|
1494
|
-
|
|
1495
|
-
/**
|
|
1496
|
-
* @file navigation.definitions.ts
|
|
1497
|
-
*
|
|
1498
|
-
* Data model shared by every variant of the Material Design 3 (Expressive)
|
|
1499
|
-
* navigation component: Navigation bar, Navigation rail (collapsed and
|
|
1500
|
-
* expanded) and Navigation drawer (standard and modal).
|
|
1501
|
-
*
|
|
1502
|
-
* Reference: https://m3.material.io/components/navigation-bar/specs
|
|
1503
|
-
* https://m3.material.io/components/navigation-rail/specs
|
|
1504
|
-
* https://m3.material.io/components/navigation-drawer/specs
|
|
1505
|
-
*/
|
|
1506
|
-
|
|
1507
|
-
/**
|
|
1508
|
-
* Rendering variants supported by the component.
|
|
1509
|
-
*
|
|
1510
|
-
* - `bar` — Navigation bar, horizontal, anchored to the bottom edge (compact windows).
|
|
1511
|
-
* - `rail` — Collapsed navigation rail, vertical, 96dp wide (medium / expanded windows).
|
|
1512
|
-
* - `rail-expanded` — Expanded navigation rail, 220dp+, labels beside icons, supports sections.
|
|
1513
|
-
* - `drawer` — Standard navigation drawer, 360dp, inline with the page content.
|
|
1514
|
-
* - `modal` — Modal navigation drawer: same as `drawer` but overlaid on a scrim.
|
|
1515
|
-
* - `auto` — Resolved at runtime from the active CDK breakpoint (see `autoVariants`).
|
|
1516
|
-
*/
|
|
1517
|
-
type NavigationVariant = 'auto' | 'bar' | 'rail' | 'rail-expanded' | 'drawer' | 'modal';
|
|
1518
|
-
/** Variants that can actually be rendered, i.e. every variant except `auto`. */
|
|
1519
|
-
type ResolvedNavigationVariant = Exclude<NavigationVariant, 'auto'>;
|
|
1520
|
-
/**
|
|
1521
|
-
* Label visibility policy, mirroring the four Material label visibility modes.
|
|
1522
|
-
*
|
|
1523
|
-
* - `auto` — Labels are always shown (current M3 guidance).
|
|
1524
|
-
* - `labeled` — Labels are always shown.
|
|
1525
|
-
* - `selected` — Only the active destination shows its label (legacy M3 "auto" behaviour).
|
|
1526
|
-
* - `unlabeled` — Icons only; the accessible name comes from `aria-label` / tooltip.
|
|
1527
|
-
*/
|
|
1528
|
-
type NavigationLabelVisibility = 'auto' | 'labeled' | 'selected' | 'unlabeled';
|
|
1529
|
-
/**
|
|
1530
|
-
* Item layout inside a destination.
|
|
1531
|
-
*
|
|
1532
|
-
* - `vertical` — Icon stacked above the label (M3 default for compact windows).
|
|
1533
|
-
* - `horizontal` — Icon at the start of the label (M3 Expressive, medium windows and above).
|
|
1534
|
-
* - `auto` — `vertical` on compact windows, `horizontal` from 600dp upwards; always
|
|
1535
|
-
* `horizontal` for the expanded rail and the drawer.
|
|
1536
|
-
*/
|
|
1537
|
-
type NavigationItemLayout = 'auto' | 'vertical' | 'horizontal';
|
|
1538
|
-
/** Vertical alignment of the destination list inside a rail. */
|
|
1539
|
-
type NavigationAlignment = 'top' | 'center' | 'bottom';
|
|
1540
|
-
/** Side the rail / drawer is anchored to. Automatically mirrored in RTL. */
|
|
1541
|
-
type NavigationPosition = 'start' | 'end';
|
|
1542
|
-
/**
|
|
1543
|
-
* Badge attached to a destination.
|
|
1544
|
-
* When `value` is `undefined` a small dot badge is rendered, otherwise a large
|
|
1545
|
-
* badge showing the value (clamped to `max`).
|
|
1546
|
-
*/
|
|
1547
|
-
interface NavigationBadge {
|
|
1548
|
-
/** Numeric or textual content of the badge. Leave `undefined` for a dot badge. */
|
|
1549
|
-
value?: number | string;
|
|
1550
|
-
/** Upper bound for numeric values; above it the badge renders `${max}+`. Defaults to 999. */
|
|
1551
|
-
max?: number;
|
|
1552
|
-
/** Accessible description announced together with the destination label. */
|
|
1553
|
-
ariaLabel?: string;
|
|
1554
|
-
/** Optional CSS colour override for this badge only. */
|
|
1555
|
-
color?: string;
|
|
1556
|
-
}
|
|
1557
|
-
/**
|
|
1558
|
-
* Frame indices of a sprite sheet, one per interaction state.
|
|
1559
|
-
*
|
|
1560
|
-
* The same shape describes the light set (declared inline on the sprite) and the
|
|
1561
|
-
* dark set (declared under `NavigationIconSprite.dark`), so a sheet holding both
|
|
1562
|
-
* themes needs no duplicated geometry.
|
|
1563
|
-
*/
|
|
1564
|
-
interface NavigationSpriteFrames {
|
|
1565
|
-
/** Zero-based frame index for the resting state. Defaults to 0. */
|
|
1566
|
-
normal?: number;
|
|
1567
|
-
/** Frame index used on hover and on keyboard focus. Defaults to `normal`. */
|
|
1568
|
-
hover?: number;
|
|
1569
|
-
/** Frame index used when the destination is selected. Defaults to `hover`. */
|
|
1570
|
-
active?: number;
|
|
1571
|
-
/** Frame index used when the destination is disabled. Defaults to `normal`. */
|
|
1572
|
-
disabled?: number;
|
|
1573
|
-
}
|
|
1574
|
-
/**
|
|
1575
|
-
* Sprite sheet descriptor: a single image holding every state frame of an icon,
|
|
1576
|
-
* revealed by shifting `background-position` — no extra request per state.
|
|
1577
|
-
*
|
|
1578
|
-
* Frames are assumed to be square and evenly spaced, laid out along a single
|
|
1579
|
-
* axis. Two geometries are described, and they are NOT the same thing:
|
|
1580
|
-
* - `size` is the side of a frame INSIDE the image file;
|
|
1581
|
-
* - `renderSize` is the side the icon is actually drawn at.
|
|
1582
|
-
* The component rescales the whole sheet through `background-size`, so a strip
|
|
1583
|
-
* of 26px frames can be drawn at the 24px of the surrounding Material icons
|
|
1584
|
-
* without the neighbouring frames bleeding in.
|
|
1585
|
-
*
|
|
1586
|
-
* The frame indices declared inline are the light-theme set; `dark` overrides
|
|
1587
|
-
* the ones that differ when the dark theme is active. A sheet that carries a
|
|
1588
|
-
* single set simply omits `dark`.
|
|
1589
|
-
*/
|
|
1590
|
-
interface NavigationIconSprite extends NavigationSpriteFrames {
|
|
1591
|
-
/** URL of the sprite sheet. */
|
|
1592
|
-
url: string;
|
|
1593
|
-
/** Side of a single frame inside the image file, in pixels. Defaults to 24. */
|
|
1594
|
-
size?: number;
|
|
1595
|
-
/** Side the icon is drawn at, in pixels. Defaults to `size`. */
|
|
1596
|
-
renderSize?: number;
|
|
1597
|
-
/**
|
|
1598
|
-
* Total number of frames in the sheet, needed to rescale it.
|
|
1599
|
-
* Defaults to the highest referenced frame index plus one, which is correct
|
|
1600
|
-
* for any sheet that has no trailing unused frame.
|
|
1601
|
-
*/
|
|
1602
|
-
frames?: number;
|
|
1603
|
-
/** Axis the frames are laid out along. Defaults to `vertical`. */
|
|
1604
|
-
direction?: 'vertical' | 'horizontal';
|
|
1605
|
-
/** Frame indices used when the dark theme is active. Defaults to the light ones. */
|
|
1606
|
-
dark?: NavigationSpriteFrames;
|
|
1607
|
-
}
|
|
1608
|
-
/** A single navigation destination. */
|
|
1609
|
-
interface NavigationItem {
|
|
1610
|
-
/** Stable unique identifier; used as the `@for` track key and as the selection value. */
|
|
1611
|
-
id: string;
|
|
1612
|
-
/** Visible label. Also used as the accessible name and as the tooltip fallback. */
|
|
1613
|
-
label: string;
|
|
1614
|
-
/** Material Symbols ligature rendered when the destination is NOT selected. */
|
|
1615
|
-
icon?: string;
|
|
1616
|
-
/** Material Symbols ligature rendered when the destination IS selected (usually the filled variant). */
|
|
1617
|
-
activeIcon?: string;
|
|
1618
|
-
/** Path of a raster / vector image rendered as the icon. Takes precedence over `icon`. */
|
|
1619
|
-
imageIcon?: string;
|
|
1620
|
-
/** Image used when the destination is selected. Takes precedence over `activeIcon`. */
|
|
1621
|
-
activeImageIcon?: string;
|
|
1622
|
-
/**
|
|
1623
|
-
* Sprite sheet holding every state frame of the icon. Takes precedence over
|
|
1624
|
-
* `imageIcon` and `icon`; state changes cost one `background-position` shift.
|
|
1625
|
-
*/
|
|
1626
|
-
sprite?: NavigationIconSprite;
|
|
1627
|
-
/** Name of an SVG icon registered in `MatIconRegistry`; takes precedence over `icon`. */
|
|
1628
|
-
svgIcon?: string;
|
|
1629
|
-
/** SVG icon used when the destination is selected; takes precedence over `activeIcon`. */
|
|
1630
|
-
activeSvgIcon?: string;
|
|
1631
|
-
/** Badge shown on top of the icon (collapsed variants) or at the trailing edge (expanded variants). */
|
|
1632
|
-
badge?: NavigationBadge;
|
|
1633
|
-
/** Short trailing text shown at the end of the row in the expanded rail and in the drawer. */
|
|
1634
|
-
trailing?: string;
|
|
1635
|
-
/** When `true` the destination is rendered dimmed and is not interactive. */
|
|
1636
|
-
disabled?: boolean;
|
|
1637
|
-
/**
|
|
1638
|
-
* When `true` the destination is not rendered inline in the compact variants:
|
|
1639
|
-
* it is moved into the overflow menu instead. Which variants count as compact
|
|
1640
|
-
* is decided by the component's `overflowMode` input.
|
|
1641
|
-
*/
|
|
1642
|
-
hideWhenCompact?: boolean;
|
|
1643
|
-
/** Tooltip text; defaults to `label` when the label is not visible. */
|
|
1644
|
-
tooltip?: string;
|
|
1645
|
-
/** Router commands used to build the destination URL. */
|
|
1646
|
-
route?: string | readonly unknown[];
|
|
1647
|
-
/** Query parameters appended to `route`. */
|
|
1648
|
-
queryParams?: Record<string, unknown>;
|
|
1649
|
-
/** Fragment appended to `route`. */
|
|
1650
|
-
fragment?: string;
|
|
1651
|
-
/** When `true` the route must match the whole URL to mark the destination active. Defaults to `false`. */
|
|
1652
|
-
exact?: boolean;
|
|
1653
|
-
/** External URL. Rendered as a plain anchor and never matched against the router. */
|
|
1654
|
-
href?: string;
|
|
1655
|
-
/** Anchor target used together with `href`. */
|
|
1656
|
-
target?: string;
|
|
1657
|
-
/** Explicit accessible name, when the visible label is not descriptive enough. */
|
|
1658
|
-
ariaLabel?: string;
|
|
1659
|
-
/**
|
|
1660
|
-
* Nested destinations. A destination with children never navigates on its own:
|
|
1661
|
-
* clicking it expands the group inline (expanded rail / drawer) or opens it in
|
|
1662
|
-
* a floating panel (bar / collapsed rail).
|
|
1663
|
-
*/
|
|
1664
|
-
children?: readonly NavigationItem[];
|
|
1665
|
-
/** Initial expansion state of a destination that has `children`. Defaults to `false`. */
|
|
1666
|
-
expanded?: boolean;
|
|
1667
|
-
/**
|
|
1668
|
-
* Edge the destination is pinned to inside a rail or a drawer.
|
|
1669
|
-
* `bottom` destinations are pushed to the end of the surface. Ignored by the
|
|
1670
|
-
* navigation bar, where every destination shares the same row.
|
|
1671
|
-
*/
|
|
1672
|
-
align?: 'top' | 'bottom';
|
|
1673
|
-
/** Arbitrary payload echoed back in `NavigationSelection`. */
|
|
1674
|
-
data?: unknown;
|
|
1675
|
-
}
|
|
1676
|
-
/**
|
|
1677
|
-
* A group of destinations. Section headlines and dividers are only rendered by
|
|
1678
|
-
* the expanded rail and by the drawer, exactly as described by the M3 specs.
|
|
1679
|
-
*/
|
|
1680
|
-
interface NavigationSection {
|
|
1681
|
-
/** Stable unique identifier; used as the `@for` track key. */
|
|
1682
|
-
id: string;
|
|
1683
|
-
/** Optional headline rendered above the group. */
|
|
1684
|
-
label?: string;
|
|
1685
|
-
/** Destinations belonging to the section. */
|
|
1686
|
-
items: readonly NavigationItem[];
|
|
1687
|
-
/** When `true` a divider is rendered after the section. */
|
|
1688
|
-
divider?: boolean;
|
|
1689
|
-
}
|
|
1690
|
-
/** Payload emitted when a destination is activated. */
|
|
1691
|
-
interface NavigationSelection {
|
|
1692
|
-
/** The activated destination. */
|
|
1693
|
-
item: NavigationItem;
|
|
1694
|
-
/** The section the destination belongs to, when sections are in use. */
|
|
1695
|
-
section?: NavigationSection;
|
|
1696
|
-
/** The parent destination, when a nested destination was activated. */
|
|
1697
|
-
parent?: NavigationItem;
|
|
1698
|
-
/** Zero-based index of the destination across the whole flattened list. */
|
|
1699
|
-
index: number;
|
|
1700
|
-
}
|
|
1701
|
-
/**
|
|
1702
|
-
* Policy deciding where `hideWhenCompact` destinations are collapsed into the
|
|
1703
|
-
* overflow menu.
|
|
1704
|
-
*
|
|
1705
|
-
* - `bar` — only in the navigation bar (default).
|
|
1706
|
-
* - `compact` — in the navigation bar and in the collapsed rail.
|
|
1707
|
-
* - `never` — `hideWhenCompact` is ignored and every destination stays inline.
|
|
1708
|
-
*/
|
|
1709
|
-
type NavigationOverflowMode = 'bar' | 'compact' | 'never';
|
|
1710
|
-
/**
|
|
1711
|
-
* Identifier of the synthesized overflow destination. Use it to recognise the
|
|
1712
|
-
* overflow entry inside `itemSelected`.
|
|
1713
|
-
*/
|
|
1714
|
-
declare const NAVIGATION_OVERFLOW_ID = "__overflow";
|
|
1715
|
-
/** Map of breakpoint alias to the variant used when `variant` is `auto`. */
|
|
1716
|
-
type NavigationAutoVariants = Partial<Record<BreakpointAlias, ResolvedNavigationVariant>>;
|
|
1717
|
-
/**
|
|
1718
|
-
* Default `auto` mapping, aligned with the Material 3 window size classes:
|
|
1719
|
-
* compact windows get the navigation bar, medium and expanded windows get the
|
|
1720
|
-
* collapsed rail, large and extra-large windows get the expanded rail.
|
|
1721
|
-
*/
|
|
1722
|
-
declare const DEFAULT_NAVIGATION_AUTO_VARIANTS: Required<NavigationAutoVariants>;
|
|
1723
|
-
/** Variants that render labels beside the icon and support sections and dividers. */
|
|
1724
|
-
declare const EXPANDED_NAVIGATION_VARIANTS: readonly ResolvedNavigationVariant[];
|
|
1725
|
-
|
|
1726
|
-
/** Internal, pre-computed render model for a single destination. */
|
|
1727
|
-
interface NavigationRenderItem {
|
|
1728
|
-
/** The source destination. */
|
|
1729
|
-
readonly item: NavigationItem;
|
|
1730
|
-
/** Owning section, when sections are in use. */
|
|
1731
|
-
readonly section?: NavigationSection;
|
|
1732
|
-
/** Parent destination, for nested destinations. */
|
|
1733
|
-
readonly parent?: NavigationItem;
|
|
1734
|
-
/** Zero-based index across the whole flattened destination list. */
|
|
1735
|
-
readonly index: number;
|
|
1736
|
-
/** Nesting level: `0` for a root destination. */
|
|
1737
|
-
readonly depth: number;
|
|
1738
|
-
/** Resolved URL, when the destination is routed or external. */
|
|
1739
|
-
readonly href?: string;
|
|
1740
|
-
/** `true` when the destination navigates through the Angular router. */
|
|
1741
|
-
readonly routed: boolean;
|
|
1742
|
-
/** Material Symbols ligature for the unselected state. */
|
|
1743
|
-
readonly iconOff?: string;
|
|
1744
|
-
/** Material Symbols ligature for the selected state. */
|
|
1745
|
-
readonly iconOn?: string;
|
|
1746
|
-
/** Registered SVG icon name for the unselected state. */
|
|
1747
|
-
readonly svgOff?: string;
|
|
1748
|
-
/** Registered SVG icon name for the selected state. */
|
|
1749
|
-
readonly svgOn?: string;
|
|
1750
|
-
/** Image URL for the unselected state. */
|
|
1751
|
-
readonly imageOff?: string;
|
|
1752
|
-
/** Image URL for the selected state. */
|
|
1753
|
-
readonly imageOn?: string;
|
|
1754
|
-
/** Inline custom properties driving a sprite-sheet icon, when one is used. */
|
|
1755
|
-
readonly spriteStyle?: Record<string, string>;
|
|
1756
|
-
/** Rendered badge text; empty string means "dot badge". */
|
|
1757
|
-
readonly badgeText: string;
|
|
1758
|
-
/** `true` when the destination carries a badge of any kind. */
|
|
1759
|
-
readonly hasBadge: boolean;
|
|
1760
|
-
/** `true` when the destination never renders its label, whatever the label policy. */
|
|
1761
|
-
readonly iconOnly: boolean;
|
|
1762
|
-
/** `true` when the destination owns nested destinations. */
|
|
1763
|
-
readonly hasChildren: boolean;
|
|
1764
|
-
/** Pre-computed render models of the nested destinations. */
|
|
1765
|
-
readonly children: readonly NavigationRenderItem[];
|
|
1766
|
-
/** Accessible name announced for the destination. */
|
|
1767
|
-
readonly ariaLabel: string;
|
|
1768
|
-
/** Tooltip text used when the label is not visible. */
|
|
1769
|
-
readonly tooltip: string;
|
|
1770
|
-
}
|
|
1771
|
-
/** Internal render model for a section and its destinations. */
|
|
1772
|
-
interface NavigationRenderSection {
|
|
1773
|
-
/** The source section. */
|
|
1774
|
-
readonly section: NavigationSection;
|
|
1775
|
-
/** Destinations of the section. */
|
|
1776
|
-
readonly items: readonly NavigationRenderItem[];
|
|
1777
|
-
}
|
|
1778
|
-
/** Internal render model for one row of the floating submenu panel. */
|
|
1779
|
-
interface NavigationPanelEntry {
|
|
1780
|
-
/** Stable `@for` track key. */
|
|
1781
|
-
readonly key: string;
|
|
1782
|
-
/** Heading text, when the row is a group heading. */
|
|
1783
|
-
readonly label?: string;
|
|
1784
|
-
/** Destination to render, when the row is an actual entry. */
|
|
1785
|
-
readonly render?: NavigationRenderItem;
|
|
1786
|
-
}
|
|
1787
|
-
/** Internal render model for one of the two anchoring groups of a surface. */
|
|
1788
|
-
interface NavigationRenderGroup {
|
|
1789
|
-
/** Edge the group is pinned to. */
|
|
1790
|
-
readonly align: 'top' | 'bottom';
|
|
1791
|
-
/** Sections belonging to the group. */
|
|
1792
|
-
readonly sections: readonly NavigationRenderSection[];
|
|
1793
|
-
}
|
|
1794
|
-
declare class NavigationBarComponent {
|
|
1795
|
-
private readonly media;
|
|
1796
|
-
private readonly themeService;
|
|
1797
|
-
private readonly router;
|
|
1798
|
-
private readonly directionality;
|
|
1799
|
-
private readonly hostRef;
|
|
1800
|
-
private readonly destroyRef;
|
|
1801
|
-
/** Flat list of destinations. Ignored when `sections` is provided. */
|
|
1802
|
-
readonly items: _angular_core.InputSignal<readonly NavigationItem[]>;
|
|
1803
|
-
/** Grouped destinations. Section headlines and dividers only render in the expanded variants. */
|
|
1804
|
-
readonly sections: _angular_core.InputSignal<readonly NavigationSection[]>;
|
|
1805
|
-
/** Rendering variant. `auto` resolves from the active breakpoint through `autoVariants`. */
|
|
1806
|
-
readonly variant: _angular_core.InputSignal<NavigationVariant>;
|
|
1807
|
-
/** Breakpoint → variant map used when `variant` is `auto`. Missing entries fall back to the M3 defaults. */
|
|
1808
|
-
readonly autoVariants: _angular_core.InputSignal<Partial<Record<"xs" | "sm" | "md" | "lg" | "xl", ResolvedNavigationVariant>>>;
|
|
1809
|
-
/** Two-way bound id of the selected destination. The router, when active, takes precedence. */
|
|
1810
|
-
readonly selectedId: _angular_core.ModelSignal<string>;
|
|
1811
|
-
/**
|
|
1812
|
-
* Two-way bound ids of the expanded parent destinations.
|
|
1813
|
-
* Leave unbound (`undefined`) to let the component manage the expansion state
|
|
1814
|
-
* on its own, seeding it from `NavigationItem.expanded` and auto-opening the
|
|
1815
|
-
* ancestors of the active destination.
|
|
1816
|
-
*/
|
|
1817
|
-
readonly expandedIds: _angular_core.ModelSignal<readonly string[]>;
|
|
1818
|
-
/** Two-way bound open state of the modal drawer. Ignored by the other variants. */
|
|
1819
|
-
readonly open: _angular_core.ModelSignal<boolean>;
|
|
1820
|
-
/** Label visibility policy. */
|
|
1821
|
-
readonly labelVisibility: _angular_core.InputSignal<NavigationLabelVisibility>;
|
|
1822
|
-
/** Icon / label arrangement inside a destination. */
|
|
1823
|
-
readonly itemLayout: _angular_core.InputSignal<NavigationItemLayout>;
|
|
1824
|
-
/** Vertical alignment of the `top` destination group inside a rail. */
|
|
1825
|
-
readonly alignment: _angular_core.InputSignal<NavigationAlignment>;
|
|
1826
|
-
/** Edge the rail / drawer is anchored to. Mirrored automatically in RTL. */
|
|
1827
|
-
readonly position: _angular_core.InputSignal<NavigationPosition>;
|
|
1828
|
-
/** Headline rendered above the destinations in the expanded rail and in the drawer. */
|
|
1829
|
-
readonly headline: _angular_core.InputSignal<string>;
|
|
1830
|
-
/** When `true` a leading menu button is rendered; it emits `menuClick`. */
|
|
1831
|
-
readonly showMenuButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1832
|
-
/** Material Symbols ligature used by the menu button. */
|
|
1833
|
-
readonly menuIcon: _angular_core.InputSignal<string>;
|
|
1834
|
-
/** Material Symbols ligature used by the expand / collapse chevron. */
|
|
1835
|
-
readonly expandIcon: _angular_core.InputSignal<string>;
|
|
1836
|
-
/** Where `hideWhenCompact` destinations are collapsed into the overflow menu. */
|
|
1837
|
-
readonly overflowMode: _angular_core.InputSignal<NavigationOverflowMode>;
|
|
1838
|
-
/** Material Symbols ligature of the overflow destination. */
|
|
1839
|
-
readonly overflowIcon: _angular_core.InputSignal<string>;
|
|
1840
|
-
/** Accessible name and tooltip of the overflow destination, which renders icon-only. */
|
|
1841
|
-
readonly overflowLabel: _angular_core.InputSignal<string>;
|
|
1842
|
-
/**
|
|
1843
|
-
* Hard cap on the destinations rendered inline in the compact variants,
|
|
1844
|
-
* applied per anchoring group. The overflow destination counts as one slot.
|
|
1845
|
-
* `0` disables the cap; the M3 specs recommend 3 to 5 for the navigation bar.
|
|
1846
|
-
*/
|
|
1847
|
-
readonly maxVisibleItems: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1848
|
-
/** Accessible name of the menu button. */
|
|
1849
|
-
readonly menuAriaLabel: _angular_core.InputSignal<string>;
|
|
1850
|
-
/** Accessible name of the navigation landmark. */
|
|
1851
|
-
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1852
|
-
/** When `true` a scrim is rendered behind the modal drawer. */
|
|
1853
|
-
readonly scrim: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1854
|
-
/** When `true` the modal drawer closes as soon as a destination is activated. */
|
|
1855
|
-
readonly closeOnSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1856
|
-
/** When `true` the surface gets the M3 elevation-3 shadow. */
|
|
1857
|
-
readonly elevated: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1858
|
-
/** When `true` a 1px divider separates the surface from the page content. */
|
|
1859
|
-
readonly bordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1860
|
-
/** When `true` tooltips are shown for destinations whose label is not visible. */
|
|
1861
|
-
readonly tooltips: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1862
|
-
/** When `true` the selection follows the current router URL. */
|
|
1863
|
-
readonly routerSync: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1864
|
-
/** Route used to resolve relative `route` commands. Absolute resolution when omitted. */
|
|
1865
|
-
readonly relativeTo: _angular_core.InputSignal<ActivatedRoute>;
|
|
1866
|
-
/** Explicit surface width in pixels for the rail / drawer variants. `0` keeps the spec default. */
|
|
1867
|
-
readonly width: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1868
|
-
/** When `true` the whole surface is hidden (animated off-screen) without being destroyed. */
|
|
1869
|
-
readonly hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1870
|
-
/** Emitted when a destination is activated by the user. */
|
|
1871
|
-
readonly itemSelected: _angular_core.OutputEmitterRef<NavigationSelection>;
|
|
1872
|
-
/** Emitted when the leading menu button is pressed. */
|
|
1873
|
-
readonly menuClick: _angular_core.OutputEmitterRef<void>;
|
|
1874
|
-
/** Focusable destination elements, in DOM order; used for keyboard roving. */
|
|
1875
|
-
private readonly itemElements;
|
|
1876
|
-
/** Focusable entries of the floating submenu panel, in DOM order. */
|
|
1877
|
-
private readonly panelElements;
|
|
1878
|
-
/** Current router URL, kept in a signal so the template stays zoneless-friendly. */
|
|
1879
|
-
private readonly routerUrl;
|
|
1880
|
-
/**
|
|
1881
|
-
* Ticks whenever the application theme moves. The emitted value is ignored on
|
|
1882
|
-
* purpose: it is a change notification, not the answer.
|
|
1883
|
-
*
|
|
1884
|
-
* Reads `themeService`, so it MUST stay below the injected dependencies: moved
|
|
1885
|
-
* above them it would read `undefined`, `?? EMPTY` would swallow it and the
|
|
1886
|
-
* theme would silently stop propagating, with nothing to show for it at
|
|
1887
|
-
* compile time.
|
|
1888
|
-
*/
|
|
1889
|
-
private readonly themeChanged;
|
|
1890
|
-
/**
|
|
1891
|
-
* `true` when the dark theme is active; selects the dark frame set of a sprite.
|
|
1892
|
-
*
|
|
1893
|
-
* The answer comes from `getTheme()`, the only one that resolves `auto`
|
|
1894
|
-
* against the OS preference. `getTheme()` already reads a signal for the
|
|
1895
|
-
* explicit modes, so `themeChanged()` is read for the one case that is not
|
|
1896
|
-
* reactive on its own: mode `auto` plus a change of the OS colour scheme,
|
|
1897
|
-
* which leaves the stored mode on `auto` and only travels through `changed`.
|
|
1898
|
-
* Falls back to the light set when no `ThemeService` is provided.
|
|
1899
|
-
*/
|
|
1900
|
-
private readonly isDark;
|
|
1901
|
-
/** Id of the destination whose children are currently shown in the floating panel. */
|
|
1902
|
-
private readonly popupId;
|
|
1903
|
-
/**
|
|
1904
|
-
* Destination whose children are currently shown in the floating panel.
|
|
1905
|
-
*
|
|
1906
|
-
* Derived from the id and NOT stored as an object: the render model is rebuilt
|
|
1907
|
-
* whenever the destinations, the resolved URLs or the theme change, and a
|
|
1908
|
-
* stored object would keep the panel painting the sprite frames of the
|
|
1909
|
-
* previous theme until the panel is closed and reopened.
|
|
1910
|
-
*
|
|
1911
|
-
* The search is recursive because a panel entry can itself own children and
|
|
1912
|
-
* open a panel of its own, and those nested render models are not part of the
|
|
1913
|
-
* top level of `visibleGroups`.
|
|
1914
|
-
*
|
|
1915
|
-
* Reads `visibleGroups`, which is declared further down: safe because
|
|
1916
|
-
* `computed` is lazy and nothing reads this before the first render — the
|
|
1917
|
-
* opposite of `themeChanged` above, which reads its dependency immediately.
|
|
1918
|
-
*/
|
|
1919
|
-
protected readonly popupItem: _angular_core.Signal<NavigationRenderItem>;
|
|
1920
|
-
/** Element the floating panel is anchored to. */
|
|
1921
|
-
private readonly popupAnchor;
|
|
1922
|
-
constructor();
|
|
1923
|
-
/** Sections actually rendered: the `sections` input, or a single implicit section wrapping `items`. */
|
|
1924
|
-
private readonly resolvedSections;
|
|
1925
|
-
/** Every destination, nested ones included, in depth-first order. */
|
|
1926
|
-
private readonly allItems;
|
|
1927
|
-
/** Map of destination id to the id of its parent destination. */
|
|
1928
|
-
private readonly parentOf;
|
|
1929
|
-
/** The variant to render, resolving `auto` against the active CDK breakpoint. */
|
|
1930
|
-
protected readonly resolvedVariant: _angular_core.Signal<ResolvedNavigationVariant>;
|
|
1931
|
-
/** `true` for the variants that render labels beside icons and support sections. */
|
|
1932
|
-
protected readonly isExpanded: _angular_core.Signal<boolean>;
|
|
1933
|
-
/** `true` when the surface is the modal drawer. */
|
|
1934
|
-
protected readonly isModal: _angular_core.Signal<boolean>;
|
|
1935
|
-
/** `true` when the modal drawer is currently open. */
|
|
1936
|
-
protected readonly isOverlayOpen: _angular_core.Signal<boolean>;
|
|
1937
|
-
/** `true` when the surface must be visually hidden. */
|
|
1938
|
-
protected readonly isHidden: _angular_core.Signal<boolean>;
|
|
1939
|
-
/** Resolved icon / label arrangement. */
|
|
1940
|
-
protected readonly resolvedLayout: _angular_core.Signal<"vertical" | "horizontal">;
|
|
1941
|
-
/** Resolved label visibility; the expanded variants always show labels. */
|
|
1942
|
-
protected readonly resolvedLabelVisibility: _angular_core.Signal<"labeled" | "selected" | "unlabeled">;
|
|
1943
|
-
/** `true` when the headline row (menu button, headline text) is rendered. */
|
|
1944
|
-
protected readonly showsHeader: _angular_core.Signal<boolean>;
|
|
1945
|
-
/**
|
|
1946
|
-
* Geometry of the active indicator:
|
|
1947
|
-
* `compact` wraps the icon only (56x32 pill), `wide` wraps icon and label
|
|
1948
|
-
* together, exactly as described by the M3 Expressive specs.
|
|
1949
|
-
*/
|
|
1950
|
-
protected readonly indicatorMode: _angular_core.Signal<"compact" | "wide">;
|
|
1951
|
-
/** Tooltip placement derived from the variant and from the anchoring edge. */
|
|
1952
|
-
protected readonly tooltipPosition: _angular_core.Signal<TooltipPosition>;
|
|
1953
|
-
/** Inline width override for the rail / drawer, or `undefined` to keep the spec default. */
|
|
1954
|
-
protected readonly widthStyle: _angular_core.Signal<string>;
|
|
1955
|
-
/** Map of destination id to resolved URL. Recomputed only when the destinations change. */
|
|
1956
|
-
private readonly hrefs;
|
|
1957
|
-
/**
|
|
1958
|
-
* Static render model, rebuilt only when the destinations, the resolved URLs
|
|
1959
|
-
* or the theme change — never when the selection or the expansion state
|
|
1960
|
-
* changes. The theme is a dependency because sprite icons carry one frame set
|
|
1961
|
-
* per theme, and the frames are baked into the inline style of the icon.
|
|
1962
|
-
*/
|
|
1963
|
-
private readonly renderGroups;
|
|
1964
|
-
/** Id of the destination matching the current router URL, using longest-prefix matching. */
|
|
1965
|
-
private readonly routerActiveId;
|
|
1966
|
-
/** Id of the currently active destination: router URL first, explicit selection as fallback. */
|
|
1967
|
-
protected readonly activeId: _angular_core.Signal<string>;
|
|
1968
|
-
/**
|
|
1969
|
-
* Expansion state used when `expandedIds` is left unbound: the destinations
|
|
1970
|
-
* flagged `expanded`, plus every ancestor of the active destination.
|
|
1971
|
-
*/
|
|
1972
|
-
private readonly defaultExpandedIds;
|
|
1973
|
-
/** Ids of the parent destinations currently expanded. */
|
|
1974
|
-
protected readonly expandedSet: _angular_core.Signal<ReadonlySet<string>>;
|
|
1975
|
-
/** `true` when the current variant collapses `hideWhenCompact` destinations into the overflow menu. */
|
|
1976
|
-
protected readonly overflowApplies: _angular_core.Signal<boolean>;
|
|
1977
|
-
/**
|
|
1978
|
-
* Render model actually walked by the template: the static model with the
|
|
1979
|
-
* compact-only destinations moved into the overflow menu and the children of
|
|
1980
|
-
* the expanded parents spliced in.
|
|
1981
|
-
*/
|
|
1982
|
-
protected readonly visibleGroups: _angular_core.Signal<readonly NavigationRenderGroup[]>;
|
|
1983
|
-
/**
|
|
1984
|
-
* Ids rendered with the selected styling. It is the active destination when it
|
|
1985
|
-
* is on screen, otherwise every rendered parent hiding it — a collapsed branch
|
|
1986
|
-
* or the overflow entry — so the user still sees where they are.
|
|
1987
|
-
*/
|
|
1988
|
-
protected readonly highlightedIds: _angular_core.Signal<ReadonlySet<string>>;
|
|
1989
|
-
/**
|
|
1990
|
-
* Rows of the floating submenu panel. Nested destinations one level down are
|
|
1991
|
-
* flattened under a heading, so the overflow menu can hold parents too.
|
|
1992
|
-
*/
|
|
1993
|
-
protected readonly popupEntries: _angular_core.Signal<readonly NavigationPanelEntry[]>;
|
|
1994
|
-
/** `true` when the floating submenu panel must be shown. */
|
|
1995
|
-
protected readonly isPopupOpen: _angular_core.Signal<boolean>;
|
|
1996
|
-
/** Element the floating submenu panel is anchored to. */
|
|
1997
|
-
protected readonly popupOrigin: _angular_core.Signal<HTMLElement>;
|
|
1998
|
-
/** Connected positions of the floating submenu panel, derived from the variant. */
|
|
1999
|
-
protected readonly popupPositions: _angular_core.Signal<ConnectedPosition[]>;
|
|
2000
|
-
/** `true` when the layout runs right-to-left; used to mirror the arrow keys. */
|
|
2001
|
-
private readonly isRtl;
|
|
2002
|
-
/**
|
|
2003
|
-
* Activates a destination, or expands it when it owns nested destinations.
|
|
2004
|
-
* A parent never navigates: it toggles its group inline in the wide variants
|
|
2005
|
-
* and opens the floating panel in the compact ones.
|
|
2006
|
-
* @param render - The render model of the activated destination.
|
|
2007
|
-
* @param event - The originating mouse or keyboard event.
|
|
2008
|
-
*/
|
|
2009
|
-
protected select(render: NavigationRenderItem, event: Event): void;
|
|
2010
|
-
/**
|
|
2011
|
-
* Emits `menuClick` when the leading menu button is pressed.
|
|
2012
|
-
*/
|
|
2013
|
-
protected onMenuClick(): void;
|
|
2014
|
-
/**
|
|
2015
|
-
* Closes the modal drawer when the scrim is clicked.
|
|
2016
|
-
*/
|
|
2017
|
-
protected onScrimClick(): void;
|
|
2018
|
-
/**
|
|
2019
|
-
* Handles keyboard interaction: arrow keys move the focus between
|
|
2020
|
-
* destinations, `Home` / `End` jump to the first / last one and `Escape`
|
|
2021
|
-
* closes the floating submenu panel or the modal drawer.
|
|
2022
|
-
*
|
|
2023
|
-
* The same handler serves the surface and the floating panel, and it tells
|
|
2024
|
-
* them apart by `currentTarget`: roving inside an open `role="menu"` must stay
|
|
2025
|
-
* inside it, and a programmatic `focus()` is NOT stopped by the focus trap, so
|
|
2026
|
-
* sharing one element list would send the focus onto the surface behind the
|
|
2027
|
-
* overlay.
|
|
2028
|
-
*
|
|
2029
|
-
* @param event - The originating keyboard event.
|
|
2030
|
-
*/
|
|
2031
|
-
protected onKeydown(event: KeyboardEvent): void;
|
|
2032
|
-
/**
|
|
2033
|
-
* Expands or collapses the parent destination with the given id.
|
|
2034
|
-
* @param id - Identifier of the parent destination to toggle.
|
|
2035
|
-
*/
|
|
2036
|
-
toggleExpanded(id: string): void;
|
|
2037
|
-
/**
|
|
2038
|
-
* Opens the floating submenu panel of a parent destination.
|
|
2039
|
-
* @param render - The render model of the parent destination.
|
|
2040
|
-
* @param event - The originating event, used to anchor the panel.
|
|
2041
|
-
*/
|
|
2042
|
-
protected openPopup(render: NavigationRenderItem, event: Event): void;
|
|
2043
|
-
/**
|
|
2044
|
-
* Closes the floating submenu panel.
|
|
2045
|
-
*/
|
|
2046
|
-
closePopup(): void;
|
|
2047
|
-
/**
|
|
2048
|
-
* Opens the modal drawer. No-op for the other variants.
|
|
2049
|
-
*/
|
|
2050
|
-
openDrawer(): void;
|
|
2051
|
-
/**
|
|
2052
|
-
* Closes the modal drawer. No-op for the other variants.
|
|
2053
|
-
*/
|
|
2054
|
-
closeDrawer(): void;
|
|
2055
|
-
/**
|
|
2056
|
-
* Toggles the modal drawer. No-op for the other variants.
|
|
2057
|
-
*/
|
|
2058
|
-
toggleDrawer(): void;
|
|
2059
|
-
/**
|
|
2060
|
-
* Moves the browser focus to the destination with the given id.
|
|
2061
|
-
* @param id - Identifier of the destination to focus.
|
|
2062
|
-
* @returns `true` when a matching destination was found and focused.
|
|
2063
|
-
*/
|
|
2064
|
-
focusItem(id: string): boolean;
|
|
2065
|
-
/**
|
|
2066
|
-
* Moves the compact-only destinations of a group into a synthesized overflow
|
|
2067
|
-
* destination appended at the end of the group.
|
|
2068
|
-
* @param group - The group to process.
|
|
2069
|
-
* @param overflow - `true` when `hideWhenCompact` must be honoured.
|
|
2070
|
-
* @param max - Hard cap on the inline destinations; `0` disables it.
|
|
2071
|
-
* @returns The group with the overflow destination applied.
|
|
2072
|
-
*/
|
|
2073
|
-
private applyOverflow;
|
|
2074
|
-
/**
|
|
2075
|
-
* Builds the synthesized, icon-only overflow destination.
|
|
2076
|
-
* @param children - The destinations moved into the overflow menu.
|
|
2077
|
-
* @returns The render model of the overflow destination.
|
|
2078
|
-
*/
|
|
2079
|
-
private buildOverflowItem;
|
|
2080
|
-
/**
|
|
2081
|
-
* Merges the `top` and `bottom` groups into a single `top` group, combining
|
|
2082
|
-
* the sections that share an id so `@for` track keys stay unique.
|
|
2083
|
-
* @param groups - The groups to merge.
|
|
2084
|
-
* @returns A single-group array, or the input when there is nothing to merge.
|
|
2085
|
-
*/
|
|
2086
|
-
private static mergeGroups;
|
|
2087
|
-
/**
|
|
2088
|
-
* Builds the render model of a destination and, recursively, of its children.
|
|
2089
|
-
* @param item - The source destination.
|
|
2090
|
-
* @param section - The section the destination belongs to.
|
|
2091
|
-
* @param parent - The parent destination, for nested destinations.
|
|
2092
|
-
* @param depth - Nesting level of the destination.
|
|
2093
|
-
* @param counter - Shared counter producing the flat destination index.
|
|
2094
|
-
* @param hrefs - Map of destination id to resolved URL.
|
|
2095
|
-
* @param dark - `true` when the dark theme is active, selecting the dark sprite frames.
|
|
2096
|
-
* @returns The render model of the destination.
|
|
2097
|
-
*/
|
|
2098
|
-
private static buildRenderItem;
|
|
2099
|
-
/**
|
|
2100
|
-
* Translates a sprite descriptor into the inline custom properties the
|
|
2101
|
-
* stylesheet uses to size the icon and to shift `background-position` per
|
|
2102
|
-
* interaction state.
|
|
2103
|
-
*
|
|
2104
|
-
* The sheet is rescaled through `background-size` instead of being drawn at
|
|
2105
|
-
* its natural size: that is what lets a strip of 26px frames be painted at the
|
|
2106
|
-
* 24px of the surrounding Material icons without the neighbouring frames
|
|
2107
|
-
* bleeding into the box, and it makes the step between two frames exactly the
|
|
2108
|
-
* rendered side.
|
|
2109
|
-
*
|
|
2110
|
-
* @param item - The destination whose sprite must be translated.
|
|
2111
|
-
* @param dark - `true` when the dark theme is active, selecting the `dark` frame set.
|
|
2112
|
-
* @returns The inline style map, or `undefined` when the destination uses no sprite.
|
|
2113
|
-
*/
|
|
2114
|
-
private static buildSpriteStyle;
|
|
2115
|
-
/**
|
|
2116
|
-
* Number of frames a sprite sheet holds, needed to rescale it.
|
|
2117
|
-
* @param sprite - The sprite descriptor to measure.
|
|
2118
|
-
* @returns The declared frame count, or the highest referenced index plus one.
|
|
2119
|
-
*/
|
|
2120
|
-
private static spriteFrameCount;
|
|
2121
|
-
/**
|
|
2122
|
-
* Formats the badge content of a destination.
|
|
2123
|
-
* @param item - The destination whose badge must be formatted.
|
|
2124
|
-
* @returns The badge text, or an empty string for a dot badge / no badge.
|
|
2125
|
-
*/
|
|
2126
|
-
private static formatBadge;
|
|
2127
|
-
/**
|
|
2128
|
-
* Strips the query string and the fragment from a URL.
|
|
2129
|
-
* @param url - The URL to normalise.
|
|
2130
|
-
* @returns The path portion of the URL.
|
|
2131
|
-
*/
|
|
2132
|
-
private static pathOf;
|
|
2133
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationBarComponent, never>;
|
|
2134
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationBarComponent, "navigation-bar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "autoVariants": { "alias": "autoVariants"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "labelVisibility": { "alias": "labelVisibility"; "required": false; "isSignal": true; }; "itemLayout": { "alias": "itemLayout"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showMenuButton": { "alias": "showMenuButton"; "required": false; "isSignal": true; }; "menuIcon": { "alias": "menuIcon"; "required": false; "isSignal": true; }; "expandIcon": { "alias": "expandIcon"; "required": false; "isSignal": true; }; "overflowMode": { "alias": "overflowMode"; "required": false; "isSignal": true; }; "overflowIcon": { "alias": "overflowIcon"; "required": false; "isSignal": true; }; "overflowLabel": { "alias": "overflowLabel"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "scrim": { "alias": "scrim"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "tooltips": { "alias": "tooltips"; "required": false; "isSignal": true; }; "routerSync": { "alias": "routerSync"; "required": false; "isSignal": true; }; "relativeTo": { "alias": "relativeTo"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, { "selectedId": "selectedIdChange"; "expandedIds": "expandedIdsChange"; "open": "openChange"; "itemSelected": "itemSelected"; "menuClick": "menuClick"; }, never, ["[navHeader]", "[navFab]", "[navFooter]"], true, never>;
|
|
122
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ApplicationDialogService, never>;
|
|
123
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ApplicationDialogService>;
|
|
2135
124
|
}
|
|
2136
125
|
|
|
2137
|
-
export { ApplicationDialogService
|
|
2138
|
-
export type { ButtonToggleInfo, FilePreviewDialogData, FilterGroup, FilterItem, ISelectableItem, NavigationAlignment, NavigationAutoVariants, NavigationBadge, NavigationIconSprite, NavigationItem, NavigationItemLayout, NavigationLabelVisibility, NavigationOverflowMode, NavigationPosition, NavigationSection, NavigationSelection, NavigationSpriteFrames, NavigationVariant, PromptDateDialogResult, PromptDialogData, PromptDialogResult, PromptOtpDialogResult, PromptTimeDialogData, ResolvedNavigationVariant, SelectDialogAppend, SelectDialogData, SelectDialogDelete, SelectDialogEdit, SelectDialogFilter, SelectDialogLookup, SelectDialogResult, SelectFile, SelectFileDialogData, SelectFileOption, SelectPictureFileDialogData, SelectTreeDialogAppend, SelectTreeDialogData, SelectTreeDialogResult, SelectableFilter, SendToDialogData, SendToDialogResult, SendToPopulateData };
|
|
126
|
+
export { ApplicationDialogService };
|