@ng-forge/dynamic-forms-bootstrap 0.1.3 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +3 -1
  2. package/fesm2022/ng-forge-dynamic-forms-bootstrap.mjs +251 -576
  3. package/fesm2022/ng-forge-dynamic-forms-bootstrap.mjs.map +1 -1
  4. package/package.json +5 -5
  5. package/types/ng-forge-dynamic-forms-bootstrap.d.ts +55 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-forge/dynamic-forms-bootstrap",
3
- "version": "0.1.3",
3
+ "version": "0.3.0",
4
4
  "description": "Bootstrap 5 integration for @ng-forge/dynamic-forms. Pre-built Bootstrap form components.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -28,10 +28,10 @@
28
28
  "node": ">=18"
29
29
  },
30
30
  "peerDependencies": {
31
- "@angular/common": "~21.0.5",
32
- "@angular/core": "~21.0.5",
33
- "@angular/forms": "~21.0.5",
34
- "@ng-forge/dynamic-forms": "~0.1.3",
31
+ "@angular/common": ">=21.0.7",
32
+ "@angular/core": ">=21.0.7",
33
+ "@angular/forms": ">=21.0.7",
34
+ "@ng-forge/dynamic-forms": "~0.3.0",
35
35
  "rxjs": ">=7.0.0"
36
36
  },
37
37
  "module": "fesm2022/ng-forge-dynamic-forms-bootstrap.mjs",
package/types/ng-forge-dynamic-forms-bootstrap.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { FormEvent, FieldDef, LogicConfig, FieldComponent, DynamicText, FormEventConstructor, ArrayItemContext, CheckedFieldComponent, ValidationMessages, ValueFieldComponent, ValueType, FieldOption, FieldTypeDefinition } from '@ng-forge/dynamic-forms';
1
+ import { FormEvent, FieldDef, LogicConfig, FieldComponent, DynamicText, FormEventConstructor, ArrayItemContext, CheckedFieldComponent, ValidationMessages, FieldMeta, ValueFieldComponent, ValueType, FieldOption, FieldTypeDefinition } from '@ng-forge/dynamic-forms';
2
2
  import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
3
- import { ButtonField, EventArgs, CheckboxField, DatepickerField, DatepickerProps, InputField, InputProps, MultiCheckboxField, RadioField, SelectField, SelectProps, SliderField, TextareaField, TextareaProps, ToggleField } from '@ng-forge/dynamic-forms/integration';
3
+ import { ButtonField, EventArgs, CheckboxField, DatepickerField, DatepickerProps, InputMeta, InputField, InputProps, MultiCheckboxField, RadioField, SelectField, SelectProps, SliderField, TextareaField, TextareaProps, TextareaMeta, ToggleField } from '@ng-forge/dynamic-forms/integration';
4
4
  import * as _angular_core from '@angular/core';
5
5
  import { ElementRef, InjectionToken, Provider } from '@angular/core';
6
6
  import { FieldTree } from '@angular/forms/signals';
@@ -120,6 +120,7 @@ type BsCheckboxField = CheckboxField<BsCheckboxProps>;
120
120
  type BsCheckboxComponent = CheckedFieldComponent<BsCheckboxField>;
121
121
 
