@ng-forge/dynamic-forms-material 0.1.2 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/ng-forge-dynamic-forms-material.mjs +75 -245
  2. package/fesm2022/ng-forge-dynamic-forms-material.mjs.map +1 -1
  3. package/package.json +6 -6
  4. package/types/ng-forge-dynamic-forms-material.d.ts +25 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-forge/dynamic-forms-material",
3
- "version": "0.1.2",
3
+ "version": "0.2.0",
4
4
  "description": "Angular Material integration for @ng-forge/dynamic-forms. Pre-built Material Design form components.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -28,11 +28,11 @@
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
- "@angular/material": "~21.0.0",
35
- "@ng-forge/dynamic-forms": "~0.1.1",
31
+ "@angular/common": ">=21.0.6",
32
+ "@angular/core": ">=21.0.6",
33
+ "@angular/forms": ">=21.0.6",
34
+ "@angular/material": ">=21.0.5",
35
+ "@ng-forge/dynamic-forms": "~0.2.0",
36
36
  "rxjs": ">=7.0.0"
37
37
  },
38
38
  "module": "fesm2022/ng-forge-dynamic-forms-material.mjs",
package/types/ng-forge-dynamic-forms-material.d.ts CHANGED
@@ -1,8 +1,9 @@
1
- import * as _ng_forge_dynamic_forms from '@ng-forge/dynamic-forms';
2
- import { CheckboxField, DynamicText, CheckedFieldComponent, ValidationMessages, DatepickerField, DatepickerProps, ValueFieldComponent, InputField, InputProps, MultiCheckboxField, ValueType, FieldOption, RadioField, SelectField, SelectProps, SliderField, FormEvent, ButtonField, FieldDef, LogicConfig, FieldComponent, FormEventConstructor, EventArgs, ArrayItemContext, TextareaField, TextareaProps, ToggleField, FieldTypeDefinition } from '@ng-forge/dynamic-forms';
1
+ import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
2
+ import { CheckboxField, DatepickerField, DatepickerProps, InputField, InputProps, MultiCheckboxField, RadioField, SelectField, SelectProps, SliderField, ButtonField, EventArgs, TextareaField, TextareaProps, ToggleField } from '@ng-forge/dynamic-forms/integration';
3
3
  import * as _angular_core from '@angular/core';
4
4
  import { InjectionToken, Provider } from '@angular/core';
5
5
  import { FieldTree } from '@angular/forms/signals';
6
+ import { DynamicText, CheckedFieldComponent, ValidationMessages, ValueFieldComponent, ValueType, FieldOption, FormEvent, FieldDef, LogicConfig, FieldComponent, FormEventConstructor, ArrayItemContext, FieldTypeDefinition } from '@ng-forge/dynamic-forms';
6
7
  import { ThemePalette } from '@angular/material/core';
7
8
  import * as _angular_material_form_field from '@angular/material/form-field';
8
9
  import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
