@dignite-ng/expand.dynamic-form 0.0.19 → 0.0.21

package/fesm2022/dignite-ng-expand.dynamic-form.mjs

@@ -1,32 +1,14 @@
 import * as i0 from '@angular/core';
-import { Component, Input, ViewChild, ChangeDetectionStrategy, inject, Inject, Injectable, ViewContainerRef, NgModule } from '@angular/core';
+import { Component, Input, ViewChild, ChangeDetectionStrategy, Injectable, ViewContainerRef, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
-import { Validators, FormBuilder, FormArray, FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { Validators, FormArray, FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i2 from '@abp/ng.core';
-import { RestService, ConfigStateService, CoreModule } from '@abp/ng.core';
+import { CoreModule } from '@abp/ng.core';
 import { ThemeSharedModule } from '@abp/ng.theme.shared';
 import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
 import { NzTreeModule } from 'ng-zorro-antd/tree';
 import * as i3 from '@ngx-validate/core';
 import * as i2$1 from '@angular/common';
-import { DOCUMENT } from '@angular/common';
-import '@ckeditor/ckeditor5-build-classic/build/translations/zh-cn.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/zh.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/de.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/de-ch.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/ar';
-import '@ckeditor/ckeditor5-build-classic/build/translations/cs.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/hi.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/fi.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/hu.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/fr.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/it.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/en-gb.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/pt-br.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/sk';
-import '@ckeditor/ckeditor5-build-classic/build/translations/ja.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/es.js';
-import '@ckeditor/ckeditor5-build-classic/build/translations/vi.js';
 import { pinyin } from 'pinyin-pro';
 
 class TextEditConfig {
@@ -92,13 +74,13 @@ class TextEditConfigComponent {
             resolve(true);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: TextEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: TextEditConfigComponent, selector: "df-text-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"TextEdit.Placeholder\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::TextEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.SingleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::SingleLine' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.MultipleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::MultipleLine' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::CharLimit' | abpLocalization}}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"TextEdit.CharLimit\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditConfigComponent, selector: "df-text-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"TextEdit.Placeholder\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::TextEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.SingleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::SingleLine' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.MultipleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::MultipleLine' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::CharLimit' | abpLocalization}}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"TextEdit.CharLimit\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: TextEditConfigComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-text-edit-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"TextEdit.Placeholder\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::TextEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.SingleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::SingleLine' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_TextEditMode.MultipleLine\" formControlName=\"TextEdit.Mode\"\n                        id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::MultipleLine' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::CharLimit' | abpLocalization}}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"TextEdit.CharLimit\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
                 type: Input
@@ -162,13 +144,13 @@ class TextEditComponent {
             resolve(true);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: TextEditComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: TextEditComponent, selector: "df-text-edit", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] ===_TextEditMode.SingleLine\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] === _TextEditMode.MultipleLine\">\n                <textarea class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" rows=\"3\"></textarea>\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextEditComponent, selector: "df-text-edit", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] ===_TextEditMode.SingleLine\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] === _TextEditMode.MultipleLine\">\n                <textarea class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" rows=\"3\"></textarea>\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: TextEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-text-edit', template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] ===_TextEditMode.SingleLine\">\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] === _TextEditMode.MultipleLine\">\n                <textarea class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" rows=\"3\"></textarea>\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { entity: [{
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -231,13 +213,13 @@ class SwitchConfigComponent {
             resolve(true);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SwitchConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: SwitchConfigComponent, selector: "df-switch-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Switch.Default\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::DefaultValue' | abpLocalization}}\n                    </label>\n                </div>\n                \n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SwitchConfigComponent, selector: "df-switch-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Switch.Default\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::DefaultValue' | abpLocalization}}\n                    </label>\n                </div>\n                \n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SwitchConfigComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-switch-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Switch.Default\"\n                        id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::DefaultValue' | abpLocalization}}\n                    </label>\n                </div>\n                \n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
                 type: Input
@@ -287,18 +269,19 @@ class SwitchControlComponent {
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
             }
+            // console.log(this._selected,'this._selected',this._fields.field.name);
             let newControl = this.fb.control(this._selected ? this._selected : this._selected === false ? this._selected : this._fields.field.formConfiguration['Switch.Default'], ValidatorsArray);
             this.extraProperties.setControl(this._fields.field.name, newControl);
             resolve(true);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SwitchControlComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: SwitchControlComponent, selector: "df-switch-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"form-check form-switch\">\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\n            </div>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchControlComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SwitchControlComponent, selector: "df-switch-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"form-check form-switch\">\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\n            </div>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SwitchControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-switch-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"form-check form-switch\">\n                <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" formControlName=\"{{_fields.field.name}}\">\n            </div>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { entity: [{
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -371,13 +354,13 @@ class NumbericEditConfigComponent {
             resolve(true);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NumbericEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: NumbericEditConfigComponent, selector: "df-numberic-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Placeholder\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Min\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Max\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericDecimals' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Decimals\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericStep' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Step\">\n            <div class=\"form-text\">{{'DigniteAbpForms::NumericStepHelp'}}</div>\n        </div>\n    \n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::FormatSpecifier' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FormatSpecifier\">\n            <div class=\"form-text\">See:<a href=\"https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings\"  target=\"_blank\">https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings</a></div>\n        </div>\n        \n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumbericEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumbericEditConfigComponent, selector: "df-numberic-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Placeholder\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Min\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Max\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericDecimals' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Decimals\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericStep' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Step\">\n            <div class=\"form-text\">{{'DigniteAbpForms::NumericStepHelp'}}</div>\n        </div>\n    \n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::FormatSpecifier' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FormatSpecifier\">\n            <div class=\"form-text\">See:<a href=\"https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings\"  target=\"_blank\">https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings</a></div>\n        </div>\n        \n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NumbericEditConfigComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumbericEditConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-numberic-edit-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Placeholder\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Min\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Max\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericDecimals' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Decimals\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NumericStep' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"NumericEditField.Step\">\n            <div class=\"form-text\">{{'DigniteAbpForms::NumericStepHelp'}}</div>\n        </div>\n    \n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::FormatSpecifier' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"FormatSpecifier\">\n            <div class=\"form-text\">See:<a href=\"https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings\"  target=\"_blank\">https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings</a></div>\n        </div>\n        \n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\" #submitclick></button>\n    </div>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
                 type: Input
@@ -466,315 +449,13 @@ class NumbericEditControlComponent {
             this.fieldInput.patchValue(val.slice(0, val.length - (decimalPart.length - 2)));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NumbericEditControlComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: NumbericEditControlComponent, selector: "df-numberic-edit-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                [placeholder]=\"_fields.field.formConfiguration['NumericEditField.Placeholder']||''\"\n                [min]=\"_fields.field.formConfiguration['NumericEditField.Min']\"\n                [max]=\"_fields.field.formConfiguration['NumericEditField.Max']\"\n                [step]=\"_fields.field.formConfiguration['NumericEditField.Step']\" (input)=\"inputchange($event)\" />\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumbericEditControlComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumbericEditControlComponent, selector: "df-numberic-edit-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                [placeholder]=\"_fields.field.formConfiguration['NumericEditField.Placeholder']||''\"\n                [min]=\"_fields.field.formConfiguration['NumericEditField.Min']\"\n                [max]=\"_fields.field.formConfiguration['NumericEditField.Max']\"\n                [step]=\"_fields.field.formConfiguration['NumericEditField.Step']\" (input)=\"inputchange($event)\" />\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NumbericEditControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumbericEditControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-numberic-edit-control', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <input type=\"number\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\n                [placeholder]=\"_fields.field.formConfiguration['NumericEditField.Placeholder']||''\"\n                [min]=\"_fields.field.formConfiguration['NumericEditField.Min']\"\n                [max]=\"_fields.field.formConfiguration['NumericEditField.Max']\"\n                [step]=\"_fields.field.formConfiguration['NumericEditField.Step']\" (input)=\"inputchange($event)\" />\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { entity: [{
-                type: Input
-            }], fields: [{
-                type: Input
-            }], parentFiledName: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], submitclick: [{
-                type: ViewChild,
-                args: ['submitclick', { static: true }]
-            }] } });
-
-class CkEditorConfig {
-    constructor(data) {
-        /**文件容器名称 */
-        // placeholder: any = new FormControl('', Validators.required);
-        this['Ckeditor.ImagesContainerName'] = ['', []];
-        /**多选 */
-        // placeholder: any = new FormControl('', Validators.required);
-        this['Ckeditor.InitialContent'] = ['', []];
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
-    }
-}
-
-class CkEditorConfigComponent {
-    constructor(fb) {
-        this.fb = fb;
-    }
-    set selected(v) {
-        this._selected = v || '';
-        this.dataLoaded();
-    }
-    set type(v) {
-        this._type = v;
-        this.dataLoaded();
-    }
-    get formConfiguration() {
-        return this.Entity.get('formConfiguration');
-    }
-    async dataLoaded() {
-        // if (this.Entity && (this._selected || this._selected === '')) {
-        if (this.Entity && this._type) {
-            await this.AfterInit();
-            // this.submitclick.nativeElement.click();
-        }
-    }
-    AfterInit() {
-        return new Promise((resolve, rejects) => {
-            this.Entity.setControl('formConfiguration', this.fb.group(new CkEditorConfig()));
-            if (this._selected && this._selected.formControlName == this._type) {
-                this.formConfiguration.patchValue({
-                    ...this._selected.formConfiguration
-                });
-            }
-            resolve(true);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CkEditorConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: CkEditorConfigComponent, selector: "df-ck-editor-config", inputs: { Entity: "Entity", selected: "selected", type: "type" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::ImagesContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.ImagesContainerName\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::InitialContent' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.InitialContent\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CkEditorConfigComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-ck-editor-config', template: "<form [formGroup]=\"Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::ImagesContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.ImagesContainerName\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::InitialContent' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.InitialContent\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { Entity: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], submitclick: [{
-                type: ViewChild,
-                args: ['submitclick', { static: true }]
-            }] } });
-
-class isBase64UploadAdapter {
-    constructor(loader, ImagesContainerName, restService) {
-        this.reader = new FileReader();
-        this.Base64 = false;
-        this.createFile = (input, config) => this.restService.request({
-            method: 'POST',
-            url: '/api/file-explorer/files',
-            params: { containerName: input.containerName, cellName: input.cellName, directoryId: input.directoryId, entityId: input.entityId },
-            body: input.file,
-        }, { apiName: 'FileExplorer', ...config });
-        this.loader = loader;
-        this.ImagesContainerName = ImagesContainerName;
-        this.restService = restService;
-    }
-    upload() {
-        return new Promise((resolve, reject) => {
-            const reader = this.reader;
-            if (this.Base64) {
-                reader.addEventListener('load', () => {
-                    resolve({ default: reader.result });
-                });
-                reader.addEventListener('error', err => {
-                    reject(err);
-                });
-                reader.addEventListener('abort', () => {
-                    reject();
-                });
-                this.loader.file.then((file) => {
-                    reader.readAsDataURL(file);
-                });
-            }
-            else {
-                this.loader.file.then((file) => {
-                    var formData = new FormData();
-                    formData.append('file', file, file.name);
-                    this.createFile({
-                        file: formData,
-                        containerName: this.ImagesContainerName,
-                        directoryId: '',
-                        entityId: ''
-                    }).subscribe((response) => {
-                        resolve({ default: response.url });
-                    }, (error) => {
-                        reject(error);
-                    });
-                });
-            }
-        });
-    }
-}
-
-class CkEditorControlComponent {
-    constructor(renderer, document) {
-        this.renderer = renderer;
-        this.document = document;
-        this._restService = inject(RestService);
-        this.config = inject(ConfigStateService);
-        this.languagesMap = {
-            ar: 'ar',
-            cs: 'cs',
-            en: 'en',
-            hi: 'hi',
-            fi: 'fi',
-            hu: 'hu',
-            fr: 'fr',
-            it: 'it',
-            'en-GB': 'en-gb',
-            'pt-BR': 'pt-br',
-            'zh-Hant': 'zh',
-            'zh-Hans': 'zh-cn',
-            tr: 'tr',
-            sk: 'sk',
-            'de-DE': 'de',
-            es: 'es',
-            ja: 'ja',
-            vi: 'vi',
-        };
-        this.fb = inject(FormBuilder);
-        /**字段配置列表 */
-        this._fields = '';
-        this.invalidfeedback = false;
-        /**图片容器名称 */
-        this.imagesContainerName = 111;
-        this.addScript('https://cdn.ckeditor.com/ckeditor5/41.4.1/classic/ckeditor.js');
-    }
-    addScript(url) {
-        const script = this.renderer.createElement('script');
-        this.renderer.setAttribute(script, 'type', 'text/javascript');
-        this.renderer.setAttribute(script, 'src', url);
-        script.onload = () => {
-            this._init_Editor();
-        };
-        this.renderer.appendChild(this.document.head, script);
-    }
-    // 初始化富文本
-    _init_Editor() {
-        const currentCulture = this.config.getOne("localization")?.currentCulture?.name;
-        ClassicEditor.create(this.ckeditor?.nativeElement, {
-            language: this.languagesMap[currentCulture],
-            toolbar: {
-                items: [
-                    'heading', '|', 'Alignment', 'FontSize', 'FontColor', 'FontFamily', 'Highlight', '|',
-                    'bold', 'italic',
-                    'link', '|',
-                    'bulletedList', 'numberedList',
-                    'insertTable', '|',
-                    'uploadImage', 'ImageResize', '|',
-                    'undo', 'redo'
-                ],
-                viewportTopOffset: 30,
-                shouldNotGroupWhenFull: true
-            },
-            image: {
-                toolbar: [
-                    'imageStyle:alignLeft', 'imageStyle:alignCenter', 'imageStyle:alignRight',
-                    '|',
-                    'resizeImage',
-                    '|',
-                    'imageTextAlternative'
-                ],
-                styles: [
-                    'alignLeft', 'alignCenter', 'alignRight'
-                ],
-                resizeOptions: [{
-                        name: 'resizeImage:original',
-                        label: 'Original',
-                        value: null
-                    },
-                    {
-                        name: 'resizeImage:25',
-                        label: '25%',
-                        value: '25'
-                    },
-                    {
-                        name: 'resizeImage:50',
-                        label: '50%',
-                        value: '50'
-                    },
-                    {
-                        name: 'resizeImage:75',
-                        label: '75%',
-                        value: '75'
-                    }
-                ],
-            },
-        }).then((editor) => {
-            this.Editor = editor;
-            this.dataLoaded();
-            var _this = this;
-            editor.plugins.get('FileRepository').createUploadAdapter = function (loader) {
-                return new isBase64UploadAdapter(loader, _this.imagesContainerName, _this._restService);
-            };
-            editor.model.document.on('change:data', () => {
-                const data = editor.getData();
-                this.setckeditorInput(data);
-            });
-        }).catch((err) => {
-            console.log(err);
-        });
-    }
-    set entity(v) {
-        this._entity = v;
-        this.dataLoaded();
-    }
-    set fields(v) {
-        this._fields = v;
-        this.dataLoaded();
-    }
-    set parentFiledName(v) {
-        this._parentFiledName = v;
-        this.dataLoaded();
-    }
-    set selected(v) {
-        this._selected = v;
-        this.dataLoaded();
-    }
-    get extraProperties() {
-        return this._entity.get('extraProperties');
-    }
-    get ckeditorInput() {
-        return this.extraProperties.get(this._fields.field.name);
-    }
-    /**数据加载完成 */
-    async dataLoaded() {
-        if (this._fields && this._entity && this.Editor) {
-            await this.AfterInit();
-            let fillingIn = this._selected || this._fields.field.formConfiguration['Ckeditor.InitialContent'];
-            this.Editor.setData(fillingIn);
-            this.setckeditorInput(fillingIn);
-            this.submitclick.nativeElement.click();
-        }
-    }
-    //设置值
-    setckeditorInput(val) {
-        this.invalidfeedback = true;
-        this.ckeditorInput.patchValue(val);
-    }
-    AfterInit() {
-        return new Promise((resolve) => {
-            let ValidatorsArray = [];
-            if (this._fields.required) {
-                ValidatorsArray.push(Validators.required);
-            }
-            let newControl = this.fb.control(this._selected ? this._selected : this._fields.field.formConfiguration['Ckeditor.InitialContent'], ValidatorsArray);
-            this.extraProperties.setControl(this._fields.field.name, newControl);
-            this.imagesContainerName = this._fields.field.formConfiguration['Ckeditor.ImagesContainerName'];
-            resolve(true);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CkEditorControlComponent, deps: [{ token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: CkEditorControlComponent, selector: "df-ck-editor-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "ckeditor", first: true, predicate: ["ckeditor"], descendants: true, static: true }, { propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div #ckeditor id=\"ckeditor\"></div>\n            <ng-container *ngIf=\"ckeditorInput?.errors?.required&&invalidfeedback\">\n                <div class=\"text-danger \">\n                    {{'DigniteAbpForms::Validate:Required' | abpLocalization:' '}}\n                </div>\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CkEditorControlComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-ck-editor-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div #ckeditor id=\"ckeditor\"></div>\n            <ng-container *ngIf=\"ckeditorInput?.errors?.required&&invalidfeedback\">\n                <div class=\"text-danger \">\n                    {{'DigniteAbpForms::Validate:Required' | abpLocalization:' '}}\n                </div>\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }], propDecorators: { ckeditor: [{
-                type: ViewChild,
-                args: ['ckeditor', { static: true }]
-            }], entity: [{
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -858,13 +539,13 @@ class DateEditConfigComponent {
             resolve(true);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DateEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: DateEditConfigComponent, selector: "df-date-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::DateEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Date\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::Date' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.DateTime\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::DateTime' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Month\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault3\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault3\">\n                        {{'DigniteAbpForms::Month' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Min\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Max\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateEditConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateEditConfigComponent, selector: "df-date-edit-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::DateEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Date\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::Date' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.DateTime\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::DateTime' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Month\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault3\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault3\">\n                        {{'DigniteAbpForms::Month' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Min\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Max\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DateEditConfigComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateEditConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-date-edit-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::DateEditMode' | abpLocalization}}</label>\n            <div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Date\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault1\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault1\">\n                        {{'DigniteAbpForms::Date' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.DateTime\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault2\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault2\">\n                        {{'DigniteAbpForms::DateTime' | abpLocalization}}\n                    </label>\n                </div>\n                <div class=\"form-check form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" [value]=\"_DateEditInterfaces.Month\"\n                        formControlName=\"DateEdit.InputMode\" id=\"flexRadioDefault3\">\n                    <label class=\"form-check-label\" for=\"flexRadioDefault3\">\n                        {{'DigniteAbpForms::Month' | abpLocalization}}\n                    </label>\n                </div>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Min' | abpLocalization}}</label>\n            <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Min\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::Max' | abpLocalization}}</label>\n            <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"DateEdit.Max\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
                 type: Input
@@ -932,13 +613,13 @@ class DateEditControlComponent {
             resolve(true);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DateEditControlComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: DateEditControlComponent, selector: "df-date-edit-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Date\">\n                <input type=\"date\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container\n                *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.DateTime\">\n                <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Month\">\n                <input type=\"month\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateEditControlComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateEditControlComponent, selector: "df-date-edit-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Date\">\n                <input type=\"date\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container\n                *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.DateTime\">\n                <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Month\">\n                <input type=\"month\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DateEditControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateEditControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-date-edit-control', template: "<form [formGroup]=\"_entity\">\n    <div [formGroupName]=\"_parentFiledName\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Date\">\n                <input type=\"date\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container\n                *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.DateTime\">\n                <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <ng-container *ngIf=\"_fields.field.formConfiguration['DateEdit.InputMode'] === _DateEditInterfaces.Month\">\n                <input type=\"month\" class=\"form-control\" step=\"1\" formControlName=\"{{_fields.field.name}}\"\n                    [min]=\"_fields.field.formConfiguration['DateEdit.Min']\"\n                    [max]=\"_fields.field.formConfiguration['DateEdit.Max']\" />\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { entity: [{
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -1038,15 +719,15 @@ class DfApiService {
         }
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DfApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DfApiService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DfApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DfApiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DfApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DfApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: function () { return []; } });
 
 class SelectConfigComponent {
     constructor(fb, _DfApiService) {
@@ -1115,13 +796,13 @@ class SelectConfigComponent {
             Value: this._DfApiService.chineseToPinyin(value)
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectConfigComponent, deps: [{ token: i1.FormBuilder }, { token: DfApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: SelectConfigComponent, selector: "df-select-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemText' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\" style=\"width: 1%;\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addSelectOptions()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"Select.Options\">\n                    <ng-container *ngFor=\"let item of SelectOptions.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Text\" (change)=\"textChange($event,i)\"></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Value\"></td>\n                            <td>\n                                <div class=\"form-check form-check-inline\">\n                                    <input class=\"form-check-input\" type=\"checkbox\"  formControlName=\"Selected\" id=\"selected\">\n                                </div>\n                            </td>\n                            <td scope=\"row\" style=\"width: 1%;\">\n                                <button class=\"btn btn-light btn-sm\" (click.stop)=\"deleteSelectOptions(i)\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\n                            </td>\n                        </tr> \n                    </ng-container>\n                    \n                    \n                </tbody>\n            </table>\n        </div>\n\n\n\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NullText' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Select.NullText\">\n        </div>\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Select.Multiple\"\n                    id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'DigniteAbpForms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i2.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectConfigComponent, deps: [{ token: i1.FormBuilder }, { token: DfApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectConfigComponent, selector: "df-select-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemText' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\" style=\"width: 1%;\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addSelectOptions()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"Select.Options\">\n                    <ng-container *ngFor=\"let item of SelectOptions.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Text\" (change)=\"textChange($event,i)\"></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Value\"></td>\n                            <td>\n                                <div class=\"form-check form-check-inline\">\n                                    <input class=\"form-check-input\" type=\"checkbox\"  formControlName=\"Selected\" id=\"selected\">\n                                </div>\n                            </td>\n                            <td scope=\"row\" style=\"width: 1%;\">\n                                <button class=\"btn btn-light btn-sm\" (click.stop)=\"deleteSelectOptions(i)\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\n                            </td>\n                        </tr> \n                    </ng-container>\n                    \n                    \n                </tbody>\n            </table>\n        </div>\n\n\n\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NullText' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Select.NullText\">\n        </div>\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Select.Multiple\"\n                    id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'DigniteAbpForms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i2.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectConfigComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-select-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemText' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'DigniteAbpForms::SelectListItemValue' | abpLocalization}}</th>\n                        <th scope=\"col\" style=\"width: 1%;\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addSelectOptions()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"Select.Options\">\n                    <ng-container *ngFor=\"let item of SelectOptions.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Text\" (change)=\"textChange($event,i)\"></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"Value\"></td>\n                            <td>\n                                <div class=\"form-check form-check-inline\">\n                                    <input class=\"form-check-input\" type=\"checkbox\"  formControlName=\"Selected\" id=\"selected\">\n                                </div>\n                            </td>\n                            <td scope=\"row\" style=\"width: 1%;\">\n                                <button class=\"btn btn-light btn-sm\" (click.stop)=\"deleteSelectOptions(i)\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\n                            </td>\n                        </tr> \n                    </ng-container>\n                    \n                    \n                </tbody>\n            </table>\n        </div>\n\n\n\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::NullText' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Select.NullText\">\n        </div>\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Select.Multiple\"\n                    id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'DigniteAbpForms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: DfApiService }], propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: DfApiService }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
                 type: Input
@@ -1187,13 +868,13 @@ class SelectControlComponent {
             resolve(true);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectControlComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: SelectControlComponent, selector: "df-select-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\n                <select class=\"form-select\" multiple formControlName=\"{{_fields.field.name}}\">\n                    <ng-container *ngFor=\"let item of _fields.field.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.value\">{{item.text}}</option>\n                    </ng-container>\n                </select>\n            </ng-container>\n            <ng-template #elseTemplate>\n                <select class=\"form-select\" [multiple]=\"false\"\n                    formControlName=\"{{_fields.field.name}}\">\n                    <option>{{formConfiguration['Select.NullText']}}</option>\n                    <ng-container *ngFor=\"let item of formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\" >{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-template>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectControlComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectControlComponent, selector: "df-select-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\n                <select class=\"form-select\" multiple formControlName=\"{{_fields.field.name}}\">\n                    <ng-container *ngFor=\"let item of _fields.field.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.value\">{{item.text}}</option>\n                    </ng-container>\n                </select>\n            </ng-container>\n            <ng-template #elseTemplate>\n                <select class=\"form-select\" [multiple]=\"false\"\n                    formControlName=\"{{_fields.field.name}}\">\n                    <option>{{formConfiguration['Select.NullText']}}</option>\n                    <ng-container *ngFor=\"let item of formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\" >{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-template>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-select-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\"  *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"formConfiguration['Select.Multiple']; else elseTemplate\">\n                <select class=\"form-select\" multiple formControlName=\"{{_fields.field.name}}\">\n                    <ng-container *ngFor=\"let item of _fields.field.formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.value\">{{item.text}}</option>\n                    </ng-container>\n                </select>\n            </ng-container>\n            <ng-template #elseTemplate>\n                <select class=\"form-select\" [multiple]=\"false\"\n                    formControlName=\"{{_fields.field.name}}\">\n                    <option>{{formConfiguration['Select.NullText']}}</option>\n                    <ng-container *ngFor=\"let item of formConfiguration['Select.Options'];let i =index\">\n                        <option [value]=\"item.Value\" >{{item.Text}}</option>\n                    </ng-container>\n                </select>\n            </ng-template>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { entity: [{
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -1206,6 +887,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+// import { CkEditorConfigComponent, CkEditorControlComponent } from "./ck-editor";
 /**
  * 表单控件分组-包含配置，控件，显示的数组
  */
@@ -1241,13 +923,6 @@ const FieldControlGroup = [
         fieldComponent: DateEditControlComponent,
         // fieldViewComponent:TextBoxViewComponent,
     },
-    {
-        displayName: 'CkEditor',
-        name: 'CkEditor',
-        fieldConfigComponent: CkEditorConfigComponent,
-        fieldComponent: CkEditorControlComponent,
-        // fieldViewComponent:TextBoxViewComponent,
-    },
 ];
 function getExcludeAssignControl(typeName) {
     // return FieldControlGroup.filter(el => el.name !== typeName)
@@ -1265,7 +940,8 @@ class DynamicComponent {
         this._fieldControlGroup = FieldControlGroup;
     }
     set selected(v) {
-        this._selected = v || '';
+        this._selected = v === undefined ? '' : v === null ? '' : v;
+        // this._selected = (v===true?true:v===false?false:v) || '';
         if (v)
             this.dataLoaded(1);
     }
@@ -1331,7 +1007,6 @@ class DynamicComponent {
             return;
         //在容器中创建组件
         const { instance } = this.FormComponentsRef?.createComponent(FieldControlItem.fieldComponent); //创建组件模板
-        // this.formConfigCompoent = instance
         /**向创建的组件模板中传值 */
         instance.entity = this._entity;
         instance.fields = this._fields;
@@ -1339,10 +1014,10 @@ class DynamicComponent {
         instance.selected = this._selected;
         instance.culture = this._culture;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: DynamicComponent, selector: "df-dynamic", inputs: { selected: "selected", type: "type", entity: "entity", culture: "culture", parentFiledName: "parentFiledName", fields: "fields" }, viewQueries: [{ propertyName: "FormControlRef", first: true, predicate: ["FormControlRef"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "FormComponentsRef", first: true, predicate: ["FormComponentsRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<template #FormControlRef></template>\n<template #FormComponentsRef></template>", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DynamicComponent, selector: "df-dynamic", inputs: { selected: "selected", type: "type", entity: "entity", culture: "culture", parentFiledName: "parentFiledName", fields: "fields" }, viewQueries: [{ propertyName: "FormControlRef", first: true, predicate: ["FormControlRef"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "FormComponentsRef", first: true, predicate: ["FormComponentsRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<template #FormControlRef></template>\n<template #FormComponentsRef></template>", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DynamicComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-dynamic', template: "<template #FormControlRef></template>\n<template #FormComponentsRef></template>" }]
         }], propDecorators: { selected: [{
@@ -1374,8 +1049,8 @@ class DynamicFormModule {
             providers: []
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DynamicFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.9", ngImport: i0, type: DynamicFormModule, declarations: [TextEditConfigComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormModule, declarations: [TextEditConfigComponent,
             TextEditComponent,
             SwitchConfigComponent,
             SwitchControlComponent,
@@ -1383,11 +1058,9 @@ class DynamicFormModule {
             NumbericEditControlComponent,
             DateEditConfigComponent,
             DateEditControlComponent,
-            CkEditorConfigComponent,
             SelectConfigComponent,
             SelectControlComponent,
-            DynamicComponent,
-            CkEditorControlComponent], imports: [FormsModule,
+            DynamicComponent], imports: [FormsModule,
             CoreModule,
             ThemeSharedModule,
             ReactiveFormsModule,
@@ -1400,18 +1073,18 @@ class DynamicFormModule {
             NumbericEditControlComponent,
             DateEditConfigComponent,
             DateEditControlComponent,
-            CkEditorConfigComponent,
+            // CkEditorConfigComponent,
             SelectConfigComponent,
             SelectControlComponent,
             DynamicComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DynamicFormModule, imports: [FormsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormModule, imports: [FormsModule,
             CoreModule,
             ThemeSharedModule,
             ReactiveFormsModule,
             NgbDropdownModule,
             NzTreeModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: DynamicFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DynamicFormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1423,11 +1096,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                         NumbericEditControlComponent,
                         DateEditConfigComponent,
                         DateEditControlComponent,
-                        CkEditorConfigComponent,
                         SelectConfigComponent,
                         SelectControlComponent,
                         DynamicComponent,
-                        CkEditorControlComponent
+                        // CkEditorConfigComponent,
+                        // CkEditorControlComponent
                     ],
                     imports: [
                         FormsModule,
@@ -1448,7 +1121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                         NumbericEditControlComponent,
                         DateEditConfigComponent,
                         DateEditControlComponent,
-                        CkEditorConfigComponent,
+                        // CkEditorConfigComponent,
                         SelectConfigComponent,
                         SelectControlComponent,
                         DynamicComponent,
@@ -1464,5 +1137,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AddFieldControlGroup, CkEditorConfigComponent, CkEditorControlComponent, DateEditConfigComponent, DateEditControlComponent, DynamicComponent, DynamicFormModule, FieldControlGroup, NumbericEditConfigComponent, NumbericEditControlComponent, SelectConfigComponent, SelectControlComponent, SwitchConfigComponent, SwitchControlComponent, TextEditComponent, TextEditConfig, TextEditConfigComponent, getExcludeAssignControl, maxDecimalPlacesValidator };
+export { AddFieldControlGroup, DateEditConfigComponent, DateEditControlComponent, DynamicComponent, DynamicFormModule, FieldControlGroup, NumbericEditConfigComponent, NumbericEditControlComponent, SelectConfigComponent, SelectControlComponent, SwitchConfigComponent, SwitchControlComponent, TextEditComponent, TextEditConfig, TextEditConfigComponent, getExcludeAssignControl, maxDecimalPlacesValidator };
 //# sourceMappingURL=dignite-ng-expand.dynamic-form.mjs.map