@ng-forge/dynamic-forms-bootstrap 0.2.0 → 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 +163 -120
  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 +43 -18
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-forge/dynamic-forms-bootstrap",
3
- "version": "0.2.0",
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.6",
32
- "@angular/core": ">=21.0.6",
33
- "@angular/forms": ">=21.0.6",
34
- "@ng-forge/dynamic-forms": "~0.2.0",
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,8 +204,17 @@ 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>;
210
+ readonly label: _angular_core.InputSignal<DynamicText | undefined>;
211
+ readonly placeholder: _angular_core.InputSignal<DynamicText | undefined>;
212
+ readonly className: _angular_core.InputSignal<string>;
213
+ readonly tabIndex: _angular_core.InputSignal<number | undefined>;
214
+ readonly props: _angular_core.InputSignal<BsInputProps | undefined>;
215
+ readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
216
+ readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
217
+ readonly meta: _angular_core.InputSignal<InputMeta | undefined>;
204
218
  /**
205
219
  * Reference to the native input element.
206
220
  * Used to imperatively sync the readonly attribute since Angular Signal Forms'
@@ -220,13 +234,7 @@ declare class BsInputFieldComponent implements BsInputComponent {
220
234
  * Uses afterRenderEffect to ensure DOM is ready before manipulating attributes.
221
235
  */
222
236
  private readonly syncReadonlyToDom;
223
- readonly label: _angular_core.InputSignal<DynamicText | undefined>;
224
- readonly placeholder: _angular_core.InputSignal<DynamicText | undefined>;
225
- readonly className: _angular_core.InputSignal<string>;
226
- readonly tabIndex: _angular_core.InputSignal<number | undefined>;
227
- readonly props: _angular_core.InputSignal<BsInputProps | undefined>;
228
- readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
229
- readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
237
+ constructor();
230
238
  readonly effectiveSize: _angular_core.Signal<"sm" | "lg" | undefined>;
231
239
  readonly effectiveFloatingLabel: _angular_core.Signal<boolean>;
232
240
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
@@ -243,7 +251,7 @@ declare class BsInputFieldComponent implements BsInputComponent {
243
251
  /** aria-describedby: links to help text and error messages for screen readers */
244
252
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
245
253
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsInputFieldComponent, never>;
246
- 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>;
247
255
  }
248
256
 
