@kms-ngx-ui/presentational 20.0.12 → 20.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/kms-ngx-ui-presentational.mjs +1628 -298
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/index.d.ts +703 -215
- package/package.json +2 -1
- package/src/assets/icons.json +1 -1
- package/src/assets/sprite.svg +1 -1
- package/src/lib/ui/molecules/date-input/date-input.component.scss +11 -0
- package/src/lib/ui/molecules/numeric-input/numeric-input.component.scss +11 -0
- package/src/lib/ui/molecules/text-input/text-input.component.scss +15 -0
- package/src/lib/ui/organisms/generic-form/components/form-actions/form-actions.component.scss +9 -0
- package/src/lib/ui/organisms/generic-form/components/form-field/form-field.component.scss +82 -0
- package/src/lib/ui/organisms/generic-form/components/form-section/form-section.component.scss +28 -0
- package/src/lib/ui/organisms/generic-form/components/generic-form/generic-form.component.scss +30 -0
- package/src/styles/default-values.scss +1 -0
- package/src/styles/styles.scss +5 -0
package/index.d.ts
CHANGED
|
@@ -1,44 +1,51 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { OnInit, EventEmitter, DoCheck, Renderer2, ElementRef, ApplicationRef, ChangeDetectorRef, NgZone,
|
|
3
|
-
import * as
|
|
4
|
-
import { ControlValueAccessor, UntypedFormGroup, NgControl, UntypedFormControl,
|
|
5
|
-
import * as
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { OnInit, EventEmitter, DoCheck, Renderer2, ElementRef, ApplicationRef, ChangeDetectorRef, NgZone, OnChanges, AfterViewInit, WritableSignal, Signal, SimpleChanges, TemplateRef, OnDestroy, PipeTransform, AfterContentChecked, InputSignal, Type } from '@angular/core';
|
|
3
|
+
import * as i39 from '@angular/forms';
|
|
4
|
+
import { ControlValueAccessor, UntypedFormGroup, NgControl, UntypedFormControl, FormControl, FormArray, Validator, ValidationErrors, AsyncValidatorFn, ValidatorFn, FormGroup } from '@angular/forms';
|
|
5
|
+
import * as i35 from '@angular/material/checkbox';
|
|
6
6
|
import { MatCheckboxChange } from '@angular/material/checkbox';
|
|
7
7
|
import { Subscription, Observable } from 'rxjs';
|
|
8
|
-
import * as
|
|
8
|
+
import * as i38 from '@angular/material/dialog';
|
|
9
9
|
import { MatDialogRef } from '@angular/material/dialog';
|
|
10
|
-
import
|
|
11
|
-
import * as icons from '@ui-presentational/assets/icons.json';
|
|
12
|
-
import * as i29 from '@angular/cdk/drag-drop';
|
|
10
|
+
import * as i34 from '@angular/cdk/drag-drop';
|
|
13
11
|
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
14
|
-
import
|
|
12
|
+
import { SafeHtml, DomSanitizer, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';
|
|
13
|
+
import * as i50 from '@angular/material/slide-toggle';
|
|
15
14
|
import { MatSlideToggleChange } from '@angular/material/slide-toggle';
|
|
16
15
|
import { Placement } from '@floating-ui/dom';
|
|
17
|
-
import * as
|
|
16
|
+
import * as i53 from '@angular-slider/ngx-slider';
|
|
18
17
|
import { Options, ChangeContext } from '@angular-slider/ngx-slider';
|
|
19
18
|
export { ChangeContext as KmsSliderChange, Options as KmsSliderOptions } from '@angular-slider/ngx-slider';
|
|
19
|
+
import * as _kms_ngx_ui_presentational from '@kms-ngx-ui/presentational';
|
|
20
|
+
import * as i58 from '@angular/material/core';
|
|
21
|
+
import { ErrorStateMatcher } from '@angular/material/core';
|
|
20
22
|
import * as i8 from '@angular/common';
|
|
21
23
|
import { CurrencyPipe } from '@angular/common';
|
|
22
|
-
import * as
|
|
23
|
-
import * as
|
|
24
|
-
import * as
|
|
25
|
-
import * as
|
|
26
|
-
import * as
|
|
27
|
-
import * as
|
|
28
|
-
import * as
|
|
29
|
-
import * as
|
|
30
|
-
import * as
|
|
31
|
-
import * as
|
|
32
|
-
import * as
|
|
33
|
-
import
|
|
34
|
-
import * as
|
|
35
|
-
import * as
|
|
24
|
+
import * as i36 from '@angular/material/button';
|
|
25
|
+
import * as i37 from '@angular/material/radio';
|
|
26
|
+
import * as i40 from '@angular/material/form-field';
|
|
27
|
+
import * as i41 from '@angular/material/input';
|
|
28
|
+
import * as i42 from '@angular/material/menu';
|
|
29
|
+
import * as i44 from '@angular/google-maps';
|
|
30
|
+
import * as i45 from '@angular/material/expansion';
|
|
31
|
+
import * as i46 from '@angular/material/select';
|
|
32
|
+
import * as i47 from 'ngx-mat-select-search';
|
|
33
|
+
import * as i48 from '@angular/material/progress-spinner';
|
|
34
|
+
import * as i51 from '@ngx-translate/core';
|
|
35
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
36
|
+
import * as i52 from '@angular/material/tooltip';
|
|
37
|
+
import * as i54 from '@angular/material/autocomplete';
|
|
38
|
+
import * as i55 from '@angular/material/list';
|
|
39
|
+
import * as i56 from '@angular/material/card';
|
|
40
|
+
import * as i57 from '@angular/material/datepicker';
|
|
41
|
+
import { MatDatepicker } from '@angular/material/datepicker';
|
|
42
|
+
import * as icons from '@ui-presentational/assets/icons.json';
|
|
36
43
|
|
|
37
44
|
declare class KmsUiPresentationalComponent implements OnInit {
|
|
38
45
|
constructor();
|
|
39
46
|
ngOnInit(): void;
|
|
40
|
-
static ɵfac:
|
|
41
|
-
static ɵcmp:
|
|
47
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KmsUiPresentationalComponent, never>;
|
|
48
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KmsUiPresentationalComponent, "lib-kms-ngx-ui-presentational", never, {}, {}, never, never, false, never>;
|
|
42
49
|
}
|
|
43
50
|
|
|
44
51
|
declare enum Color {
|
|
@@ -80,8 +87,8 @@ declare class BackToTopComponent {
|
|
|
80
87
|
constructor(platformId: Object);
|
|
81
88
|
onWindowScroll(): void;
|
|
82
89
|
scrollToTop(): void;
|
|
83
|
-
static ɵfac:
|
|
84
|
-
static ɵcmp:
|
|
90
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BackToTopComponent, never>;
|
|
91
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BackToTopComponent, "kms-back-to-top", never, {}, {}, never, never, false, never>;
|
|
85
92
|
}
|
|
86
93
|
|
|
87
94
|
/**
|
|
@@ -104,8 +111,8 @@ declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
104
111
|
writeValue(value: any): void;
|
|
105
112
|
registerOnChange(fn: any): void;
|
|
106
113
|
registerOnTouched(fn: any): void;
|
|
107
|
-
static ɵfac:
|
|
108
|
-
static ɵcmp:
|
|
114
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
115
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "kms-checkbox", never, { "infoText": { "alias": "infoText"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "change": "change"; }, never, never, false, never>;
|
|
109
116
|
}
|
|
110
117
|
|
|
111
118
|
/**
|
|
@@ -115,28 +122,11 @@ declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
115
122
|
declare class FormParentComponent implements OnInit {
|
|
116
123
|
form: UntypedFormGroup;
|
|
117
124
|
formInitialized: boolean;
|
|
118
|
-
private allowedCharsOnlyNumbers;
|
|
119
125
|
formDataChanged: EventEmitter<UntypedFormGroup>;
|
|
120
126
|
disabled: boolean;
|
|
121
|
-
/**
|
|
122
|
-
* Returns if a number was pressed
|
|
123
|
-
* @param e
|
|
124
|
-
* @returns
|
|
125
|
-
*/
|
|
126
|
-
checkIfKeyWasNumber(e: KeyboardEvent, allowDelete?: boolean, allowArrows?: boolean, allowCutCopyPaste?: boolean): boolean;
|
|
127
|
-
/**
|
|
128
|
-
* Prevents to input other chars than numbers in input
|
|
129
|
-
* @param event
|
|
130
|
-
*/
|
|
131
|
-
removeNumbersOnType(event: KeyboardEvent): void;
|
|
132
|
-
/**
|
|
133
|
-
* Prevents input when pasting which is not number
|
|
134
|
-
* @param event
|
|
135
|
-
*/
|
|
136
|
-
removeNumbersOnPaste(event: ClipboardEvent): void;
|
|
137
127
|
ngOnInit(): void;
|
|
138
|
-
static ɵfac:
|
|
139
|
-
static ɵcmp:
|
|
128
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormParentComponent, never>;
|
|
129
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormParentComponent, "kms-form", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "formDataChanged": "formDataChanged"; }, never, never, false, never>;
|
|
140
130
|
}
|
|
141
131
|
|
|
142
132
|
declare class FormControlParentComponent extends FormParentComponent implements DoCheck {
|
|
@@ -162,8 +152,8 @@ declare class FormControlParentComponent extends FormParentComponent implements
|
|
|
162
152
|
registerOnTouched(fn: any): void;
|
|
163
153
|
setDisabledState?(isDisabled: boolean): void;
|
|
164
154
|
validate(_: UntypedFormControl): boolean;
|
|
165
|
-
static ɵfac:
|
|
166
|
-
static ɵcmp:
|
|
155
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormControlParentComponent, never>;
|
|
156
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormControlParentComponent, "kms-formControlParent", never, { "defaultDataOverride": { "alias": "defaultDataOverride"; "required": false; }; }, { "onSelectItemEmitter": "onSelectItemEmitter"; }, never, never, false, never>;
|
|
167
157
|
}
|
|
168
158
|
|
|
169
159
|
declare class ColorInputComponent extends FormControlParentComponent implements OnInit, ControlValueAccessor {
|
|
@@ -177,8 +167,8 @@ declare class ColorInputComponent extends FormControlParentComponent implements
|
|
|
177
167
|
validate(_: UntypedFormControl): boolean;
|
|
178
168
|
matchesHex(match?: string): false | RegExpMatchArray;
|
|
179
169
|
updateSelectedColor(value: any): void;
|
|
180
|
-
static ɵfac:
|
|
181
|
-
static ɵcmp:
|
|
170
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInputComponent, never>;
|
|
171
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorInputComponent, "kms-color-input", never, { "label": { "alias": "label"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, false, never>;
|
|
182
172
|
}
|
|
183
173
|
|
|
184
174
|
/**
|
|
@@ -186,31 +176,39 @@ declare class ColorInputComponent extends FormControlParentComponent implements
|
|
|
186
176
|
*/
|
|
187
177
|
declare class DropdownFromDataComponent extends FormControlParentComponent implements OnInit, ControlValueAccessor {
|
|
188
178
|
renderer: Renderer2;
|
|
189
|
-
optionsEnum:
|
|
190
|
-
optionsPlainArray:
|
|
191
|
-
optionsObjArray:
|
|
192
|
-
mapKey:
|
|
193
|
-
mapValue:
|
|
194
|
-
hasNullOption:
|
|
195
|
-
preselectedKeys:
|
|
196
|
-
translation:
|
|
197
|
-
placeholder:
|
|
198
|
-
label:
|
|
199
|
-
required:
|
|
200
|
-
useEnumIndexAsValue:
|
|
201
|
-
multiple:
|
|
202
|
-
selectAllText:
|
|
203
|
-
disableOptions:
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
179
|
+
optionsEnum: _angular_core.InputSignal<any>;
|
|
180
|
+
optionsPlainArray: _angular_core.InputSignal<any[]>;
|
|
181
|
+
optionsObjArray: _angular_core.InputSignal<any[]>;
|
|
182
|
+
mapKey: _angular_core.InputSignal<any>;
|
|
183
|
+
mapValue: _angular_core.InputSignal<any>;
|
|
184
|
+
hasNullOption: _angular_core.InputSignal<boolean>;
|
|
185
|
+
preselectedKeys: _angular_core.InputSignal<any>;
|
|
186
|
+
translation: _angular_core.InputSignal<ITranslation>;
|
|
187
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
188
|
+
label: _angular_core.InputSignal<string>;
|
|
189
|
+
required: _angular_core.InputSignal<boolean>;
|
|
190
|
+
useEnumIndexAsValue: _angular_core.InputSignal<boolean>;
|
|
191
|
+
multiple: _angular_core.InputSignal<boolean>;
|
|
192
|
+
selectAllText: _angular_core.InputSignal<string>;
|
|
193
|
+
disableOptions: _angular_core.InputSignal<boolean>;
|
|
194
|
+
searchable: _angular_core.InputSignal<boolean>;
|
|
195
|
+
errorMessage: _angular_core.InputSignal<string>;
|
|
196
|
+
prefix: _angular_core.InputSignal<string>;
|
|
197
|
+
prefixIcon: _angular_core.InputSignal<string>;
|
|
198
|
+
suffix: _angular_core.InputSignal<string>;
|
|
199
|
+
suffixIcon: _angular_core.InputSignal<string>;
|
|
200
|
+
private readonly _keysAndValues;
|
|
201
|
+
private resolveBaseKeysAndValues;
|
|
202
|
+
private applyEnumOverrides;
|
|
203
|
+
searchControl: FormControl<string>;
|
|
204
|
+
private searchTerm;
|
|
205
|
+
get keys(): any[];
|
|
206
|
+
get values(): any[];
|
|
207
|
+
get filteredKeys(): any[];
|
|
208
|
+
get filteredValues(): any[];
|
|
209
|
+
private matchesSearch;
|
|
207
210
|
constructor(renderer: Renderer2);
|
|
208
211
|
ngOnInit(): void;
|
|
209
|
-
/**
|
|
210
|
-
* transofrms the data values to the correct format for be used by the template
|
|
211
|
-
* @param value
|
|
212
|
-
*/
|
|
213
|
-
private setKeyValues;
|
|
214
212
|
/**
|
|
215
213
|
* set the value of the dropdown based if translation is set
|
|
216
214
|
* @param key
|
|
@@ -222,9 +220,10 @@ declare class DropdownFromDataComponent extends FormControlParentComponent imple
|
|
|
222
220
|
isCheckboxIndeterminate(): boolean;
|
|
223
221
|
toggleAllSelection(change: MatCheckboxChange): void;
|
|
224
222
|
checkAllFilters(): void;
|
|
223
|
+
private pendingValue;
|
|
225
224
|
writeValue(value: any): void;
|
|
226
|
-
static ɵfac:
|
|
227
|
-
static ɵcmp:
|
|
225
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownFromDataComponent, never>;
|
|
226
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownFromDataComponent, "kms-dropdown-from-data", never, { "optionsEnum": { "alias": "optionsEnum"; "required": false; "isSignal": true; }; "optionsPlainArray": { "alias": "optionsPlainArray"; "required": false; "isSignal": true; }; "optionsObjArray": { "alias": "optionsObjArray"; "required": false; "isSignal": true; }; "mapKey": { "alias": "mapKey"; "required": false; "isSignal": true; }; "mapValue": { "alias": "mapValue"; "required": false; "isSignal": true; }; "hasNullOption": { "alias": "hasNullOption"; "required": false; "isSignal": true; }; "preselectedKeys": { "alias": "preselectedKeys"; "required": false; "isSignal": true; }; "translation": { "alias": "translation"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "useEnumIndexAsValue": { "alias": "useEnumIndexAsValue"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "disableOptions": { "alias": "disableOptions"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
228
227
|
}
|
|
229
228
|
/**
|
|
230
229
|
* Interface that defines the translation object in template
|
|
@@ -296,8 +295,8 @@ declare class EnumRadiogroupComponent extends FormControlParentComponent impleme
|
|
|
296
295
|
optionValues: any;
|
|
297
296
|
constructor(renderer: Renderer2);
|
|
298
297
|
ngOnInit(): void;
|
|
299
|
-
static ɵfac:
|
|
300
|
-
static ɵcmp:
|
|
298
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<EnumRadiogroupComponent, never>;
|
|
299
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<EnumRadiogroupComponent, "kms-enum-radiogroup", never, { "header": { "alias": "header"; "required": false; }; "optionsEnum": { "alias": "optionsEnum"; "required": false; }; "translationPrefix": { "alias": "translationPrefix"; "required": false; }; }, {}, never, never, false, never>;
|
|
301
300
|
}
|
|
302
301
|
|
|
303
302
|
declare class FileInputComponent implements ControlValueAccessor, OnInit {
|
|
@@ -378,8 +377,8 @@ declare class FileInputComponent implements ControlValueAccessor, OnInit {
|
|
|
378
377
|
* OnClick event listener of input#fileInput to clear his input value
|
|
379
378
|
*/
|
|
380
379
|
clearInputValue(ev: any): void;
|
|
381
|
-
static ɵfac:
|
|
382
|
-
static ɵcmp:
|
|
380
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileInputComponent, never>;
|
|
381
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "kms-file-input", never, { "label": { "alias": "label"; "required": false; }; "previewImage": { "alias": "previewImage"; "required": false; }; "allowRemove": { "alias": "allowRemove"; "required": false; }; "previewImageText": { "alias": "previewImageText"; "required": false; }; "maxSizeBytes": { "alias": "maxSizeBytes"; "required": false; }; "resizePixels": { "alias": "resizePixels"; "required": false; }; "acceptedFileMimetypes": { "alias": "acceptedFileMimetypes"; "required": false; }; }, { "formDataChanged": "formDataChanged"; }, never, never, false, never>;
|
|
383
382
|
}
|
|
384
383
|
|
|
385
384
|
declare class FlyoutComponent {
|
|
@@ -409,8 +408,8 @@ declare class FlyoutComponent {
|
|
|
409
408
|
* Set the height of the dropdown list items dynamic - needed for the animation
|
|
410
409
|
*/
|
|
411
410
|
setDropdownListHeight(contentHeight: number): void;
|
|
412
|
-
static ɵfac:
|
|
413
|
-
static ɵcmp:
|
|
411
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlyoutComponent, never>;
|
|
412
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlyoutComponent, "kms-flyout", never, { "icon": { "alias": "icon"; "required": false; }; "headerCssClass": { "alias": "headerCssClass"; "required": false; }; "bodyCssClass": { "alias": "bodyCssClass"; "required": false; }; "headerTitle": { "alias": "headerTitle"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "hasButtonForMore": { "alias": "hasButtonForMore"; "required": false; }; "moreText": { "alias": "moreText"; "required": false; }; "lessText": { "alias": "lessText"; "required": false; }; }, {}, never, ["[header]", "*"], false, never>;
|
|
414
413
|
}
|
|
415
414
|
|
|
416
415
|
declare enum ButtonDialogType {
|
|
@@ -451,32 +450,8 @@ declare class ConfirmationDialogComponent {
|
|
|
451
450
|
* @param clickedButton Whether the primary or secondary button was clicked
|
|
452
451
|
*/
|
|
453
452
|
onClickAction(clickedButton: ButtonDialogType): void;
|
|
454
|
-
static ɵfac:
|
|
455
|
-
static ɵcmp:
|
|
456
|
-
}
|
|
457
|
-
|
|
458
|
-
/**
|
|
459
|
-
* @copyright KMS GmbH
|
|
460
|
-
*/
|
|
461
|
-
|
|
462
|
-
declare class IconComponent {
|
|
463
|
-
sanitizer: DomSanitizer;
|
|
464
|
-
/**
|
|
465
|
-
* Required: Name of the SVG icon inside your sprite sheet file with name 'icons.svg'.
|
|
466
|
-
* Pass 'none' if no icon should be rendered.
|
|
467
|
-
*/
|
|
468
|
-
icon: InputSignal<(typeof icons)[number]>;
|
|
469
|
-
/**
|
|
470
|
-
* Optional: Different appearance via CSS class defined in this component´s style sheet.
|
|
471
|
-
*/
|
|
472
|
-
iconClass: InputSignal<string>;
|
|
473
|
-
size: InputSignal<number>;
|
|
474
|
-
dontUseSprite: InputSignal<boolean>;
|
|
475
|
-
color: InputSignal<Color>;
|
|
476
|
-
Version: string;
|
|
477
|
-
constructor(sanitizer: DomSanitizer);
|
|
478
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
479
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "kms-icon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconClass": { "alias": "iconClass"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dontUseSprite": { "alias": "dontUseSprite"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
453
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
|
|
454
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmationDialogComponent, "kms-confirmation-dialog", never, {}, {}, never, never, false, never>;
|
|
480
455
|
}
|
|
481
456
|
|
|
482
457
|
/**
|
|
@@ -513,8 +488,8 @@ declare class ImageSliderComponent implements OnChanges, AfterViewInit {
|
|
|
513
488
|
updateSwipers(delayMs?: number): void;
|
|
514
489
|
deleteImage(index: number): void;
|
|
515
490
|
onOrderChanged(event: CdkDragDrop<string[]>): void;
|
|
516
|
-
static ɵfac:
|
|
517
|
-
static ɵcmp:
|
|
491
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageSliderComponent, never>;
|
|
492
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageSliderComponent, "kms-image-slider", never, { "slides": { "alias": "slides"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "imagesToSave": { "alias": "imagesToSave"; "required": false; }; }, { "deleteImageEvent": "deleteImageEvent"; "orderChanged": "orderChanged"; }, never, never, false, never>;
|
|
518
493
|
}
|
|
519
494
|
|
|
520
495
|
/**
|
|
@@ -535,14 +510,14 @@ declare class KMSAccordionItemComponent implements OnInit {
|
|
|
535
510
|
panelOpenState: boolean;
|
|
536
511
|
constructor(sanitizer: DomSanitizer);
|
|
537
512
|
ngOnInit(): void;
|
|
538
|
-
static ɵfac:
|
|
539
|
-
static ɵcmp:
|
|
513
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KMSAccordionItemComponent, never>;
|
|
514
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KMSAccordionItemComponent, "kms-accordion-item", never, { "showAsCard": { "alias": "showAsCard"; "required": false; }; "isSmall": { "alias": "isSmall"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "itemTitle": { "alias": "itemTitle"; "required": false; }; }, {}, never, ["[itemTitleElement]", "*"], false, never>;
|
|
540
515
|
}
|
|
541
516
|
|
|
542
517
|
declare class LoaderComponent {
|
|
543
518
|
loading: boolean;
|
|
544
|
-
static ɵfac:
|
|
545
|
-
static ɵcmp:
|
|
519
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoaderComponent, never>;
|
|
520
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoaderComponent, "kms-loader", never, { "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, false, never>;
|
|
546
521
|
}
|
|
547
522
|
|
|
548
523
|
/**
|
|
@@ -620,8 +595,8 @@ declare class MapComponent implements OnInit {
|
|
|
620
595
|
* Zooms out from map
|
|
621
596
|
*/
|
|
622
597
|
zoomOut(): void;
|
|
623
|
-
static ɵfac:
|
|
624
|
-
static ɵcmp:
|
|
598
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MapComponent, never>;
|
|
599
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapComponent, "kms-map", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
|
|
625
600
|
}
|
|
626
601
|
|
|
627
602
|
declare enum RadioButtonSize {
|
|
@@ -648,8 +623,8 @@ declare class RadioButtonComponent implements ControlValueAccessor {
|
|
|
648
623
|
registerOnChange(fn: any): void;
|
|
649
624
|
registerOnTouched(fn: any): void;
|
|
650
625
|
setDisabledState(isDisabled: boolean): void;
|
|
651
|
-
static ɵfac:
|
|
652
|
-
static ɵcmp:
|
|
626
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
|
|
627
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButtonComponent, "kms-radiobutton", never, { "label": { "alias": "label"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
|
|
653
628
|
}
|
|
654
629
|
|
|
655
630
|
interface RadiobuttonInterface extends TextValuePair {
|
|
@@ -670,8 +645,8 @@ declare class RadioGroupComponent implements ControlValueAccessor {
|
|
|
670
645
|
registerOnChange(fn: any): void;
|
|
671
646
|
registerOnTouched(fn: any): void;
|
|
672
647
|
handleChange(value: any): void;
|
|
673
|
-
static ɵfac:
|
|
674
|
-
static ɵcmp:
|
|
648
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
|
|
649
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "kms-radiogroup", never, { "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, never, false, never>;
|
|
675
650
|
}
|
|
676
651
|
|
|
677
652
|
declare enum SalutationEnum {
|
|
@@ -687,8 +662,8 @@ declare class SalutationDropdownComponent extends FormControlParentComponent imp
|
|
|
687
662
|
Object: ObjectConstructor;
|
|
688
663
|
constructor(renderer: Renderer2);
|
|
689
664
|
ngOnInit(): void;
|
|
690
|
-
static ɵfac:
|
|
691
|
-
static ɵcmp:
|
|
665
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SalutationDropdownComponent, never>;
|
|
666
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SalutationDropdownComponent, "kms-salutation-dropdown", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, false, never>;
|
|
692
667
|
}
|
|
693
668
|
|
|
694
669
|
declare class SalutationRadiogroupComponent extends FormControlParentComponent implements OnInit, ControlValueAccessor {
|
|
@@ -697,8 +672,8 @@ declare class SalutationRadiogroupComponent extends FormControlParentComponent i
|
|
|
697
672
|
Object: ObjectConstructor;
|
|
698
673
|
constructor(renderer: Renderer2);
|
|
699
674
|
ngOnInit(): void;
|
|
700
|
-
static ɵfac:
|
|
701
|
-
static ɵcmp:
|
|
675
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SalutationRadiogroupComponent, never>;
|
|
676
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SalutationRadiogroupComponent, "kms-salutation-radiogroup", never, {}, {}, never, never, false, never>;
|
|
702
677
|
}
|
|
703
678
|
|
|
704
679
|
/**
|
|
@@ -721,8 +696,8 @@ declare class SlideToggleComponent implements ControlValueAccessor {
|
|
|
721
696
|
registerOnTouched(fn: any): void;
|
|
722
697
|
emitOnChange($event: MatSlideToggleChange): void;
|
|
723
698
|
setDisabledState(isDisabled: boolean): void;
|
|
724
|
-
static ɵfac:
|
|
725
|
-
static ɵcmp:
|
|
699
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlideToggleComponent, never>;
|
|
700
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlideToggleComponent, "kms-slide-toggle", never, { "leftLabel": { "alias": "leftLabel"; "required": false; }; "rightLabel": { "alias": "rightLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "change": "change"; }, never, never, false, never>;
|
|
726
701
|
}
|
|
727
702
|
|
|
728
703
|
declare class TimeInputComponent implements OnInit, OnChanges, ControlValueAccessor {
|
|
@@ -748,21 +723,21 @@ declare class TimeInputComponent implements OnInit, OnChanges, ControlValueAcces
|
|
|
748
723
|
validate({ value }: FormControl): {
|
|
749
724
|
invalid: boolean;
|
|
750
725
|
};
|
|
751
|
-
static ɵfac:
|
|
752
|
-
static ɵcmp:
|
|
726
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimeInputComponent, never>;
|
|
727
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeInputComponent, "kms-time-input", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; }, {}, never, never, false, never>;
|
|
753
728
|
}
|
|
754
729
|
|
|
755
730
|
declare class TooltipIconComponent {
|
|
756
731
|
button: ElementRef;
|
|
757
732
|
tooltip: ElementRef;
|
|
758
|
-
tooltipText:
|
|
733
|
+
tooltipText: _angular_core.InputSignal<string>;
|
|
759
734
|
placement: Signal<Placement>;
|
|
760
|
-
delay:
|
|
735
|
+
delay: _angular_core.InputSignal<number>;
|
|
761
736
|
iconSize: Signal<IconSizePx>;
|
|
762
|
-
tooltipAlwaysVisible:
|
|
763
|
-
icon:
|
|
764
|
-
static ɵfac:
|
|
765
|
-
static ɵcmp:
|
|
737
|
+
tooltipAlwaysVisible: _angular_core.InputSignal<boolean>;
|
|
738
|
+
icon: _angular_core.InputSignal<string>;
|
|
739
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipIconComponent, never>;
|
|
740
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipIconComponent, "kms-tooltip-icon", never, { "tooltipText": { "alias": "tooltipText"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "tooltipAlwaysVisible": { "alias": "tooltipAlwaysVisible"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
|
|
766
741
|
}
|
|
767
742
|
|
|
768
743
|
declare class YesNoRadiogroupComponent implements OnInit, ControlValueAccessor {
|
|
@@ -784,33 +759,33 @@ declare class YesNoRadiogroupComponent implements OnInit, ControlValueAccessor {
|
|
|
784
759
|
setDisabledState?(isDisabled: boolean): void;
|
|
785
760
|
constructor(renderer: Renderer2);
|
|
786
761
|
ngOnInit(): void;
|
|
787
|
-
static ɵfac:
|
|
788
|
-
static ɵcmp:
|
|
762
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<YesNoRadiogroupComponent, never>;
|
|
763
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<YesNoRadiogroupComponent, "kms-yesno-radiogroup", never, { "header": { "alias": "header"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "textYes": { "alias": "textYes"; "required": false; }; "textNo": { "alias": "textNo"; "required": false; }; }, {}, never, never, false, never>;
|
|
789
764
|
}
|
|
790
765
|
|
|
791
766
|
declare class PasswordComponent implements ControlValueAccessor, Validator {
|
|
792
767
|
change: EventEmitter<string>;
|
|
793
768
|
submit: EventEmitter<string>;
|
|
794
|
-
disabled:
|
|
795
|
-
label:
|
|
796
|
-
withStrength:
|
|
797
|
-
lowerCaseCriteriaMsg:
|
|
798
|
-
upperCaseCriteriaMsg:
|
|
799
|
-
numberCriteriaMsg:
|
|
800
|
-
specialCharCriteriaMsg:
|
|
801
|
-
minCharsCriteriaMsg:
|
|
769
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
770
|
+
label: _angular_core.InputSignal<string>;
|
|
771
|
+
withStrength: _angular_core.InputSignal<boolean>;
|
|
772
|
+
lowerCaseCriteriaMsg: _angular_core.InputSignal<string>;
|
|
773
|
+
upperCaseCriteriaMsg: _angular_core.InputSignal<string>;
|
|
774
|
+
numberCriteriaMsg: _angular_core.InputSignal<string>;
|
|
775
|
+
specialCharCriteriaMsg: _angular_core.InputSignal<string>;
|
|
776
|
+
minCharsCriteriaMsg: _angular_core.InputSignal<string>;
|
|
802
777
|
IconSizePx: typeof IconSizePx;
|
|
803
778
|
value: WritableSignal<string>;
|
|
804
779
|
showPassword: WritableSignal<boolean>;
|
|
805
780
|
eyeIconIsBeingPressed: WritableSignal<boolean>;
|
|
806
|
-
validateUppercase:
|
|
807
|
-
validateLowercase:
|
|
808
|
-
validateSpecialChar:
|
|
809
|
-
validateNumber:
|
|
810
|
-
validateMinimumChar:
|
|
811
|
-
validations:
|
|
812
|
-
text:
|
|
813
|
-
isValid:
|
|
781
|
+
validateUppercase: _angular_core.Signal<boolean>;
|
|
782
|
+
validateLowercase: _angular_core.Signal<boolean>;
|
|
783
|
+
validateSpecialChar: _angular_core.Signal<boolean>;
|
|
784
|
+
validateNumber: _angular_core.Signal<boolean>;
|
|
785
|
+
validateMinimumChar: _angular_core.Signal<boolean>;
|
|
786
|
+
validations: _angular_core.Signal<{
|
|
787
|
+
text: _angular_core.InputSignal<string>;
|
|
788
|
+
isValid: _angular_core.Signal<boolean>;
|
|
814
789
|
error: string;
|
|
815
790
|
}[]>;
|
|
816
791
|
keypress($event: KeyboardEvent): void;
|
|
@@ -821,8 +796,8 @@ declare class PasswordComponent implements ControlValueAccessor, Validator {
|
|
|
821
796
|
registerOnChange(fn: any): void;
|
|
822
797
|
registerOnTouched(fn: any): void;
|
|
823
798
|
validate({ value }: FormControl): ValidationErrors | null;
|
|
824
|
-
static ɵfac:
|
|
825
|
-
static ɵcmp:
|
|
799
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordComponent, never>;
|
|
800
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordComponent, "kms-password", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "withStrength": { "alias": "withStrength"; "required": false; "isSignal": true; }; "lowerCaseCriteriaMsg": { "alias": "lowerCaseCriteriaMsg"; "required": false; "isSignal": true; }; "upperCaseCriteriaMsg": { "alias": "upperCaseCriteriaMsg"; "required": false; "isSignal": true; }; "numberCriteriaMsg": { "alias": "numberCriteriaMsg"; "required": false; "isSignal": true; }; "specialCharCriteriaMsg": { "alias": "specialCharCriteriaMsg"; "required": false; "isSignal": true; }; "minCharsCriteriaMsg": { "alias": "minCharsCriteriaMsg"; "required": false; "isSignal": true; }; }, { "change": "change"; "submit": "submit"; }, never, never, false, never>;
|
|
826
801
|
}
|
|
827
802
|
|
|
828
803
|
/**
|
|
@@ -846,15 +821,15 @@ declare class SliderComponent implements ControlValueAccessor {
|
|
|
846
821
|
registerOnTouched(fn: any): void;
|
|
847
822
|
emitOnChange($event: any): void;
|
|
848
823
|
setDisabledState(isDisabled: boolean): void;
|
|
849
|
-
static ɵfac:
|
|
850
|
-
static ɵcmp:
|
|
824
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
|
|
825
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "kms-slider", never, { "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "change": "change"; }, never, never, false, never>;
|
|
851
826
|
}
|
|
852
827
|
|
|
853
828
|
declare class CardComponent {
|
|
854
|
-
imageUrl:
|
|
855
|
-
hoverEffect:
|
|
856
|
-
static ɵfac:
|
|
857
|
-
static ɵcmp:
|
|
829
|
+
imageUrl: _angular_core.InputSignal<string>;
|
|
830
|
+
hoverEffect: _angular_core.InputSignal<boolean>;
|
|
831
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
|
|
832
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "kms-card", never, { "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "hoverEffect": { "alias": "hoverEffect"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
|
|
858
833
|
}
|
|
859
834
|
|
|
860
835
|
declare enum ButtonAppearance {
|
|
@@ -864,26 +839,27 @@ declare enum ButtonAppearance {
|
|
|
864
839
|
}
|
|
865
840
|
|
|
866
841
|
declare class ButtonComponent {
|
|
867
|
-
color:
|
|
868
|
-
type:
|
|
869
|
-
appearance:
|
|
870
|
-
loading:
|
|
871
|
-
label:
|
|
872
|
-
icon:
|
|
873
|
-
disabled:
|
|
874
|
-
buttonClick:
|
|
875
|
-
rounded:
|
|
842
|
+
color: _angular_core.InputSignal<StylingTheme>;
|
|
843
|
+
type: _angular_core.InputSignal<"button" | "submit" | "reset">;
|
|
844
|
+
appearance: _angular_core.InputSignal<ButtonAppearance>;
|
|
845
|
+
loading: _angular_core.InputSignal<boolean>;
|
|
846
|
+
label: _angular_core.InputSignal<string>;
|
|
847
|
+
icon: _angular_core.InputSignal<string>;
|
|
848
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
849
|
+
buttonClick: _angular_core.OutputEmitterRef<Event>;
|
|
850
|
+
rounded: _angular_core.InputSignal<boolean>;
|
|
876
851
|
readonly StylingTheme: typeof StylingTheme;
|
|
877
852
|
readonly IconSize: typeof IconSizePx;
|
|
878
853
|
readonly ButtonAppearance: typeof ButtonAppearance;
|
|
879
854
|
iconColor: Signal<Color>;
|
|
880
|
-
static ɵfac:
|
|
881
|
-
static ɵcmp:
|
|
855
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
856
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "kms-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "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; }; }, { "buttonClick": "buttonClick"; }, never, never, false, never>;
|
|
882
857
|
}
|
|
883
858
|
|
|
884
859
|
declare class NumericInputComponent implements ControlValueAccessor {
|
|
885
|
-
disabled:
|
|
886
|
-
min:
|
|
860
|
+
disabled: _angular_core.ModelSignal<boolean>;
|
|
861
|
+
min: _angular_core.InputSignal<number>;
|
|
862
|
+
label: _angular_core.InputSignal<string>;
|
|
887
863
|
numericValue: WritableSignal<number>;
|
|
888
864
|
touched: WritableSignal<boolean>;
|
|
889
865
|
Color: typeof Color;
|
|
@@ -900,8 +876,390 @@ declare class NumericInputComponent implements ControlValueAccessor {
|
|
|
900
876
|
setDisabledState(isDisabled: boolean): void;
|
|
901
877
|
registerOnChange(onChange: (value?: number) => void): void;
|
|
902
878
|
registerOnTouched(onTouched: () => void): void;
|
|
903
|
-
static ɵfac:
|
|
904
|
-
static ɵcmp:
|
|
879
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumericInputComponent, never>;
|
|
880
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumericInputComponent, "kms-numeric-input", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; }, never, never, false, never>;
|
|
881
|
+
}
|
|
882
|
+
|
|
883
|
+
/** Styling for disabled fields via CSS custom property `--kms-field-disabled-bg`. */
|
|
884
|
+
interface DisabledConfig {
|
|
885
|
+
showDisabledBackground?: boolean;
|
|
886
|
+
}
|
|
887
|
+
|
|
888
|
+
/** When validation errors become visible: 'onTouched' (default), 'onDirty', 'onSubmit', 'immediate', or 'custom' via ErrorStateMatcher. */
|
|
889
|
+
type ErrorDisplayStrategy = 'onTouched' | 'onDirty' | 'onSubmit' | 'immediate' | 'custom';
|
|
890
|
+
/** Controls when and how validation errors are displayed. Can be set at form or field level. */
|
|
891
|
+
interface ErrorDisplayConfig {
|
|
892
|
+
strategy?: ErrorDisplayStrategy;
|
|
893
|
+
matcher?: ErrorStateMatcher;
|
|
894
|
+
showMultiple?: boolean;
|
|
895
|
+
showOnSubmit?: boolean;
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
/** Pairs an async validator with a pre-translated error message (e.g. "Email already in use"). */
|
|
899
|
+
interface AsyncValidatorConfig {
|
|
900
|
+
validator: AsyncValidatorFn;
|
|
901
|
+
errorMessage: string;
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
/** Prefix or suffix rendered inside `<mat-form-field>`. `'text'` renders a span, `'icon'` renders `kms-icon`. */
|
|
905
|
+
interface FieldAffixConfig {
|
|
906
|
+
type: 'text' | 'icon';
|
|
907
|
+
value: string;
|
|
908
|
+
}
|
|
909
|
+
|
|
910
|
+
/** Supported field types. Native types render inside `<mat-form-field>`; library types render via DynamicFieldDirective. */
|
|
911
|
+
declare enum FieldType {
|
|
912
|
+
TEXT = "text",
|
|
913
|
+
TEXTAREA = "textarea",
|
|
914
|
+
PASSWORD = "password",
|
|
915
|
+
NUMBER = "number",
|
|
916
|
+
DATE = "date",
|
|
917
|
+
DATE_RANGE = "dateRange",
|
|
918
|
+
TIME = "time",
|
|
919
|
+
SELECT = "select",
|
|
920
|
+
AUTOCOMPLETE = "autocomplete",
|
|
921
|
+
CHECKBOX = "checkbox",
|
|
922
|
+
RADIO = "radio",
|
|
923
|
+
RADIO_GROUP = "radioGroup",
|
|
924
|
+
SLIDE_TOGGLE = "slideToggle",
|
|
925
|
+
MULTI_SELECT = "multiSelect",
|
|
926
|
+
COLOR = "color",
|
|
927
|
+
MONTH_PICKER = "monthPicker",
|
|
928
|
+
TEMPLATE = "template",
|
|
929
|
+
OFFSET = "offset"
|
|
930
|
+
}
|
|
931
|
+
|
|
932
|
+
/** Translation config passed to kms-dropdown-from-data. */
|
|
933
|
+
interface SelectTranslation {
|
|
934
|
+
path: string;
|
|
935
|
+
isPrefix?: boolean;
|
|
936
|
+
useKeyAsValue?: boolean;
|
|
937
|
+
service: any;
|
|
938
|
+
}
|
|
939
|
+
/** Options for FieldType.SELECT and FieldType.MULTI_SELECT. */
|
|
940
|
+
interface SelectFieldOptions {
|
|
941
|
+
items?: LabelValuePair[] | Observable<LabelValuePair[]>;
|
|
942
|
+
plainItems?: string[];
|
|
943
|
+
enumItems?: any;
|
|
944
|
+
objItems?: {
|
|
945
|
+
data: any[];
|
|
946
|
+
mapKey: string;
|
|
947
|
+
mapValue?: string;
|
|
948
|
+
};
|
|
949
|
+
multiple?: boolean;
|
|
950
|
+
searchable?: boolean;
|
|
951
|
+
hasNullOption?: boolean;
|
|
952
|
+
selectAllText?: string;
|
|
953
|
+
disableOptions?: boolean;
|
|
954
|
+
useEnumIndexAsValue?: boolean;
|
|
955
|
+
preselectedKeys?: any;
|
|
956
|
+
translation?: SelectTranslation;
|
|
957
|
+
}
|
|
958
|
+
/** Options for FieldType.AUTOCOMPLETE. */
|
|
959
|
+
interface AutocompleteFieldOptions {
|
|
960
|
+
items: LabelValuePair[] | Observable<LabelValuePair[]>;
|
|
961
|
+
minChars?: number;
|
|
962
|
+
selectFirst?: boolean;
|
|
963
|
+
}
|
|
964
|
+
/** Options for FieldType.NUMBER — passed to `kms-numeric-input`. */
|
|
965
|
+
interface NumberFieldOptions {
|
|
966
|
+
min?: number;
|
|
967
|
+
max?: number;
|
|
968
|
+
step?: number;
|
|
969
|
+
decimalPlaces?: number;
|
|
970
|
+
}
|
|
971
|
+
/** Options for FieldType.DATE and FieldType.MONTH_PICKER. */
|
|
972
|
+
interface DateFieldOptions {
|
|
973
|
+
min?: Date | string;
|
|
974
|
+
max?: Date | string;
|
|
975
|
+
}
|
|
976
|
+
/** Options for FieldType.DATE_RANGE. */
|
|
977
|
+
interface DateRangeFieldOptions {
|
|
978
|
+
min?: Date | string;
|
|
979
|
+
max?: Date | string;
|
|
980
|
+
startKey: string;
|
|
981
|
+
endKey: string;
|
|
982
|
+
}
|
|
983
|
+
/** Options for FieldType.TIME — passed to `kms-time-input`. */
|
|
984
|
+
interface TimeFieldOptions {
|
|
985
|
+
intervalMinutes?: number;
|
|
986
|
+
min?: string;
|
|
987
|
+
max?: string;
|
|
988
|
+
}
|
|
989
|
+
/** Options for FieldType.RADIO_GROUP — passed to `kms-radiogroup`. */
|
|
990
|
+
interface RadioGroupFieldOptions {
|
|
991
|
+
items: LabelValuePair[] | string[];
|
|
992
|
+
layout?: 'horizontal' | 'vertical';
|
|
993
|
+
size?: string;
|
|
994
|
+
}
|
|
995
|
+
/** Options for FieldType.TEXTAREA. */
|
|
996
|
+
interface TextareaFieldOptions {
|
|
997
|
+
rows?: number;
|
|
998
|
+
maxRows?: number;
|
|
999
|
+
autoResize?: boolean;
|
|
1000
|
+
}
|
|
1001
|
+
/** Options for FieldType.PASSWORD — passed to `kms-password`. */
|
|
1002
|
+
interface PasswordFieldOptions {
|
|
1003
|
+
withStrength?: boolean;
|
|
1004
|
+
}
|
|
1005
|
+
/** Union of all type-specific option interfaces. Assign the one matching your FieldType. */
|
|
1006
|
+
type FieldTypeOptions = SelectFieldOptions | AutocompleteFieldOptions | NumberFieldOptions | DateFieldOptions | DateRangeFieldOptions | TimeFieldOptions | RadioGroupFieldOptions | TextareaFieldOptions | PasswordFieldOptions;
|
|
1007
|
+
|
|
1008
|
+
/** Form layout mode. Currently only GRID is implemented. */
|
|
1009
|
+
declare enum FormLayout {
|
|
1010
|
+
VERTICAL = "vertical",
|
|
1011
|
+
GRID = "grid",
|
|
1012
|
+
INLINE = "inline"
|
|
1013
|
+
}
|
|
1014
|
+
/** Horizontal alignment for fields within grid cells. Maps to CSS `justify-items` / `justify-self`. */
|
|
1015
|
+
type GridAlign = 'left' | 'center' | 'right' | 'stretch';
|
|
1016
|
+
/** Vertical alignment for fields within grid rows. Maps to CSS `align-items`. */
|
|
1017
|
+
type GridVerticalAlign = 'top' | 'center' | 'bottom' | 'stretch';
|
|
1018
|
+
|
|
1019
|
+
/** Configuration for a single form field. At minimum requires `key` and `type`. Offset fields may omit `key`. */
|
|
1020
|
+
interface FieldConfig {
|
|
1021
|
+
key?: string;
|
|
1022
|
+
type: FieldType;
|
|
1023
|
+
label?: string;
|
|
1024
|
+
validators?: ValidatorFn[];
|
|
1025
|
+
asyncValidators?: AsyncValidatorConfig[];
|
|
1026
|
+
columnSize?: number;
|
|
1027
|
+
hidden?: boolean;
|
|
1028
|
+
disabled?: boolean;
|
|
1029
|
+
placeholder?: string;
|
|
1030
|
+
tooltip?: string;
|
|
1031
|
+
prefix?: FieldAffixConfig;
|
|
1032
|
+
suffix?: FieldAffixConfig;
|
|
1033
|
+
options?: FieldTypeOptions;
|
|
1034
|
+
align?: GridAlign;
|
|
1035
|
+
autocomplete?: string;
|
|
1036
|
+
errorDisplay?: ErrorDisplayConfig;
|
|
1037
|
+
disabledConfig?: DisabledConfig;
|
|
1038
|
+
templateRef?: TemplateRef<any>;
|
|
1039
|
+
}
|
|
1040
|
+
|
|
1041
|
+
/** Configuration for the form's built-in submit button. Omit `submitAction` for external buttons. */
|
|
1042
|
+
interface FormActionsConfig {
|
|
1043
|
+
position?: 'top' | 'bottom' | 'both';
|
|
1044
|
+
submitLabel?: string;
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1047
|
+
/** A group of related fields rendered inside a `<fieldset>` with its own CSS Grid layout. */
|
|
1048
|
+
interface FormSectionConfig {
|
|
1049
|
+
key: string;
|
|
1050
|
+
title?: string;
|
|
1051
|
+
tooltip?: string;
|
|
1052
|
+
fields: FieldConfig[];
|
|
1053
|
+
gridColumns?: number;
|
|
1054
|
+
gridColumnsMd?: number;
|
|
1055
|
+
gridColumnsSm?: number;
|
|
1056
|
+
gap?: string;
|
|
1057
|
+
padding?: string;
|
|
1058
|
+
align?: GridAlign;
|
|
1059
|
+
verticalAlign?: GridVerticalAlign;
|
|
1060
|
+
hidden?: boolean;
|
|
1061
|
+
}
|
|
1062
|
+
/** Top-level configuration passed to `<kms-generic-form [config]>`. */
|
|
1063
|
+
interface GenericFormConfig {
|
|
1064
|
+
formId: string;
|
|
1065
|
+
sections: FormSectionConfig[];
|
|
1066
|
+
layout?: FormLayout;
|
|
1067
|
+
submitAction?: FormActionsConfig;
|
|
1068
|
+
errorDisplay?: ErrorDisplayConfig;
|
|
1069
|
+
disabledConfig?: DisabledConfig;
|
|
1070
|
+
}
|
|
1071
|
+
|
|
1072
|
+
/** Snapshot of the form's current state, emitted via the `formStateChange` output. */
|
|
1073
|
+
interface GenericFormState {
|
|
1074
|
+
pristine: boolean;
|
|
1075
|
+
dirty: boolean;
|
|
1076
|
+
touched: boolean;
|
|
1077
|
+
untouched: boolean;
|
|
1078
|
+
valid: boolean;
|
|
1079
|
+
invalid: boolean;
|
|
1080
|
+
submitted: boolean;
|
|
1081
|
+
errors: Record<string, ValidationErrors> | null;
|
|
1082
|
+
}
|
|
1083
|
+
|
|
1084
|
+
declare class GenericFormComponent implements ControlValueAccessor {
|
|
1085
|
+
config: _angular_core.InputSignal<GenericFormConfig>;
|
|
1086
|
+
value: _angular_core.ModelSignal<Record<string, any>>;
|
|
1087
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
1088
|
+
loading: _angular_core.InputSignal<boolean>;
|
|
1089
|
+
formSubmit: _angular_core.OutputEmitterRef<Record<string, any>>;
|
|
1090
|
+
formStateChange: _angular_core.OutputEmitterRef<GenericFormState>;
|
|
1091
|
+
formReady: _angular_core.OutputEmitterRef<FormGroup<any>>;
|
|
1092
|
+
fieldValueChange: _angular_core.OutputEmitterRef<{
|
|
1093
|
+
key: string;
|
|
1094
|
+
value: any;
|
|
1095
|
+
}>;
|
|
1096
|
+
private readonly formService;
|
|
1097
|
+
private readonly elementRef;
|
|
1098
|
+
private readonly destroyRef;
|
|
1099
|
+
private readonly formSub$;
|
|
1100
|
+
private lastEmittedValue;
|
|
1101
|
+
private cvaOnChange?;
|
|
1102
|
+
private cvaOnTouched?;
|
|
1103
|
+
form: _angular_core.WritableSignal<FormGroup<any>>;
|
|
1104
|
+
submitted: _angular_core.WritableSignal<boolean>;
|
|
1105
|
+
errorAnnouncement: _angular_core.WritableSignal<string>;
|
|
1106
|
+
visibleSections: _angular_core.Signal<_kms_ngx_ui_presentational.FormSectionConfig[]>;
|
|
1107
|
+
showActionsTop: _angular_core.Signal<boolean>;
|
|
1108
|
+
showActionsBottom: _angular_core.Signal<boolean>;
|
|
1109
|
+
constructor();
|
|
1110
|
+
private onConfigChange;
|
|
1111
|
+
onFormSubmit(event: Event): void;
|
|
1112
|
+
onEnterKey(event: Event): void;
|
|
1113
|
+
submit(): boolean;
|
|
1114
|
+
validate(): boolean;
|
|
1115
|
+
getFormGroup(): FormGroup;
|
|
1116
|
+
private announceErrors;
|
|
1117
|
+
private focusFirstInvalidField;
|
|
1118
|
+
writeValue(value: Record<string, any>): void;
|
|
1119
|
+
registerOnChange(fn: (value: Record<string, any>) => void): void;
|
|
1120
|
+
registerOnTouched(fn: () => void): void;
|
|
1121
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1122
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GenericFormComponent, never>;
|
|
1123
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<GenericFormComponent, "kms-generic-form", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "formSubmit": "formSubmit"; "formStateChange": "formStateChange"; "formReady": "formReady"; "fieldValueChange": "fieldValueChange"; }, never, never, false, never>;
|
|
1124
|
+
}
|
|
1125
|
+
|
|
1126
|
+
declare class FormSectionComponent {
|
|
1127
|
+
sectionConfig: _angular_core.InputSignal<FormSectionConfig>;
|
|
1128
|
+
formGroup: _angular_core.InputSignal<FormGroup<any>>;
|
|
1129
|
+
formId: _angular_core.InputSignal<string>;
|
|
1130
|
+
formErrorDisplay: _angular_core.InputSignal<ErrorDisplayConfig>;
|
|
1131
|
+
formDisabledConfig: _angular_core.InputSignal<DisabledConfig>;
|
|
1132
|
+
submitted: _angular_core.InputSignal<boolean>;
|
|
1133
|
+
private readonly viewportService;
|
|
1134
|
+
private readonly destroyRef;
|
|
1135
|
+
private readonly viewportWidth;
|
|
1136
|
+
constructor();
|
|
1137
|
+
activeColumns: _angular_core.Signal<number>;
|
|
1138
|
+
visibleFields: _angular_core.Signal<FieldConfig[]>;
|
|
1139
|
+
isVisible: _angular_core.Signal<boolean>;
|
|
1140
|
+
gridStyles: _angular_core.Signal<Record<string, string>>;
|
|
1141
|
+
cellStyles(field: FieldConfig): Record<string, string>;
|
|
1142
|
+
private static readonly DUMMY_CONTROL;
|
|
1143
|
+
getControl(key: string | undefined): FormControl;
|
|
1144
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSectionComponent, never>;
|
|
1145
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSectionComponent, "kms-form-section", never, { "sectionConfig": { "alias": "sectionConfig"; "required": true; "isSignal": true; }; "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; "formId": { "alias": "formId"; "required": false; "isSignal": true; }; "formErrorDisplay": { "alias": "formErrorDisplay"; "required": false; "isSignal": true; }; "formDisabledConfig": { "alias": "formDisabledConfig"; "required": false; "isSignal": true; }; "submitted": { "alias": "submitted"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
1146
|
+
}
|
|
1147
|
+
|
|
1148
|
+
declare class FormFieldComponent {
|
|
1149
|
+
fieldConfig: _angular_core.InputSignal<FieldConfig>;
|
|
1150
|
+
control: _angular_core.InputSignal<FormControl<any>>;
|
|
1151
|
+
formId: _angular_core.InputSignal<string>;
|
|
1152
|
+
formErrorDisplay: _angular_core.InputSignal<ErrorDisplayConfig>;
|
|
1153
|
+
formDisabledConfig: _angular_core.InputSignal<DisabledConfig>;
|
|
1154
|
+
submitted: _angular_core.InputSignal<boolean>;
|
|
1155
|
+
readonly FieldType: typeof FieldType;
|
|
1156
|
+
private readonly formService;
|
|
1157
|
+
private readonly destroyRef;
|
|
1158
|
+
private readonly controlTick;
|
|
1159
|
+
private controlSub?;
|
|
1160
|
+
private readonly dateRangeDestroy$;
|
|
1161
|
+
constructor();
|
|
1162
|
+
onFieldTouched(): void;
|
|
1163
|
+
private subscribeToControl;
|
|
1164
|
+
isNativeType: _angular_core.Signal<boolean>;
|
|
1165
|
+
isGroupType: _angular_core.Signal<boolean>;
|
|
1166
|
+
isTextInputType: _angular_core.Signal<boolean>;
|
|
1167
|
+
isDateType: _angular_core.Signal<boolean>;
|
|
1168
|
+
dateMode: _angular_core.Signal<"date" | "range">;
|
|
1169
|
+
isMonthPicker: _angular_core.Signal<boolean>;
|
|
1170
|
+
resolvedErrorDisplay: _angular_core.Signal<ErrorDisplayConfig>;
|
|
1171
|
+
errorMatcher: _angular_core.Signal<ErrorStateMatcher>;
|
|
1172
|
+
shouldShowErrors: _angular_core.Signal<boolean>;
|
|
1173
|
+
errorMessages: _angular_core.Signal<string[]>;
|
|
1174
|
+
displayErrorMessage: _angular_core.Signal<string>;
|
|
1175
|
+
resolvedAutocomplete: _angular_core.Signal<string>;
|
|
1176
|
+
disabledBackground: _angular_core.Signal<string>;
|
|
1177
|
+
disabledLine: _angular_core.Signal<string>;
|
|
1178
|
+
textareaRows: _angular_core.Signal<number>;
|
|
1179
|
+
dateMin: _angular_core.Signal<Date>;
|
|
1180
|
+
dateMax: _angular_core.Signal<Date>;
|
|
1181
|
+
autocompleteSelectFirst: _angular_core.Signal<boolean>;
|
|
1182
|
+
filteredAutoOptions: _angular_core.Signal<LabelValuePair[]>;
|
|
1183
|
+
isRequired: _angular_core.Signal<boolean>;
|
|
1184
|
+
private idPrefix;
|
|
1185
|
+
tooltipId: _angular_core.Signal<string>;
|
|
1186
|
+
errorsId: _angular_core.Signal<string>;
|
|
1187
|
+
groupLabelId: _angular_core.Signal<string>;
|
|
1188
|
+
ariaDescribedBy: _angular_core.Signal<string>;
|
|
1189
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
|
|
1190
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "kms-form-field", never, { "fieldConfig": { "alias": "fieldConfig"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; "formId": { "alias": "formId"; "required": false; "isSignal": true; }; "formErrorDisplay": { "alias": "formErrorDisplay"; "required": false; "isSignal": true; }; "formDisabledConfig": { "alias": "formDisabledConfig"; "required": false; "isSignal": true; }; "submitted": { "alias": "submitted"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
1191
|
+
}
|
|
1192
|
+
|
|
1193
|
+
declare class FormActionsComponent {
|
|
1194
|
+
actionsConfig: _angular_core.InputSignal<FormActionsConfig>;
|
|
1195
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
1196
|
+
submitClick: _angular_core.OutputEmitterRef<void>;
|
|
1197
|
+
submitLabel: _angular_core.Signal<string>;
|
|
1198
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormActionsComponent, never>;
|
|
1199
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormActionsComponent, "kms-form-actions", never, { "actionsConfig": { "alias": "actionsConfig"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "submitClick": "submitClick"; }, never, never, false, never>;
|
|
1200
|
+
}
|
|
1201
|
+
|
|
1202
|
+
/** Creates a library component dynamically and bridges ControlValueAccessor to a FormControl. */
|
|
1203
|
+
declare class DynamicFieldDirective implements OnDestroy {
|
|
1204
|
+
fieldConfig: _angular_core.InputSignal<FieldConfig>;
|
|
1205
|
+
control: _angular_core.InputSignal<FormControl<any>>;
|
|
1206
|
+
fieldTouched: _angular_core.OutputEmitterRef<void>;
|
|
1207
|
+
private readonly vcr;
|
|
1208
|
+
private readonly registry;
|
|
1209
|
+
private componentRef;
|
|
1210
|
+
private destroy$;
|
|
1211
|
+
constructor();
|
|
1212
|
+
private create;
|
|
1213
|
+
private bridgeCVA;
|
|
1214
|
+
private mapInputs;
|
|
1215
|
+
private mapRadioGroup;
|
|
1216
|
+
private mapSelect;
|
|
1217
|
+
private mapSelectDataSource;
|
|
1218
|
+
private mapSelectItems;
|
|
1219
|
+
private mapSelectBehaviour;
|
|
1220
|
+
private mapPrefixSuffix;
|
|
1221
|
+
private mapPassword;
|
|
1222
|
+
private mapNumber;
|
|
1223
|
+
private trySetInput;
|
|
1224
|
+
private teardown;
|
|
1225
|
+
ngOnDestroy(): void;
|
|
1226
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicFieldDirective, never>;
|
|
1227
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DynamicFieldDirective, "[kmsDynamicField]", never, { "fieldConfig": { "alias": "fieldConfig"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; }, { "fieldTouched": "fieldTouched"; }, never, never, false, never>;
|
|
1228
|
+
}
|
|
1229
|
+
|
|
1230
|
+
declare class TextInputComponent implements ControlValueAccessor {
|
|
1231
|
+
valueChange: _angular_core.OutputEmitterRef<string>;
|
|
1232
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
1233
|
+
label: _angular_core.InputSignal<string>;
|
|
1234
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
1235
|
+
type: _angular_core.InputSignal<"text" | "email" | "tel" | "url">;
|
|
1236
|
+
required: _angular_core.InputSignal<boolean>;
|
|
1237
|
+
hint: _angular_core.InputSignal<string>;
|
|
1238
|
+
errorMessage: _angular_core.InputSignal<string>;
|
|
1239
|
+
autocomplete: _angular_core.InputSignal<string>;
|
|
1240
|
+
prefix: _angular_core.InputSignal<string>;
|
|
1241
|
+
suffix: _angular_core.InputSignal<string>;
|
|
1242
|
+
prefixIcon: _angular_core.InputSignal<string>;
|
|
1243
|
+
suffixIcon: _angular_core.InputSignal<string>;
|
|
1244
|
+
IconSizePx: typeof IconSizePx;
|
|
1245
|
+
value: WritableSignal<string>;
|
|
1246
|
+
innerControl: FormControl<string>;
|
|
1247
|
+
disabledByForm: WritableSignal<boolean>;
|
|
1248
|
+
isDisabled: _angular_core.Signal<boolean>;
|
|
1249
|
+
private readonly disabledEffect;
|
|
1250
|
+
readonly inputId: string;
|
|
1251
|
+
readonly hintId: string;
|
|
1252
|
+
readonly errorId: string;
|
|
1253
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
1254
|
+
onChange: (value?: string) => void;
|
|
1255
|
+
onTouched: () => void;
|
|
1256
|
+
valueChanged(event: Event): void;
|
|
1257
|
+
writeValue(value: string): void;
|
|
1258
|
+
registerOnChange(fn: (value?: string) => void): void;
|
|
1259
|
+
registerOnTouched(fn: () => void): void;
|
|
1260
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1261
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextInputComponent, never>;
|
|
1262
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextInputComponent, "kms-text-input", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
905
1263
|
}
|
|
906
1264
|
|
|
907
1265
|
/**
|
|
@@ -912,8 +1270,8 @@ declare class IntegerCurrency implements PipeTransform {
|
|
|
912
1270
|
private cp;
|
|
913
1271
|
constructor(cp: CurrencyPipe);
|
|
914
1272
|
transform(value: any, currencyCode?: string, display?: boolean, digitsInfo?: string): string | null;
|
|
915
|
-
static ɵfac:
|
|
916
|
-
static ɵpipe:
|
|
1273
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IntegerCurrency, never>;
|
|
1274
|
+
static ɵpipe: _angular_core.ɵɵPipeDeclaration<IntegerCurrency, "kmsIntegerCurrency", false>;
|
|
917
1275
|
}
|
|
918
1276
|
|
|
919
1277
|
/**
|
|
@@ -924,14 +1282,14 @@ declare class SafeHtmlPipe implements PipeTransform {
|
|
|
924
1282
|
private sanitizer;
|
|
925
1283
|
constructor(sanitizer: DomSanitizer);
|
|
926
1284
|
transform(html: string): SafeHtml;
|
|
927
|
-
static ɵfac:
|
|
928
|
-
static ɵpipe:
|
|
1285
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SafeHtmlPipe, never>;
|
|
1286
|
+
static ɵpipe: _angular_core.ɵɵPipeDeclaration<SafeHtmlPipe, "kmsSafeHtml", false>;
|
|
929
1287
|
}
|
|
930
1288
|
|
|
931
1289
|
declare class SanitizeNullPipe implements PipeTransform {
|
|
932
1290
|
transform(value: any): string;
|
|
933
|
-
static ɵfac:
|
|
934
|
-
static ɵpipe:
|
|
1291
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SanitizeNullPipe, never>;
|
|
1292
|
+
static ɵpipe: _angular_core.ɵɵPipeDeclaration<SanitizeNullPipe, "sanitizeNull", false>;
|
|
935
1293
|
}
|
|
936
1294
|
|
|
937
1295
|
/**
|
|
@@ -942,8 +1300,8 @@ declare class SafeUrlPipe implements PipeTransform {
|
|
|
942
1300
|
private sanitizer;
|
|
943
1301
|
constructor(sanitizer: DomSanitizer);
|
|
944
1302
|
transform(url: string): SafeUrl;
|
|
945
|
-
static ɵfac:
|
|
946
|
-
static ɵpipe:
|
|
1303
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SafeUrlPipe, never>;
|
|
1304
|
+
static ɵpipe: _angular_core.ɵɵPipeDeclaration<SafeUrlPipe, "kmsSafeSUrl", false>;
|
|
947
1305
|
}
|
|
948
1306
|
|
|
949
1307
|
/**
|
|
@@ -952,8 +1310,8 @@ declare class SafeUrlPipe implements PipeTransform {
|
|
|
952
1310
|
|
|
953
1311
|
declare class TrimPipe implements PipeTransform {
|
|
954
1312
|
transform(value: any): any;
|
|
955
|
-
static ɵfac:
|
|
956
|
-
static ɵpipe:
|
|
1313
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TrimPipe, never>;
|
|
1314
|
+
static ɵpipe: _angular_core.ɵɵPipeDeclaration<TrimPipe, "kmsTrim", false>;
|
|
957
1315
|
}
|
|
958
1316
|
|
|
959
1317
|
/**
|
|
@@ -964,20 +1322,20 @@ declare class SafeResourceUrlPipe implements PipeTransform {
|
|
|
964
1322
|
private sanitizer;
|
|
965
1323
|
constructor(sanitizer: DomSanitizer);
|
|
966
1324
|
transform(url: string): SafeResourceUrl;
|
|
967
|
-
static ɵfac:
|
|
968
|
-
static ɵpipe:
|
|
1325
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SafeResourceUrlPipe, never>;
|
|
1326
|
+
static ɵpipe: _angular_core.ɵɵPipeDeclaration<SafeResourceUrlPipe, "kmsSafeResourceSUrl", false>;
|
|
969
1327
|
}
|
|
970
1328
|
|
|
971
1329
|
declare class TypeofPipe implements PipeTransform {
|
|
972
1330
|
transform(value: any): any;
|
|
973
|
-
static ɵfac:
|
|
974
|
-
static ɵpipe:
|
|
1331
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TypeofPipe, never>;
|
|
1332
|
+
static ɵpipe: _angular_core.ɵɵPipeDeclaration<TypeofPipe, "kmsTypeOf", false>;
|
|
975
1333
|
}
|
|
976
1334
|
|
|
977
1335
|
declare class CustomPipesModule {
|
|
978
|
-
static ɵfac:
|
|
979
|
-
static ɵmod:
|
|
980
|
-
static ɵinj:
|
|
1336
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CustomPipesModule, never>;
|
|
1337
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<CustomPipesModule, [typeof IntegerCurrency, typeof SafeHtmlPipe, typeof SanitizeNullPipe, typeof SafeUrlPipe, typeof TrimPipe, typeof SafeResourceUrlPipe, typeof TypeofPipe], [typeof i8.CommonModule], [typeof IntegerCurrency, typeof SafeHtmlPipe, typeof SanitizeNullPipe, typeof SafeUrlPipe, typeof TrimPipe, typeof SafeResourceUrlPipe, typeof TypeofPipe]>;
|
|
1338
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<CustomPipesModule>;
|
|
981
1339
|
}
|
|
982
1340
|
|
|
983
1341
|
/**
|
|
@@ -1070,8 +1428,8 @@ declare class SwipeDirective {
|
|
|
1070
1428
|
private release;
|
|
1071
1429
|
private getEasingCurve;
|
|
1072
1430
|
private reset;
|
|
1073
|
-
static ɵfac:
|
|
1074
|
-
static ɵdir:
|
|
1431
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwipeDirective, never>;
|
|
1432
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SwipeDirective, "[swipeDirective]", never, { "config": { "alias": "swipeDirective"; "required": false; }; }, { "moveEvent": "moveEvent"; "releaseEvent": "releaseEvent"; }, never, never, false, never>;
|
|
1075
1433
|
}
|
|
1076
1434
|
|
|
1077
1435
|
/**
|
|
@@ -1101,8 +1459,8 @@ declare class GetMaxHeightDirective implements AfterContentChecked {
|
|
|
1101
1459
|
constructor(el: ElementRef);
|
|
1102
1460
|
ngAfterContentChecked(): void;
|
|
1103
1461
|
private checkHeightOfChildren;
|
|
1104
|
-
static ɵfac:
|
|
1105
|
-
static ɵdir:
|
|
1462
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GetMaxHeightDirective, never>;
|
|
1463
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GetMaxHeightDirective, "[getMaxHeight]", never, { "cssClassName": { "alias": "getMaxHeight"; "required": false; }; }, { "maxHeightChanged": "maxHeightChanged"; "sumOfHeight": "sumOfHeight"; }, never, never, false, never>;
|
|
1106
1464
|
}
|
|
1107
1465
|
|
|
1108
1466
|
declare class TooltipDirective implements AfterViewInit, OnChanges {
|
|
@@ -1124,8 +1482,8 @@ declare class TooltipDirective implements AfterViewInit, OnChanges {
|
|
|
1124
1482
|
positionTooltipArrow(x: number, y: number, placement: Placement, arrowLength: number): void;
|
|
1125
1483
|
addArrow(): void;
|
|
1126
1484
|
addArrowClass(side: string): void;
|
|
1127
|
-
static ɵfac:
|
|
1128
|
-
static ɵdir:
|
|
1485
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipDirective, never>;
|
|
1486
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[kmsTooltip]", never, { "kmsTooltip": { "alias": "kmsTooltip"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "alwaysVisible": { "alias": "alwaysVisible"; "required": false; }; }, {}, never, never, false, never>;
|
|
1129
1487
|
}
|
|
1130
1488
|
|
|
1131
1489
|
declare class TimeDirective {
|
|
@@ -1134,26 +1492,93 @@ declare class TimeDirective {
|
|
|
1134
1492
|
onInputChange(event: InputEvent): void;
|
|
1135
1493
|
onBeforeInput(event: InputEvent): void;
|
|
1136
1494
|
handleInput(event: InputEvent): void;
|
|
1137
|
-
static ɵfac:
|
|
1138
|
-
static ɵdir:
|
|
1495
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimeDirective, never>;
|
|
1496
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TimeDirective, "[kmsTime]", never, {}, {}, never, never, false, never>;
|
|
1139
1497
|
}
|
|
1140
1498
|
|
|
1141
1499
|
declare class DirectivesModule {
|
|
1142
|
-
static ɵfac:
|
|
1143
|
-
static ɵmod:
|
|
1144
|
-
static ɵinj:
|
|
1500
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DirectivesModule, never>;
|
|
1501
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DirectivesModule, [typeof SwipeDirective, typeof GetMaxHeightDirective, typeof TooltipDirective, typeof TimeDirective], never, [typeof SwipeDirective, typeof GetMaxHeightDirective, typeof TooltipDirective, typeof TimeDirective]>;
|
|
1502
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<DirectivesModule>;
|
|
1503
|
+
}
|
|
1504
|
+
|
|
1505
|
+
declare class IconComponent {
|
|
1506
|
+
sanitizer: DomSanitizer;
|
|
1507
|
+
/**
|
|
1508
|
+
* Required: Name of the SVG icon inside your sprite sheet file with name 'icons.svg'.
|
|
1509
|
+
* Pass 'none' if no icon should be rendered.
|
|
1510
|
+
*/
|
|
1511
|
+
icon: InputSignal<(typeof icons)[number]>;
|
|
1512
|
+
/**
|
|
1513
|
+
* Optional: Different appearance via CSS class defined in this component´s style sheet.
|
|
1514
|
+
*/
|
|
1515
|
+
iconClass: InputSignal<string>;
|
|
1516
|
+
size: InputSignal<number>;
|
|
1517
|
+
dontUseSprite: InputSignal<boolean>;
|
|
1518
|
+
color: InputSignal<Color>;
|
|
1519
|
+
Version: string;
|
|
1520
|
+
constructor(sanitizer: DomSanitizer);
|
|
1521
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
1522
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "kms-icon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconClass": { "alias": "iconClass"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dontUseSprite": { "alias": "dontUseSprite"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1523
|
+
}
|
|
1524
|
+
|
|
1525
|
+
type DateRangeValue = {
|
|
1526
|
+
start: Date | null;
|
|
1527
|
+
end: Date | null;
|
|
1528
|
+
};
|
|
1529
|
+
declare class DateInputComponent implements ControlValueAccessor {
|
|
1530
|
+
readonly Color: typeof Color;
|
|
1531
|
+
readonly IconSizePx: typeof IconSizePx;
|
|
1532
|
+
dateChange: _angular_core.OutputEmitterRef<Date>;
|
|
1533
|
+
rangeChange: _angular_core.OutputEmitterRef<DateRangeValue>;
|
|
1534
|
+
mode: _angular_core.InputSignal<"date" | "range">;
|
|
1535
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
1536
|
+
label: _angular_core.InputSignal<string>;
|
|
1537
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
1538
|
+
required: _angular_core.InputSignal<boolean>;
|
|
1539
|
+
hint: _angular_core.InputSignal<string>;
|
|
1540
|
+
errorMessage: _angular_core.InputSignal<string>;
|
|
1541
|
+
minDate: _angular_core.InputSignal<Date>;
|
|
1542
|
+
maxDate: _angular_core.InputSignal<Date>;
|
|
1543
|
+
monthPicker: _angular_core.InputSignal<boolean>;
|
|
1544
|
+
startView: _angular_core.InputSignal<"month" | "year" | "multi-year">;
|
|
1545
|
+
value: WritableSignal<Date | null>;
|
|
1546
|
+
disabledByForm: WritableSignal<boolean>;
|
|
1547
|
+
isDisabled: _angular_core.Signal<boolean>;
|
|
1548
|
+
innerControl: FormControl<Date>;
|
|
1549
|
+
rangeGroup: FormGroup<{
|
|
1550
|
+
start: FormControl<Date>;
|
|
1551
|
+
end: FormControl<Date>;
|
|
1552
|
+
}>;
|
|
1553
|
+
computedStartView: _angular_core.Signal<"month" | "year" | "multi-year">;
|
|
1554
|
+
private readonly disabledEffect;
|
|
1555
|
+
readonly inputId: string;
|
|
1556
|
+
readonly hintId: string;
|
|
1557
|
+
readonly errorId: string;
|
|
1558
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
1559
|
+
onChange: (value: Date | null | DateRangeValue) => void;
|
|
1560
|
+
onTouched: () => void;
|
|
1561
|
+
onDateChanged(date: Date | null): void;
|
|
1562
|
+
onMonthSelected(date: Date, picker: MatDatepicker<Date>): void;
|
|
1563
|
+
onRangeChanged(): void;
|
|
1564
|
+
writeValue(value: Date | null | DateRangeValue): void;
|
|
1565
|
+
registerOnChange(fn: (value: Date | null | DateRangeValue) => void): void;
|
|
1566
|
+
registerOnTouched(fn: () => void): void;
|
|
1567
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1568
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateInputComponent, never>;
|
|
1569
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateInputComponent, "kms-date-input", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "monthPicker": { "alias": "monthPicker"; "required": false; "isSignal": true; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; "rangeChange": "rangeChange"; }, never, never, true, never>;
|
|
1145
1570
|
}
|
|
1146
1571
|
|
|
1147
1572
|
declare class KmsUiPresentationalModule {
|
|
1148
|
-
static ɵfac:
|
|
1149
|
-
static ɵmod:
|
|
1150
|
-
static ɵinj:
|
|
1573
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KmsUiPresentationalModule, never>;
|
|
1574
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KmsUiPresentationalModule, [typeof BackToTopComponent, typeof CheckboxComponent, typeof ColorInputComponent, typeof DropdownFromDataComponent, typeof EnumRadiogroupComponent, typeof FileInputComponent, typeof FlyoutComponent, typeof ConfirmationDialogComponent, typeof ImageSliderComponent, typeof KMSAccordionItemComponent, typeof KmsUiPresentationalComponent, typeof LoaderComponent, typeof MapComponent, typeof RadioButtonComponent, typeof RadioGroupComponent, typeof SalutationDropdownComponent, typeof SalutationRadiogroupComponent, typeof SlideToggleComponent, typeof TimeInputComponent, typeof TooltipIconComponent, typeof YesNoRadiogroupComponent, typeof PasswordComponent, typeof SliderComponent, typeof CardComponent, typeof ButtonComponent, typeof NumericInputComponent, typeof GenericFormComponent, typeof FormSectionComponent, typeof FormFieldComponent, typeof FormActionsComponent, typeof DynamicFieldDirective, typeof TextInputComponent], [typeof i8.CommonModule, typeof i34.DragDropModule, typeof i35.MatCheckboxModule, typeof i36.MatButtonModule, typeof i37.MatRadioModule, typeof i38.MatDialogModule, typeof i39.FormsModule, typeof i39.ReactiveFormsModule, typeof i40.MatFormFieldModule, typeof i41.MatInputModule, typeof i42.MatMenuModule, typeof CustomPipesModule, typeof i44.GoogleMapsModule, typeof i45.MatExpansionModule, typeof i46.MatSelectModule, typeof i47.NgxMatSelectSearchModule, typeof i48.MatProgressSpinnerModule, typeof DirectivesModule, typeof i50.MatSlideToggleModule, typeof i51.TranslateModule, typeof i52.MatTooltipModule, typeof i53.NgxSliderModule, typeof i54.MatAutocompleteModule, typeof i55.MatListModule, typeof i56.MatCardModule, typeof i57.MatDatepickerModule, typeof i58.MatNativeDateModule, typeof IconComponent, typeof DateInputComponent], [typeof BackToTopComponent, typeof CheckboxComponent, typeof ColorInputComponent, typeof DropdownFromDataComponent, typeof EnumRadiogroupComponent, typeof RadioGroupComponent, typeof FileInputComponent, typeof FlyoutComponent, typeof ConfirmationDialogComponent, typeof IconComponent, typeof ImageSliderComponent, typeof KMSAccordionItemComponent, typeof KmsUiPresentationalComponent, typeof LoaderComponent, typeof MapComponent, typeof RadioButtonComponent, typeof SalutationDropdownComponent, typeof SalutationRadiogroupComponent, typeof SlideToggleComponent, typeof TimeInputComponent, typeof TooltipIconComponent, typeof YesNoRadiogroupComponent, typeof PasswordComponent, typeof SliderComponent, typeof CardComponent, typeof ButtonComponent, typeof NumericInputComponent, typeof GenericFormComponent, typeof FormSectionComponent, typeof FormActionsComponent, typeof DynamicFieldDirective, typeof DateInputComponent, typeof TextInputComponent]>;
|
|
1575
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<KmsUiPresentationalModule>;
|
|
1151
1576
|
}
|
|
1152
1577
|
|
|
1153
1578
|
declare class KmsUiPresentationalService {
|
|
1154
1579
|
constructor();
|
|
1155
|
-
static ɵfac:
|
|
1156
|
-
static ɵprov:
|
|
1580
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KmsUiPresentationalService, never>;
|
|
1581
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<KmsUiPresentationalService>;
|
|
1157
1582
|
}
|
|
1158
1583
|
|
|
1159
1584
|
declare class WindowDimensions {
|
|
@@ -1299,8 +1724,8 @@ declare class ViewportService implements OnDestroy {
|
|
|
1299
1724
|
*/
|
|
1300
1725
|
getSimpleBreakpoint(screenSize: number): SimpleBreakpoint;
|
|
1301
1726
|
ngOnDestroy(): void;
|
|
1302
|
-
static ɵfac:
|
|
1303
|
-
static ɵprov:
|
|
1727
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewportService, never>;
|
|
1728
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ViewportService>;
|
|
1304
1729
|
}
|
|
1305
1730
|
|
|
1306
1731
|
/**
|
|
@@ -1314,5 +1739,68 @@ declare enum ButtonResponseType {
|
|
|
1314
1739
|
declare function noWhitespaceOnly(): ValidatorFn;
|
|
1315
1740
|
declare function noSpecialCharsOnly(): ValidatorFn;
|
|
1316
1741
|
|
|
1317
|
-
|
|
1318
|
-
|
|
1742
|
+
/**
|
|
1743
|
+
* Lightweight facade module for the generic-form feature.
|
|
1744
|
+
*
|
|
1745
|
+
* - Provides `FieldRegistryService` (maps FieldType → library component classes).
|
|
1746
|
+
* - Merges pre-translated validation error messages into `@ngx-translate`
|
|
1747
|
+
* so that `GenericFormService.resolveErrorMessage()` can look them up.
|
|
1748
|
+
*
|
|
1749
|
+
* **Does NOT declare any components** — those live in `KmsUiPresentationalModule`
|
|
1750
|
+
* to avoid circular AOT imports.
|
|
1751
|
+
*
|
|
1752
|
+
* Consuming apps import both modules:
|
|
1753
|
+
* ```ts
|
|
1754
|
+
* imports: [KmsUiPresentationalModule, GenericFormModule]
|
|
1755
|
+
* ```
|
|
1756
|
+
*/
|
|
1757
|
+
declare class GenericFormModule {
|
|
1758
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GenericFormModule, never>;
|
|
1759
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<GenericFormModule, never, [typeof i51.TranslateModule], never>;
|
|
1760
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<GenericFormModule>;
|
|
1761
|
+
}
|
|
1762
|
+
|
|
1763
|
+
/** Component-scoped service managing the full internal form lifecycle. No UI. */
|
|
1764
|
+
declare class GenericFormService implements OnDestroy {
|
|
1765
|
+
private readonly translate;
|
|
1766
|
+
private form;
|
|
1767
|
+
private config;
|
|
1768
|
+
private readonly fieldConfigs;
|
|
1769
|
+
private readonly asyncValidatorMap;
|
|
1770
|
+
private destroy$;
|
|
1771
|
+
private _submitted;
|
|
1772
|
+
constructor(translate: TranslateService);
|
|
1773
|
+
buildForm(config: GenericFormConfig): FormGroup;
|
|
1774
|
+
private buildFieldControl;
|
|
1775
|
+
private resolveInitialValue;
|
|
1776
|
+
patchValue(value: Record<string, any>, options?: {
|
|
1777
|
+
silent?: boolean;
|
|
1778
|
+
}): void;
|
|
1779
|
+
validateAll(): boolean;
|
|
1780
|
+
get submitted(): boolean;
|
|
1781
|
+
getRawValue(): Record<string, any>;
|
|
1782
|
+
getValue(): Record<string, any>;
|
|
1783
|
+
getErrors(): Record<string, ValidationErrors> | null;
|
|
1784
|
+
getState(): GenericFormState;
|
|
1785
|
+
fieldValueChanges$(key: string): Observable<any>;
|
|
1786
|
+
setFieldDisabled(key: string, disabled: boolean): void;
|
|
1787
|
+
updateFieldOptions(key: string, options: Partial<FieldTypeOptions>): void;
|
|
1788
|
+
getFieldConfig(key: string): FieldConfig | undefined;
|
|
1789
|
+
getFormGroup(): FormGroup;
|
|
1790
|
+
applyVisibility(config: GenericFormConfig): void;
|
|
1791
|
+
resolveErrorMessage(key: string, validatorName: string, validatorMeta: any): string;
|
|
1792
|
+
private cleanup;
|
|
1793
|
+
ngOnDestroy(): void;
|
|
1794
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GenericFormService, never>;
|
|
1795
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<GenericFormService>;
|
|
1796
|
+
}
|
|
1797
|
+
|
|
1798
|
+
declare class FieldRegistryService {
|
|
1799
|
+
private readonly registry;
|
|
1800
|
+
resolve(type: FieldType): Type<any> | null;
|
|
1801
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldRegistryService, never>;
|
|
1802
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<FieldRegistryService>;
|
|
1803
|
+
}
|
|
1804
|
+
|
|
1805
|
+
export { BackToTopComponent, Breakpoint, ButtonAppearance, ButtonComponent, ButtonResponseType, CardComponent, CheckboxComponent, Color, ColorInputComponent, ConfirmationDialogComponent, CustomPipesModule, DateInputComponent, DirectivesModule, DropdownFromDataComponent, DynamicFieldDirective, EnumRadiogroupComponent, FieldRegistryService, FieldType, FileInputComponent, FlyoutComponent, FormActionsComponent, FormFieldComponent, FormLayout, FormParentComponent, FormSectionComponent, GenericFormComponent, GenericFormModule, GenericFormService, GetMaxHeightDirective, IconComponent, IconSizePx, IconSizesArr, ImageSliderComponent, ImageSnippet$1 as ImageSnippet, ImageSourceType$1 as ImageSourceType, IntegerCurrency, KMSAccordionItemComponent, KeyValuePair, KmsUiPresentationalComponent, KmsUiPresentationalModule, KmsUiPresentationalService, LabelValuePair, LoaderComponent, MapComponent, Marker, MarkerLabel, MarkerOptions, NumericInputComponent, PasswordComponent, RadioButtonComponent, RadioButtonSize, RadioGroupComponent, SafeHtmlPipe, SafeResourceUrlPipe, SafeUrlPipe, SalutationDropdownComponent, SalutationEnum, SalutationRadiogroupComponent, SanitizeNullPipe, SimpleBreakpoint, SlideToggleComponent, SliderComponent, StylingTheme, SwipeDirective, TextInputComponent, TextValuePair, TextValuePairArray, TimeDirective, TimeInputComponent, TooltipDirective, TooltipIconComponent, TrimPipe, TypeofPipe, ViewportService, WindowDimensions, YesNoRadiogroupComponent, noSpecialCharsOnly, noWhitespaceOnly };
|
|
1806
|
+
export type { AsyncValidatorConfig, AutocompleteFieldOptions, DateFieldOptions, DateRangeFieldOptions, DateRangeValue, DialogConfig, DialogData, DisabledConfig, ErrorDisplayConfig, ErrorDisplayStrategy, FieldAffixConfig, FieldConfig, FieldTypeOptions, FormActionsConfig, FormSectionConfig, GenericFormConfig, GenericFormState, GridAlign, GridVerticalAlign, NullAble, NumberFieldOptions, PasswordFieldOptions, RadioGroupFieldOptions, RadiobuttonInterface, SelectFieldOptions, SelectTranslation, TextareaFieldOptions, TimeFieldOptions };
|