@ngstarter-ui/components 21.0.40 → 21.0.42
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/ai/component-registry.json +54 -14
- package/fesm2022/ngstarter-ui-components-country-select.mjs +59 -16
- package/fesm2022/ngstarter-ui-components-country-select.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-form-builder.mjs +725 -291
- package/fesm2022/ngstarter-ui-components-form-builder.mjs.map +1 -1
- package/fesm2022/{ngstarter-ui-components-form-renderer-radio-group-field-lc1V-NeL.mjs → ngstarter-ui-components-form-renderer-radio-group-field-DugkPKYU.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-form-renderer-radio-group-field-lc1V-NeL.mjs.map → ngstarter-ui-components-form-renderer-radio-group-field-DugkPKYU.mjs.map} +1 -1
- package/fesm2022/ngstarter-ui-components-form-renderer.mjs +1 -1
- package/fesm2022/ngstarter-ui-components-radio.mjs +8 -5
- package/fesm2022/ngstarter-ui-components-radio.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs +2 -1
- package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-slide-toggle.mjs +12 -1
- package/fesm2022/ngstarter-ui-components-slide-toggle.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-tabs.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-tabs.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-tree.mjs +7 -5
- package/fesm2022/ngstarter-ui-components-tree.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ngstarter-ui-components-country-select.d.ts +20 -9
- package/types/ngstarter-ui-components-form-builder.d.ts +114 -21
- package/types/ngstarter-ui-components-radio.d.ts +4 -1
- package/types/ngstarter-ui-components-slide-toggle.d.ts +6 -1
- package/types/ngstarter-ui-components-tree.d.ts +4 -2
|
@@ -2,13 +2,16 @@ import * as _angular_forms from '@angular/forms';
|
|
|
2
2
|
import { ValidatorFn, FormControl, FormGroup } from '@angular/forms';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
import { Type, InjectionToken, EnvironmentProviders, TemplateRef } from '@angular/core';
|
|
5
|
-
import { CdkDrag, CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
6
5
|
import { TreeNodeDropPosition, Tree, TreeNodeDrop } from '@ngstarter-ui/components/tree';
|
|
6
|
+
import { RadioGroupOrientation } from '@ngstarter-ui/components/radio';
|
|
7
|
+
import * as _ngstarter_ui_components_form_builder from '@ngstarter-ui/components/form-builder';
|
|
7
8
|
|
|
8
9
|
type FormBuilderFieldWidth = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
10
|
+
type FormBuilderItemKind = 'field' | 'layout' | 'static';
|
|
9
11
|
interface FormBuilderOption {
|
|
10
12
|
label: string;
|
|
11
13
|
value: any;
|
|
14
|
+
selected?: boolean;
|
|
12
15
|
}
|
|
13
16
|
interface FormBuilderValidationRule {
|
|
14
17
|
type: 'required' | 'email' | 'minLength' | 'maxLength' | 'min' | 'max' | string;
|
|
@@ -25,10 +28,13 @@ interface FormBuilderField {
|
|
|
25
28
|
id: string;
|
|
26
29
|
name: string;
|
|
27
30
|
type: string;
|
|
31
|
+
kind?: FormBuilderItemKind;
|
|
28
32
|
label: string;
|
|
29
33
|
placeholder?: string;
|
|
30
34
|
hint?: string;
|
|
31
35
|
defaultValue?: any;
|
|
36
|
+
multiple?: boolean;
|
|
37
|
+
clearable?: boolean;
|
|
32
38
|
required?: boolean;
|
|
33
39
|
disabled?: boolean;
|
|
34
40
|
readonly?: boolean;
|
|
@@ -67,19 +73,43 @@ interface FormBuilderSettingsContext {
|
|
|
67
73
|
update: (changes: Partial<FormBuilderField>) => void;
|
|
68
74
|
}
|
|
69
75
|
type FormBuilderComponentImporter<T = any> = () => Promise<Type<T>>;
|
|
70
|
-
interface
|
|
76
|
+
interface FormBuilderFieldSettingsContext {
|
|
77
|
+
item: FormBuilderField;
|
|
78
|
+
field: FormBuilderField;
|
|
79
|
+
schema: FormBuilderSchema;
|
|
80
|
+
definition?: FormBuilderFieldDefinition;
|
|
81
|
+
update: (changes: Partial<FormBuilderField>) => void;
|
|
82
|
+
updateField: (changes: Partial<FormBuilderField>) => void;
|
|
83
|
+
}
|
|
84
|
+
interface FormBuilderSectionSettingsContext {
|
|
85
|
+
item: FormBuilderSection;
|
|
86
|
+
section: FormBuilderSection;
|
|
87
|
+
schema: FormBuilderSchema;
|
|
88
|
+
definition?: FormBuilderItemDefinition;
|
|
89
|
+
update: (changes: Partial<FormBuilderSection>) => void;
|
|
90
|
+
updateSection: (changes: Partial<FormBuilderSection>) => void;
|
|
91
|
+
}
|
|
92
|
+
interface FormBuilderItemDefinition {
|
|
71
93
|
type: string;
|
|
72
94
|
label: string;
|
|
95
|
+
kind?: FormBuilderItemKind;
|
|
73
96
|
group?: string;
|
|
74
97
|
icon?: string;
|
|
75
98
|
description?: string;
|
|
76
99
|
defaults?: Partial<FormBuilderField>;
|
|
77
100
|
renderer?: FormBuilderComponentImporter;
|
|
78
101
|
settings?: FormBuilderComponentImporter;
|
|
102
|
+
acceptsChildren?: boolean;
|
|
103
|
+
}
|
|
104
|
+
interface FormBuilderFieldDefinition extends FormBuilderItemDefinition {
|
|
105
|
+
kind?: FormBuilderItemKind;
|
|
79
106
|
validators?: (field: FormBuilderField) => ValidatorFn[];
|
|
80
107
|
}
|
|
81
108
|
interface FormBuilderSettingsDefinition {
|
|
82
|
-
fieldType
|
|
109
|
+
fieldType?: string;
|
|
110
|
+
itemType?: string;
|
|
111
|
+
type?: string;
|
|
112
|
+
kind?: FormBuilderItemKind;
|
|
83
113
|
component: FormBuilderComponentImporter;
|
|
84
114
|
}
|
|
85
115
|
interface FormBuilderFieldChange {
|
|
@@ -87,15 +117,19 @@ interface FormBuilderFieldChange {
|
|
|
87
117
|
section?: FormBuilderSection;
|
|
88
118
|
}
|
|
89
119
|
|
|
120
|
+
declare const FORM_BUILDER_ITEMS: InjectionToken<FormBuilderItemDefinition[]>;
|
|
90
121
|
declare const FORM_BUILDER_FIELDS: InjectionToken<FormBuilderFieldDefinition[]>;
|
|
91
122
|
declare const FORM_BUILDER_SETTINGS: InjectionToken<FormBuilderSettingsDefinition[]>;
|
|
92
123
|
declare function formBuilderField(definition: FormBuilderFieldDefinition): FormBuilderFieldDefinition;
|
|
124
|
+
declare function formBuilderItem(definition: FormBuilderItemDefinition): FormBuilderItemDefinition;
|
|
93
125
|
declare function formBuilderSettings(definition: FormBuilderSettingsDefinition): FormBuilderSettingsDefinition;
|
|
94
126
|
declare function provideFormBuilder(config?: {
|
|
127
|
+
items?: FormBuilderItemDefinition[];
|
|
95
128
|
fields?: FormBuilderFieldDefinition[];
|
|
96
129
|
settings?: FormBuilderSettingsDefinition[];
|
|
97
130
|
}): EnvironmentProviders;
|
|
98
131
|
declare const DEFAULT_FORM_BUILDER_FIELDS: FormBuilderFieldDefinition[];
|
|
132
|
+
declare const DEFAULT_FORM_BUILDER_ITEMS: FormBuilderItemDefinition[];
|
|
99
133
|
declare function validatorsFromRules(rules?: FormBuilderValidationRule[], field?: FormBuilderField): _angular_forms.ValidatorFn[];
|
|
100
134
|
|
|
101
135
|
interface FormBuilderPaletteGroup {
|
|
@@ -127,10 +161,15 @@ declare class FormBuilder {
|
|
|
127
161
|
private readonly dialog;
|
|
128
162
|
private readonly confirmManager;
|
|
129
163
|
private readonly elementRef;
|
|
164
|
+
private readonly providedItems;
|
|
130
165
|
private readonly providedFields;
|
|
131
166
|
private readonly providedSettings;
|
|
132
167
|
private readonly previewControls;
|
|
168
|
+
private readonly fieldTreeNodeCache;
|
|
169
|
+
private readonly canvasAnimationTimers;
|
|
133
170
|
private readonly actualFieldsTree;
|
|
171
|
+
private fieldTreeRootNodes;
|
|
172
|
+
private fieldTreeStructureKey;
|
|
134
173
|
private suppressPaletteClick;
|
|
135
174
|
readonly schema: _angular_core.ModelSignal<FormBuilderSchema>;
|
|
136
175
|
readonly paletteTitle: _angular_core.InputSignal<string>;
|
|
@@ -139,6 +178,7 @@ declare class FormBuilder {
|
|
|
139
178
|
readonly fieldAdded: _angular_core.OutputEmitterRef<FormBuilderFieldChange>;
|
|
140
179
|
readonly fieldRemoved: _angular_core.OutputEmitterRef<FormBuilderFieldChange>;
|
|
141
180
|
protected readonly search: _angular_core.WritableSignal<string>;
|
|
181
|
+
protected readonly fieldsTabIndex: _angular_core.WritableSignal<number>;
|
|
142
182
|
protected readonly selectedFieldId: _angular_core.WritableSignal<string | null>;
|
|
143
183
|
protected readonly nativeDragItem: _angular_core.WritableSignal<FormBuilderNativeDragItem | null>;
|
|
144
184
|
protected readonly nativeDragFieldDefinition: _angular_core.Signal<FormBuilderFieldDefinition | null>;
|
|
@@ -147,11 +187,9 @@ declare class FormBuilder {
|
|
|
147
187
|
containerId: string;
|
|
148
188
|
index: number;
|
|
149
189
|
} | null>;
|
|
150
|
-
protected readonly dragCollapsedSectionIds: _angular_core.WritableSignal<ReadonlySet<string>>;
|
|
151
190
|
protected readonly expandedFieldTreeNodeIds: _angular_core.WritableSignal<ReadonlySet<string>>;
|
|
152
191
|
protected readonly definitions: _angular_core.Signal<FormBuilderFieldDefinition[]>;
|
|
153
192
|
protected readonly settingsDefinitions: _angular_core.Signal<FormBuilderSettingsDefinition[]>;
|
|
154
|
-
protected readonly fieldContainerDropListIds: _angular_core.Signal<string[]>;
|
|
155
193
|
protected readonly canvasItems: _angular_core.Signal<FormBuilderCanvasItem[]>;
|
|
156
194
|
protected readonly layoutDefinitions: _angular_core.Signal<FormBuilderFieldDefinition[]>;
|
|
157
195
|
protected readonly paletteGroups: _angular_core.Signal<FormBuilderPaletteGroup[]>;
|
|
@@ -164,7 +202,7 @@ declare class FormBuilder {
|
|
|
164
202
|
protected readonly fieldTreeDraggablePredicate: (_node: FormBuilderFieldTreeNode) => boolean;
|
|
165
203
|
protected readonly fieldTreeDropPredicate: (source: FormBuilderFieldTreeNode, target: FormBuilderFieldTreeNode, position: TreeNodeDropPosition) => boolean;
|
|
166
204
|
protected readonly updateSelectedField: (changes: Partial<FormBuilderField>) => void;
|
|
167
|
-
protected readonly
|
|
205
|
+
protected readonly updateSelectedSection: (changes: Partial<FormBuilderSection>) => void;
|
|
168
206
|
protected paletteDragStarted(event: DragEvent, definition: FormBuilderFieldDefinition): void;
|
|
169
207
|
protected sectionPaletteDragStarted(event: DragEvent): void;
|
|
170
208
|
protected paletteDragEnded(): void;
|
|
@@ -184,12 +222,10 @@ declare class FormBuilder {
|
|
|
184
222
|
protected openPreview(template: TemplateRef<unknown>): void;
|
|
185
223
|
protected removeSection(section: FormBuilderSection): void;
|
|
186
224
|
protected updateSection(section: FormBuilderSection, changes: Partial<FormBuilderSection>): void;
|
|
187
|
-
protected sectionDragStarted(section: FormBuilderSection): void;
|
|
188
|
-
protected sectionDragEnded(section: FormBuilderSection): void;
|
|
189
225
|
protected isSectionCollapsed(section: FormBuilderSection): boolean;
|
|
190
|
-
protected
|
|
191
|
-
protected
|
|
192
|
-
protected
|
|
226
|
+
protected selectField(field: FormBuilderField, section?: FormBuilderSection): void;
|
|
227
|
+
protected selectSection(section: FormBuilderSection): void;
|
|
228
|
+
protected selectCanvasField(field: FormBuilderField, section?: FormBuilderSection): void;
|
|
193
229
|
protected selectFieldTreeNode(node: FormBuilderFieldTreeNode): void;
|
|
194
230
|
protected toggleFieldTreeNode(tree: Tree<FormBuilderFieldTreeNode>, node: FormBuilderFieldTreeNode, event: MouseEvent): void;
|
|
195
231
|
protected isFieldTreeNodeExpanded(tree: Tree<FormBuilderFieldTreeNode>, node: FormBuilderFieldTreeNode): boolean;
|
|
@@ -208,6 +244,11 @@ declare class FormBuilder {
|
|
|
208
244
|
private matchesPaletteQuery;
|
|
209
245
|
private nativeDragOver;
|
|
210
246
|
private nativeDragOverAtIndex;
|
|
247
|
+
private setNativeDropTarget;
|
|
248
|
+
private captureCanvasItemRects;
|
|
249
|
+
private animateCanvasItemMoves;
|
|
250
|
+
private getCanvasAnimatedItems;
|
|
251
|
+
private getCanvasAnimatedItemKey;
|
|
211
252
|
private insertNativeField;
|
|
212
253
|
private insertNativeSection;
|
|
213
254
|
private resolveNativeDragItem;
|
|
@@ -217,26 +258,34 @@ declare class FormBuilder {
|
|
|
217
258
|
private defaultWidth;
|
|
218
259
|
private resolveCanvasItems;
|
|
219
260
|
private normalizedLayout;
|
|
220
|
-
private collectFieldContainerDropListIds;
|
|
221
|
-
private collectFieldDropListIds;
|
|
222
|
-
private resolveCanvasDragItem;
|
|
223
261
|
private detachFieldFromLocation;
|
|
224
262
|
private insertFieldIntoTreeSection;
|
|
225
263
|
private insertFieldAroundTreeSection;
|
|
226
264
|
private resolveTreeFieldInsertTarget;
|
|
227
265
|
private insertRootFieldIntoLayout;
|
|
228
|
-
private clearSectionDragCollapse;
|
|
229
266
|
private resetFieldTreeAfterRejectedDrop;
|
|
230
267
|
private canDropFieldTreeNode;
|
|
231
268
|
private dropFieldTreeSection;
|
|
232
269
|
private isRootFieldTreeNode;
|
|
233
270
|
private restoreFieldTreeExpansion;
|
|
234
271
|
private flattenFieldTree;
|
|
272
|
+
private openActualFieldsTreeForField;
|
|
273
|
+
private findFieldTreeNodePath;
|
|
274
|
+
private scrollFieldTreeNodeIntoView;
|
|
275
|
+
private findFieldTreeNodeElement;
|
|
235
276
|
private scrollCanvasFieldIntoView;
|
|
277
|
+
private scrollCanvasSectionIntoView;
|
|
278
|
+
private scrollCanvasItemIntoView;
|
|
236
279
|
private findCanvasFieldElement;
|
|
280
|
+
private findCanvasSectionElement;
|
|
281
|
+
private syncPreviewControl;
|
|
282
|
+
private fieldInitialValue;
|
|
237
283
|
private scrollElementFullyIntoView;
|
|
238
284
|
private afterNextPaint;
|
|
239
|
-
private
|
|
285
|
+
private upsertSectionTreeNode;
|
|
286
|
+
private upsertFieldTreeNode;
|
|
287
|
+
private getCachedFieldTreeNode;
|
|
288
|
+
private resolveFieldTreeStructureKey;
|
|
240
289
|
private findContainerLocation;
|
|
241
290
|
private findFieldContainerLocation;
|
|
242
291
|
private findFieldLocation;
|
|
@@ -251,7 +300,9 @@ interface FormBuilderRendererCanvasItem extends FormBuilderLayoutItem {
|
|
|
251
300
|
section?: FormBuilderSection;
|
|
252
301
|
}
|
|
253
302
|
declare class FormBuilderRenderer {
|
|
303
|
+
private readonly providedItems;
|
|
254
304
|
private readonly providedFields;
|
|
305
|
+
private readonly orphanControls;
|
|
255
306
|
readonly schema: _angular_core.InputSignal<FormBuilderSchema>;
|
|
256
307
|
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
257
308
|
readonly showSubmit: _angular_core.InputSignal<boolean>;
|
|
@@ -269,6 +320,7 @@ declare class FormBuilderRenderer {
|
|
|
269
320
|
protected submit(): void;
|
|
270
321
|
private createFormGroup;
|
|
271
322
|
private visibleFields;
|
|
323
|
+
private fieldInitialValue;
|
|
272
324
|
private resolveCanvasItems;
|
|
273
325
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderRenderer, never>;
|
|
274
326
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderRenderer, "ngs-form-builder-renderer", ["ngsFormBuilderRenderer"], { "schema": { "alias": "schema"; "required": true; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "showSubmit": { "alias": "showSubmit"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "formSubmit": "formSubmit"; "formReady": "formReady"; }, never, never, true, never>;
|
|
@@ -282,6 +334,7 @@ declare class FormBuilderFieldHost {
|
|
|
282
334
|
readonly editableCanvas: _angular_core.InputSignal<boolean>;
|
|
283
335
|
protected readonly customLoaded: _angular_core.WritableSignal<boolean>;
|
|
284
336
|
protected readonly textInputType: _angular_core.Signal<"email" | "text" | "number">;
|
|
337
|
+
protected readonly radioOrientation: _angular_core.Signal<RadioGroupOrientation>;
|
|
285
338
|
private readonly anchor;
|
|
286
339
|
constructor();
|
|
287
340
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderFieldHost, never>;
|
|
@@ -289,29 +342,69 @@ declare class FormBuilderFieldHost {
|
|
|
289
342
|
}
|
|
290
343
|
|
|
291
344
|
declare class FormBuilderSettingsHost {
|
|
292
|
-
readonly field: _angular_core.InputSignal<FormBuilderField>;
|
|
345
|
+
readonly field: _angular_core.InputSignal<FormBuilderField | null>;
|
|
346
|
+
readonly section: _angular_core.InputSignal<FormBuilderSection | null>;
|
|
293
347
|
readonly schema: _angular_core.InputSignal<FormBuilderSchema>;
|
|
294
348
|
readonly definitions: _angular_core.InputSignal<FormBuilderFieldDefinition[]>;
|
|
295
349
|
readonly settingsDefinitions: _angular_core.InputSignal<FormBuilderSettingsDefinition[]>;
|
|
296
|
-
readonly update: _angular_core.InputSignal<(changes: Partial<FormBuilderField>) => void>;
|
|
350
|
+
readonly update: _angular_core.InputSignal<((changes: Partial<FormBuilderField>) => void) | undefined>;
|
|
351
|
+
readonly updateSection: _angular_core.InputSignal<((changes: Partial<FormBuilderSection>) => void) | undefined>;
|
|
352
|
+
protected readonly itemDefinition: _angular_core.Signal<FormBuilderFieldDefinition | undefined>;
|
|
353
|
+
protected readonly fieldDefinition: _angular_core.Signal<FormBuilderFieldDefinition | undefined>;
|
|
354
|
+
protected readonly fieldKind: _angular_core.Signal<_ngstarter_ui_components_form_builder.FormBuilderItemKind>;
|
|
355
|
+
protected readonly isLayoutField: _angular_core.Signal<boolean>;
|
|
297
356
|
protected readonly customLoaded: _angular_core.WritableSignal<boolean>;
|
|
298
357
|
private readonly anchor;
|
|
299
358
|
constructor();
|
|
300
359
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderSettingsHost, never>;
|
|
301
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderSettingsHost, "ngs-form-builder-settings-host", ["ngsFormBuilderSettingsHost"], { "field": { "alias": "field"; "required": true; "isSignal": true; }; "schema": { "alias": "schema"; "required": true; "isSignal": true; }; "definitions": { "alias": "definitions"; "required": false; "isSignal": true; }; "settingsDefinitions": { "alias": "settingsDefinitions"; "required": false; "isSignal": true; }; "update": { "alias": "update"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
360
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderSettingsHost, "ngs-form-builder-settings-host", ["ngsFormBuilderSettingsHost"], { "field": { "alias": "field"; "required": false; "isSignal": true; }; "section": { "alias": "section"; "required": false; "isSignal": true; }; "schema": { "alias": "schema"; "required": true; "isSignal": true; }; "definitions": { "alias": "definitions"; "required": false; "isSignal": true; }; "settingsDefinitions": { "alias": "settingsDefinitions"; "required": false; "isSignal": true; }; "update": { "alias": "update"; "required": false; "isSignal": true; }; "updateSection": { "alias": "updateSection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
302
361
|
}
|
|
303
362
|
|
|
363
|
+
type RadioOrientation = 'vertical' | 'horizontal';
|
|
304
364
|
declare class BasicFormBuilderFieldSettings {
|
|
365
|
+
private readonly destroyRef;
|
|
305
366
|
readonly field: _angular_core.InputSignal<FormBuilderField>;
|
|
306
367
|
readonly update: _angular_core.InputSignal<(changes: Partial<FormBuilderField>) => void>;
|
|
368
|
+
protected readonly optionsControl: FormControl<string>;
|
|
307
369
|
protected readonly fieldWidthOptions: FormBuilderFieldWidth[];
|
|
370
|
+
protected readonly radioOrientationOptions: RadioOrientation[];
|
|
371
|
+
protected readonly hasCheckedState: _angular_core.Signal<boolean>;
|
|
372
|
+
protected readonly hasPlaceholder: _angular_core.Signal<boolean>;
|
|
308
373
|
protected readonly hasOptions: _angular_core.Signal<boolean>;
|
|
374
|
+
protected readonly hasClearable: _angular_core.Signal<boolean>;
|
|
375
|
+
protected readonly isSelect: _angular_core.Signal<boolean>;
|
|
376
|
+
protected readonly isRadio: _angular_core.Signal<boolean>;
|
|
377
|
+
protected readonly radioOrientation: _angular_core.Signal<RadioOrientation>;
|
|
309
378
|
protected readonly optionsText: _angular_core.Signal<string>;
|
|
379
|
+
constructor();
|
|
310
380
|
protected patch(changes: Partial<FormBuilderField>): void;
|
|
381
|
+
protected patchSelectMultiple(multiple: boolean): void;
|
|
382
|
+
protected patchRadioOrientation(orientation: RadioOrientation): void;
|
|
311
383
|
protected patchOptions(value: string): void;
|
|
384
|
+
private normalizeSelectedOptions;
|
|
385
|
+
private resolveSelectedDefaultValue;
|
|
386
|
+
private selectedOptionValues;
|
|
387
|
+
private isOptionSelected;
|
|
312
388
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BasicFormBuilderFieldSettings, never>;
|
|
313
389
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicFormBuilderFieldSettings, "ngs-basic-form-builder-field-settings", ["ngsBasicFormBuilderFieldSettings"], { "field": { "alias": "field"; "required": true; "isSignal": true; }; "update": { "alias": "update"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
314
390
|
}
|
|
315
391
|
|
|
316
|
-
|
|
317
|
-
|
|
392
|
+
declare class BasicFormBuilderLayoutSettings {
|
|
393
|
+
readonly field: _angular_core.InputSignal<FormBuilderField>;
|
|
394
|
+
readonly update: _angular_core.InputSignal<(changes: Partial<FormBuilderField>) => void>;
|
|
395
|
+
protected readonly fieldWidthOptions: FormBuilderFieldWidth[];
|
|
396
|
+
protected patch(changes: Partial<FormBuilderField>): void;
|
|
397
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BasicFormBuilderLayoutSettings, never>;
|
|
398
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicFormBuilderLayoutSettings, "ngs-basic-form-builder-layout-settings", ["ngsBasicFormBuilderLayoutSettings"], { "field": { "alias": "field"; "required": true; "isSignal": true; }; "update": { "alias": "update"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
declare class BasicFormBuilderSectionSettings {
|
|
402
|
+
readonly section: _angular_core.InputSignal<FormBuilderSection>;
|
|
403
|
+
readonly update: _angular_core.InputSignal<(changes: Partial<FormBuilderSection>) => void>;
|
|
404
|
+
protected patch(changes: Partial<FormBuilderSection>): void;
|
|
405
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BasicFormBuilderSectionSettings, never>;
|
|
406
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BasicFormBuilderSectionSettings, "ngs-basic-form-builder-section-settings", ["ngsBasicFormBuilderSectionSettings"], { "section": { "alias": "section"; "required": true; "isSignal": true; }; "update": { "alias": "update"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
export { BasicFormBuilderFieldSettings, BasicFormBuilderLayoutSettings, BasicFormBuilderSectionSettings, DEFAULT_FORM_BUILDER_FIELDS, DEFAULT_FORM_BUILDER_ITEMS, FORM_BUILDER_FIELDS, FORM_BUILDER_ITEMS, FORM_BUILDER_SETTINGS, FormBuilder, FormBuilderFieldHost, FormBuilderRenderer, FormBuilderSettingsHost, FormBuilderRenderer as FormRenderer, createDefaultFormBuilderSchema, formBuilderField, formBuilderItem, formBuilderSettings, provideFormBuilder, validatorsFromRules };
|
|
410
|
+
export type { FormBuilderComponentImporter, FormBuilderField, FormBuilderFieldChange, FormBuilderFieldDefinition, FormBuilderFieldRenderContext, FormBuilderFieldSettingsContext, FormBuilderFieldWidth, FormBuilderItemDefinition, FormBuilderItemKind, FormBuilderLayoutItem, FormBuilderOption, FormBuilderSchema, FormBuilderSection, FormBuilderSectionSettingsContext, FormBuilderSettingsContext, FormBuilderSettingsDefinition, FormBuilderValidationRule, FormBuilderVisibility };
|
|
@@ -2,10 +2,12 @@ import * as _angular_core from '@angular/core';
|
|
|
2
2
|
import { AfterContentInit, OnInit, ChangeDetectorRef } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor } from '@angular/forms';
|
|
4
4
|
|
|
5
|
+
type RadioGroupOrientation = 'horizontal' | 'vertical';
|
|
5
6
|
declare class RadioGroup implements ControlValueAccessor, AfterContentInit {
|
|
6
7
|
readonly _radios: _angular_core.Signal<readonly any[]>;
|
|
7
8
|
disabled: _angular_core.ModelSignal<boolean>;
|
|
8
9
|
name: _angular_core.InputSignal<string | undefined>;
|
|
10
|
+
orientation: _angular_core.InputSignal<RadioGroupOrientation>;
|
|
9
11
|
value: _angular_core.ModelSignal<any>;
|
|
10
12
|
readonly change: _angular_core.OutputEmitterRef<any>;
|
|
11
13
|
constructor();
|
|
@@ -21,7 +23,7 @@ declare class RadioGroup implements ControlValueAccessor, AfterContentInit {
|
|
|
21
23
|
private _markRadiosForCheck;
|
|
22
24
|
_onRadioClick(radio: RadioButton): void;
|
|
23
25
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroup, never>;
|
|
24
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroup, "ngs-radio-group",
|
|
26
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroup, "ngs-radio-group", ["ngsRadioGroup"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "value": "valueChange"; "change": "change"; }, ["_radios"], ["*"], true, never>;
|
|
25
27
|
}
|
|
26
28
|
|
|
27
29
|
declare class RadioButton implements OnInit {
|
|
@@ -43,3 +45,4 @@ declare class RadioButton implements OnInit {
|
|
|
43
45
|
}
|
|
44
46
|
|
|
45
47
|
export { RadioButton, RadioGroup };
|
|
48
|
+
export type { RadioGroupOrientation };
|
|
@@ -38,4 +38,9 @@ declare class SlideToggle implements ControlValueAccessor {
|
|
|
38
38
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlideToggle, "ngs-slide-toggle", ["ngsSlideToggle"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "hideIcon": { "alias": "hideIcon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; "change": "change"; "toggleChange": "toggleChange"; }, never, ["*"], true, never>;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
declare class SlideToggleGroup {
|
|
42
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlideToggleGroup, never>;
|
|
43
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlideToggleGroup, "ngs-slide-toggle-group", ["ngsSlideToggleGroup"], {}, {}, never, ["ngs-slide-toggle"], true, never>;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
export { SlideToggle, SlideToggleChange, SlideToggleGroup };
|
|
@@ -51,6 +51,7 @@ declare class Tree<T, K = T> extends CdkTree<T, K> {
|
|
|
51
51
|
dropPredicate: _angular_core.InputSignal<TreeNodeDropPredicate<T>>;
|
|
52
52
|
reorderOnDrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
53
53
|
dragPreview: _angular_core.InputSignal<TreeDragPreview>;
|
|
54
|
+
nodePaddingIndent: _angular_core.InputSignal<string | number>;
|
|
54
55
|
childrenKey: _angular_core.InputSignal<string>;
|
|
55
56
|
filterValue: _angular_core.InputSignalWithTransform<string, unknown>;
|
|
56
57
|
filterPredicate: _angular_core.InputSignal<TreeFilterPredicate<T>>;
|
|
@@ -125,7 +126,7 @@ declare class Tree<T, K = T> extends CdkTree<T, K> {
|
|
|
125
126
|
private _getTreeNodeKey;
|
|
126
127
|
private _getOriginalFilterNode;
|
|
127
128
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree<any, any>, never>;
|
|
128
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree<any, any>, "ngs-tree", ["ngsTree"], { "checkable": { "alias": "checkable"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "draggablePredicate": { "alias": "draggablePredicate"; "required": false; "isSignal": true; }; "dropPredicate": { "alias": "dropPredicate"; "required": false; "isSignal": true; }; "reorderOnDrop": { "alias": "reorderOnDrop"; "required": false; "isSignal": true; }; "dragPreview": { "alias": "dragPreview"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "filterValue": { "alias": "filterValue"; "required": false; "isSignal": true; }; "filterPredicate": { "alias": "filterPredicate"; "required": false; "isSignal": true; }; "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "selectedChange": "selectedChange"; "nodeDrop": "nodeDrop"; }, ["_dragPlaceholder"], never, true, never>;
|
|
129
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree<any, any>, "ngs-tree", ["ngsTree"], { "checkable": { "alias": "checkable"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "draggablePredicate": { "alias": "draggablePredicate"; "required": false; "isSignal": true; }; "dropPredicate": { "alias": "dropPredicate"; "required": false; "isSignal": true; }; "reorderOnDrop": { "alias": "reorderOnDrop"; "required": false; "isSignal": true; }; "dragPreview": { "alias": "dragPreview"; "required": false; "isSignal": true; }; "nodePaddingIndent": { "alias": "nodePaddingIndent"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "filterValue": { "alias": "filterValue"; "required": false; "isSignal": true; }; "filterPredicate": { "alias": "filterPredicate"; "required": false; "isSignal": true; }; "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "selectedChange": "selectedChange"; "nodeDrop": "nodeDrop"; }, ["_dragPlaceholder"], never, true, never>;
|
|
129
130
|
}
|
|
130
131
|
|
|
131
132
|
declare class TreeNode<T, K = T> extends CdkTreeNode<T, K> implements OnInit, OnDestroy {
|
|
@@ -215,8 +216,9 @@ declare class NestedTreeNode<T, K = T> extends CdkNestedTreeNode<T, K> implement
|
|
|
215
216
|
}
|
|
216
217
|
|
|
217
218
|
declare class TreeNodePadding<T, K = T> extends CdkTreeNodePadding<T, K> {
|
|
219
|
+
private readonly tree;
|
|
218
220
|
levelInput: _angular_core.InputSignalWithTransform<number, any>;
|
|
219
|
-
indentInput: _angular_core.InputSignal<string | number>;
|
|
221
|
+
indentInput: _angular_core.InputSignal<string | number | undefined>;
|
|
220
222
|
constructor();
|
|
221
223
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeNodePadding<any, any>, never>;
|
|
222
224
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeNodePadding<any, any>, "[ngsTreeNodePadding]", never, { "levelInput": { "alias": "ngsTreeNodePadding"; "required": false; "isSignal": true; }; "indentInput": { "alias": "ngsTreeNodePaddingIndent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|