249
257
  interface BsMultiCheckboxProps<T> {
@@ -256,6 +264,7 @@ type BsMultiCheckboxField<T> = MultiCheckboxField<T, BsMultiCheckboxProps<T>>;
256
264
  type BsMultiCheckboxComponent<T> = ValueFieldComponent<BsMultiCheckboxField<T>>;
257
265
 
258
266
  declare class BsMultiCheckboxFieldComponent<T extends ValueType> implements BsMultiCheckboxComponent<T> {
267
+ private readonly elementRef;
259
268
  readonly field: _angular_core.InputSignal<FieldTree<T[]>>;
260
269
  readonly key: _angular_core.InputSignal<string>;
261
270
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -266,6 +275,7 @@ declare class BsMultiCheckboxFieldComponent<T extends ValueType> implements BsMu
266
275
  readonly props: _angular_core.InputSignal<BsMultiCheckboxProps<T> | undefined>;
267
276
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
268
277
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
278
+ readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
269
279
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
270
280
  readonly showErrors: _angular_core.Signal<boolean>;
271
281
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
@@ -279,7 +289,7 @@ declare class BsMultiCheckboxFieldComponent<T extends ValueType> implements BsMu
279
289
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
280
290
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
281
291
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsMultiCheckboxFieldComponent<any>, never>;
282
- 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>;
283
293
  }
284
294
 
285
295
  interface BsRadioProps {
@@ -293,6 +303,7 @@ type BsRadioField<T> = RadioField<T, BsRadioProps>;
293
303
  type BsRadioComponent<T> = ValueFieldComponent<BsRadioField<T>>;
294
304
 
295
305
  declare class BsRadioFieldComponent<T extends string> implements BsRadioComponent<T> {
306
+ private readonly elementRef;
296
307
  readonly field: _angular_core.InputSignal<FieldTree<T>>;
297
308
  readonly key: _angular_core.InputSignal<string>;
298
309
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -301,10 +312,12 @@ declare class BsRadioFieldComponent<T extends string> implements BsRadioComponen
301
312
  readonly tabIndex: _angular_core.InputSignal<number | undefined>;
302
313
  readonly options: _angular_core.InputSignal<FieldOption<T>[]>;
303
314
  readonly props: _angular_core.InputSignal<BsRadioProps | undefined>;
315
+ readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
304
316
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
305
317
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
306
318
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
307
319
  readonly showErrors: _angular_core.Signal<boolean>;
320
+ constructor();
308
321
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
309
322
  protected readonly helpTextId: _angular_core.Signal<string>;
310
323
  protected readonly errorId: _angular_core.Signal<string>;
@@ -312,7 +325,7 @@ declare class BsRadioFieldComponent<T extends string> implements BsRadioComponen
312
325
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
313
326
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
314
327
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsRadioFieldComponent<any>, never>;
315
- 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>;
316
329
  }
317
330
 
318
331
  interface BsSelectProps<T> extends SelectProps {
@@ -329,6 +342,7 @@ type BsSelectField<T> = SelectField<T, BsSelectProps<T>>;
329
342
  type BsSelectComponent<T> = ValueFieldComponent<BsSelectField<T>>;
330
343
 
331
344
  declare class BsSelectFieldComponent<T extends string = string> implements BsSelectComponent<T> {
345
+ private readonly elementRef;
332
346
  readonly field: _angular_core.InputSignal<FieldTree<T>>;
333
347
  readonly key: _angular_core.InputSignal<string>;
334
348
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -339,9 +353,11 @@ declare class BsSelectFieldComponent<T extends string = string> implements BsSel
339
353
  readonly props: _angular_core.InputSignal<BsSelectProps<T> | undefined>;
340
354
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
341
355
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
356
+ readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
342
357
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
343
358
  readonly showErrors: _angular_core.Signal<boolean>;
344
359
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
360
+ constructor();
345
361
  defaultCompare: (value1: any, value2: any) => boolean;
346
362
  protected isSelected(optionValue: T, fieldValue: T | T[] | null): boolean;
347
363
  protected readonly helpTextId: _angular_core.Signal<string>;
@@ -350,7 +366,7 @@ declare class BsSelectFieldComponent<T extends string = string> implements BsSel
350
366
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
351
367
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
352
368
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsSelectFieldComponent<any>, never>;
353
- 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>;
354
370
  }
355
371
 
356
372
  interface BsSliderProps {
@@ -366,6 +382,7 @@ type BsSliderField = SliderField<BsSliderProps>;
366
382
  type BsSliderComponent = ValueFieldComponent<BsSliderField>;
367
383
 
368
384
  declare class BsSliderFieldComponent implements BsSliderComponent {
385
+ private readonly elementRef;
369
386
  readonly field: _angular_core.InputSignal<FieldTree<number>>;
370
387
  readonly key: _angular_core.InputSignal<string>;
371
388
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -378,16 +395,18 @@ declare class BsSliderFieldComponent implements BsSliderComponent {
378
395
  readonly props: _angular_core.InputSignal<BsSliderProps | undefined>;
379
396
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
380
397
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
398
+ readonly meta: _angular_core.InputSignal<InputMeta | undefined>;
381
399
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
382
400
  readonly showErrors: _angular_core.Signal<boolean>;
383
401
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
402
+ constructor();
384
403
  protected readonly helpTextId: _angular_core.Signal<string>;
385
404
  protected readonly errorId: _angular_core.Signal<string>;
386
405
  protected readonly ariaInvalid: _angular_core.Signal<boolean>;
387
406
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
388
407
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
389
408
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsSliderFieldComponent, never>;
390
- 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>;
391
410
  }
392
411
 
393
412
  interface BsTextareaProps extends TextareaProps {
@@ -402,6 +421,7 @@ type BsTextareaField = TextareaField<BsTextareaProps>;
402
421
  type BsTextareaComponent = ValueFieldComponent<BsTextareaField>;
403
422
 
404
423
  declare class BsTextareaFieldComponent implements BsTextareaComponent {
424
+ private readonly elementRef;
405
425
  readonly field: _angular_core.InputSignal<FieldTree<string>>;
406
426
  readonly key: _angular_core.InputSignal<string>;
407
427
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -411,16 +431,18 @@ declare class BsTextareaFieldComponent implements BsTextareaComponent {
411
431
  readonly props: _angular_core.InputSignal<BsTextareaProps | undefined>;
412
432
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
413
433
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
434
+ readonly meta: _angular_core.InputSignal<TextareaMeta | undefined>;
414
435
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
415
436
  readonly showErrors: _angular_core.Signal<boolean>;
416
437
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
438
+ constructor();
417
439
  protected readonly helpTextId: _angular_core.Signal<string>;
418
440
  protected readonly errorId: _angular_core.Signal<string>;
419
441
  protected readonly ariaInvalid: _angular_core.Signal<boolean>;
420
442
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
421
443
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
422
444
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsTextareaFieldComponent, never>;
423
- 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>;
424
446
  }
425
447
 
426
448
  interface BsToggleProps {
@@ -433,6 +455,7 @@ type BsToggleField = ToggleField<BsToggleProps>;
433
455
  type BsToggleComponent = CheckedFieldComponent<BsToggleField>;
434
456
 
435
457
  declare class BsToggleFieldComponent implements BsToggleComponent {
458
+ private readonly elementRef;
436
459
  readonly field: _angular_core.InputSignal<FieldTree<boolean>>;
437
460
  readonly key: _angular_core.InputSignal<string>;
438
461
  readonly label: _angular_core.InputSignal<DynamicText | undefined>;
@@ -442,16 +465,18 @@ declare class BsToggleFieldComponent implements BsToggleComponent {
442
465
  readonly props: _angular_core.InputSignal<BsToggleProps | undefined>;
443
466
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
444
467
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
468
+ readonly meta: _angular_core.InputSignal<FieldMeta | undefined>;
445
469
  readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
446
470
  readonly showErrors: _angular_core.Signal<boolean>;
447
471
  readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
472
+ constructor();
448
473
  protected readonly helpTextId: _angular_core.Signal<string>;
449
474
  protected readonly errorId: _angular_core.Signal<string>;
450
475
  protected readonly ariaInvalid: _angular_core.Signal<boolean>;
451
476
  protected readonly ariaRequired: _angular_core.Signal<true | null>;
452
477
  protected readonly ariaDescribedBy: _angular_core.Signal<string | null>;
453
478
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsToggleFieldComponent, never>;
454
- 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>;
455
480
  }
456
481
 
457
482
  declare const BOOTSTRAP_FIELD_TYPES: FieldTypeDefinition[];