@stemy/ngx-dynamic-form 13.3.2 → 13.3.3

package/fesm2020/stemy-ngx-dynamic-form.mjs

@@ -288,7 +288,20 @@ function createFormFile(id, config, layout) {
     return new DynamicFileUploadModel(res, layout);
 }
 
-function customizeModel(...types) {
+function getFormComponent(...types) {
+    const factory = cachedFactory(types);
+    return (model, injector) => {
+        const customizers = factory(injector);
+        for (const customizer of customizers) {
+            const component = customizer.getFormComponent(model);
+            if (component) {
+                return component;
+            }
+        }
+        return null;
+    };
+}
+function customizeFormModel(...types) {
     const factory = cachedFactory(types);
     return async (property, schema, model, config, injector) => {
         const customizers = factory(injector);
@@ -1334,17 +1347,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
             }] } });
 
 class DynamicBaseFormControlContainerComponent extends DynamicFormControlContainerComponent {
-    constructor(form, cdr, cfr, layoutService, validationService, componentService, relationService) {
+    constructor(form, cdr, injector, cfr, layoutService, validationService, componentService, relationService) {
         super(cdr, cfr, layoutService, validationService, componentService, relationService);
         this.form = form;
         this.cdr = cdr;
+        this.injector = injector;
         this.context = null;
         this.blur = new EventEmitter();
         this.change = new EventEmitter();
         this.focus = new EventEmitter();
     }
     get componentType() {
-        return this.form.getComponentType(this.model) ?? this.componentService.getCustomComponentType(this.model);
+        return this.form.getComponentType?.(this.model, this.injector)
+            ?? this.componentService.getCustomComponentType(this.model);
     }
     get startTemplate() {
         return (this.model.type == DYNAMIC_FORM_CONTROL_TYPE_ARRAY)
@@ -1403,7 +1418,7 @@ class DynamicBaseFormControlContainerComponent extends DynamicFormControlContain
         component.initialize(this.changeDetectorRef);
     }
 }
-DynamicBaseFormControlContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicBaseFormControlContainerComponent, deps: [{ token: DynamicBaseFormComponent }, { token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: i1.DynamicFormComponentService }, { token: i1.DynamicFormRelationService }], target: i0.ɵɵFactoryTarget.Component });
+DynamicBaseFormControlContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicBaseFormControlContainerComponent, deps: [{ token: DynamicBaseFormComponent }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }, { token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: i1.DynamicFormComponentService }, { token: i1.DynamicFormRelationService }], target: i0.ɵɵFactoryTarget.Component });
 DynamicBaseFormControlContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DynamicBaseFormControlContainerComponent, selector: "dynamic-base-form-control", inputs: { context: "context", group: "group", hostClass: "hostClass", inputTemplateList: ["templates", "inputTemplateList"], layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, host: { properties: { "class": "this.klass" } }, providers: [
         { provide: DynamicFormControlContainerComponent, useExisting: DynamicBaseFormControlContainerComponent }
     ], queries: [{ propertyName: "contentTemplateList", predicate: DynamicTemplateDirective }], viewQueries: [{ propertyName: "componentViewContainerRef", first: true, predicate: ["componentViewContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1417,7 +1432,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                         { provide: DynamicFormControlContainerComponent, useExisting: DynamicBaseFormControlContainerComponent }
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: DynamicBaseFormComponent }, { type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }, { type: i1.DynamicFormComponentService }, { type: i1.DynamicFormRelationService }]; }, propDecorators: { contentTemplateList: [{
+        }], ctorParameters: function () { return [{ type: DynamicBaseFormComponent }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }, { type: i1.DynamicFormLayoutService }, { type: i1.DynamicFormValidationService }, { type: i1.DynamicFormComponentService }, { type: i1.DynamicFormRelationService }]; }, propDecorators: { contentTemplateList: [{
                 type: ContentChildren,
                 args: [DynamicTemplateDirective]
             }], klass: [{
@@ -1849,5 +1864,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AsyncSubmitDirective, DynamicBaseFormArrayComponent, DynamicBaseFormComponent, DynamicBaseFormControlComponent, DynamicBaseFormControlContainerComponent, DynamicBaseFormGroupComponent, DynamicBaseSelectComponent, DynamicEditorModel, DynamicFormArrayGroupModel, DynamicFormArrayModel, DynamicFormGroupModel, DynamicFormOption, DynamicFormService, DynamicSelectModel, EDITOR_FORMATS, FormSelectSubject, FormSubject, MAX_INPUT_NUM, MIN_INPUT_NUM, NgxDynamicFormModule, createFormArray, createFormCheckbox, createFormDate, createFormEditor, createFormFile, createFormGroup, createFormInput, createFormSelect, createFormTextarea, customizeModel, mergeFormModels, replaceSpecialChars, validateItemsMaxLength, validateItemsMaxValue, validateItemsMinLength, validateItemsMinValue, validateJSON, validatePhone, validateRequiredTranslation };
+export { AsyncSubmitDirective, DynamicBaseFormArrayComponent, DynamicBaseFormComponent, DynamicBaseFormControlComponent, DynamicBaseFormControlContainerComponent, DynamicBaseFormGroupComponent, DynamicBaseSelectComponent, DynamicEditorModel, DynamicFormArrayGroupModel, DynamicFormArrayModel, DynamicFormGroupModel, DynamicFormOption, DynamicFormService, DynamicSelectModel, EDITOR_FORMATS, FormSelectSubject, FormSubject, MAX_INPUT_NUM, MIN_INPUT_NUM, NgxDynamicFormModule, createFormArray, createFormCheckbox, createFormDate, createFormEditor, createFormFile, createFormGroup, createFormInput, createFormSelect, createFormTextarea, customizeFormModel, getFormComponent, mergeFormModels, replaceSpecialChars, validateItemsMaxLength, validateItemsMaxValue, validateItemsMinLength, validateItemsMinValue, validateJSON, validatePhone, validateRequiredTranslation };
 //# sourceMappingURL=stemy-ngx-dynamic-form.mjs.map