122
122
  declare class BsCheckboxFieldComponent implements BsCheckboxComponent {
123
+ private readonly elementRef;
123
124
  readonly field: _angular_core.InputSignal<FieldTree<boolean>>;
124
125
  readonly key: _angular_core.InputSignal<string>;
125
126
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -129,6 +130,7 @@ declare class BsCheckboxFieldComponent implements BsCheckboxComponent {
129
130
  readonly props: _angular_core.InputSignal<BsCheckboxProps | undefined>;
130
131
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
131
132
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
133
+ readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
132
134
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
133
135
  readonly showErrors: _angular_core.Signal<boolean>;
134
136
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
@@ -140,7 +142,7 @@ declare class BsCheckboxFieldComponent implements BsCheckboxComponent {
140
142
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
141
143
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
142
144
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsCheckboxFieldComponent, never>;
143
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsCheckboxFieldComponent, "df-bs-checkbox", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
145
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsCheckboxFieldComponent, "df-bs-checkbox", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
144
146
  }
145
147
 
146
148
  interface BsDatepickerProps extends DatepickerProps {
@@ -159,6 +161,7 @@ type BsDatepickerField = DatepickerField<BsDatepickerProps>;
159
161
  type BsDatepickerComponent = ValueFieldComponent<BsDatepickerField>;
160
162
 
161
163
  declare class BsDatepickerFieldComponent implements BsDatepickerComponent {
164
+ private readonly elementRef;
162
165
  readonly field: _angular_core.InputSignal<FieldTree<string | Date>>;
163
166
  readonly key: _angular_core.InputSignal<string>;
164
167
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -171,9 +174,11 @@ declare class BsDatepickerFieldComponent implements BsDatepickerComponent {
171
174
  readonly props: _angular_core.InputSignal<BsDatepickerProps | undefined>;
172
175
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
173
176
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
177
+ readonly meta: _angular_core.InputSignal<InputMeta | undefined>;
174
178
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
175
179
  readonly showErrors: _angular_core.Signal<boolean>;
176
180
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
181
+ constructor();
177
182
  readonly minAsString: _angular_core.Signal<string | null>;
178
183
  readonly maxAsString: _angular_core.Signal<string | null>;
179
184
  protected readonly helpTextId: _angular_core.Signal<string>;
@@ -182,7 +187,7 @@ declare class BsDatepickerFieldComponent implements BsDatepickerComponent {
182
187
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
183
188
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
184
189
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsDatepickerFieldComponent, never>;
185
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsDatepickerFieldComponent, "df-bs-datepicker", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
190
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsDatepickerFieldComponent, "df-bs-datepicker", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
186
191
  }
187
192
 
188
193
  interface BsInputProps extends InputProps {
@@ -199,6 +204,7 @@ type BsInputComponent = ValueFieldComponent<BsInputField>;
199
204
 
200
205
  declare class BsInputFieldComponent implements BsInputComponent {
201
206
  private bootstrapConfig;
207
+ private readonly elementRef;
202
208
  readonly field: _angular_core.InputSignal<FieldTree<string>>;
203
209
  readonly key: _angular_core.InputSignal<string>;
204
210
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -208,6 +214,27 @@ declare class BsInputFieldComponent implements BsInputComponent {
208
214
  readonly props: _angular_core.InputSignal<BsInputProps | undefined>;
209
215
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
210
216
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
217
+ readonly meta: _angular_core.InputSignal<InputMeta | undefined>;
218
+ /**
219
+ * Reference to the native input element.
220
+ * Used to imperatively sync the readonly attribute since Angular Signal Forms'
221
+ * [field] directive doesn't sync FieldState.readonly() to the DOM.
222
+ */
223
+ private readonly inputRef;
224
+ /**
225
+ * Computed signal that extracts the readonly state from the field.
226
+ * Used by the effect to reactively sync the readonly attribute to the DOM.
227
+ */
228
+ private readonly isReadonly;
229
+ /**
230
+ * Workaround: Angular Signal Forms' [field] directive does NOT sync the readonly
231
+ * attribute to the DOM. This effect imperatively sets/removes the readonly attribute
232
+ * on the native input element whenever the readonly state changes.
233
+ *
234
+ * Uses afterRenderEffect to ensure DOM is ready before manipulating attributes.
235
+ */
236
+ private readonly syncReadonlyToDom;
237
+ constructor();
211
238
  readonly effectiveSize: _angular_core.Signal<"sm" | "lg" | undefined>;
212
239
  readonly effectiveFloatingLabel: _angular_core.Signal<boolean>;
213
240
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
@@ -224,7 +251,7 @@ declare class BsInputFieldComponent implements BsInputComponent {
224
251
  /** aria-describedby: links to help text and error messages for screen readers */
225
252
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
226
253
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsInputFieldComponent, never>;
227
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsInputFieldComponent, "df-bs-input", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
254
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsInputFieldComponent, "df-bs-input", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
228
255
  }
229
256
 
230
257
  interface BsMultiCheckboxProps<T> {
@@ -237,6 +264,7 @@ type BsMultiCheckboxField<T> = MultiCheckboxField<T, BsMultiCheckboxProps<T>>;
237
264
  type BsMultiCheckboxComponent<T> = ValueFieldComponent<BsMultiCheckboxField<T>>;
238
265
 
239
266
  declare class BsMultiCheckboxFieldComponent<T extends ValueType> implements BsMultiCheckboxComponent<T> {
267
+ private readonly elementRef;
240
268
  readonly field: _angular_core.InputSignal<FieldTree<T[]>>;
241
269
  readonly key: _angular_core.InputSignal<string>;
242
270
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -247,6 +275,7 @@ declare class BsMultiCheckboxFieldComponent<T extends ValueType> implements BsMu
247
275
  readonly props: _angular_core.InputSignal<BsMultiCheckboxProps<T> | undefined>;
248
276
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
249
277
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
278
+ readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
250
279
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
251
280
  readonly showErrors: _angular_core.Signal<boolean>;
252
281
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
@@ -260,7 +289,7 @@ declare class BsMultiCheckboxFieldComponent<T extends ValueType> implements BsMu
260
289
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
261
290
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
262
291
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsMultiCheckboxFieldComponent<any>, never>;
263
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsMultiCheckboxFieldComponent<any>, "df-bs-multi-checkbox", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
292
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsMultiCheckboxFieldComponent<any>, "df-bs-multi-checkbox", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
264
293
  }
265
294
 
266
295
  interface BsRadioProps {
@@ -274,6 +303,7 @@ type BsRadioField<T> = RadioField<T, BsRadioProps>;
274
303
  type BsRadioComponent<T> = ValueFieldComponent<BsRadioField<T>>;
275
304
 
276
305
  declare class BsRadioFieldComponent<T extends string> implements BsRadioComponent<T> {
306
+ private readonly elementRef;
277
307
  readonly field: _angular_core.InputSignal<FieldTree<T>>;
278
308
  readonly key: _angular_core.InputSignal<string>;
279
309
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -282,10 +312,12 @@ declare class BsRadioFieldComponent<T extends string> implements BsRadioComponen
282
312
  readonly tabIndex: _angular_core.InputSignal<number | undefined>;
283
313
  readonly options: _angular_core.InputSignal<FieldOption<T>[]>;
284
314
  readonly props: _angular_core.InputSignal<BsRadioProps | undefined>;
315
+ readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
285
316
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
286
317
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
287
318
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
288
319
  readonly showErrors: _angular_core.Signal<boolean>;
320
+ constructor();
289
321
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
290
322
  protected readonly helpTextId: _angular_core.Signal<string>;
291
323
  protected readonly errorId: _angular_core.Signal<string>;
@@ -293,7 +325,7 @@ declare class BsRadioFieldComponent<T extends string> implements BsRadioComponen
293
325
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
294
326
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
295
327
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsRadioFieldComponent<any>, never>;
296
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsRadioFieldComponent<any>, "df-bs-radio", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
328
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsRadioFieldComponent<any>, "df-bs-radio", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
297
329
  }
298
330
 
299
331
  interface BsSelectProps<T> extends SelectProps {
@@ -310,6 +342,7 @@ type BsSelectField<T> = SelectField<T, BsSelectProps<T>>;
310
342
  type BsSelectComponent<T> = ValueFieldComponent<BsSelectField<T>>;
311
343
 
312
344
  declare class BsSelectFieldComponent<T extends string = string> implements BsSelectComponent<T> {
345
+ private readonly elementRef;
313
346
  readonly field: _angular_core.InputSignal<FieldTree<T>>;
314
347
  readonly key: _angular_core.InputSignal<string>;
315
348
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -320,9 +353,11 @@ declare class BsSelectFieldComponent<T extends string = string> implements BsSel
320
353
  readonly props: _angular_core.InputSignal<BsSelectProps<T> | undefined>;
321
354
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
322
355
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
356
+ readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
323
357
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
324
358
  readonly showErrors: _angular_core.Signal<boolean>;
325
359
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
360
+ constructor();
326
361
  defaultCompare: (value1: any, value2: any) => boolean;
327
362
  protected isSelected(optionValue: T, fieldValue: T | T[] | null): boolean;
328
363
  protected readonly helpTextId: _angular_core.Signal<string>;
@@ -331,7 +366,7 @@ declare class BsSelectFieldComponent<T extends string = string> implements BsSel
331
366
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
332
367
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
333
368
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsSelectFieldComponent<any>, never>;
334
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsSelectFieldComponent<any>, "df-bs-select", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
369
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsSelectFieldComponent<any>, "df-bs-select", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
335
370
  }
336
371
 
337
372
  interface BsSliderProps {
@@ -347,6 +382,7 @@ type BsSliderField = SliderField<BsSliderProps>;
347
382
  type BsSliderComponent = ValueFieldComponent<BsSliderField>;
348
383
 
349
384
  declare class BsSliderFieldComponent implements BsSliderComponent {
385
+ private readonly elementRef;
350
386
  readonly field: _angular_core.InputSignal<FieldTree<number>>;
351
387
  readonly key: _angular_core.InputSignal<string>;
352
388
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -359,16 +395,18 @@ declare class BsSliderFieldComponent implements BsSliderComponent {
359
395
  readonly props: _angular_core.InputSignal<BsSliderProps | undefined>;
360
396
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
361
397
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
398
+ readonly meta: _angular_core.InputSignal<InputMeta | undefined>;
362
399
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
363
400
  readonly showErrors: _angular_core.Signal<boolean>;
364
401
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
402
+ constructor();
365
403
  protected readonly helpTextId: _angular_core.Signal<string>;
366
404
  protected readonly errorId: _angular_core.Signal<string>;
367
405
  protected readonly ariaInvalid: _angular_core.Signal<boolean>;
368
406
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
369
407
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
370
408
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsSliderFieldComponent, never>;
371
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsSliderFieldComponent, "df-bs-slider", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
409
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsSliderFieldComponent, "df-bs-slider", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
372
410
  }
373
411
 
374
412
  interface BsTextareaProps extends TextareaProps {
@@ -383,6 +421,7 @@ type BsTextareaField = TextareaField<BsTextareaProps>;
383
421
  type BsTextareaComponent = ValueFieldComponent<BsTextareaField>;
384
422
 
385
423
  declare class BsTextareaFieldComponent implements BsTextareaComponent {
424
+ private readonly elementRef;
386
425
  readonly field: _angular_core.InputSignal<FieldTree<string>>;
387
426
  readonly key: _angular_core.InputSignal<string>;
388
427
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -392,16 +431,18 @@ declare class BsTextareaFieldComponent implements BsTextareaComponent {
392
431
  readonly props: _angular_core.InputSignal<BsTextareaProps | undefined>;
393
432
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
394
433
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
434
+ readonly meta: _angular_core.InputSignal<TextareaMeta | undefined>;
395
435
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
396
436
  readonly showErrors: _angular_core.Signal<boolean>;
397
437
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
438
+ constructor();
398
439
  protected readonly helpTextId: _angular_core.Signal<string>;
399
440
  protected readonly errorId: _angular_core.Signal<string>;
400
441
  protected readonly ariaInvalid: _angular_core.Signal<boolean>;
401
442
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
402
443
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
403
444
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsTextareaFieldComponent, never>;
404
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsTextareaFieldComponent, "df-bs-textarea", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
445
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsTextareaFieldComponent, "df-bs-textarea", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
405
446
  }
406
447
 
407
448
  interface BsToggleProps {
@@ -414,6 +455,7 @@ type BsToggleField = ToggleField<BsToggleProps>;
414
455
  type BsToggleComponent = CheckedFieldComponent<BsToggleField>;
415
456
 
416
457
  declare class BsToggleFieldComponent implements BsToggleComponent {
458
+ private readonly elementRef;
417
459
  readonly field: _angular_core.InputSignal<FieldTree<boolean>>;
418
460
  readonly key: _angular_core.InputSignal<string>;
419
461
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -423,16 +465,18 @@ declare class BsToggleFieldComponent implements BsToggleComponent {
423
465
  readonly props: _angular_core.InputSignal<BsToggleProps | undefined>;
424
466
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
425
467
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
468
+ readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
426
469
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
427
470
  readonly showErrors: _angular_core.Signal<boolean>;
428
471
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
472
+ constructor();
429
473
  protected readonly helpTextId: _angular_core.Signal<string>;
430
474
  protected readonly errorId: _angular_core.Signal<string>;
431
475
  protected readonly ariaInvalid: _angular_core.Signal<boolean>;
432
476
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
433
477
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
434
478
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsToggleFieldComponent, never>;
435
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsToggleFieldComponent, "df-bs-toggle", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
479
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsToggleFieldComponent, "df-bs-toggle", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "key": { "alias": "key"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; "validationMessages": { "alias": "validationMessages"; "required": false; "isSignal": true; }; "defaultValidationMessages": { "alias": "defaultValidationMessages"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
436
480
  }
437
481
 
438
482
  declare const BOOTSTRAP_FIELD_TYPES: FieldTypeDefinition[];