@stemy/ngx-dynamic-form 13.1.12 → 13.1.15

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

@@ -1,6 +1,6 @@
-import { ChangeDetectorRef, EventEmitter, Injector } from "@angular/core";
+import { ChangeDetectorRef, EventEmitter, Injector, Type } from "@angular/core";
 import { AbstractControl, FormArray } from "@angular/forms";
-import { DynamicFileUploadModelConfig, DynamicFormControl, DynamicFormControlEvent, DynamicFormControlMapFn, DynamicFormControlModel, DynamicFormControlModelConfig, DynamicFormGroupModelConfig, DynamicFormValueControlModel, DynamicInputModelConfig, DynamicSelectModelConfig } from "@ng-dynamic-forms/core";
+import { DynamicFileUploadModelConfig, DynamicFormControl, DynamicFormControlComponent, DynamicFormControlEvent, DynamicFormControlMapFn, DynamicFormControlModel, DynamicFormControlModelConfig, DynamicFormGroupModelConfig, DynamicFormValueControlModel, DynamicInputModelConfig, DynamicSelectModelConfig } from "@ng-dynamic-forms/core";
 import { IAsyncMessage, IOpenApiSchema, IOpenApiSchemaProperty, IResolveFactory } from "@stemy/ngx-utils";
 export declare type DynamicFormState = "VALID" | "INVALID" | "PENDING" | "DISABLED" | "LOADING";
 export declare type DynamicFormUpdateOn = "change" | "blur" | "submit";
@@ -46,6 +46,7 @@ export declare function createFormSelect(id: string, data: DynamicSelectModelCon
 export declare function createFormStatic(id: string, config: DynamicFormControlModelConfig): IFormControl;
 export declare function createFormModel(id: string, data: DynamicFormGroupModelConfig): IFormControl;
 export declare function createFormFile(id: string, data: DynamicFileUploadModelConfig): IFormControl;
+export declare type GetFormControlComponentType = (model: DynamicFormControlModel) => Type<DynamicFormControlComponent>;
 export interface IDynamicFormModuleConfig {
     controlProvider?: (injector: Injector) => DynamicFormControlMapFn;
 }

package/ngx-dynamic-form/components/base/dynamic-base-form-control-container.component.d.ts

@@ -33,7 +33,6 @@ export declare class DynamicBaseFormControlContainerComponent extends DynamicFor
     getLabelIcon(): string;
     clickLabel(): void;
     protected createFormControlComponent(): void;
-    protected getComponentType(model: DynamicFormControlModel): Type<DynamicFormControl> | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicBaseFormControlContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DynamicBaseFormControlContainerComponent, "dynamic-base-form-control", never, { "context": "context"; "group": "group"; "hostClass": "hostClass"; "inputTemplateList": "templates"; "layout": "layout"; "model": "model"; }, { "blur": "blur"; "change": "change"; "focus": "focus"; }, ["contentTemplateList"], never>;
 }

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

@@ -1,8 +1,9 @@
-import { ChangeDetectorRef, EventEmitter } from "@angular/core";
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy } from "@angular/core";
 import { FormGroup } from "@angular/forms";
+import { Subscription } from "rxjs";
 import { DynamicFormControlComponent, DynamicFormControlLayout, DynamicFormControlModel, DynamicFormLayout, DynamicFormLayoutService, DynamicFormValidationService } from "@ng-dynamic-forms/core";
 import * as i0 from "@angular/core";
