@stemy/ngx-dynamic-form 19.9.13 → 19.9.15

package/ngx-dynamic-form/common-types.d.ts

@@ -254,8 +254,9 @@ export interface FormFieldType<T = FormFieldProps> extends FormFieldConfig<T> {
 }
 export interface FormFieldChangeEvent {
     field: FormFieldConfig;
-    type: string;
+    type: "expressionChanges" | "valueChanges" | string;
     value: any;
+    form?: IDynamicForm;
     [meta: string]: any;
 }
 export interface FormSerializeResult {
@@ -279,6 +280,7 @@ export interface IDynamicForm {
     readonly onSubmit: OutputRef<IDynamicForm>;
     readonly onFieldChanges: OutputRef<FormFieldChangeEvent>;
     readonly onValueChanges: OutputRef<FormFieldChangeEvent>;
+    readonly onExpressionChanges: OutputRef<FormFieldChangeEvent>;
     readonly onInit: OutputRef<FormFieldChangeEvent>;
     reset(): void;
     serialize(validate?: boolean, ...purposes: string[]): Promise<FormSerializeResult>;
@@ -330,6 +332,11 @@ export type FormFieldData = Pick<FormFieldProps, "label" | "labelAlign" | "descr
      * This is a custom serializer callback function. (Can't be defined from JSON schema because it is a JS callback)
      */
     serializer?: FormFieldSerializer;
+    /**
+     * Use `defaultValue` to initialize it the model.
+     * If this is provided and the value of the model at compile-time is undefined, then the value of the model will be assigned to `defaultValue`.
+     */
+    defaultValue?: any;
     /**
      * Puts the field in a custom field set
      */

package/ngx-dynamic-form/components/dynamic-form/dynamic-form.component.d.ts

@@ -1,5 +1,4 @@
 import { AbstractControl, FormGroup } from "@angular/forms";
-import { Subject } from "rxjs";
 import { FormlyFormOptions } from "@ngx-formly/core";
 import { EventsService } from "@stemy/ngx-utils";
 import { FormFieldChangeEvent, FormFieldConfig, FormFieldLabelCustomizer, FormSerializeResult, IDynamicForm } from "../../common-types";
@@ -21,9 +20,11 @@ export declare class DynamicFormComponent implements IDynamicForm {
     readonly legacyLabels: import("@angular/core").InputSignal<boolean>;
     readonly data: import("@angular/core").InputSignal<any>;
     readonly fields: import("@angular/core").InputSignal<FormFieldConfig<import("../../common-types").FormFieldProps> | FormFieldConfig<import("../../common-types").FormFieldProps>[]>;
-    readonly fieldChanges: Subject<FormFieldChangeEvent>;
+    readonly options: FormlyFormOptions;
+    readonly fieldChanges: import("rxjs").Observable<FormFieldChangeEvent>;
     readonly init: import("rxjs").Observable<FormFieldChangeEvent>;
     readonly valueChanges: import("rxjs").Observable<FormFieldChangeEvent>;
+    readonly expressionChanges: import("rxjs").Observable<FormFieldChangeEvent>;
     protected readonly language: import("@angular/core").Signal<string>;
     protected readonly enableTranslations: import("@angular/core").Signal<boolean>;
     readonly config: import("@angular/core").Signal<FormFieldConfig<import("../../common-types").FormFieldProps>[]>;
@@ -33,8 +34,8 @@ export declare class DynamicFormComponent implements IDynamicForm {
     readonly onSubmit: import("@angular/core").OutputEmitterRef<IDynamicForm>;
     readonly onFieldChanges: import("@angular/core").OutputRef<FormFieldChangeEvent>;
     readonly onValueChanges: import("@angular/core").OutputRef<FormFieldChangeEvent>;
+    readonly onExpressionChanges: import("@angular/core").OutputRef<FormFieldChangeEvent>;
     readonly onInit: import("@angular/core").OutputRef<FormFieldChangeEvent>;
-    readonly options: FormlyFormOptions;
     constructor(forms: DynamicFormService, templates: DynamicFormTemplateService);
     submit(): void;
     reset(): void;
@@ -42,5 +43,5 @@ export declare class DynamicFormComponent implements IDynamicForm {
     getField(path: string): FormFieldConfig;
     getControl(path: string): AbstractControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "dynamic-form", never, { "globalTemplatePrefix": { "alias": "globalTemplatePrefix"; "required": false; "isSignal": true; }; "labelPrefix": { "alias": "labelPrefix"; "required": false; "isSignal": true; }; "labelCustomizer": { "alias": "labelCustomizer"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "useTabs": { "alias": "useTabs"; "required": false; "isSignal": true; }; "legacyLabels": { "alias": "legacyLabels"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onFieldChanges": "onFieldChanges"; "onValueChanges": "onValueChanges"; "onInit": "onInit"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "dynamic-form", never, { "globalTemplatePrefix": { "alias": "globalTemplatePrefix"; "required": false; "isSignal": true; }; "labelPrefix": { "alias": "labelPrefix"; "required": false; "isSignal": true; }; "labelCustomizer": { "alias": "labelCustomizer"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "useTabs": { "alias": "useTabs"; "required": false; "isSignal": true; }; "legacyLabels": { "alias": "legacyLabels"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onFieldChanges": "onFieldChanges"; "onValueChanges": "onValueChanges"; "onExpressionChanges": "onExpressionChanges"; "onInit": "onInit"; }, never, ["*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stemy/ngx-dynamic-form",
-  "version": "19.9.13",
+  "version": "19.9.15",
   "license": "MIT",
   "public": true,
   "repository": "https://github.com/stemyke/ngx-dynamic-form.git",