@@ -34,9 +35,9 @@ declare class MatCheckboxFieldComponent implements MatCheckboxComponent {
34
35
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
35
36
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
36
37
  readonly effectiveDisableRipple: _angular_core.Signal<boolean>;
37
- readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
38
+ readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
38
39
  readonly showErrors: _angular_core.Signal<boolean>;
39
- readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
40
+ readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
40
41
  /** Unique ID for the hint element, used for aria-describedby */
41
42
  protected readonly hintId: _angular_core.Signal<string>;
42
43
  /** Base ID for error elements, used for aria-describedby */
@@ -88,9 +89,9 @@ declare class MatDatepickerFieldComponent implements MatDatepickerComponent {
88
89
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
89
90
  readonly effectiveAppearance: _angular_core.Signal<_angular_material_form_field.MatFormFieldAppearance>;
90
91
  readonly effectiveSubscriptSizing: _angular_core.Signal<_angular_material_form_field.SubscriptSizing>;
91
- readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
92
+ readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
92
93
  readonly showErrors: _angular_core.Signal<boolean>;
93
- readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
94
+ readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
94
95
  /** Unique ID for the hint element, used for aria-describedby */
95
96
  protected readonly hintId: _angular_core.Signal<string>;
96
97
  /** Base ID for error elements, used for aria-describedby */
@@ -139,6 +140,8 @@ declare class MatInputFieldComponent implements MatInputComponent {
139
140
  * Note: We cannot use [readonly] or [attr.readonly] bindings because Angular throws
140
141
  * NG8022: "Binding to '[readonly]' is not allowed on nodes using the '[field]' directive"
141
142
  *
143
+ * Uses afterRenderEffect to ensure DOM is ready before manipulating attributes.
144
+ *
142
145
  * @see https://github.com/angular/angular/issues/65897
143
146
  */
144
147
  private readonly syncReadonlyToDom;
@@ -151,9 +154,11 @@ declare class MatInputFieldComponent implements MatInputComponent {
151
154
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
152
155
  readonly effectiveAppearance: _angular_core.Signal<_angular_material_form_field.MatFormFieldAppearance>;
153
156
  readonly effectiveSubscriptSizing: _angular_core.Signal<_angular_material_form_field.SubscriptSizing>;
154
- readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
157
+ /** Computed input type - defaults to 'text' if not specified in props */
158
+ readonly inputType: _angular_core.Signal<"number" | "email" | "text" | "password" | "tel" | "url">;
159
+ readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
155
160
  readonly showErrors: _angular_core.Signal<boolean>;
156
- readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
161
+ readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
157
162
  /** Unique ID for the hint element, used for aria-describedby */
158
163
  protected readonly hintId: _angular_core.Signal<string>;
159
164
  /** Base ID for error elements, used for aria-describedby */
@@ -192,9 +197,9 @@ declare class MatMultiCheckboxFieldComponent<T extends ValueType> implements Mat
192
197
  onCheckboxChange(option: FieldOption<T>, checked: boolean): void;
193
198
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
194
199
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
195
- readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
200
+ readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
196
201
  readonly showErrors: _angular_core.Signal<boolean>;
197
- readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
202
+ readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
198
203
  /** Unique ID for the hint element, used for aria-describedby */
199
204
  protected readonly hintId: _angular_core.Signal<string>;
200
205
  /** Base ID for error elements, used for aria-describedby */
@@ -229,9 +234,9 @@ declare class MatRadioFieldComponent<T> implements MatRadioComponent<T> {
229
234
  readonly props: _angular_core.InputSignal<MatRadioProps | undefined>;
230
235
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
231
236
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
232
- readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
237
+ readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
233
238
  readonly showErrors: _angular_core.Signal<boolean>;
234
- readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
239
+ readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
235
240
  /** Unique ID for the hint element, used for aria-describedby */
236
241
  protected readonly hintId: _angular_core.Signal<string>;
237
242
  /** Base ID for error elements, used for aria-describedby */
@@ -271,9 +276,9 @@ declare class MatSelectFieldComponent<T> implements MatSelectComponent<T> {
271
276
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
272
277
  readonly effectiveAppearance: _angular_core.Signal<_angular_material_form_field.MatFormFieldAppearance>;
273
278
  readonly effectiveSubscriptSizing: _angular_core.Signal<_angular_material_form_field.SubscriptSizing>;
274
- readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
279
+ readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
275
280
  readonly showErrors: _angular_core.Signal<boolean>;
276
- readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
281
+ readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
277
282
  defaultCompare: (value1: any, value2: any) => boolean;
278
283
  /** Unique ID for the hint element, used for aria-describedby */
279
284
  protected readonly hintId: _angular_core.Signal<string>;
@@ -311,9 +316,9 @@ declare class MatSliderFieldComponent implements MatSliderComponent {
311
316
  readonly props: _angular_core.InputSignal<MatSliderProps | undefined>;
312
317
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
313
318
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
314
- readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
319
+ readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
315
320
  readonly showErrors: _angular_core.Signal<boolean>;
316
- readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
321
+ readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
317
322
  /** Unique ID for the hint element, used for aria-describedby */
318
323
  protected readonly hintId: _angular_core.Signal<string>;
319
324
  /** Base ID for error elements, used for aria-describedby */
@@ -473,9 +478,9 @@ declare class MatTextareaFieldComponent implements MatTextareaComponent {
473
478
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
474
479
  readonly effectiveAppearance: _angular_core.Signal<_angular_material_form_field.MatFormFieldAppearance>;
475
480
  readonly effectiveSubscriptSizing: _angular_core.Signal<_angular_material_form_field.SubscriptSizing>;
476
- readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
481
+ readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
477
482
  readonly showErrors: _angular_core.Signal<boolean>;
478
- readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
483
+ readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
479
484
  /** Unique ID for the hint element, used for aria-describedby */
480
485
  protected readonly hintId: _angular_core.Signal<string>;
481
486
  /** Base ID for error elements, used for aria-describedby */
@@ -513,9 +518,9 @@ declare class MatToggleFieldComponent implements MatToggleComponent {
513
518
  readonly validationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
514
519
  readonly defaultValidationMessages: _angular_core.InputSignal<ValidationMessages | undefined>;
515
520
  readonly effectiveDisableRipple: _angular_core.Signal<boolean>;
516
- readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
521
+ readonly resolvedErrors: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
517
522
  readonly showErrors: _angular_core.Signal<boolean>;
518
- readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms.ResolvedError[]>;
523
+ readonly errorsToDisplay: _angular_core.Signal<_ng_forge_dynamic_forms_integration.ResolvedError[]>;
519
524
  /** Unique ID for the hint element, used for aria-describedby */
520
525
  protected readonly hintId: _angular_core.Signal<string>;
521
526
  /** Base ID for error elements, used for aria-describedby */