springest 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +132 -1
  2. package/fesm2022/springest.mjs +660 -132
  3. package/fesm2022/springest.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/types/springest.d.ts +350 -49
  6. package/types/springest.d.ts.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "springest",
3
- "version": "0.1.1",
3
+ "version": "0.2.0",
4
4
  "description": "Reusable Springest Angular UI components",
5
5
  "license": "MIT",
6
6
  "peerDependencies": {
package/types/springest.d.ts CHANGED
@@ -1,11 +1,16 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { TemplateRef, ChangeDetectorRef, AfterContentInit, QueryList } from '@angular/core';
2
+ import { TemplateRef, ChangeDetectorRef, ElementRef, AfterContentInit, QueryList, AfterViewInit, NgZone } from '@angular/core';
3
3
  import * as _angular_forms_signals from '@angular/forms/signals';
4
4
  import { FormValueControl } from '@angular/forms/signals';
5
5
  import { Table } from 'primeng/table';
6
- import { SortEvent } from 'primeng/api';
6
+ import { SortEvent, PassThroughOption } from 'primeng/api';
7
7
  import { SelectChangeEvent } from 'primeng/select';
8
+ import { MultiSelectPassThrough } from 'primeng/multiselect';
8
9
  import { FormControl, ControlValueAccessor } from '@angular/forms';
10
+ import { PaginatorState } from 'primeng/paginator';
11
+ export { PaginatorState } from 'primeng/paginator';
12
+ import { ToastCloseEvent } from 'primeng/toast';
13
+ import * as rxjs from 'rxjs';
9
14
 
10
15
  declare class AvatarComponent {
11
16
  icon: _angular_core.InputSignal<string>;
@@ -26,23 +31,77 @@ type ButtonSizeType = "small" | "large";
26
31
  type ButtonIconPosition = 'left' | 'right' | 'top' | 'bottom';
27
32
  type badgeSeverityType = 'info' | 'success' | 'warn' | 'danger' | 'secondary' | 'contrast' | 'help' | 'primary';
28
33
  declare class ButtonComponent {
29
- type: _angular_core.InputSignal<ButtonType>;
30
- className: _angular_core.InputSignal<string | undefined>;
31
- style: _angular_core.InputSignal<Record<string, string | number> | undefined>;
32
- label: _angular_core.InputSignal<string | undefined>;
33
- iconPos: _angular_core.InputSignal<ButtonIconPosition>;
34
- styleClass: _angular_core.InputSignal<string | undefined>;
35
- icon: _angular_core.InputSignal<string | undefined>;
36
- disabled: _angular_core.InputSignal<boolean>;
37
- rounded: _angular_core.InputSignal<boolean>;
38
- badgeSeverity: _angular_core.InputSignal<badgeSeverityType>;
39
- size: _angular_core.InputSignal<ButtonSizeType>;
40
- loading: _angular_core.InputSignal<boolean>;
34
+ readonly type: _angular_core.InputSignal<ButtonType>;
35
+ readonly className: _angular_core.InputSignal<string | undefined>;
36
+ readonly style: _angular_core.InputSignal<Record<string, string | number> | undefined>;
37
+ readonly label: _angular_core.InputSignal<string | undefined>;
38
+ readonly iconPos: _angular_core.InputSignal<ButtonIconPosition>;
39
+ readonly styleClass: _angular_core.InputSignal<string | undefined>;
40
+ readonly icon: _angular_core.InputSignal<string | undefined>;
41
+ readonly disabled: _angular_core.InputSignal<boolean>;
42
+ readonly rounded: _angular_core.InputSignal<boolean>;
43
+ readonly badgeSeverity: _angular_core.InputSignal<badgeSeverityType>;
44
+ readonly size: _angular_core.InputSignal<ButtonSizeType>;
45
+ readonly loading: _angular_core.InputSignal<boolean>;
46
+ readonly aria: _angular_core.InputSignal<Record<string, string | number | boolean>>;
47
+ readonly passThrough: _angular_core.Signal<{
48
+ root: {
49
+ 'aria-busy': string | undefined;
50
+ };
51
+ }>;
41
52
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
42
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "app-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
53
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "app-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "aria": { "alias": "aria"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
54
+ }
55
+
56
+ type FieldErrorMessages = Record<string, string | ((error: Record<string, unknown>) => string)>;
57
+ declare class FormFieldComponent {
58
+ private readonly controlRevision;
59
+ private readonly translate;
60
+ readonly label: _angular_core.InputSignal<string | undefined>;
61
+ readonly required: _angular_core.InputSignal<boolean>;
62
+ readonly isInline: _angular_core.InputSignal<boolean>;
63
+ readonly showLabel: _angular_core.InputSignal<boolean>;
64
+ readonly field: _angular_core.InputSignal<unknown>;
65
+ readonly patternError: _angular_core.InputSignal<string | undefined>;
66
+ readonly submitted: _angular_core.InputSignal<boolean>;
67
+ readonly errorMessages: _angular_core.InputSignal<FieldErrorMessages>;
68
+ readonly controlId: _angular_core.InputSignal<string>;
69
+ readonly labelId: _angular_core.Signal<string>;
70
+ readonly errorId: _angular_core.Signal<string>;
71
+ constructor();
72
+ hasError(): boolean;
73
+ get errorKey(): string | null;
74
+ get errorValue(): unknown;
75
+ get errorMessage(): string;
76
+ describedBy(existing?: string): string | undefined;
77
+ labelledBy(existing?: string): string | undefined;
78
+ private getSignalFieldState;
79
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
80
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "app-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "isInline": { "alias": "isInline"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "patternError": { "alias": "patternError"; "required": false; "isSignal": true; }; "submitted": { "alias": "submitted"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
43
81
  }
44
82
 
45
83
  declare class CalendarComponent implements FormValueControl<Date | null> {
84
+ protected readonly formField: FormFieldComponent | null;
85
+ readonly readonly: _angular_core.InputSignal<boolean>;
86
+ readonly inputId: _angular_core.InputSignal<string>;
87
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
88
+ readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
89
+ readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
90
+ readonly ariaInvalid: _angular_core.InputSignal<boolean>;
91
+ protected readonly effectiveId: _angular_core.Signal<string>;
92
+ protected readonly labelledBy: _angular_core.Signal<string | undefined>;
93
+ protected readonly inputAria: _angular_core.Signal<{
94
+ 'aria-describedby': string | undefined;
95
+ 'aria-invalid': boolean;
96
+ }>;
97
+ protected readonly passThrough: _angular_core.Signal<{
98
+ pcInputText: {
99
+ root: {
100
+ 'aria-describedby': string | undefined;
101
+ 'aria-invalid': boolean;
102
+ };
103
+ };
104
+ }>;
46
105
  placeholder: _angular_core.InputSignal<string | undefined>;
47
106
  maxDate: _angular_core.InputSignal<Date | undefined>;
48
107
  minDate: _angular_core.InputSignal<Date | undefined>;
@@ -54,7 +113,7 @@ declare class CalendarComponent implements FormValueControl<Date | null> {
54
113
  onChanged(event: Date | null): void;
55
114
  onClosed(): void;
56
115
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
57
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "global-calendar", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "changed": "changed"; "closed": "closed"; }, never, never, true, never>;
116
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "global-calendar", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "changed": "changed"; "closed": "closed"; }, never, never, true, never>;
58
117
  }
59
118
 
60
119
  interface IconInterface {
@@ -158,7 +217,7 @@ declare class TableComponent {
158
217
  iconClass: _angular_core.InputSignal<string>;
159
218
  msgTooltip: _angular_core.InputSignal<string>;
160
219
  paginator: _angular_core.InputSignal<boolean>;
161
- selectionMode: _angular_core.InputSignal<"multiple" | "single" | null | undefined>;
220
+ selectionMode: _angular_core.InputSignal<"single" | "multiple" | null | undefined>;
162
221
  scrollable: _angular_core.InputSignal<boolean>;
163
222
  metaKeySelection: _angular_core.InputSignal<boolean | undefined>;
164
223
  resizableColumns: _angular_core.InputSignal<boolean>;
@@ -210,20 +269,57 @@ declare class TableComponent {
210
269
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "app-table", never, { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "dataSourceColumns": { "alias": "dataSourceColumns"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "iconClass": { "alias": "iconClass"; "required": false; "isSignal": true; }; "msgTooltip": { "alias": "msgTooltip"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; "isSignal": true; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; "isSignal": true; }; "selectedRowValue": { "alias": "selectedRowValue"; "required": false; "isSignal": true; }; "showIconSort": { "alias": "showIconSort"; "required": false; "isSignal": true; }; "showRowActions": { "alias": "showRowActions"; "required": false; "isSignal": true; }; "showIconCondition": { "alias": "showIconCondition"; "required": false; "isSignal": true; }; "showFilterCondition": { "alias": "showFilterCondition"; "required": false; "isSignal": true; }; "editableFieldName": { "alias": "editableFieldName"; "required": false; "isSignal": true; }; }, { "selectRow": "selectRow"; "unselectRow": "unselectRow"; "cellEdit": "cellEdit"; "rowUpdate": "rowUpdate"; }, ["customCellTemplate"], never, true, never>;
211
270
  }
212
271
 
213
- declare class BasicInputComponent implements FormValueControl<string> {
214
- placeholder: _angular_core.InputSignal<string>;
215
- labelType: _angular_core.InputSignal<string>;
216
- isDisabled: _angular_core.InputSignal<boolean>;
217
- value: _angular_core.ModelSignal<string>;
218
- touched: _angular_core.ModelSignal<boolean>;
219
- changed: _angular_core.OutputEmitterRef<string>;
272
+ declare class BasicInputComponent<T extends string | number | null = string> implements FormValueControl<T> {
273
+ readonly formField: FormFieldComponent | null;
274
+ readonly placeholder: _angular_core.InputSignal<string>;
275
+ readonly labelType: _angular_core.InputSignal<string>;
276
+ readonly isDisabled: _angular_core.InputSignal<boolean>;
277
+ readonly type: _angular_core.InputSignal<"number" | "email" | "text" | "search">;
278
+ readonly min: _angular_core.InputSignal<number | undefined>;
279
+ readonly max: _angular_core.InputSignal<number | undefined>;
280
+ readonly step: _angular_core.InputSignal<number | "any" | undefined>;
281
+ readonly readonly: _angular_core.InputSignal<boolean>;
282
+ readonly disabled: _angular_core.InputSignal<boolean>;
283
+ readonly autocomplete: _angular_core.InputSignal<string | undefined>;
284
+ readonly lang: _angular_core.InputSignal<string | undefined>;
285
+ readonly spellcheck: _angular_core.InputSignal<boolean | undefined>;
286
+ readonly inputId: _angular_core.InputSignal<string>;
287
+ readonly label: _angular_core.InputSignal<string | undefined>;
288
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
289
+ readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
290
+ readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
291
+ readonly ariaInvalid: _angular_core.InputSignal<string | boolean | undefined>;
292
+ readonly effectiveId: _angular_core.Signal<string>;
293
+ readonly value: _angular_core.ModelSignal<T>;
294
+ readonly touched: _angular_core.ModelSignal<boolean>;
295
+ readonly changed: _angular_core.OutputEmitterRef<T>;
296
+ onInput(event: Event): void;
220
297
  onKeyup(event: Event): void;
221
298
  onBlur(): void;
222
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<BasicInputComponent, never>;
223
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicInputComponent, "app-basic-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "changed": "changed"; }, never, never, true, never>;
299
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<BasicInputComponent<any>, never>;
300
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicInputComponent<any>, "app-basic-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "lang": { "alias": "lang"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "changed": "changed"; }, never, never, true, never>;
224
301
  }
225
302
 
226
303
  declare class BasicSelectComponent implements FormValueControl<unknown | null> {
304
+ protected readonly formField: FormFieldComponent | null;
305
+ readonly readonly: _angular_core.InputSignal<boolean>;
306
+ readonly inputId: _angular_core.InputSignal<string>;
307
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
308
+ readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
309
+ readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
310
+ readonly ariaInvalid: _angular_core.InputSignal<boolean>;
311
+ protected readonly effectiveId: _angular_core.Signal<string>;
312
+ protected readonly labelledBy: _angular_core.Signal<string | undefined>;
313
+ protected readonly inputAria: _angular_core.Signal<{
314
+ 'aria-describedby': string | undefined;
315
+ 'aria-invalid': boolean;
316
+ }>;
317
+ protected readonly passThrough: _angular_core.Signal<{
318
+ label: {
319
+ 'aria-describedby': string | undefined;
320
+ 'aria-invalid': boolean;
321
+ };
322
+ }>;
227
323
  readonly items: _angular_core.InputSignal<unknown[] | undefined>;
228
324
  readonly class: _angular_core.InputSignal<string | undefined>;
229
325
  readonly disabledValue: _angular_core.InputSignal<unknown[]>;
@@ -242,16 +338,35 @@ declare class BasicSelectComponent implements FormValueControl<unknown | null> {
242
338
  readonly changed: _angular_core.OutputEmitterRef<unknown>;
243
339
  readonly showClearState: _angular_core.WritableSignal<boolean | undefined>;
244
340
  readonly isDisabled: _angular_core.InputSignal<boolean>;
341
+ readonly disabled: _angular_core.InputSignal<boolean>;
245
342
  readonly value: _angular_core.ModelSignal<unknown>;
246
343
  readonly touched: _angular_core.ModelSignal<boolean>;
247
344
  readonly closed: _angular_core.OutputEmitterRef<void>;
248
345
  onChanged({ value }: SelectChangeEvent): void;
249
346
  onClosed(): void;
250
347
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BasicSelectComponent, never>;
251
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicSelectComponent, "app-basic-select", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "disabledValue": { "alias": "disabledValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "lengthTextSelected": { "alias": "lengthTextSelected"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "emptyOption": { "alias": "emptyOption"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "withIcons": { "alias": "withIcons"; "required": false; "isSignal": true; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; "isSignal": true; }; "nullOrZero": { "alias": "nullOrZero"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "value": "valueChange"; "touched": "touchedChange"; "closed": "closed"; }, never, never, true, never>;
348
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicSelectComponent, "app-basic-select", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "disabledValue": { "alias": "disabledValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "lengthTextSelected": { "alias": "lengthTextSelected"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "emptyOption": { "alias": "emptyOption"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "withIcons": { "alias": "withIcons"; "required": false; "isSignal": true; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; "isSignal": true; }; "nullOrZero": { "alias": "nullOrZero"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "value": "valueChange"; "touched": "touchedChange"; "closed": "closed"; }, never, never, true, never>;
252
349
  }
253
350
 
254
351
  declare class CheckboxComponent implements FormValueControl<boolean> {
352
+ protected readonly formField: FormFieldComponent | null;
353
+ readonly inputId: _angular_core.InputSignal<string>;
354
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
355
+ readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
356
+ readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
357
+ readonly ariaInvalid: _angular_core.InputSignal<boolean>;
358
+ protected readonly effectiveId: _angular_core.Signal<string>;
359
+ protected readonly labelledBy: _angular_core.Signal<string | undefined>;
360
+ protected readonly inputAria: _angular_core.Signal<{
361
+ 'aria-describedby': string | undefined;
362
+ 'aria-invalid': boolean;
363
+ }>;
364
+ protected readonly passThrough: _angular_core.Signal<{
365
+ input: {
366
+ 'aria-describedby': string | undefined;
367
+ 'aria-invalid': boolean;
368
+ };
369
+ }>;
255
370
  label: _angular_core.InputSignal<string>;
256
371
  binary: _angular_core.InputSignal<boolean>;
257
372
  disabled: _angular_core.InputSignal<boolean>;
@@ -262,25 +377,64 @@ declare class CheckboxComponent implements FormValueControl<boolean> {
262
377
  onValueChange(checked: boolean): void;
263
378
  onBlur(): void;
264
379
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
265
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "app-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "changed": "changed"; }, never, never, true, never>;
380
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "app-checkbox", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "changed": "changed"; }, never, never, true, never>;
266
381
  }
267
382
 
268
383
  declare class PasswordInputComponent implements FormValueControl<string> {
384
+ protected readonly formField: FormFieldComponent | null;
385
+ readonly readonly: _angular_core.InputSignal<boolean>;
386
+ readonly inputId: _angular_core.InputSignal<string>;
387
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
388
+ readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
389
+ readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
390
+ readonly ariaInvalid: _angular_core.InputSignal<boolean>;
391
+ protected readonly effectiveId: _angular_core.Signal<string>;
392
+ protected readonly labelledBy: _angular_core.Signal<string | undefined>;
393
+ protected readonly inputAria: _angular_core.Signal<{
394
+ 'aria-describedby': string | undefined;
395
+ 'aria-invalid': boolean;
396
+ }>;
397
+ protected readonly passThrough: _angular_core.Signal<{
398
+ pcInputText: {
399
+ root: {
400
+ readonly: string | undefined;
401
+ 'aria-describedby': string | undefined;
402
+ 'aria-invalid': boolean;
403
+ };
404
+ };
405
+ }>;
269
406
  placeholder: _angular_core.InputSignal<string>;
270
407
  labelType: _angular_core.InputSignal<string>;
271
408
  toggleMask: _angular_core.InputSignal<boolean>;
272
409
  feedback: _angular_core.InputSignal<boolean>;
273
410
  isDisabled: _angular_core.InputSignal<boolean>;
411
+ readonly disabled: _angular_core.InputSignal<boolean>;
274
412
  value: _angular_core.ModelSignal<string>;
275
413
  touched: _angular_core.ModelSignal<boolean>;
276
414
  changed: _angular_core.OutputEmitterRef<string>;
277
- onKeyup(event: Event): void;
415
+ onInput(event: Event): void;
278
416
  onBlur(): void;
279
417
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordInputComponent, never>;
280
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordInputComponent, "app-password-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "changed": "changed"; }, never, never, true, never>;
418
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordInputComponent, "app-password-input", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "changed": "changed"; }, never, never, true, never>;
281
419
  }
282
420
 
283
421
  declare class MultiSelectComponent implements FormValueControl<Value[]> {
422
+ protected readonly formField: FormFieldComponent | null;
423
+ readonly readonly: _angular_core.InputSignal<boolean>;
424
+ readonly inputId: _angular_core.InputSignal<string>;
425
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
426
+ readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
427
+ readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
428
+ readonly ariaInvalid: _angular_core.InputSignal<boolean>;
429
+ protected readonly effectiveId: _angular_core.Signal<string>;
430
+ protected readonly labelledBy: _angular_core.Signal<string | undefined>;
431
+ protected readonly inputAria: _angular_core.Signal<{
432
+ 'aria-describedby': string | undefined;
433
+ 'aria-invalid': boolean;
434
+ }>;
435
+ protected readonly passThrough: _angular_core.Signal<MultiSelectPassThrough & {
436
+ hiddenInput: PassThroughOption<HTMLInputElement>;
437
+ }>;
284
438
  items: _angular_core.InputSignal<ControlItemInterface[]>;
285
439
  disabledValue: _angular_core.InputSignal<any[]>;
286
440
  placeholder: _angular_core.InputSignal<string>;
@@ -310,25 +464,142 @@ declare class MultiSelectComponent implements FormValueControl<Value[]> {
310
464
  value: Value[];
311
465
  }): void;
312
466
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
313
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "app-multi-select", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "disabledValue": { "alias": "disabledValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; "isSignal": true; }; "lengthTextSelected": { "alias": "lengthTextSelected"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; "isSignal": true; }; "emptyOption": { "alias": "emptyOption"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "withIcons": { "alias": "withIcons"; "required": false; "isSignal": true; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; "isSignal": true; }; "nullOrZero": { "alias": "nullOrZero"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
467
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "app-multi-select", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "disabledValue": { "alias": "disabledValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; "isSignal": true; }; "lengthTextSelected": { "alias": "lengthTextSelected"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; "isSignal": true; }; "emptyOption": { "alias": "emptyOption"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "withIcons": { "alias": "withIcons"; "required": false; "isSignal": true; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; "isSignal": true; }; "nullOrZero": { "alias": "nullOrZero"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "changed": "changed"; "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
314
468
  }
315
469
 
316
- declare class FormFieldComponent {
317
- private readonly cdr;
318
- label: _angular_core.InputSignal<string | undefined>;
319
- required: _angular_core.InputSignal<boolean>;
320
- isInline: _angular_core.InputSignal<boolean>;
321
- showLabel: _angular_core.InputSignal<boolean>;
322
- field: _angular_core.InputSignal<unknown>;
323
- patternError: _angular_core.InputSignal<string | undefined>;
470
+ declare class TextareaComponent implements FormValueControl<string> {
471
+ private readonly control;
472
+ protected readonly field: FormFieldComponent | null;
473
+ readonly inputId: _angular_core.InputSignal<string>;
474
+ readonly label: _angular_core.InputSignal<string>;
475
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
476
+ readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
477
+ readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
478
+ readonly ariaInvalid: _angular_core.InputSignal<boolean>;
479
+ readonly disabled: _angular_core.InputSignal<boolean>;
480
+ readonly readonly: _angular_core.InputSignal<boolean>;
481
+ readonly value: _angular_core.ModelSignal<string>;
482
+ readonly touched: _angular_core.ModelSignal<boolean>;
483
+ readonly changed: _angular_core.OutputEmitterRef<string>;
484
+ readonly rows: _angular_core.InputSignal<number>;
485
+ readonly placeholder: _angular_core.InputSignal<string>;
486
+ readonly maxLength: _angular_core.InputSignal<number | undefined>;
487
+ protected readonly id: _angular_core.Signal<string>;
488
+ protected readonly labelledBy: _angular_core.Signal<string | undefined>;
489
+ protected readonly describedBy: _angular_core.Signal<string | undefined>;
490
+ protected readonly effectiveInvalid: _angular_core.Signal<boolean>;
491
+ onValueChange(value: string): void;
492
+ focus(options?: FocusOptions): void;
493
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
494
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "app-textarea", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "changed": "changed"; }, never, never, true, never>;
495
+ }
496
+
497
+ declare class FilePickerComponent implements FormValueControl<File[]> {
498
+ protected readonly field: FormFieldComponent | null;
499
+ protected readonly picker: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
500
+ readonly inputId: _angular_core.InputSignal<string>;
501
+ readonly label: _angular_core.InputSignal<string>;
502
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
503
+ readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
504
+ readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
505
+ readonly ariaInvalid: _angular_core.InputSignal<boolean>;
506
+ readonly accept: _angular_core.InputSignal<string>;
507
+ readonly multiple: _angular_core.InputSignal<boolean>;
508
+ readonly disabled: _angular_core.InputSignal<boolean>;
509
+ readonly readonly: _angular_core.InputSignal<boolean>;
510
+ readonly value: _angular_core.ModelSignal<File[]>;
511
+ readonly touched: _angular_core.ModelSignal<boolean>;
512
+ readonly changed: _angular_core.OutputEmitterRef<File[]>;
513
+ protected readonly id: _angular_core.Signal<string>;
514
+ protected readonly labelledBy: _angular_core.Signal<string | undefined>;
515
+ protected readonly describedBy: _angular_core.Signal<string | undefined>;
516
+ protected readonly effectiveInvalid: _angular_core.Signal<boolean>;
324
517
  constructor();
325
- hasError(): boolean;
326
- get errorKey(): any;
327
- get errorValue(): any;
328
- private isAbstractControl;
329
- private getSignalFieldState;
330
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
331
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "app-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "isInline": { "alias": "isInline"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "patternError": { "alias": "patternError"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
518
+ onFileChange(event: Event): void;
519
+ clear(): void;
520
+ focus(options?: FocusOptions): void;
521
+ private setFiles;
522
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilePickerComponent, never>;
523
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilePickerComponent, "app-file-picker", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "changed": "changed"; }, never, never, true, never>;
524
+ }
525
+
526
+ declare class ToggleComponent implements FormValueControl<boolean> {
527
+ private readonly control;
528
+ protected readonly field: FormFieldComponent | null;
529
+ readonly inputId: _angular_core.InputSignal<string>;
530
+ readonly label: _angular_core.InputSignal<string>;
531
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
532
+ readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
533
+ readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
534
+ readonly ariaInvalid: _angular_core.InputSignal<boolean>;
535
+ readonly disabled: _angular_core.InputSignal<boolean>;
536
+ readonly readonly: _angular_core.InputSignal<boolean>;
537
+ readonly value: _angular_core.ModelSignal<boolean>;
538
+ readonly touched: _angular_core.ModelSignal<boolean>;
539
+ readonly changed: _angular_core.OutputEmitterRef<boolean>;
540
+ protected readonly id: _angular_core.Signal<string>;
541
+ protected readonly labelledBy: _angular_core.Signal<string | undefined>;
542
+ protected readonly describedBy: _angular_core.Signal<string | undefined>;
543
+ protected readonly effectiveInvalid: _angular_core.Signal<boolean>;
544
+ onValueChange(value: boolean): void;
545
+ focus(options?: FocusOptions): void;
546
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleComponent, never>;
547
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "app-toggle", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "changed": "changed"; }, never, never, true, never>;
548
+ }
549
+
550
+ interface SegmentedControlItemContext {
551
+ $implicit: ControlItemInterface;
552
+ selected: boolean;
553
+ }
554
+ declare class SegmentedControlComponent implements FormValueControl<Value | null> {
555
+ private readonly control;
556
+ protected readonly field: FormFieldComponent | null;
557
+ protected readonly itemTemplate: _angular_core.Signal<TemplateRef<SegmentedControlItemContext> | undefined>;
558
+ readonly inputId: _angular_core.InputSignal<string>;
559
+ readonly label: _angular_core.InputSignal<string>;
560
+ readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
561
+ readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
562
+ readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
563
+ readonly ariaInvalid: _angular_core.InputSignal<boolean>;
564
+ readonly items: _angular_core.InputSignal<ControlItemInterface[]>;
565
+ readonly allowEmpty: _angular_core.InputSignal<boolean>;
566
+ readonly variant: _angular_core.InputSignal<"segments" | "cards">;
567
+ readonly disabled: _angular_core.InputSignal<boolean>;
568
+ readonly readonly: _angular_core.InputSignal<boolean>;
569
+ readonly value: _angular_core.ModelSignal<Value | null>;
570
+ readonly touched: _angular_core.ModelSignal<boolean>;
571
+ readonly changed: _angular_core.OutputEmitterRef<Value | null>;
572
+ protected readonly id: _angular_core.Signal<string>;
573
+ protected readonly labelledBy: _angular_core.Signal<string | undefined>;
574
+ protected readonly describedBy: _angular_core.Signal<string | undefined>;
575
+ protected readonly effectiveInvalid: _angular_core.Signal<boolean>;
576
+ onValueChange(value: Value | null): void;
577
+ onFocusOut(event: FocusEvent): void;
578
+ focus(options?: FocusOptions): void;
579
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;
580
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControlComponent, "app-segmented-control", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "changed": "changed"; }, ["itemTemplate"], never, true, never>;
581
+ }
582
+
583
+ declare class DialogComponent {
584
+ private readonly document;
585
+ private opener;
586
+ readonly visible: _angular_core.ModelSignal<boolean>;
587
+ readonly header: _angular_core.InputSignal<string>;
588
+ constructor();
589
+ restoreFocus(): void;
590
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogComponent, never>;
591
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "app-dialog", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; }, never, ["*", "[dialogActions]"], true, never>;
592
+ }
593
+
594
+ declare class PaginationComponent {
595
+ readonly first: _angular_core.ModelSignal<number>;
596
+ readonly rows: _angular_core.ModelSignal<number>;
597
+ readonly totalRecords: _angular_core.InputSignal<number>;
598
+ readonly rowsPerPageOptions: _angular_core.InputSignal<number[] | undefined>;
599
+ readonly pageChange: _angular_core.OutputEmitterRef<PaginatorState>;
600
+ onPageChange(event: PaginatorState): void;
601
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
602
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "app-pagination", never, { "first": { "alias": "first"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; }, { "first": "firstChange"; "rows": "rowsChange"; "pageChange": "pageChange"; }, never, never, true, never>;
332
603
  }
333
604
 
334
605
  /**
@@ -432,7 +703,7 @@ declare class StepperControlComponent implements ControlValueAccessor, AfterCont
432
703
  /**
433
704
  * Orientation of the stepper: 'horizontal' or 'vertical'
434
705
  */
435
- orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
706
+ orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
436
707
  /**
437
708
  * Custom CSS class for the stepper container
438
709
  */
@@ -533,6 +804,36 @@ declare class StepperControlComponent implements ControlValueAccessor, AfterCont
533
804
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepperControlComponent, "app-stepper-control", never, { "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "showNavigation": { "alias": "showNavigation"; "required": false; "isSignal": true; }; "backLabel": { "alias": "backLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; }, { "stepChange": "stepChange"; "complete": "complete"; }, ["stepTemplates"], never, true, never>;
534
805
  }
535
806
 
536
- export { AvatarComponent, BasicInputComponent, BasicSelectComponent, ButtonComponent, CalendarComponent, ChartsComponent, CheckboxComponent, FormFieldComponent, MultiSelectComponent, PasswordInputComponent, StepperControlComponent, StepperStepDirective, TableComponent };
537
- export type { ButtonIconPosition, ButtonSizeType, ButtonType, ChartAxisGridOptions, ChartAxisOptions, ChartAxisTickOptions, ChartData, ChartDataset, ChartLegendLabelOptions, ChartLegendOptions, ChartOptionsInput, ChartPluginOptions, ChartScaleOptions, ControlItemInterface, IconInterface, StepChangeEvent, StepConfig, StepperStepContext, TableColumn, TableRow, TableRowSelectEvent, TableRowUpdateEvent, Value, badgeSeverityType };
807
+ declare class ToastComponent implements AfterViewInit {
808
+ private readonly toast;
809
+ private readonly messages;
810
+ private readonly service;
811
+ private readonly destroyRef;
812
+ private current;
813
+ ngAfterViewInit(): void;
814
+ onClose(event: ToastCloseEvent): void;
815
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
816
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "app-toast", never, {}, {}, never, never, true, never>;
817
+ }
818
+
819
+ type ToastVariant = 'correct' | 'warn' | 'error' | 'info';
820
+ interface ToastPayload {
821
+ message: string;
822
+ description?: string | null;
823
+ variant: ToastVariant;
824
+ }
825
+ declare class ToastService {
826
+ private readonly zone;
827
+ private readonly toastSubject;
828
+ readonly toast$: rxjs.Observable<ToastPayload | null>;
829
+ private hideTimer;
830
+ constructor(zone: NgZone);
831
+ mostrarToast(message: string, description?: string | null, variant?: ToastVariant): void;
832
+ clear(): void;
833
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
834
+ static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToastService>;
835
+ }
836
+
837
+ export { AvatarComponent, BasicInputComponent, BasicSelectComponent, ButtonComponent, CalendarComponent, ChartsComponent, CheckboxComponent, DialogComponent, FilePickerComponent, FormFieldComponent, MultiSelectComponent, PaginationComponent, PasswordInputComponent, SegmentedControlComponent, StepperControlComponent, StepperStepDirective, TableComponent, TextareaComponent, ToastComponent, ToastService, ToggleComponent };
838
+ export type { ButtonIconPosition, ButtonSizeType, ButtonType, ChartAxisGridOptions, ChartAxisOptions, ChartAxisTickOptions, ChartData, ChartDataset, ChartLegendLabelOptions, ChartLegendOptions, ChartOptionsInput, ChartPluginOptions, ChartScaleOptions, ControlItemInterface, FieldErrorMessages, IconInterface, SegmentedControlItemContext, StepChangeEvent, StepConfig, StepperStepContext, TableColumn, TableRow, TableRowSelectEvent, TableRowUpdateEvent, ToastPayload, ToastVariant, Value, badgeSeverityType };
538
839
  //# sourceMappingURL=springest.d.ts.map