-export declare class DynamicBaseFormControlComponent<T extends DynamicFormControlModel> extends DynamicFormControlComponent {
+export declare class DynamicBaseFormControlComponent<T extends DynamicFormControlModel> extends DynamicFormControlComponent implements AfterViewInit, OnDestroy {
     readonly cdr: ChangeDetectorRef;
     formLayout: DynamicFormLayout;
     group: FormGroup;
@@ -11,7 +12,11 @@ export declare class DynamicBaseFormControlComponent<T extends DynamicFormContro
     blur: EventEmitter<any>;
     change: EventEmitter<any>;
     focus: EventEmitter<any>;
+    protected subscription: Subscription;
     constructor(cdr: ChangeDetectorRef, layoutService: DynamicFormLayoutService, validationService: DynamicFormValidationService);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected onValueChanged(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicBaseFormControlComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DynamicBaseFormControlComponent<any>, "dynamic-base-form-control", never, { "formLayout": "formLayout"; "group": "group"; "layout": "layout"; "model": "model"; }, { "blur": "blur"; "change": "change"; "focus": "focus"; }, never, never>;
 }

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

@@ -3,7 +3,7 @@ import { FormArray, FormGroup, NgForm } from "@angular/forms";
 import { Subscription } from "rxjs";
 import { DynamicFormComponent, DynamicFormComponentService, DynamicFormControlEvent, DynamicFormControlModel, DynamicFormLayout, DynamicFormModel, DynamicTemplateDirective } from "@ng-dynamic-forms/core";
 import { EventsService } from "@stemy/ngx-utils";
-import { DynamicFormState, IDynamicForm, IDynamicFormEvent } from "../../common-types";
+import { DynamicFormState, GetFormControlComponentType, IDynamicForm, IDynamicFormEvent } from "../../common-types";
 import { DynamicFormArrayModel } from "../../utils/dynamic-form-array.model";
 import { DynamicFormService } from "../../services/dynamic-form.service";
 import * as i0 from "@angular/core";
@@ -14,6 +14,7 @@ export declare class DynamicBaseFormComponent extends DynamicFormComponent imple
     model: DynamicFormModel;
     layout: DynamicFormLayout;
     labelPrefix: string;
+    getComponentType: GetFormControlComponentType;
     blur: EventEmitter<DynamicFormControlEvent>;
     change: EventEmitter<DynamicFormControlEvent>;
     focus: EventEmitter<DynamicFormControlEvent>;
@@ -41,5 +42,5 @@ export declare class DynamicBaseFormComponent extends DynamicFormComponent imple
     validate(showErrors?: boolean): Promise<any>;
     serialize(validate?: boolean): Promise<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicBaseFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicBaseFormComponent, "dynamic-base-form", never, { "group": "group"; "model": "model"; "layout": "layout"; "labelPrefix": "labelPrefix"; }, { "blur": "blur"; "change": "change"; "focus": "focus"; "onValueChange": "onValueChange"; "onStatusChange": "onStatusChange"; "onSubmit": "onSubmit"; "onDetectChanges": "onDetectChanges"; }, ["contentTemplates"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicBaseFormComponent, "dynamic-base-form", never, { "group": "group"; "model": "model"; "layout": "layout"; "labelPrefix": "labelPrefix"; "getComponentType": "getComponentType"; }, { "blur": "blur"; "change": "change"; "focus": "focus"; "onValueChange": "onValueChange"; "onStatusChange": "onStatusChange"; "onSubmit": "onSubmit"; "onDetectChanges": "onDetectChanges"; }, ["contentTemplates"], never>;
 }

package/package.json

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

package/public_api.d.ts

@@ -1,4 +1,4 @@
-export { IDynamicFormEvent, IDynamicForm, FormControlSerializer, FormModelCustomizer, DynamicFormState, DynamicFormUpdateOn, IFormControl, DynamicFormInitControl, AsyncSubmitMethod, defaultSerializer, FormSerializable, FormInput, FormSelect, FormStatic, FormModel, FormFile, defineFormControl, getFormControl, getFormSerializer, createFormInput, createFormSelect, createFormStatic, createFormModel, createFormControl, IDynamicFormModuleConfig } from "./ngx-dynamic-form/common-types";
+export { IDynamicFormEvent, IDynamicForm, FormControlSerializer, FormModelCustomizer, DynamicFormState, DynamicFormUpdateOn, IFormControl, DynamicFormInitControl, AsyncSubmitMethod, defaultSerializer, FormSerializable, FormInput, FormSelect, FormStatic, FormModel, FormFile, defineFormControl, getFormControl, getFormSerializer, createFormControl, createFormInput, createFormSelect, createFormStatic, createFormModel, createFormFile, GetFormControlComponentType, IDynamicFormModuleConfig } from "./ngx-dynamic-form/common-types";
 export { replaceSpecialChars, mergeFormModels, MIN_INPUT_NUM, MAX_INPUT_NUM, EDITOR_FORMATS } from "./ngx-dynamic-form/utils/misc";
 export { validateJSON, validateRequiredTranslation, validatePhone, validateItemsMinLength, validateItemsMaxLength, validateItemsMinValue, validateItemsMaxValue } from "./ngx-dynamic-form/utils/validators";
 export { DynamicEditorModelConfig, DynamicEditorModel } from "./ngx-dynamic-form/utils/dynamic-editor.model";
@@ -15,4 +15,4 @@ export { DynamicBaseFormControlContainerComponent } from "./ngx-dynamic-form/com
 export { DynamicBaseFormGroupComponent } from "./ngx-dynamic-form/components/base/dynamic-base-form-group.component";
 export { DynamicBaseSelectComponent } from "./ngx-dynamic-form/components/base/dynamic-base-select.component";
 export { NgxDynamicFormModule } from "./ngx-dynamic-form/ngx-dynamic-form.module";
-export { DYNAMIC_FORM_CONTROL_TYPE_ARRAY, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX_GROUP, DYNAMIC_FORM_CONTROL_TYPE_FILE_UPLOAD, DYNAMIC_FORM_CONTROL_TYPE_GROUP, DYNAMIC_FORM_CONTROL_TYPE_INPUT, DYNAMIC_FORM_CONTROL_TYPE_DATEPICKER, DYNAMIC_FORM_CONTROL_TYPE_RADIO_GROUP, DYNAMIC_FORM_CONTROL_TYPE_SELECT, DYNAMIC_FORM_CONTROL_TYPE_TEXTAREA, DYNAMIC_FORM_CONTROL_TYPE_EDITOR, DynamicTemplateDirective, DynamicListDirective, DynamicFormModel, DynamicFormControlMapFn, DynamicFormsCoreModule, DynamicCheckboxModelConfig, DynamicCheckboxModel, DynamicCheckboxGroupModel, DynamicFileUploadModelConfig, DynamicFileUploadModel, DynamicFormGroupModelConfig, DynamicFormGroupModel, DynamicInputModelConfig, DynamicInputModel, DynamicDatePickerModelConfig, DynamicDatePickerModel, DynamicRadioGroupModelConfig, DynamicRadioGroupModel, DynamicTextAreaModelConfig, DynamicTextAreaModel } from "@ng-dynamic-forms/core";
+export { DYNAMIC_FORM_CONTROL_TYPE_ARRAY, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX_GROUP, DYNAMIC_FORM_CONTROL_TYPE_FILE_UPLOAD, DYNAMIC_FORM_CONTROL_TYPE_GROUP, DYNAMIC_FORM_CONTROL_TYPE_INPUT, DYNAMIC_FORM_CONTROL_TYPE_DATEPICKER, DYNAMIC_FORM_CONTROL_TYPE_RADIO_GROUP, DYNAMIC_FORM_CONTROL_TYPE_SELECT, DYNAMIC_FORM_CONTROL_TYPE_TEXTAREA, DYNAMIC_FORM_CONTROL_TYPE_EDITOR, DynamicTemplateDirective, DynamicListDirective, DynamicFormModel, DynamicFormControlMapFn, DynamicFormsCoreModule, DynamicCheckboxModelConfig, DynamicCheckboxModel, DynamicCheckboxGroupModel, DynamicFileUploadModelConfig, DynamicFileUploadModel, DynamicFormGroupModelConfig, DynamicFormGroupModel, DynamicInputModelConfig, DynamicInputModel, DynamicDatePickerModelConfig, DynamicDatePickerModel, DynamicRadioGroupModelConfig, DynamicRadioGroupModel, DynamicTextAreaModelConfig, DynamicTextAreaModel, DynamicFormControlComponent } from "@ng-dynamic-forms/core";