@arsedizioni/ars-utils 21.2.208 → 21.2.220
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/arsedizioni-ars-utils-clipper.common.mjs +179 -159
- package/fesm2022/arsedizioni-ars-utils-clipper.common.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-clipper.ui.mjs +48 -48
- package/fesm2022/arsedizioni-ars-utils-clipper.ui.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-core.mjs +104 -104
- package/fesm2022/arsedizioni-ars-utils-core.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-evolution.common.mjs +280 -252
- package/fesm2022/arsedizioni-ars-utils-evolution.common.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-help.mjs +115 -102
- package/fesm2022/arsedizioni-ars-utils-help.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-support.common.mjs +43 -36
- package/fesm2022/arsedizioni-ars-utils-support.common.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-support.ui.mjs +68 -77
- package/fesm2022/arsedizioni-ars-utils-support.ui.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-tinymce.mjs +41 -26
- package/fesm2022/arsedizioni-ars-utils-tinymce.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-ui.application.mjs +803 -732
- package/fesm2022/arsedizioni-ars-utils-ui.application.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-ui.mjs +475 -330
- package/fesm2022/arsedizioni-ars-utils-ui.mjs.map +1 -1
- package/fesm2022/arsedizioni-ars-utils-ui.oauth.mjs +29 -25
- package/fesm2022/arsedizioni-ars-utils-ui.oauth.mjs.map +1 -1
- package/package.json +1 -1
- package/types/arsedizioni-ars-utils-clipper.common.d.ts +88 -62
- package/types/arsedizioni-ars-utils-clipper.ui.d.ts +1 -1
- package/types/arsedizioni-ars-utils-core.d.ts +1 -1
- package/types/arsedizioni-ars-utils-evolution.common.d.ts +131 -70
- package/types/arsedizioni-ars-utils-help.d.ts +76 -66
- package/types/arsedizioni-ars-utils-support.common.d.ts +29 -19
- package/types/arsedizioni-ars-utils-support.ui.d.ts +29 -25
- package/types/arsedizioni-ars-utils-tinymce.d.ts +25 -10
- package/types/arsedizioni-ars-utils-ui.application.d.ts +458 -328
- package/types/arsedizioni-ars-utils-ui.d.ts +282 -145
- package/types/arsedizioni-ars-utils-ui.oauth.d.ts +25 -18
|
@@ -1,30 +1,43 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { OnInit, OnDestroy, DoCheck,
|
|
3
|
-
import { NgForm, ControlValueAccessor, NgControl } from '@angular/forms';
|
|
2
|
+
import { OnInit, OnDestroy, DoCheck, ElementRef, AfterContentInit } from '@angular/core';
|
|
4
3
|
import { Searchable, SearchBag, NameValueItem, DateInterval, SearchFilterMetadata, FileInfo } from '@arsedizioni/ars-utils/core';
|
|
5
4
|
import { MatFormFieldAppearance, MatFormFieldControl } from '@angular/material/form-field';
|
|
5
|
+
import { MatDialogRef } from '@angular/material/dialog';
|
|
6
|
+
import { DialogService } from '@arsedizioni/ars-utils/ui';
|
|
6
7
|
import { FlatTreeControl } from '@angular/cdk/tree';
|
|
7
8
|
import { MatTreeFlatDataSource } from '@angular/material/tree';
|
|
8
9
|
import { BehaviorSubject, Subject } from 'rxjs';
|
|
10
|
+
import { NgForm, ControlValueAccessor, NgControl } from '@angular/forms';
|
|
9
11
|
import { MatCheckboxChange } from '@angular/material/checkbox';
|
|
10
12
|
import { MatSelectionList, MatSelectionListChange } from '@angular/material/list';
|
|
11
13
|
import { MatPaginator, PageEvent } from '@angular/material/paginator';
|
|
12
|
-
import { MatDialogRef } from '@angular/material/dialog';
|
|
13
|
-
import { DialogService } from '@arsedizioni/ars-utils/ui';
|
|
14
14
|
|
|
15
|
-
declare class ResizeTableColumnDirective
|
|
15
|
+
declare class ResizeTableColumnDirective {
|
|
16
|
+
/** Whether this column is resizable. Bound via the `resizeColumn` attribute. */
|
|
16
17
|
readonly resizable: _angular_core.InputSignal<boolean>;
|
|
18
|
+
/** Zero-based index of this column in the table, used to resize body cells. */
|
|
17
19
|
readonly index: _angular_core.InputSignal<number>;
|
|
18
20
|
private readonly renderer;
|
|
19
21
|
private readonly elementRef;
|
|
20
22
|
private startX;
|
|
21
23
|
private startWidth;
|
|
22
|
-
private column;
|
|
24
|
+
private readonly column;
|
|
23
25
|
private table;
|
|
24
26
|
private pressed;
|
|
25
|
-
|
|
27
|
+
constructor();
|
|
28
|
+
/**
|
|
29
|
+
* Record the drag start position and initial column width.
|
|
30
|
+
* @param e - The mousedown event.
|
|
31
|
+
*/
|
|
26
32
|
onMouseDown: (e: MouseEvent) => void;
|
|
33
|
+
/**
|
|
34
|
+
* Resize the column header and all body cells while dragging.
|
|
35
|
+
* @param e - The mousemove event.
|
|
36
|
+
*/
|
|
27
37
|
onMouseMove: (e: MouseEvent) => void;
|
|
38
|
+
/**
|
|
39
|
+
* End the drag and remove the resizing CSS class from the table.
|
|
40
|
+
*/
|
|
28
41
|
onMouseUp: () => void;
|
|
29
42
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizeTableColumnDirective, never>;
|
|
30
43
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ResizeTableColumnDirective, "[resizeColumn]", never, { "resizable": { "alias": "resizeColumn"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -40,24 +53,27 @@ interface SendToDialogData {
|
|
|
40
53
|
appearance?: MatFormFieldAppearance;
|
|
41
54
|
options?: any;
|
|
42
55
|
}
|
|
43
|
-
declare class SendToDialogComponent
|
|
56
|
+
declare class SendToDialogComponent {
|
|
57
|
+
/** Emitted when the user confirms and sends the message. */
|
|
44
58
|
readonly done: _angular_core.OutputEmitterRef<SendToDialogResult>;
|
|
59
|
+
/** Emitted when the user requests to populate the recipient list. */
|
|
45
60
|
readonly populate: _angular_core.OutputEmitterRef<SendToPopulateData>;
|
|
46
|
-
|
|
47
|
-
protected dialogData: SendToDialogData
|
|
61
|
+
/** Dialog configuration, injected and exposed as a signal. */
|
|
62
|
+
protected readonly dialogData: _angular_core.WritableSignal<SendToDialogData>;
|
|
63
|
+
/** Form model for the send-to form fields. */
|
|
48
64
|
protected item: SendToDialogResult;
|
|
49
|
-
ngOnInit(): void;
|
|
50
65
|
/**
|
|
51
|
-
*
|
|
66
|
+
* Confirm the form and emit the result.
|
|
52
67
|
*/
|
|
53
68
|
protected ok(): void;
|
|
54
69
|
/**
|
|
55
|
-
*
|
|
70
|
+
* Request the host to populate the recipient list.
|
|
71
|
+
* Only emits if `canPopulate` is enabled in the dialog data.
|
|
56
72
|
*/
|
|
57
73
|
protected populateRecipients(): void;
|
|
58
74
|
/**
|
|
59
|
-
* Update
|
|
60
|
-
* @param recipients
|
|
75
|
+
* Update the recipient list from an external caller.
|
|
76
|
+
* @param recipients - The new recipients string (semicolon-separated).
|
|
61
77
|
*/
|
|
62
78
|
updateRecipients(recipients: string): void;
|
|
63
79
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SendToDialogComponent, never>;
|
|
@@ -175,9 +191,7 @@ interface ISelectableItem extends Searchable {
|
|
|
175
191
|
declare class SelectableItem implements ISelectableItem {
|
|
176
192
|
bag: any;
|
|
177
193
|
template: string;
|
|
178
|
-
/**
|
|
179
|
-
* Searchable
|
|
180
|
-
*/
|
|
194
|
+
/** Searchable index bag. */
|
|
181
195
|
searchBag: SearchBag;
|
|
182
196
|
}
|
|
183
197
|
declare class ItemNode {
|
|
@@ -191,10 +205,13 @@ declare class ItemNode {
|
|
|
191
205
|
declare class SelectableNode extends ItemNode implements Searchable {
|
|
192
206
|
expandable: boolean;
|
|
193
207
|
level: number;
|
|
208
|
+
/** Searchable index bag. */
|
|
209
|
+
searchBag: SearchBag;
|
|
194
210
|
/**
|
|
195
|
-
*
|
|
211
|
+
* Create a flattened tree node from a source ItemNode.
|
|
212
|
+
* @param item - The source tree node.
|
|
213
|
+
* @param level - The depth level of this node in the tree.
|
|
196
214
|
*/
|
|
197
|
-
searchBag: SearchBag;
|
|
198
215
|
constructor(item: ItemNode, level: number);
|
|
199
216
|
}
|
|
200
217
|
interface SendToPopulateData {
|
|
@@ -202,9 +219,9 @@ interface SendToPopulateData {
|
|
|
202
219
|
source: SendToDialogComponent;
|
|
203
220
|
}
|
|
204
221
|
interface SendToDialogResult {
|
|
205
|
-
recipients: string;
|
|
206
|
-
subject: string;
|
|
207
|
-
text: string;
|
|
222
|
+
recipients: string | null;
|
|
223
|
+
subject: string | undefined;
|
|
224
|
+
text: string | undefined;
|
|
208
225
|
options?: any;
|
|
209
226
|
}
|
|
210
227
|
interface PromptDialogResult {
|
|
@@ -246,6 +263,7 @@ interface PromptTimeDialogData extends PromptDialogData {
|
|
|
246
263
|
slots?: string;
|
|
247
264
|
}
|
|
248
265
|
|
|
266
|
+
/** Constants identifying each filter group slot and text filter channels. */
|
|
249
267
|
declare const Filters: {
|
|
250
268
|
FLT_1: number;
|
|
251
269
|
FLT_2: number;
|
|
@@ -257,6 +275,7 @@ declare const Filters: {
|
|
|
257
275
|
FLT_TEXT_2: number;
|
|
258
276
|
FLT_TEXT_3: number;
|
|
259
277
|
};
|
|
278
|
+
/** Describes a top-level filter group with optional items or a custom action. */
|
|
260
279
|
interface FilterGroup {
|
|
261
280
|
group?: number;
|
|
262
281
|
title?: string;
|
|
@@ -264,6 +283,7 @@ interface FilterGroup {
|
|
|
264
283
|
items?: FilterItem[];
|
|
265
284
|
action?: any;
|
|
266
285
|
}
|
|
286
|
+
/** A single selectable entry within a FilterGroup. */
|
|
267
287
|
interface FilterItem {
|
|
268
288
|
group?: number;
|
|
269
289
|
title?: string;
|
|
@@ -272,10 +292,14 @@ interface FilterItem {
|
|
|
272
292
|
divider?: boolean;
|
|
273
293
|
value?: any;
|
|
274
294
|
}
|
|
295
|
+
/** Event payload emitted when an active filter changes. */
|
|
275
296
|
declare class CurrentFilterChanged {
|
|
297
|
+
/** The updated filter state. */
|
|
276
298
|
filter: CurrentFilter;
|
|
299
|
+
/** The group slot that changed (see Filters constants). */
|
|
277
300
|
group: number;
|
|
278
301
|
}
|
|
302
|
+
/** Holds the current state of all active filters for a filter-bar component. */
|
|
279
303
|
declare class CurrentFilter {
|
|
280
304
|
flt1?: any;
|
|
281
305
|
flt1Name?: string;
|
|
@@ -291,16 +315,21 @@ declare class CurrentFilter {
|
|
|
291
315
|
text2?: string;
|
|
292
316
|
text3?: string;
|
|
293
317
|
/**
|
|
294
|
-
*
|
|
318
|
+
* Returns true if any filter slot or text field is currently active.
|
|
319
|
+
* @returns Whether at least one filter is applied.
|
|
295
320
|
*/
|
|
296
321
|
filtered(): boolean;
|
|
297
322
|
}
|
|
323
|
+
/** Holds the selected value and display state for a single typed filter slot. */
|
|
298
324
|
declare class CurrentFilterItem<T> {
|
|
299
325
|
items?: any[];
|
|
300
326
|
value?: T;
|
|
301
327
|
enabled?: boolean;
|
|
302
328
|
title?: string;
|
|
303
329
|
selectedTitle?: string;
|
|
330
|
+
/**
|
|
331
|
+
* Reset the filter to its empty state.
|
|
332
|
+
*/
|
|
304
333
|
clear(): void;
|
|
305
334
|
}
|
|
306
335
|
|
|
@@ -310,29 +339,31 @@ declare class TreeDataSource implements OnDestroy {
|
|
|
310
339
|
ngOnDestroy(): void;
|
|
311
340
|
initialize(data: ItemNode[]): void;
|
|
312
341
|
/**
|
|
313
|
-
* Find a node by id recursively
|
|
314
|
-
* @param node
|
|
315
|
-
* @param id
|
|
342
|
+
* Find a node by id recursively.
|
|
343
|
+
* @param node - The source node to search from, or null to search from root.
|
|
344
|
+
* @param id - The id to search for.
|
|
345
|
+
* @returns The matching node, or undefined if not found.
|
|
316
346
|
*/
|
|
317
|
-
findNode(node: ItemNode, id: string): ItemNode;
|
|
347
|
+
findNode(node: ItemNode | null, id: string): ItemNode | undefined;
|
|
318
348
|
/**
|
|
319
|
-
* Remove a node
|
|
320
|
-
* @param id
|
|
349
|
+
* Remove a node from the tree.
|
|
350
|
+
* @param id - The id of the node to remove.
|
|
321
351
|
*/
|
|
322
352
|
removeNode(id: string): void;
|
|
323
353
|
/**
|
|
324
|
-
* Insert a new node
|
|
325
|
-
* @param node
|
|
354
|
+
* Insert a new node at the top of its parent (or root).
|
|
355
|
+
* @param node - The new node to insert.
|
|
326
356
|
*/
|
|
327
357
|
insertNode(node: ItemNode): void;
|
|
328
358
|
/**
|
|
329
|
-
* Rename a node
|
|
330
|
-
* @param id
|
|
331
|
-
* @param name
|
|
359
|
+
* Rename a node in the tree.
|
|
360
|
+
* @param id - The id of the node to rename.
|
|
361
|
+
* @param name - The new name for the node.
|
|
362
|
+
* @returns The renamed node, or undefined if not found.
|
|
332
363
|
*/
|
|
333
|
-
renameNode(id: string, name: string): ItemNode;
|
|
364
|
+
renameNode(id: string, name: string): ItemNode | undefined;
|
|
334
365
|
/**
|
|
335
|
-
*
|
|
366
|
+
* Notify all subscribers of the current data state.
|
|
336
367
|
*/
|
|
337
368
|
update(): void;
|
|
338
369
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeDataSource, never>;
|
|
@@ -343,21 +374,24 @@ interface SelectTreeDialogAppend {
|
|
|
343
374
|
owner?: any;
|
|
344
375
|
}
|
|
345
376
|
declare class SelectTreeDialogComponent implements OnInit {
|
|
377
|
+
/** Emitted when the user confirms a selection. */
|
|
346
378
|
readonly done: _angular_core.OutputEmitterRef<SelectTreeDialogResult>;
|
|
379
|
+
/** Emitted when the user requests to append a new node. */
|
|
347
380
|
readonly append: _angular_core.OutputEmitterRef<SelectTreeDialogAppend>;
|
|
348
381
|
private readonly destroyRef;
|
|
349
|
-
private readonly changeDetector;
|
|
350
382
|
private readonly dialogRef;
|
|
351
|
-
|
|
352
|
-
|
|
383
|
+
/** Dialog configuration, injected and exposed as a signal. */
|
|
384
|
+
protected readonly dialogData: _angular_core.WritableSignal<SelectTreeDialogData>;
|
|
385
|
+
private readonly tree;
|
|
353
386
|
private treeFlattener;
|
|
354
387
|
protected treeControl: FlatTreeControl<SelectableNode>;
|
|
355
388
|
protected treeData: MatTreeFlatDataSource<ItemNode, SelectableNode>;
|
|
356
|
-
|
|
389
|
+
/** Currently selected tree node. */
|
|
390
|
+
protected readonly currentNode: _angular_core.WritableSignal<SelectableNode>;
|
|
357
391
|
protected filterText: string;
|
|
358
392
|
protected filteredItems: SelectableNode[];
|
|
359
393
|
protected filterIndex: number;
|
|
360
|
-
protected canAppend: _angular_core.WritableSignal<boolean>;
|
|
394
|
+
protected readonly canAppend: _angular_core.WritableSignal<boolean>;
|
|
361
395
|
/**
|
|
362
396
|
* Manage flat tree view
|
|
363
397
|
*/
|
|
@@ -368,41 +402,41 @@ declare class SelectTreeDialogComponent implements OnInit {
|
|
|
368
402
|
protected transformer: (item: ItemNode, level: number) => SelectableNode;
|
|
369
403
|
ngOnInit(): void;
|
|
370
404
|
/**
|
|
371
|
-
*
|
|
405
|
+
* Confirm the current selection and close the dialog.
|
|
372
406
|
*/
|
|
373
407
|
protected ok(): void;
|
|
374
408
|
/**
|
|
375
|
-
*
|
|
376
|
-
* @param e
|
|
377
|
-
* @param node
|
|
409
|
+
* Toggle selection of a tree node. Clicking the already-selected node deselects it.
|
|
410
|
+
* @param e - The mouse event (propagation is stopped).
|
|
411
|
+
* @param node - The node that was clicked.
|
|
378
412
|
*/
|
|
379
413
|
protected select(e: MouseEvent, node: SelectableNode): void;
|
|
380
414
|
/**
|
|
381
|
-
* Clear filter
|
|
415
|
+
* Clear the active filter text.
|
|
382
416
|
*/
|
|
383
417
|
protected clearFilter(): void;
|
|
384
418
|
/**
|
|
385
|
-
*
|
|
386
|
-
* @param text
|
|
419
|
+
* Filter the tree nodes by name.
|
|
420
|
+
* @param text - Optional text to set as the filter before applying.
|
|
387
421
|
*/
|
|
388
422
|
protected doFilter(text?: string): void;
|
|
389
423
|
/**
|
|
390
|
-
*
|
|
424
|
+
* Advance to the next matching filtered node and scroll it into view.
|
|
391
425
|
*/
|
|
392
426
|
protected nextFiltered(): void;
|
|
393
427
|
/**
|
|
394
|
-
* Expand a node and all its
|
|
395
|
-
* @param node
|
|
428
|
+
* Expand a node and all of its parent nodes.
|
|
429
|
+
* @param node - The selectable node to expand.
|
|
396
430
|
*/
|
|
397
431
|
expand(node: SelectableNode): boolean;
|
|
398
432
|
/**
|
|
399
|
-
* Append a node to the tree
|
|
400
|
-
* @param node
|
|
433
|
+
* Append a new node to the tree.
|
|
434
|
+
* @param node - The node to insert.
|
|
401
435
|
*/
|
|
402
436
|
appendNode(node: ItemNode): void;
|
|
403
437
|
/**
|
|
404
|
-
|
|
405
|
-
|
|
438
|
+
* Emit an append request with the currently selected node as the parent.
|
|
439
|
+
*/
|
|
406
440
|
protected doAppend(): void;
|
|
407
441
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectTreeDialogComponent, never>;
|
|
408
442
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectTreeDialogComponent, "ng-component", never, {}, { "done": "done"; "append": "append"; }, never, never, true, never>;
|
|
@@ -410,46 +444,57 @@ declare class SelectTreeDialogComponent implements OnInit {
|
|
|
410
444
|
|
|
411
445
|
declare class SelectPictureDialogComponent {
|
|
412
446
|
readonly done: _angular_core.OutputEmitterRef<SelectFile>;
|
|
413
|
-
private readonly changeDetector;
|
|
414
447
|
private readonly dialogService;
|
|
415
448
|
private readonly dialogRef;
|
|
416
|
-
protected dialogData: SelectPictureFileDialogData
|
|
417
|
-
protected file
|
|
449
|
+
protected readonly dialogData: _angular_core.WritableSignal<SelectPictureFileDialogData>;
|
|
450
|
+
protected readonly file: _angular_core.WritableSignal<File>;
|
|
418
451
|
protected fileClass: _angular_core.WritableSignal<"selectpicture-file" | "selectpicture-file-drop">;
|
|
419
452
|
protected pictureWidth: _angular_core.WritableSignal<number>;
|
|
420
453
|
protected pictureHeight: _angular_core.WritableSignal<number>;
|
|
421
454
|
protected picturePreview: _angular_core.WritableSignal<any>;
|
|
422
455
|
/**
|
|
423
|
-
*
|
|
424
|
-
* @param e
|
|
456
|
+
* Handles the native file input change event and delegates to `selectFile`.
|
|
457
|
+
* @param e - The DOM change event from the file input.
|
|
425
458
|
*/
|
|
426
|
-
protected update(e:
|
|
459
|
+
protected update(e: Event): void;
|
|
427
460
|
/**
|
|
428
|
-
*
|
|
429
|
-
* @param file
|
|
461
|
+
* Validates the file size and type, then reads it as a data URL to generate a preview.
|
|
462
|
+
* @param file - The `File` object to validate and preview.
|
|
430
463
|
*/
|
|
431
464
|
private selectFile;
|
|
432
465
|
/**
|
|
433
|
-
*
|
|
434
|
-
* @param size
|
|
466
|
+
* Formats a byte count into a human-readable size string.
|
|
467
|
+
* @param size - File size in bytes.
|
|
468
|
+
* @returns A formatted size string (e.g. "1.2 MB").
|
|
435
469
|
*/
|
|
436
470
|
protected size(size: number): string;
|
|
437
|
-
/**
|
|
438
|
-
* Submit selection
|
|
439
|
-
*/
|
|
471
|
+
/** Emits the selected file and options, then closes the dialog. */
|
|
440
472
|
protected ok(): void;
|
|
441
|
-
/**
|
|
442
|
-
|
|
443
|
-
|
|
473
|
+
/** Highlights the drop zone when a dragged item is over it.
|
|
474
|
+
* @param e - The drag event.
|
|
475
|
+
*/
|
|
444
476
|
protected onDragOver(e: DragEvent): void;
|
|
477
|
+
/** Highlights the drop zone when a dragged item enters.
|
|
478
|
+
* @param e - The drag event.
|
|
479
|
+
*/
|
|
445
480
|
protected onDragEnter(e: DragEvent): void;
|
|
481
|
+
/** Resets the drop zone style when dragging ends.
|
|
482
|
+
* @param e - The drag event.
|
|
483
|
+
*/
|
|
446
484
|
protected onDragEnd(e: DragEvent): void;
|
|
485
|
+
/** Resets the drop zone style when a dragged item leaves.
|
|
486
|
+
* @param e - The drag event.
|
|
487
|
+
*/
|
|
447
488
|
protected onDragLeave(e: DragEvent): void;
|
|
489
|
+
/**
|
|
490
|
+
* Handles a file drop event, extracting and processing the dropped image.
|
|
491
|
+
* @param e - The drop event.
|
|
492
|
+
*/
|
|
448
493
|
protected onDrop(e: DragEvent): void;
|
|
449
494
|
/**
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
495
|
+
* Picks the first file from the list and passes it to `selectFile`.
|
|
496
|
+
* @param files - The `FileList` from the drag-and-drop event.
|
|
497
|
+
*/
|
|
453
498
|
private addFiles;
|
|
454
499
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectPictureDialogComponent, never>;
|
|
455
500
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectPictureDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
@@ -459,112 +504,118 @@ declare class SelectFileDialogComponent {
|
|
|
459
504
|
readonly done: _angular_core.OutputEmitterRef<SelectFile>;
|
|
460
505
|
private readonly dialogService;
|
|
461
506
|
private readonly dialogRef;
|
|
462
|
-
protected dialogData: SelectFileDialogData
|
|
463
|
-
protected file
|
|
507
|
+
protected readonly dialogData: _angular_core.WritableSignal<SelectFileDialogData>;
|
|
508
|
+
protected readonly file: _angular_core.WritableSignal<File>;
|
|
464
509
|
protected fileClass: _angular_core.WritableSignal<"selectfile-file" | "selectfile-file-drop">;
|
|
465
510
|
/**
|
|
466
|
-
*
|
|
467
|
-
* @param e
|
|
511
|
+
* Handles the native file input change event and delegates to `selectFile`.
|
|
512
|
+
* @param e - The DOM change event from the file input.
|
|
468
513
|
*/
|
|
469
|
-
protected update(e:
|
|
514
|
+
protected update(e: Event): void;
|
|
470
515
|
/**
|
|
471
|
-
*
|
|
472
|
-
* @param file
|
|
473
|
-
|
|
516
|
+
* Validates and sets the selected file, showing an error if size or type constraints are violated.
|
|
517
|
+
* @param file - The `File` object to validate and store.
|
|
474
518
|
*/
|
|
475
519
|
private selectFile;
|
|
476
520
|
/**
|
|
477
|
-
*
|
|
478
|
-
* @param size
|
|
521
|
+
* Formats a byte count into a human-readable size string.
|
|
522
|
+
* @param size - File size in bytes.
|
|
523
|
+
* @returns A formatted size string (e.g. "1.2 MB").
|
|
479
524
|
*/
|
|
480
525
|
protected size(size: number): string;
|
|
481
|
-
/**
|
|
482
|
-
* Submit selection
|
|
483
|
-
*/
|
|
526
|
+
/** Emits the selected file and options, then closes the dialog. */
|
|
484
527
|
protected ok(): void;
|
|
485
|
-
/**
|
|
486
|
-
|
|
487
|
-
|
|
528
|
+
/** Highlights the drop zone when a drag enters the area.
|
|
529
|
+
* @param e - The drag event.
|
|
530
|
+
*/
|
|
488
531
|
protected onDragOver(e: DragEvent): void;
|
|
532
|
+
/** Highlights the drop zone when a dragged item enters.
|
|
533
|
+
* @param e - The drag event.
|
|
534
|
+
*/
|
|
489
535
|
protected onDragEnter(e: DragEvent): void;
|
|
536
|
+
/** Resets the drop zone style when dragging ends.
|
|
537
|
+
* @param e - The drag event.
|
|
538
|
+
*/
|
|
490
539
|
protected onDragEnd(e: DragEvent): void;
|
|
540
|
+
/** Resets the drop zone style when a dragged item leaves the area.
|
|
541
|
+
* @param e - The drag event.
|
|
542
|
+
*/
|
|
491
543
|
protected onDragLeave(e: DragEvent): void;
|
|
544
|
+
/**
|
|
545
|
+
* Handles a file drop event, extracting and processing the dropped files.
|
|
546
|
+
* @param e - The drop event.
|
|
547
|
+
*/
|
|
492
548
|
protected onDrop(e: DragEvent): void;
|
|
493
549
|
/**
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
550
|
+
* Picks the first file from the list and passes it to `selectFile`.
|
|
551
|
+
* @param files - The `FileList` from the drag-and-drop event.
|
|
552
|
+
*/
|
|
497
553
|
private addFiles;
|
|
498
554
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectFileDialogComponent, never>;
|
|
499
555
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectFileDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
500
556
|
}
|
|
501
557
|
|
|
502
|
-
declare class PromptDialogComponent
|
|
558
|
+
declare class PromptDialogComponent {
|
|
503
559
|
readonly f: _angular_core.Signal<NgForm>;
|
|
504
560
|
readonly done: _angular_core.OutputEmitterRef<PromptDialogResult>;
|
|
505
561
|
private readonly dialogService;
|
|
506
|
-
protected dialogData: PromptDialogData
|
|
507
|
-
protected value
|
|
508
|
-
ngOnInit(): void;
|
|
562
|
+
protected readonly dialogData: _angular_core.WritableSignal<PromptDialogData>;
|
|
563
|
+
protected value: any;
|
|
509
564
|
/**
|
|
510
|
-
*
|
|
565
|
+
* Validates the form and emits the result, or shows an error if validation fails.
|
|
511
566
|
*/
|
|
512
567
|
protected ok(): void;
|
|
513
568
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptDialogComponent, never>;
|
|
514
569
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
515
570
|
}
|
|
516
571
|
|
|
517
|
-
declare class PromptDateDialogComponent
|
|
572
|
+
declare class PromptDateDialogComponent {
|
|
518
573
|
readonly f: _angular_core.Signal<NgForm>;
|
|
519
574
|
readonly done: _angular_core.OutputEmitterRef<PromptDateDialogResult>;
|
|
520
575
|
private readonly dialogService;
|
|
521
|
-
protected dialogData: PromptDialogData
|
|
522
|
-
protected value
|
|
523
|
-
ngOnInit(): void;
|
|
576
|
+
protected readonly dialogData: _angular_core.WritableSignal<PromptDialogData>;
|
|
577
|
+
protected value: any;
|
|
524
578
|
/**
|
|
525
|
-
*
|
|
579
|
+
* Validates the form and emits the result, or shows an error if validation fails.
|
|
526
580
|
*/
|
|
527
581
|
protected ok(): void;
|
|
528
582
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptDateDialogComponent, never>;
|
|
529
583
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptDateDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
530
584
|
}
|
|
531
585
|
|
|
532
|
-
declare class PromptOtpDialogComponent
|
|
586
|
+
declare class PromptOtpDialogComponent {
|
|
533
587
|
readonly f: _angular_core.Signal<NgForm>;
|
|
534
588
|
readonly done: _angular_core.OutputEmitterRef<PromptOtpDialogResult>;
|
|
535
589
|
private readonly dialogService;
|
|
536
|
-
protected dialogData: PromptDialogData
|
|
537
|
-
protected value
|
|
538
|
-
ngOnInit(): void;
|
|
590
|
+
protected readonly dialogData: _angular_core.WritableSignal<PromptDialogData>;
|
|
591
|
+
protected value: any;
|
|
539
592
|
/**
|
|
540
|
-
*
|
|
593
|
+
* Validates the form and emits the OTP result, or shows an error if validation fails.
|
|
541
594
|
*/
|
|
542
595
|
protected ok(): void;
|
|
543
596
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptOtpDialogComponent, never>;
|
|
544
597
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptOtpDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
545
598
|
}
|
|
546
599
|
|
|
547
|
-
declare class PromptTimeDialogComponent
|
|
600
|
+
declare class PromptTimeDialogComponent {
|
|
548
601
|
readonly f: _angular_core.Signal<NgForm>;
|
|
549
602
|
readonly done: _angular_core.OutputEmitterRef<PromptDialogResult>;
|
|
550
603
|
private readonly dialogService;
|
|
551
|
-
protected dialogData: PromptTimeDialogData
|
|
552
|
-
protected value
|
|
553
|
-
ngOnInit(): void;
|
|
604
|
+
protected readonly dialogData: _angular_core.WritableSignal<PromptTimeDialogData>;
|
|
605
|
+
protected value: any;
|
|
554
606
|
/**
|
|
555
|
-
*
|
|
607
|
+
* Validates the form and emits the result, or shows an error if validation fails.
|
|
556
608
|
*/
|
|
557
609
|
protected ok(): void;
|
|
558
610
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptTimeDialogComponent, never>;
|
|
559
611
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptTimeDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
|
|
560
612
|
}
|
|
561
613
|
|
|
562
|
-
declare class SelectDialogComponent
|
|
614
|
+
declare class SelectDialogComponent {
|
|
563
615
|
readonly paginator: _angular_core.Signal<MatPaginator>;
|
|
564
616
|
readonly selection: _angular_core.Signal<MatSelectionList>;
|
|
565
|
-
private readonly changeDetector;
|
|
566
617
|
private readonly dialogRef;
|
|
567
|
-
protected dialogData: SelectDialogData
|
|
618
|
+
protected readonly dialogData: _angular_core.WritableSignal<SelectDialogData>;
|
|
568
619
|
readonly done: _angular_core.OutputEmitterRef<SelectDialogResult>;
|
|
569
620
|
readonly edit: _angular_core.OutputEmitterRef<SelectDialogEdit>;
|
|
570
621
|
readonly view: _angular_core.OutputEmitterRef<SelectableItem>;
|
|
@@ -589,100 +640,80 @@ declare class SelectDialogComponent implements OnInit {
|
|
|
589
640
|
protected selectionMasterIndeterminate: _angular_core.WritableSignal<boolean>;
|
|
590
641
|
protected selectionMasterChecked: _angular_core.WritableSignal<boolean>;
|
|
591
642
|
protected total: _angular_core.WritableSignal<number>;
|
|
643
|
+
constructor();
|
|
592
644
|
ngOnInit(): void;
|
|
593
645
|
/**
|
|
594
|
-
*
|
|
595
|
-
* @param newTotal
|
|
646
|
+
* Updates the total item count signal, triggering UI refresh.
|
|
647
|
+
* @param newTotal - The new total count; defaults to 0 if omitted.
|
|
596
648
|
*/
|
|
597
649
|
notifyChanges(newTotal?: number): void;
|
|
598
|
-
/**
|
|
599
|
-
* Check if every element are selected
|
|
600
|
-
*/
|
|
650
|
+
/** Returns `true` when every list item is currently selected. */
|
|
601
651
|
private isAllSelected;
|
|
602
|
-
/**
|
|
603
|
-
* Checks if exists a selection
|
|
604
|
-
*/
|
|
652
|
+
/** Returns `true` when at least one list item is selected. */
|
|
605
653
|
private hasSelection;
|
|
606
654
|
/**
|
|
607
|
-
*
|
|
608
|
-
* @param e
|
|
655
|
+
* Selects or deselects all items based on the master checkbox state.
|
|
656
|
+
* @param e - The checkbox change event.
|
|
609
657
|
*/
|
|
610
658
|
protected masterSelectionToggle(e: MatCheckboxChange): void;
|
|
611
659
|
/**
|
|
612
|
-
*
|
|
613
|
-
* @param e
|
|
660
|
+
* Handles selection or deselection of a list item.
|
|
661
|
+
* @param e - The selection list change event.
|
|
614
662
|
*/
|
|
615
663
|
protected select(e: MatSelectionListChange): void;
|
|
616
|
-
/**
|
|
617
|
-
* Update selection info
|
|
618
|
-
*/
|
|
664
|
+
/** Refreshes the selection info label shown in the dialog footer. */
|
|
619
665
|
private updateSelectionInfo;
|
|
620
|
-
/**
|
|
621
|
-
* Clear current selection
|
|
622
|
-
*/
|
|
666
|
+
/** Deselects all items and resets the master checkbox state. */
|
|
623
667
|
clearSelection(): void;
|
|
624
|
-
/**
|
|
625
|
-
* Submit selection
|
|
626
|
-
*/
|
|
668
|
+
/** Emits the current selection and closes the dialog. */
|
|
627
669
|
protected ok(): void;
|
|
628
|
-
/**
|
|
629
|
-
* Clear filter
|
|
630
|
-
*/
|
|
670
|
+
/** Clears the current filter text input. */
|
|
631
671
|
protected clearFilter(): void;
|
|
632
672
|
/**
|
|
633
|
-
*
|
|
634
|
-
* @param text
|
|
673
|
+
* Sets the filter text programmatically.
|
|
674
|
+
* @param text - The new filter string to apply.
|
|
635
675
|
*/
|
|
636
676
|
setFilter(text: string): void;
|
|
637
677
|
/**
|
|
638
|
-
*
|
|
639
|
-
* @returns
|
|
678
|
+
* Returns the current filter text.
|
|
679
|
+
* @returns The active filter string.
|
|
640
680
|
*/
|
|
641
681
|
getFilter(): string;
|
|
642
|
-
/**
|
|
643
|
-
* Show filter options
|
|
644
|
-
*/
|
|
682
|
+
/** Emits the `lookupOptions` output event to open the filter options panel. */
|
|
645
683
|
protected showFilterOptions(): void;
|
|
646
684
|
/**
|
|
647
|
-
*
|
|
648
|
-
* @param text
|
|
685
|
+
* Applies the given text filter, emitting a lookup when enabled.
|
|
686
|
+
* @param text - Optional filter string; populates `filterText` when provided.
|
|
687
|
+
* @param e - Optional keyboard event; lookup only fires on Enter.
|
|
649
688
|
*/
|
|
650
689
|
protected doFilter(text?: string, e?: KeyboardEvent): void;
|
|
651
690
|
/**
|
|
652
|
-
*
|
|
653
|
-
* @param filterOption
|
|
691
|
+
* Applies a structured filter option, emitting the filter output event.
|
|
692
|
+
* @param filterOption - The selected filter option object.
|
|
654
693
|
*/
|
|
655
694
|
protected doFilterByOptions(filterOption: any): void;
|
|
656
695
|
/**
|
|
657
|
-
*
|
|
658
|
-
* @param params
|
|
696
|
+
* Triggers a server-side lookup with the given parameters (public API).
|
|
697
|
+
* @param params - An object containing the lookup query parameters.
|
|
659
698
|
*/
|
|
660
699
|
doLookup(params: any): void;
|
|
661
700
|
/**
|
|
662
|
-
*
|
|
663
|
-
* @param total
|
|
701
|
+
* Updates the paginator length and resets it to the first page.
|
|
702
|
+
* @param total - The new total number of items.
|
|
664
703
|
*/
|
|
665
704
|
protected updateLookupPaginator(total: number): void;
|
|
666
705
|
/**
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
*/
|
|
670
|
-
protected doLookupPage(e: PageEvent): void;
|
|
671
|
-
/**
|
|
672
|
-
* Append
|
|
706
|
+
* Handles a paginator page change and triggers a new lookup.
|
|
707
|
+
* @param e - The paginator page change event.
|
|
673
708
|
*/
|
|
709
|
+
protected doLookupPage(e: PageEvent): void;
|
|
710
|
+
/** Emits the `append` output event to open the add-item flow. */
|
|
674
711
|
protected doAppend(): void;
|
|
675
|
-
/**
|
|
676
|
-
* Edit
|
|
677
|
-
*/
|
|
712
|
+
/** Emits the `edit` output event for the currently selected item. */
|
|
678
713
|
protected doEdit(): void;
|
|
679
|
-
/**
|
|
680
|
-
* View
|
|
681
|
-
*/
|
|
714
|
+
/** Emits the `view` output event for the currently selected item. */
|
|
682
715
|
protected doView(): void;
|
|
683
|
-
/**
|
|
684
|
-
* Delete
|
|
685
|
-
*/
|
|
716
|
+
/** Emits the `delete` output event with all currently selected items. */
|
|
686
717
|
protected doDelete(): void;
|
|
687
718
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectDialogComponent, never>;
|
|
688
719
|
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>;
|
|
@@ -690,104 +721,114 @@ declare class SelectDialogComponent implements OnInit {
|
|
|
690
721
|
|
|
691
722
|
declare class ApplicationDialogService extends DialogService {
|
|
692
723
|
/**
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
724
|
+
* Open a send-to-email dialog.
|
|
725
|
+
* @param title - Dialog title.
|
|
726
|
+
* @param text - Pre-filled message body.
|
|
727
|
+
* @param subject - Pre-filled subject line.
|
|
728
|
+
* @param canPopulate - Whether the populate-recipients action is available.
|
|
729
|
+
* @param count - Number of documents being sent.
|
|
730
|
+
* @param options - Checkable option list.
|
|
731
|
+
* @param width - Maximum dialog width in pixels.
|
|
732
|
+
* @returns The opened dialog reference.
|
|
733
|
+
*/
|
|
702
734
|
sendTo(title?: string, text?: string, subject?: string, canPopulate?: boolean, count?: number, options?: any, width?: number): MatDialogRef<SendToDialogComponent, any>;
|
|
703
735
|
/**
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
736
|
+
* Open a tree-node selection dialog.
|
|
737
|
+
* @param nodes - The tree nodes to display.
|
|
738
|
+
* @param title - Dialog title.
|
|
739
|
+
* @param description - Optional description shown below the title.
|
|
740
|
+
* @param initialFilter - Pre-applied filter text.
|
|
741
|
+
* @param width - Maximum dialog width in pixels.
|
|
742
|
+
* @param okCaption - Label for the confirm button.
|
|
743
|
+
* @param canAppend - Whether the append-node action is available.
|
|
744
|
+
* @returns The opened dialog reference.
|
|
745
|
+
*/
|
|
712
746
|
selectTree(nodes: any, title?: string, description?: string, initialFilter?: string, width?: number, okCaption?: string, canAppend?: boolean): MatDialogRef<SelectTreeDialogComponent, any>;
|
|
713
747
|
/**
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
748
|
+
* Open a picture-selection dialog.
|
|
749
|
+
* @param title - Dialog title.
|
|
750
|
+
* @param description - Brief description shown in the dialog.
|
|
751
|
+
* @param okCaption - Label for the confirm button.
|
|
752
|
+
* @param options - Checkable option list.
|
|
753
|
+
* @param width - Maximum dialog width in pixels.
|
|
754
|
+
* @param maxSize - Maximum accepted file size in MB.
|
|
755
|
+
* @param maxPictureWidth - Maximum accepted picture width in pixels.
|
|
756
|
+
* @param maxPictureHeight - Maximum accepted picture height in pixels.
|
|
757
|
+
* @returns The opened dialog reference.
|
|
758
|
+
*/
|
|
759
|
+
selectPicture(title?: string, description?: string, okCaption?: string, options?: any, width?: number, maxSize?: number, maxPictureWidth?: number, maxPictureHeight?: number): MatDialogRef<SelectPictureDialogComponent, any>;
|
|
760
|
+
/**
|
|
761
|
+
* Open a file-selection dialog.
|
|
762
|
+
* @param title - Dialog title.
|
|
763
|
+
* @param description - Brief description shown in the dialog.
|
|
764
|
+
* @param okCaption - Label for the confirm button.
|
|
765
|
+
* @param helpLink - URL for the help link.
|
|
766
|
+
* @param helpCaption - Display text for the help link.
|
|
767
|
+
* @param options - Checkable option list.
|
|
768
|
+
* @param width - Maximum dialog width in pixels.
|
|
769
|
+
* @param maxSize - Maximum accepted file size in MB.
|
|
770
|
+
* @param accept - Accepted file extensions (e.g. `.pdf,.docx`).
|
|
771
|
+
* @returns The opened dialog reference.
|
|
772
|
+
*/
|
|
773
|
+
selectFile(title?: string, description?: string, okCaption?: string, helpLink?: string, helpCaption?: string, options?: any, width?: number, maxSize?: number, accept?: string): MatDialogRef<SelectFileDialogComponent, any>;
|
|
774
|
+
/**
|
|
775
|
+
* Open a multipurpose selection and CRUD dialog.
|
|
776
|
+
* @param data - The dialog configuration model.
|
|
777
|
+
* @param disableClose - Whether the dialog can be closed by clicking outside.
|
|
778
|
+
* @param closeOnNavigation - Whether the dialog closes on route navigation.
|
|
779
|
+
* @returns The opened dialog reference.
|
|
780
|
+
*/
|
|
744
781
|
select(data: SelectDialogData, disableClose?: boolean, closeOnNavigation?: boolean): MatDialogRef<SelectDialogComponent, any>;
|
|
745
782
|
/**
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
783
|
+
* Prompt the user to enter a value.
|
|
784
|
+
* @param title - Dialog title.
|
|
785
|
+
* @param type - The input type (default, text, number, etc.).
|
|
786
|
+
* @param description - Placeholder or description text.
|
|
787
|
+
* @param initialValue - Pre-filled value.
|
|
788
|
+
* @param okCaption - Label for the confirm button.
|
|
789
|
+
* @param cancelCaption - Label for the cancel button.
|
|
790
|
+
* @param options - Checkable option list.
|
|
791
|
+
* @param width - Maximum dialog width in pixels.
|
|
792
|
+
* @param required - Whether the input is required.
|
|
793
|
+
* @returns The opened dialog reference.
|
|
794
|
+
*/
|
|
757
795
|
prompt(title: string, type?: PromptDialogType, description?: string, initialValue?: any, okCaption?: string, cancelCaption?: string, options?: any, width?: number, required?: boolean): MatDialogRef<PromptDialogComponent>;
|
|
758
796
|
/**
|
|
759
|
-
* Prompt user to
|
|
760
|
-
* @param title
|
|
761
|
-
* @param type
|
|
762
|
-
* @param description
|
|
763
|
-
* @param initialValue
|
|
764
|
-
* @param okCaption
|
|
765
|
-
* @param cancelCaption
|
|
766
|
-
* @param options
|
|
767
|
-
* @param width
|
|
768
|
-
* @param required
|
|
797
|
+
* Prompt the user to enter a date or date interval.
|
|
798
|
+
* @param title - Dialog title.
|
|
799
|
+
* @param type - Date or DateInterval.
|
|
800
|
+
* @param description - Placeholder or description text.
|
|
801
|
+
* @param initialValue - Pre-filled value.
|
|
802
|
+
* @param okCaption - Label for the confirm button.
|
|
803
|
+
* @param cancelCaption - Label for the cancel button.
|
|
804
|
+
* @param options - Checkable option list.
|
|
805
|
+
* @param width - Maximum dialog width in pixels.
|
|
806
|
+
* @param required - Whether the input is required.
|
|
807
|
+
* @returns The opened dialog reference.
|
|
769
808
|
*/
|
|
770
809
|
promptDate(title: string, type?: PromptDialogType.Date | PromptDialogType.DateInterval, description?: string, initialValue?: any, okCaption?: string, cancelCaption?: string, options?: any, width?: number, required?: boolean): MatDialogRef<PromptDateDialogComponent>;
|
|
771
810
|
/**
|
|
772
|
-
* Prompt user to
|
|
773
|
-
* @param title
|
|
774
|
-
* @param description
|
|
775
|
-
* @param slots
|
|
776
|
-
* @param initialValue
|
|
777
|
-
* @param okCaption
|
|
778
|
-
* @param cancelCaption
|
|
779
|
-
* @param options
|
|
780
|
-
* @param width
|
|
781
|
-
* @param required
|
|
811
|
+
* Prompt the user to enter a time value.
|
|
812
|
+
* @param title - Dialog title.
|
|
813
|
+
* @param description - Placeholder or description text.
|
|
814
|
+
* @param slots - Optional time slots string.
|
|
815
|
+
* @param initialValue - Pre-filled value.
|
|
816
|
+
* @param okCaption - Label for the confirm button.
|
|
817
|
+
* @param cancelCaption - Label for the cancel button.
|
|
818
|
+
* @param options - Checkable option list.
|
|
819
|
+
* @param width - Maximum dialog width in pixels.
|
|
820
|
+
* @param required - Whether the input is required.
|
|
821
|
+
* @returns The opened dialog reference.
|
|
782
822
|
*/
|
|
783
823
|
promptTime(title: string, description?: string, slots?: string, initialValue?: any, okCaption?: string, cancelCaption?: string, options?: any, width?: number, required?: boolean): MatDialogRef<PromptTimeDialogComponent>;
|
|
784
824
|
/**
|
|
785
|
-
* Prompt user to
|
|
786
|
-
* @param title
|
|
787
|
-
* @param description
|
|
788
|
-
* @param okCaption
|
|
789
|
-
* @param cancelCaption
|
|
790
|
-
* @param width
|
|
825
|
+
* Prompt the user to enter an OTP code.
|
|
826
|
+
* @param title - Dialog title.
|
|
827
|
+
* @param description - Description text shown in the dialog.
|
|
828
|
+
* @param okCaption - Label for the confirm button.
|
|
829
|
+
* @param cancelCaption - Label for the cancel button.
|
|
830
|
+
* @param width - Maximum dialog width in pixels.
|
|
831
|
+
* @returns The opened dialog reference.
|
|
791
832
|
*/
|
|
792
833
|
promptOtp(title?: string, description?: string, okCaption?: string, cancelCaption?: string, width?: number): MatDialogRef<PromptOtpDialogComponent>;
|
|
793
834
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApplicationDialogService, never>;
|
|
@@ -800,19 +841,21 @@ declare class ArsUIApplicationModule {
|
|
|
800
841
|
static ɵinj: _angular_core.ɵɵInjectorDeclaration<ArsUIApplicationModule>;
|
|
801
842
|
}
|
|
802
843
|
|
|
803
|
-
declare class FileInputComponent implements OnInit, OnDestroy, DoCheck,
|
|
844
|
+
declare class FileInputComponent implements OnInit, OnDestroy, DoCheck, MatFormFieldControl<FileInfo>, ControlValueAccessor {
|
|
804
845
|
ngControl: NgControl;
|
|
805
846
|
__file: ElementRef;
|
|
806
847
|
private readonly renderer;
|
|
807
848
|
private readonly uiService;
|
|
808
|
-
private readonly changeDetector;
|
|
809
849
|
static nextId: number;
|
|
810
850
|
readonly stateChanges: Subject<void>;
|
|
811
851
|
private previousNativeValue;
|
|
812
852
|
controlType: string;
|
|
813
853
|
focused: boolean;
|
|
814
|
-
|
|
815
|
-
protected canCapture: boolean
|
|
854
|
+
/** Whether the device supports camera capture. */
|
|
855
|
+
protected readonly canCapture: _angular_core.WritableSignal<boolean>;
|
|
856
|
+
/** Size in MB of the currently selected file. */
|
|
857
|
+
protected readonly fileSize: _angular_core.WritableSignal<number>;
|
|
858
|
+
private readonly _placeholder;
|
|
816
859
|
private _value;
|
|
817
860
|
set value(value: FileInfo);
|
|
818
861
|
get value(): FileInfo;
|
|
@@ -823,7 +866,6 @@ declare class FileInputComponent implements OnInit, OnDestroy, DoCheck, OnChange
|
|
|
823
866
|
private _disabled;
|
|
824
867
|
get disabled(): boolean;
|
|
825
868
|
set disabled(value: boolean);
|
|
826
|
-
private _placeholder;
|
|
827
869
|
get placeholder(): string;
|
|
828
870
|
set placeholder(value: string);
|
|
829
871
|
fileName?: string;
|
|
@@ -846,39 +888,63 @@ declare class FileInputComponent implements OnInit, OnDestroy, DoCheck, OnChange
|
|
|
846
888
|
constructor(ngControl: NgControl);
|
|
847
889
|
ngOnInit(): Promise<void>;
|
|
848
890
|
/**
|
|
849
|
-
*
|
|
891
|
+
* Detects camera availability and updates the placeholder accordingly.
|
|
850
892
|
*/
|
|
851
|
-
setupDevices
|
|
893
|
+
private setupDevices;
|
|
852
894
|
ngOnDestroy(): void;
|
|
853
895
|
ngDoCheck(): void;
|
|
854
|
-
|
|
896
|
+
/**
|
|
897
|
+
* Writes a new value to the component (called by the form layer).
|
|
898
|
+
* @param value - The new file info to display.
|
|
899
|
+
*/
|
|
855
900
|
writeValue(value: any): void;
|
|
901
|
+
/**
|
|
902
|
+
* Registers the on-change callback (called by the form layer).
|
|
903
|
+
* @param fn - Callback to invoke whenever the value changes.
|
|
904
|
+
*/
|
|
856
905
|
registerOnChange(fn: any): void;
|
|
906
|
+
/**
|
|
907
|
+
* Registers the on-touched callback (called by the form layer).
|
|
908
|
+
* @param fn - Callback to invoke when the control is touched.
|
|
909
|
+
*/
|
|
857
910
|
registerOnTouched(fn: any): void;
|
|
911
|
+
/**
|
|
912
|
+
* Sets the ARIA describedby attribute from the given element IDs.
|
|
913
|
+
* @param ids - Array of element IDs that describe this control.
|
|
914
|
+
*/
|
|
858
915
|
setDescribedByIds(ids: string[]): void;
|
|
916
|
+
/**
|
|
917
|
+
* Updates the disabled state of the underlying native element.
|
|
918
|
+
* @param isDisabled - Whether the control should be disabled.
|
|
919
|
+
*/
|
|
859
920
|
setDisabledState?(isDisabled: boolean): void;
|
|
921
|
+
/** Focuses the native input element and marks the control as touched. */
|
|
860
922
|
onContainerClick(): void;
|
|
923
|
+
/**
|
|
924
|
+
* Checks whether the value has changed since the last dirty check and emits `stateChanges` if needed.
|
|
925
|
+
*/
|
|
861
926
|
protected updateInputDirtyCheck(): void;
|
|
862
927
|
/**
|
|
863
|
-
*
|
|
864
|
-
* @param e
|
|
928
|
+
* Handles file selection from the native input element.
|
|
929
|
+
* @param e - The DOM change event from the file input.
|
|
865
930
|
*/
|
|
866
|
-
protected selectFile(e:
|
|
931
|
+
protected selectFile(e: Event): void;
|
|
867
932
|
/**
|
|
868
|
-
*
|
|
933
|
+
* Checks whether a file is currently selected.
|
|
934
|
+
* @returns `true` if a file is attached to the current value.
|
|
869
935
|
*/
|
|
870
936
|
protected hasFile(): boolean;
|
|
871
937
|
/**
|
|
872
|
-
*
|
|
938
|
+
* Clears the currently selected file and resets the control.
|
|
873
939
|
*/
|
|
874
940
|
protected clearFile(): void;
|
|
875
941
|
/**
|
|
876
|
-
*
|
|
942
|
+
* Emits the `download` output event if the file is not newly added.
|
|
877
943
|
*/
|
|
878
944
|
protected downloadFile(): void;
|
|
879
945
|
/**
|
|
880
|
-
|
|
881
|
-
|
|
946
|
+
* Emits the `preview` output event if the file is not new and preview is enabled.
|
|
947
|
+
*/
|
|
882
948
|
protected previewFile(): void;
|
|
883
949
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileInputComponent, [{ optional: true; self: true; }]>;
|
|
884
950
|
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; }; "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; }; }, { "changed": "changed"; "download": "download"; "preview": "preview"; }, never, never, true, never>;
|
|
@@ -889,33 +955,31 @@ interface FilePreviewDialogData {
|
|
|
889
955
|
embed?: boolean;
|
|
890
956
|
authToken?: string;
|
|
891
957
|
}
|
|
892
|
-
declare class FilePreviewComponent
|
|
958
|
+
declare class FilePreviewComponent {
|
|
893
959
|
readonly iframe: _angular_core.Signal<ElementRef<any>>;
|
|
894
960
|
private readonly httpClient;
|
|
895
961
|
private readonly dialogService;
|
|
896
962
|
protected readonly dialogData: FilePreviewDialogData;
|
|
897
963
|
protected readonly url: _angular_core.WritableSignal<string>;
|
|
898
|
-
|
|
899
|
-
ngOnDestroy(): void;
|
|
964
|
+
constructor();
|
|
900
965
|
/**
|
|
901
|
-
*
|
|
966
|
+
* Handles the iframe load event: scrolls to the top and centers a single image when present.
|
|
902
967
|
*/
|
|
903
968
|
protected loaded(): void;
|
|
904
969
|
/**
|
|
905
|
-
*
|
|
970
|
+
* Opens the current file URL in a new browser tab for manual download.
|
|
906
971
|
*/
|
|
907
972
|
protected download(): void;
|
|
908
973
|
/**
|
|
909
|
-
*
|
|
974
|
+
* Displays a help dialog with browser-specific instructions for enabling PDF preview.
|
|
910
975
|
*/
|
|
911
976
|
protected troubles(): void;
|
|
912
977
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilePreviewComponent, never>;
|
|
913
978
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilePreviewComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
914
979
|
}
|
|
915
980
|
|
|
916
|
-
declare class FilterBarComponent
|
|
981
|
+
declare class FilterBarComponent {
|
|
917
982
|
readonly changed: _angular_core.OutputEmitterRef<CurrentFilterChanged>;
|
|
918
|
-
private readonly changeDetector;
|
|
919
983
|
readonly filters: _angular_core.InputSignal<any>;
|
|
920
984
|
readonly canFilterByFlt1: _angular_core.WritableSignal<boolean>;
|
|
921
985
|
readonly canFilterByFlt2: _angular_core.WritableSignal<boolean>;
|
|
@@ -939,58 +1003,54 @@ declare class FilterBarComponent implements OnInit {
|
|
|
939
1003
|
protected text?: string;
|
|
940
1004
|
protected text2?: string;
|
|
941
1005
|
protected text3?: string;
|
|
942
|
-
protected flt1: FilterGroup;
|
|
943
|
-
protected flt2: FilterGroup;
|
|
944
|
-
protected flt3: FilterGroup;
|
|
945
|
-
protected flt4: FilterGroup;
|
|
946
|
-
protected flt5: FilterGroup;
|
|
1006
|
+
protected flt1: FilterGroup | undefined;
|
|
1007
|
+
protected flt2: FilterGroup | undefined;
|
|
1008
|
+
protected flt3: FilterGroup | undefined;
|
|
1009
|
+
protected flt4: FilterGroup | undefined;
|
|
1010
|
+
protected flt5: FilterGroup | undefined;
|
|
947
1011
|
readonly currentFilter: CurrentFilter;
|
|
948
1012
|
constructor();
|
|
949
|
-
|
|
950
|
-
initializeFilters
|
|
1013
|
+
/** Reads the `filters` input and populates the filter group fields and capability signals. */
|
|
1014
|
+
private initializeFilters;
|
|
951
1015
|
/**
|
|
952
|
-
*
|
|
953
|
-
* @param filter
|
|
1016
|
+
* Applies the selected filter item to the current filter state and emits the change.
|
|
1017
|
+
* @param filter - The filter item to apply.
|
|
954
1018
|
*/
|
|
955
1019
|
applyFilter(filter: FilterItem): void;
|
|
956
1020
|
/**
|
|
957
|
-
*
|
|
958
|
-
* @param
|
|
959
|
-
* @param clear
|
|
960
|
-
* @param event : the click event
|
|
1021
|
+
* Executes the action associated with a filter group, or clears the filter.
|
|
1022
|
+
* @param group - The filter group number.
|
|
1023
|
+
* @param clear - When `true`, clears the filter instead of triggering its action.
|
|
961
1024
|
*/
|
|
962
1025
|
applyFilterAction(group: number, clear?: boolean): void;
|
|
963
|
-
/**
|
|
964
|
-
* Apply text filter
|
|
965
|
-
*/
|
|
1026
|
+
/** Commits the current text inputs to the filter state and emits the change. */
|
|
966
1027
|
applyTextFilter(): void;
|
|
967
1028
|
/**
|
|
968
|
-
*
|
|
969
|
-
* @param group
|
|
1029
|
+
* Clears the active filter for the specified group and emits the change if it was set.
|
|
1030
|
+
* @param group - The filter group number to clear.
|
|
970
1031
|
*/
|
|
971
1032
|
clearFilter(group: number): void;
|
|
972
|
-
/**
|
|
973
|
-
* Clear all filters
|
|
974
|
-
*/
|
|
1033
|
+
/** Resets all active filters and text inputs, then emits the change. */
|
|
975
1034
|
clearAllFilters(): void;
|
|
976
1035
|
/**
|
|
977
|
-
*
|
|
1036
|
+
* Returns `true` when more than one filter type is active, showing the "clear all" button.
|
|
978
1037
|
*/
|
|
979
1038
|
canClearAllFilters(): boolean;
|
|
980
1039
|
/**
|
|
981
|
-
*
|
|
982
|
-
* @param id
|
|
1040
|
+
* Returns the filter group matching the given id, or `undefined` if not found.
|
|
1041
|
+
* @param id - The group id to look up.
|
|
983
1042
|
*/
|
|
984
1043
|
private getFilterGroup;
|
|
985
|
-
/**
|
|
986
|
-
* Update filter bar using current search params
|
|
987
|
-
* @param params : search params
|
|
988
|
-
*/
|
|
1044
|
+
/** Synchronises the filter bar display with the values currently stored in `currentFilter`. */
|
|
989
1045
|
syncFilter(): void;
|
|
990
1046
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterBarComponent, never>;
|
|
991
1047
|
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>;
|
|
992
1048
|
}
|
|
993
1049
|
|
|
1050
|
+
/**
|
|
1051
|
+
* A blank calendar header that hides the month/year navigation controls.
|
|
1052
|
+
* Used when an inline calendar should render without any navigation UI.
|
|
1053
|
+
*/
|
|
994
1054
|
declare class CalendarEmptyHeader<D> {
|
|
995
1055
|
private readonly destroyRef;
|
|
996
1056
|
private readonly calendar;
|
|
@@ -1002,25 +1062,36 @@ declare class CalendarEmptyHeader<D> {
|
|
|
1002
1062
|
|
|
1003
1063
|
declare class ChipsSelectorComponent implements OnInit, OnDestroy, AfterContentInit, ControlValueAccessor {
|
|
1004
1064
|
ngControl: NgControl;
|
|
1065
|
+
/** Emitted when the selection changes. Carries the new array of selected items, or `undefined` when cleared. */
|
|
1005
1066
|
readonly changed: _angular_core.OutputEmitterRef<NameValueItem<any>[]>;
|
|
1006
1067
|
protected readonly containerId: string;
|
|
1007
1068
|
protected containerWidth: _angular_core.WritableSignal<number>;
|
|
1008
1069
|
private focused;
|
|
1009
1070
|
private readonly stateChanges;
|
|
1010
1071
|
private readonly destroyRef;
|
|
1011
|
-
private readonly changeDetector;
|
|
1012
1072
|
private changesEnabled;
|
|
1073
|
+
/** List of available options to display as chips. */
|
|
1013
1074
|
readonly options: _angular_core.InputSignal<NameValueItem<any>[]>;
|
|
1075
|
+
/** Minimum width in pixels when collapsed. Use `-1` for automatic. */
|
|
1014
1076
|
readonly collapsedWidth: _angular_core.InputSignal<number>;
|
|
1077
|
+
/** Display mode used when the selector is in collapsed state. */
|
|
1015
1078
|
readonly collapsedDisplayMode: _angular_core.InputSignal<"button" | "dropdown">;
|
|
1079
|
+
/** Pixel threshold below which the selector collapses. Use `-1` to disable. */
|
|
1016
1080
|
readonly collapseAt: _angular_core.InputSignal<number>;
|
|
1081
|
+
/** When `true`, `collapseAt` is compared against the container width rather than the window width. */
|
|
1017
1082
|
readonly collapseAtContainer: _angular_core.InputSignal<boolean>;
|
|
1018
1083
|
protected readonly collapsed: _angular_core.Signal<boolean>;
|
|
1084
|
+
/** Label shown in the dropdown / above the chip list. */
|
|
1019
1085
|
readonly label: _angular_core.InputSignal<string>;
|
|
1086
|
+
/** When `true`, multiple chips can be selected simultaneously. */
|
|
1020
1087
|
readonly multiple: _angular_core.InputSignal<boolean>;
|
|
1088
|
+
/** When `true`, at least one item must remain selected. */
|
|
1021
1089
|
readonly mustSelect: _angular_core.InputSignal<boolean>;
|
|
1022
|
-
|
|
1090
|
+
/** Layout mode: `'collapsed'` forces dropdown mode, `'dynamic'` collapses based on `collapseAt`. */
|
|
1091
|
+
readonly mode: _angular_core.InputSignal<"dynamic" | "collapsed">;
|
|
1092
|
+
/** When `true`, chips are stacked vertically instead of wrapping horizontally. */
|
|
1023
1093
|
readonly stacked: _angular_core.InputSignal<boolean>;
|
|
1094
|
+
/** Chips below this index receive extra padding to align with other UI elements. */
|
|
1024
1095
|
readonly padAt: _angular_core.InputSignal<number>;
|
|
1025
1096
|
private _value?;
|
|
1026
1097
|
set value(value: NameValueItem<any>[] | undefined);
|
|
@@ -1042,41 +1113,62 @@ declare class ChipsSelectorComponent implements OnInit, OnDestroy, AfterContentI
|
|
|
1042
1113
|
get shouldLabelFloat(): boolean;
|
|
1043
1114
|
describedBy: string;
|
|
1044
1115
|
private renderer;
|
|
1116
|
+
/** Currently selected items (may contain multiple entries when `multiple` is `true`). */
|
|
1045
1117
|
protected selection: NameValueItem<any>[];
|
|
1118
|
+
/** The single selected item — used in `button` collapsed-display mode. */
|
|
1046
1119
|
protected singleSelection?: NameValueItem<any>;
|
|
1047
1120
|
constructor(ngControl: NgControl);
|
|
1048
1121
|
ngOnInit(): void;
|
|
1049
1122
|
ngOnDestroy(): void;
|
|
1050
1123
|
ngAfterContentInit(): void;
|
|
1051
1124
|
/**
|
|
1052
|
-
*
|
|
1125
|
+
* Measures the container (or window) width and updates the `containerWidth` signal,
|
|
1126
|
+
* retrying after 100 ms if the element is not yet laid out.
|
|
1053
1127
|
*/
|
|
1054
1128
|
private updateContainerWidth;
|
|
1055
1129
|
/**
|
|
1056
|
-
*
|
|
1057
|
-
*
|
|
1130
|
+
* Resolves the effective selection array for the current display mode.
|
|
1131
|
+
* In single-select collapsed button mode the `singleSelection` item is wrapped in an array.
|
|
1132
|
+
* @returns The array of currently selected items.
|
|
1058
1133
|
*/
|
|
1059
1134
|
private getSelection;
|
|
1060
1135
|
/**
|
|
1061
|
-
*
|
|
1136
|
+
* Schedules a value update after a short delay, giving the template time to sync `ngModel`.
|
|
1062
1137
|
*/
|
|
1063
1138
|
updateValue(): void;
|
|
1064
1139
|
/**
|
|
1065
|
-
*
|
|
1066
|
-
*
|
|
1140
|
+
* Returns `true` when the given item can be selected in the current mode.
|
|
1141
|
+
* In single-select mode an already-selected item is not re-selectable.
|
|
1142
|
+
* @param item - The item to check.
|
|
1067
1143
|
*/
|
|
1068
1144
|
isSelectable(item: NameValueItem<any>): boolean;
|
|
1145
|
+
/**
|
|
1146
|
+
* Writes a new value to the component (called by the form layer).
|
|
1147
|
+
* @param value - The new selection to display.
|
|
1148
|
+
*/
|
|
1069
1149
|
writeValue(value: any): void;
|
|
1070
|
-
|
|
1071
|
-
|
|
1150
|
+
/**
|
|
1151
|
+
* Registers the on-change callback (called by the form layer).
|
|
1152
|
+
* @param fn - Callback to invoke whenever the value changes.
|
|
1153
|
+
*/
|
|
1154
|
+
registerOnChange(fn: (_: any) => void): void;
|
|
1155
|
+
/**
|
|
1156
|
+
* Registers the on-touched callback (called by the form layer).
|
|
1157
|
+
* @param fn - Callback to invoke when the control is touched.
|
|
1158
|
+
*/
|
|
1159
|
+
registerOnTouched(fn: () => void): void;
|
|
1072
1160
|
setDescribedByIds(ids: string[]): void;
|
|
1073
1161
|
setDisabledState?(isDisabled: boolean): void;
|
|
1074
1162
|
onContainerClick(): void;
|
|
1075
1163
|
/**
|
|
1076
|
-
*
|
|
1077
|
-
* @param e
|
|
1164
|
+
* Clears the current selection and stops the event from bubbling.
|
|
1165
|
+
* @param e - The originating click event.
|
|
1078
1166
|
*/
|
|
1079
1167
|
clear(e: Event): void;
|
|
1168
|
+
/**
|
|
1169
|
+
* Selects a single item, replacing any existing selection.
|
|
1170
|
+
* @param item - The item to select. Does nothing when `undefined`.
|
|
1171
|
+
*/
|
|
1080
1172
|
select(item?: NameValueItem<any>): void;
|
|
1081
1173
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipsSelectorComponent, [{ optional: true; self: true; }]>;
|
|
1082
1174
|
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; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "changed": "changed"; }, never, never, true, never>;
|
|
@@ -1084,9 +1176,10 @@ declare class ChipsSelectorComponent implements OnInit, OnDestroy, AfterContentI
|
|
|
1084
1176
|
|
|
1085
1177
|
declare class ButtonSelectorComponent implements OnInit, OnDestroy, ControlValueAccessor {
|
|
1086
1178
|
ngControl: NgControl;
|
|
1179
|
+
/** Emitted whenever the selected value changes (including programmatic resets). */
|
|
1087
1180
|
readonly changed: _angular_core.OutputEmitterRef<NameValueItem<any>>;
|
|
1181
|
+
/** Emitted when the user explicitly picks an item from the menu. */
|
|
1088
1182
|
readonly selected: _angular_core.OutputEmitterRef<NameValueItem<any>>;
|
|
1089
|
-
private readonly changeDetector;
|
|
1090
1183
|
private readonly stateChanges;
|
|
1091
1184
|
private focused;
|
|
1092
1185
|
private _value;
|
|
@@ -1100,29 +1193,50 @@ declare class ButtonSelectorComponent implements OnInit, OnDestroy, ControlValue
|
|
|
1100
1193
|
id: string;
|
|
1101
1194
|
describedBy: string;
|
|
1102
1195
|
private renderer;
|
|
1196
|
+
/** Currently selected item, kept in sync with the form control value. */
|
|
1103
1197
|
protected current: _angular_core.WritableSignal<NameValueItem<any>>;
|
|
1198
|
+
/** Width of the trigger button in pixels. Use `-1` for 100 %, `0` for `auto`. */
|
|
1104
1199
|
readonly width: _angular_core.InputSignal<number>;
|
|
1200
|
+
/** Border thickness override. Use `-1` to inherit. */
|
|
1105
1201
|
readonly border: _angular_core.InputSignal<number>;
|
|
1202
|
+
/** CSS border-radius of the trigger button. Defaults to a pill shape. */
|
|
1106
1203
|
readonly borderRadius: _angular_core.InputSignal<string>;
|
|
1204
|
+
/** Placeholder label shown when nothing is selected. */
|
|
1107
1205
|
readonly label: _angular_core.InputSignal<string>;
|
|
1206
|
+
/** Label shown above the selected value (replaces `label` when an item is selected). */
|
|
1108
1207
|
readonly labelSelected: _angular_core.InputSignal<string>;
|
|
1208
|
+
/** List of selectable options. */
|
|
1109
1209
|
readonly options: _angular_core.InputSignal<NameValueItem<any>[]>;
|
|
1210
|
+
/** When `true`, the first available option is pre-selected on init. */
|
|
1110
1211
|
readonly autoSelect: _angular_core.InputSignal<boolean>;
|
|
1111
1212
|
constructor(ngControl: NgControl);
|
|
1112
1213
|
ngOnInit(): void;
|
|
1113
1214
|
ngOnDestroy(): void;
|
|
1215
|
+
/**
|
|
1216
|
+
* Writes a new value to the component (called by the form layer).
|
|
1217
|
+
* @param value - The new value to display.
|
|
1218
|
+
*/
|
|
1114
1219
|
writeValue(value: any): void;
|
|
1115
|
-
|
|
1116
|
-
|
|
1220
|
+
/**
|
|
1221
|
+
* Registers the on-change callback (called by the form layer).
|
|
1222
|
+
* @param fn - Callback to invoke whenever the value changes.
|
|
1223
|
+
*/
|
|
1224
|
+
registerOnChange(fn: (_: any) => void): void;
|
|
1225
|
+
/**
|
|
1226
|
+
* Registers the on-touched callback (called by the form layer).
|
|
1227
|
+
* @param fn - Callback to invoke when the control is touched.
|
|
1228
|
+
*/
|
|
1229
|
+
registerOnTouched(fn: () => void): void;
|
|
1117
1230
|
setDescribedByIds(ids: string[]): void;
|
|
1118
1231
|
setDisabledState?(isDisabled: boolean): void;
|
|
1119
1232
|
onContainerClick(): void;
|
|
1120
1233
|
/**
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1234
|
+
* Selects an option and optionally emits the `selected` output event.
|
|
1235
|
+
* @param item - The item to select.
|
|
1236
|
+
* @param notify - When `true` (default), emits the `selected` event.
|
|
1237
|
+
*/
|
|
1125
1238
|
select(item: NameValueItem<any>, notify?: boolean): void;
|
|
1239
|
+
/** Clears the current selection and resets the control to an empty state. */
|
|
1126
1240
|
reset(): void;
|
|
1127
1241
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonSelectorComponent, [{ optional: true; self: true; }]>;
|
|
1128
1242
|
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>;
|
|
@@ -1133,20 +1247,36 @@ interface ButtonToggleInfo {
|
|
|
1133
1247
|
toggled: boolean;
|
|
1134
1248
|
}
|
|
1135
1249
|
declare class ButtonToggleComponent {
|
|
1250
|
+
/** Emitted each time the button is clicked. Carries the current `value` and the new `toggled` state. */
|
|
1136
1251
|
readonly changed: _angular_core.OutputEmitterRef<ButtonToggleInfo>;
|
|
1137
|
-
|
|
1138
|
-
toggled: boolean
|
|
1252
|
+
/** Tracks whether the button has been toggled (opposite of the current `value` input). */
|
|
1253
|
+
protected readonly toggled: _angular_core.WritableSignal<boolean>;
|
|
1254
|
+
/** Current value bound from the parent. Drives label and icon selection. */
|
|
1139
1255
|
readonly value: _angular_core.InputSignal<boolean>;
|
|
1256
|
+
/** Width of the button in pixels. Use `-1` for automatic sizing. */
|
|
1140
1257
|
readonly width: _angular_core.InputSignal<number>;
|
|
1258
|
+
/** Border thickness override in pixels. Use `-1` to inherit. */
|
|
1141
1259
|
readonly border: _angular_core.InputSignal<number>;
|
|
1260
|
+
/** Label shown when `value` is `true`. */
|
|
1142
1261
|
readonly labelOn: _angular_core.InputSignal<string>;
|
|
1262
|
+
/** Label shown when `value` is `false`. */
|
|
1143
1263
|
readonly labelOff: _angular_core.InputSignal<string>;
|
|
1264
|
+
/** Material icon name shown when `value` is `true`. */
|
|
1144
1265
|
readonly iconOn: _angular_core.InputSignal<string>;
|
|
1266
|
+
/** Material icon name shown when `value` is `false`. */
|
|
1145
1267
|
readonly iconOff: _angular_core.InputSignal<string>;
|
|
1268
|
+
/** CSS class applied to the button at all breakpoints. */
|
|
1146
1269
|
readonly cssClass: _angular_core.InputSignal<string>;
|
|
1270
|
+
/** CSS class applied to the button on `xs` screens. */
|
|
1147
1271
|
readonly cssClassSmall: _angular_core.InputSignal<string>;
|
|
1272
|
+
/** Resolves the appropriate label for the current value state. */
|
|
1148
1273
|
protected readonly label: _angular_core.Signal<string>;
|
|
1274
|
+
/** Resolves the appropriate icon name for the current value state. */
|
|
1149
1275
|
protected readonly icon: _angular_core.Signal<string>;
|
|
1276
|
+
/**
|
|
1277
|
+
* Toggles the button state and emits the `changed` event.
|
|
1278
|
+
* The emitted `toggled` value is the logical inverse of the current `value`.
|
|
1279
|
+
*/
|
|
1150
1280
|
toggle(): void;
|
|
1151
1281
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonToggleComponent, never>;
|
|
1152
1282
|
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>;
|