@dignite-ng/expand.cms 3.0.0-rc.28 → 3.0.0-rc.29

package/fesm2022/dignite-ng-expand.cms.mjs

@@ -1407,6 +1407,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
+/* eslint-disable @angular-eslint/component-selector */
 class FieldGroupComponent {
     constructor(fb, _FieldGroupAdminService, toaster, confirmation, _FieldAbstractsService, _LocalizationService) {
         this.fb = fb;
@@ -1468,7 +1469,7 @@ class FieldGroupComponent {
     }
     /**创建字段分组保存 */
     createSave() {
-        let input = this.createForm.value;
+        const input = this.createForm.value;
         this.modalBusy = true;
         this.formValidation = this._ValidatorsService.getFormValidationStatus(this.createForm);
         if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
@@ -1484,7 +1485,7 @@ class FieldGroupComponent {
     }
     /**编辑字段分组保存 */
     editSave() {
-        let input = this.editGroupForm.value;
+        const input = this.editGroupForm.value;
         this.modalBusy = true;
         this.formValidation = this._ValidatorsService.getFormValidationStatus(this.createForm);
         if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
@@ -1735,11 +1736,11 @@ class CreateOrEditFieldComponent {
     formControlNameChange(event) {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditFieldComponent, deps: [{ token: FieldAbstractsService }, { token: CmsApiService }, { token: FieldAdminService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: { Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"groupId\">{{'Cms::FieldGroup' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"groupId\">\n            <option value=\"\">{{'Cms::OptionalGrouping' | abpLocalization}}</option>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <option [value]=\"item.id\">{{item.name}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"displayName\">{{'DigniteAbpForms::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"name\" (input)=\"nameInputBlur($event)\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n            {{nameInput.errors?.repetition}}\n        </div>\n        <small class=\"form-text text-muted d-block \">{{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</small>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"formControlNameChange($event)\">\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fromControlList;let i =index\">\n                <option [value]=\"item.name\">{{item.displayName|abpLocalization}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [selected]=\"_selected\" [entity]=\"_Entity\" ></df-dynamic>\n    </ng-container>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: { Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"groupId\">{{'Cms::FieldGroup' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"groupId\">\n            <option value=\"\">{{'Cms::OptionalGrouping' | abpLocalization}}</option>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <option [value]=\"item.id\">{{item.name}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"displayName\">{{'AbpDynamicForm::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"name\">{{'AbpDynamicForm::FieldName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"name\" (input)=\"nameInputBlur($event)\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n            {{nameInput.errors?.repetition}}\n        </div>\n        <small class=\"form-text text-muted d-block \">{{'AbpDynamicForm::FieldNameHelpText' | abpLocalization}}</small>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"formControlNameChange($event)\">\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fromControlList;let i =index\">\n                <option [value]=\"item.name\">{{item.displayName|abpLocalization}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [selected]=\"_selected\" [entity]=\"_Entity\" ></df-dynamic>\n    </ng-container>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cms-create-or-edit-field', template: "<form [formGroup]=\"_Entity\">\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"groupId\">{{'Cms::FieldGroup' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"groupId\">\n            <option value=\"\">{{'Cms::OptionalGrouping' | abpLocalization}}</option>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <option [value]=\"item.id\">{{item.name}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"displayName\">{{'DigniteAbpForms::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"name\" (input)=\"nameInputBlur($event)\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n            {{nameInput.errors?.repetition}}\n        </div>\n        <small class=\"form-text text-muted d-block \">{{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</small>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"formControlNameChange($event)\">\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fromControlList;let i =index\">\n                <option [value]=\"item.name\">{{item.displayName|abpLocalization}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [selected]=\"_selected\" [entity]=\"_Entity\" ></df-dynamic>\n    </ng-container>\n</form>" }]
+            args: [{ selector: 'cms-create-or-edit-field', template: "<form [formGroup]=\"_Entity\">\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"groupId\">{{'Cms::FieldGroup' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"groupId\">\n            <option value=\"\">{{'Cms::OptionalGrouping' | abpLocalization}}</option>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <option [value]=\"item.id\">{{item.name}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"displayName\">{{'AbpDynamicForm::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" required (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"name\">{{'AbpDynamicForm::FieldName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"name\" (input)=\"nameInputBlur($event)\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n            {{nameInput.errors?.repetition}}\n        </div>\n        <small class=\"form-text text-muted d-block \">{{'AbpDynamicForm::FieldNameHelpText' | abpLocalization}}</small>\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n    </div>\n    <div class=\"mb-3\">\n        <label class=\"form-label\" for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"formControlNameChange($event)\">\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fromControlList;let i =index\">\n                <option [value]=\"item.name\">{{item.displayName|abpLocalization}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [selected]=\"_selected\" [entity]=\"_Entity\" ></df-dynamic>\n    </ng-container>\n</form>" }]
         }], ctorParameters: () => [{ type: FieldAbstractsService }, { type: CmsApiService }, { type: FieldAdminService }, { type: i1.LocalizationService }], propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
@@ -2252,34 +2253,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
         }], ctorParameters: () => [{ type: i1.ListService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$2.FormBuilder }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }] });
 
 class CreateOrEditEntryTypeInputBase {
-    constructor(data) {
+    constructor() {
         /**显示名称 Display name of this field */
         this.displayName = ['', [Validators.required]];
         /**名称 Unique Name*/
         this.name = ['', [Validators.required]];
         /**条目路由 */
         this.fieldTabs = new FormArray([]);
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
     }
 }
 class fieldTabsBase {
-    constructor(data) {
+    constructor() {
         /**名称 Unique Name*/
         this.name = ['', [Validators.required]];
         this.fields = [[], []];
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
     }
 }
 class fieldsBase {
@@ -2297,6 +2284,8 @@ class fieldsBase {
     }
 }
 
+/* eslint-disable no-prototype-builtins */
+/* eslint-disable @angular-eslint/component-selector */
 class CreateOrEditComponent {
     constructor(toaster, _location, route, _FieldGroupAdminService, _FieldAdminService, _EntryTypeAdminService, _LocalizationService, _CmsApiService, _FormControlsService) {
         this.toaster = toaster;
@@ -2358,7 +2347,7 @@ class CreateOrEditComponent {
         this.submitclick.nativeElement.click();
     }
     async ngOnInit() {
-        let sectionId = this.route.snapshot.params.sectionsId;
+        const sectionId = this.route.snapshot.params.sectionsId;
         this.entryTypesId = this.route.snapshot.params.entryTypesId || '';
         // this.enableSearchTypeList=await this._FormControlsService.getEnableSearchTypeList();
         // this.disableshowinTypeList= this._FormControlsService.getdisableshowinTypeList();
@@ -2370,20 +2359,20 @@ class CreateOrEditComponent {
     }
     /**给fieldTabs添加新控件 */
     addControlToFieldTabs(nameValue = '') {
-        const newFormGroup = this.fb.group(new fieldTabsBase({
-            name: this.fieldTabs.length === 0
-                ? this._LocalizationService.instant(`Cms::FieldTab`)
-                : nameValue,
-        }));
+        const newFormGroup = this.fb.group(new fieldTabsBase());
+        newFormGroup.get('name')?.patchValue(this.fieldTabs.length === 0
+            ? this._LocalizationService.instant(`Cms::FieldTab`)
+            : nameValue);
         this.fieldTabs.push(newFormGroup);
         this.resultSource.push(newFormGroup.value);
+        console.log(newFormGroup, 'newFormGroup', this.fieldTabs, this.resultSource);
         this.navActive = this.resultSource.length - 1;
     }
     /**获取字段分组 */
     getFieldGroup() {
         this._FieldGroupAdminService.getList({}).subscribe(async (res) => {
-            let fieldList = await this.getFieldList();
-            let fieldGroupList = res.items;
+            const fieldList = await this.getFieldList();
+            const fieldGroupList = res.items;
             fieldGroupList.unshift({
                 id: null,
                 name: 'UngroupedFields',
@@ -2393,7 +2382,7 @@ class CreateOrEditComponent {
             });
             this.fieldGroupList = fieldGroupList;
             this.fieldList = this.deepClone(fieldList);
-            let entryTypesId = this.entryTypesId;
+            const entryTypesId = this.entryTypesId;
             if (entryTypesId) {
                 this.entryTypesId = entryTypesId;
                 this.getEntryTypes();
@@ -2402,14 +2391,14 @@ class CreateOrEditComponent {
     }
     /**获取条目类型详情 */
     getEntryTypes() {
-        let fieldList = this.deepClone(this.fieldList);
+        const fieldList = this.deepClone(this.fieldList);
         this._EntryTypeAdminService.get(this.entryTypesId).subscribe(res => {
             res.fieldTabs.forEach(el => {
                 el.fields.forEach((eld) => {
                     eld.id = eld.fieldId;
                     eld.groupId = fieldList.find(elfd => elfd.id == eld.fieldId).groupId;
                     this.formRightGroup.push(eld);
-                    let fieldindex = fieldList.findIndex(elfl => elfl.id == eld.fieldId);
+                    const fieldindex = fieldList.findIndex(elfl => elfl.id == eld.fieldId);
                     fieldList.splice(fieldindex, 1);
                 });
             });
@@ -2428,7 +2417,7 @@ class CreateOrEditComponent {
         if (typeof obj !== 'object' || obj === null)
             return obj;
         const result = Array.isArray(obj) ? [] : {};
-        for (let key in obj) {
+        for (const key in obj) {
             if (obj.hasOwnProperty(key)) {
                 if (typeof obj[key] === 'object' && obj[key] !== null) {
                     if (obj[key] instanceof Date) {
@@ -2485,16 +2474,15 @@ class CreateOrEditComponent {
     /**拖拽到数据源时触发 */
     dragToDataSourceDropped() {
         //从数据源拖拽到数据源-排序
-        if (this.fromDataSourceDragEl) {
-        }
-        let _fromResultSourceDragEl = this.fromResultSourceDragEl;
-        let formRightGroup = this.deepClone(this.formRightGroup);
-        let fieldList = this.deepClone(this.fieldList);
+        if (this.fromDataSourceDragEl) { /* empty */ }
+        const _fromResultSourceDragEl = this.fromResultSourceDragEl;
+        const formRightGroup = this.deepClone(this.formRightGroup);
+        const fieldList = this.deepClone(this.fieldList);
         if (_fromResultSourceDragEl) {
             //移动
             //从目标源拖拽到数据源
             // 拖拽目标源的下标
-            let dragResultSourceIndex = this.resultSource[this.navActive].fields.findIndex(el => el.id == _fromResultSourceDragEl.id);
+            const dragResultSourceIndex = this.resultSource[this.navActive].fields.findIndex(el => el.id == _fromResultSourceDragEl.id);
             //删除目标源中的数据
             this.resultSource[this.navActive].fields.splice(dragResultSourceIndex, 1);
             formRightGroup.splice(formRightGroup.findIndex(el => el.id == _fromResultSourceDragEl.id), 1);
@@ -2526,7 +2514,7 @@ class CreateOrEditComponent {
         const _fromResultSourceDragEl = this.fromResultSourceDragEl;
         if (_fromResultSourceDragEl) {
             // 拖拽目标源的下标
-            let dragResultSourceIndex = this.resultSource[this.navActive].fields.findIndex(el => el.id == _fromResultSourceDragEl.id);
+            const dragResultSourceIndex = this.resultSource[this.navActive].fields.findIndex(el => el.id == _fromResultSourceDragEl.id);
             //删除目标源中的数据
             this.resultSource[this.navActive].fields.splice(dragResultSourceIndex, 1);
             this.resultSource[this.navActive].fields.splice(fieldsIndex, 0, _fromResultSourceDragEl);
@@ -2535,9 +2523,9 @@ class CreateOrEditComponent {
     }
     /**设置formA表单 */
     setfieldTabsFrom() {
-        let setArray = [];
+        const setArray = [];
         this.resultSource.forEach(el => {
-            let fieldsArray = [];
+            const fieldsArray = [];
             el.fields.forEach(item => {
                 fieldsArray.push({
                     fieldId: item.id || item.fieldId,
@@ -2561,7 +2549,7 @@ class CreateOrEditComponent {
         if (this.isSubmit)
             return;
         this.isSubmit = true;
-        let input = this.newEntity?.value;
+        const input = this.newEntity?.value;
         this.formValidation = this._ValidatorsService.getFormValidationStatus(this.newEntity);
         if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
             return this.isSubmit = false;
@@ -2641,7 +2629,7 @@ class CreateOrEditComponent {
         this.visibleEditFieldOpen = true;
         this.EditFieldIndex = elIndex;
         this.editFieldFrom = this.fb.group(new fieldsBase());
-        let fieldsOptions = this.fieldTabs.value[this.navActive].fields[elIndex];
+        const fieldsOptions = this.fieldTabs.value[this.navActive].fields[elIndex];
         // this.isShowInList = !this.disableshowinTypeList.includes(fieldsOptions.field.formControlName);
         // this.isEnableSearch = this.enableSearchTypeList.includes(fieldsOptions.field.formControlName);
         this.editFieldFrom.patchValue(fieldsOptions);
@@ -2649,7 +2637,7 @@ class CreateOrEditComponent {
     }
     /**保存编辑字段 */
     editFieldSave() {
-        let input = this.editFieldFrom.value;
+        const input = this.editFieldFrom.value;
         this.resultSource[this.navActive].fields[this.EditFieldIndex].displayName = input.displayName;
         this.resultSource[this.navActive].fields[this.EditFieldIndex].required = input.required;
         this.resultSource[this.navActive].fields[this.EditFieldIndex].showInList = input.showInList;
@@ -2663,9 +2651,9 @@ class CreateOrEditComponent {
     }
     /**字段标签input失去标点生成字段名字 */
     disPlayNameInputBlur(event) {
-        let value = event.target.value;
-        let pinyin = this._CmsApiService.chineseToPinyin(value);
-        let nameInput = this.nameInput;
+        const value = event.target.value;
+        const pinyin = this._CmsApiService.chineseToPinyin(value);
+        const nameInput = this.nameInput;
         if (nameInput.value)
             return;
         nameInput.patchValue(pinyin);
@@ -2676,7 +2664,7 @@ class CreateOrEditComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.SectionsCreateOrEdit,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "editFieldTabsModalSubmitBtn", first: true, predicate: ["editFieldTabsModalSubmitBtn"], descendants: true }, { propertyName: "editFieldModalSubmitBtn", first: true, predicate: ["editFieldModalSubmitBtn"], descendants: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                    <li ngbDropdownItem type=\"button\"\n                                                        (click.stop)=\"editFieldTabs(item,i)\">\n                                                        <i class=\"fas fa-edit\"></i>\n                                                        {{'AbpUi::Edit' | abpLocalization}}\n                                                    </li>\n                                                    <li ngbDropdownItem *ngIf=\"resultSource.length !== 1\" type=\"button\"\n                                                        (click.stop)=\"deleteFieldTabs(i)\">\n                                                        <i class=\"fas fa-trash\"></i>\n                                                        {{'AbpUi::Delete' | abpLocalization}}\n                                                    </li>\n                                        </div>\n                                        </button>\n                                        <ng-template ngbNavContent>\n                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                (drop)=\"dragToResultSourceDropped(item,i)\" style=\"height: 100%;\">\n                                                <p  class=\"form-text text-muted\" *ngIf=\"item.fields.length === 0\">\n                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                </p>\n                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                    <ng-container *ngFor=\"let el of item.fields; let iel = index\">\n                                                        <li draggable=\"true\" (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                            style=\"position: unset;\">\n                                                            {{ el.displayName }}\n                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                type=\"button\"><i class=\"fas fa-wrench p-sm-1\"\n                                                                    role=\"button\"></i></button>\n                                                        </li>\n                                                    </ng-container>\n                                                </ul>\n\n                                            </div>\n                                        </ng-template>\n                                        </li>\n                                        </ng-container>\n                                        <li class=\"nav-item\" role=\"presentation\">\n                                            <button type=\"button\" class=\"nav-link\" (click.stop)=\"addFieldTabs()\">\n                                                <i class=\"fas fa-plus-circle\"></i>\n                                                {{'Cms::NewTab' | abpLocalization}}\n                                            </button>\n                                        </li>\n                                        </ul>\n                                        <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                    </div>\n                                    <div class=\"col-sm-4\">\n                                        <div ngbAccordion #accordion=\"ngbAccordion\" ondragover=\"event.preventDefault();\"\n                                            (drop)=\"dragToDataSourceDropped()\" style=\"min-height: 80px;\">\n                                            <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                    <h2 ngbAccordionHeader>\n                                                        <button ngbAccordionButton>{{\n                                                            ('Cms::'+item.name) | abpLocalization }}</button>\n                                                    </h2>\n                                                    <div ngbAccordionCollapse>\n                                                        <div ngbAccordionBody>\n                                                            <ng-template>\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let ii = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                            class=\"list-group-item\">\n                                                                            {{ el.displayName }}\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n                                                            </ng-template>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </ng-container>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        </div>\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" \n            (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                @if(isShowInList){\n                    <div class=\"mb-3\">\n                        <div class=\"form-check form-check-inline\">\n                            <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showInList\"\n                                id=\"showInList\" />\n                            <label class=\"form-check-label\" for=\"showInList\"> {{'Cms::ShowInList' | abpLocalization}}\n                            </label>\n                        </div>\n                    </div>\n                }\n                @if(isEnableSearch){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"enableSearch\"\n                            id=\"enableSearch\" />\n                        <label class=\"form-check-label\" for=\"enableSearch\"> {{'Cms::EnableSearch' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n            }\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i11$1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i11$1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i11$1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i11$1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i11$1.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i11$1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i11$1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i11$1.NgbAccordionButton, selector: "button[ngbAccordionButton]" }, { kind: "directive", type: i11$1.NgbAccordionDirective, selector: "[ngbAccordion]", inputs: ["animation", "closeOthers", "destroyOnHide"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordion"] }, { kind: "directive", type: i11$1.NgbAccordionItem, selector: "[ngbAccordionItem]", inputs: ["ngbAccordionItem", "destroyOnHide", "disabled", "collapsed"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordionItem"] }, { kind: "directive", type: i11$1.NgbAccordionHeader, selector: "[ngbAccordionHeader]" }, { kind: "directive", type: i11$1.NgbAccordionBody, selector: "[ngbAccordionBody]" }, { kind: "directive", type: i11$1.NgbAccordionCollapse, selector: "[ngbAccordionCollapse]", exportAs: ["ngbAccordionCollapse"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "editFieldTabsModalSubmitBtn", first: true, predicate: ["editFieldTabsModalSubmitBtn"], descendants: true }, { propertyName: "editFieldModalSubmitBtn", first: true, predicate: ["editFieldModalSubmitBtn"], descendants: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\"\n    [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                                <span ngbDropdownItem type=\"button\"\n                                                                    (click.stop)=\"editFieldTabs(item,i)\">\n                                                                    <i class=\"fas fa-edit\"></i>\n                                                                    {{'AbpUi::Edit' | abpLocalization}}\n                                                                </span>\n                                                                <span ngbDropdownItem *ngIf=\"resultSource.length !== 1\"\n                                                                    type=\"button\" (click.stop)=\"deleteFieldTabs(i)\">\n                                                                    <i class=\"fas fa-trash\"></i>\n                                                                    {{'AbpUi::Delete' | abpLocalization}}\n                                                                </span>\n                                                            </div>\n                                                        </button>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\"\n                                                                style=\"height: 100%;\">\n                                                                <p class=\"form-text text-muted\"\n                                                                    *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\n                                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                                            style=\"position: unset;\">\n                                                                            {{ el.displayName }}\n                                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                                type=\"button\"><i\n                                                                                    class=\"fas fa-wrench p-sm-1\"\n                                                                                    role=\"button\"></i></button>\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n\n                                                            </div>\n                                                        </ng-template>\n                                                    </li>\n                                                </ng-container>\n                                                <li class=\"nav-item\" role=\"presentation\">\n                                                    <button type=\"button\" class=\"nav-link\"\n                                                        (click.stop)=\"addFieldTabs()\">\n                                                        <i class=\"fas fa-plus-circle\"></i>\n                                                        {{'Cms::NewTab' | abpLocalization}}\n                                                    </button>\n                                                </li>\n                                            </ul>\n                                            <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                        </div>\n                                        <div class=\"col-sm-4\">\n                                            <div ngbAccordion #accordion=\"ngbAccordion\"\n                                                ondragover=\"event.preventDefault();\" (drop)=\"dragToDataSourceDropped()\"\n                                                style=\"min-height: 80px;\">\n                                                <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                    <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                        <h2 ngbAccordionHeader>\n                                                            <button ngbAccordionButton>{{\n                                                                ('Cms::'+item.name) | abpLocalization }}</button>\n                                                        </h2>\n                                                        <div ngbAccordionCollapse>\n                                                            <div ngbAccordionBody>\n                                                                <ng-template>\n                                                                    <ul class=\"list-group\">\n                                                                        <ng-container\n                                                                            *ngFor=\"let el of item.fields; let ii = index\">\n                                                                            <li draggable=\"true\"\n                                                                                (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                                class=\"list-group-item\">\n                                                                                {{ el.displayName }}\n                                                                            </li>\n                                                                        </ng-container>\n                                                                    </ul>\n                                                                </ng-template>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </ng-container>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        <!-- </div> -->\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" (keydown.enter)=\"$event.preventDefault()\"\n                [class]=\"{'was-validated':formValidation}\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save'\n            | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (keydown.enter)=\"$event.preventDefault()\"\n                (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                @if(isShowInList){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showInList\"\n                            id=\"showInList\" />\n                        <label class=\"form-check-label\" for=\"showInList\"> {{'Cms::ShowInList' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n                @if(isEnableSearch){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"enableSearch\"\n                            id=\"enableSearch\" />\n                        <label class=\"form-check-label\" for=\"enableSearch\"> {{'Cms::EnableSearch' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i11$1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i11$1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i11$1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i11$1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i11$1.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i11$1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i11$1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i11$1.NgbAccordionButton, selector: "button[ngbAccordionButton]" }, { kind: "directive", type: i11$1.NgbAccordionDirective, selector: "[ngbAccordion]", inputs: ["animation", "closeOthers", "destroyOnHide"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordion"] }, { kind: "directive", type: i11$1.NgbAccordionItem, selector: "[ngbAccordionItem]", inputs: ["ngbAccordionItem", "destroyOnHide", "disabled", "collapsed"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordionItem"] }, { kind: "directive", type: i11$1.NgbAccordionHeader, selector: "[ngbAccordionHeader]" }, { kind: "directive", type: i11$1.NgbAccordionBody, selector: "[ngbAccordionBody]" }, { kind: "directive", type: i11$1.NgbAccordionCollapse, selector: "[ngbAccordionCollapse]", exportAs: ["ngbAccordionCollapse"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditComponent, decorators: [{
             type: Component,
@@ -2685,7 +2673,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.SectionsCreateOrEdit,
                         },
-                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\"  (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                    <li ngbDropdownItem type=\"button\"\n                                                        (click.stop)=\"editFieldTabs(item,i)\">\n                                                        <i class=\"fas fa-edit\"></i>\n                                                        {{'AbpUi::Edit' | abpLocalization}}\n                                                    </li>\n                                                    <li ngbDropdownItem *ngIf=\"resultSource.length !== 1\" type=\"button\"\n                                                        (click.stop)=\"deleteFieldTabs(i)\">\n                                                        <i class=\"fas fa-trash\"></i>\n                                                        {{'AbpUi::Delete' | abpLocalization}}\n                                                    </li>\n                                        </div>\n                                        </button>\n                                        <ng-template ngbNavContent>\n                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                (drop)=\"dragToResultSourceDropped(item,i)\" style=\"height: 100%;\">\n                                                <p  class=\"form-text text-muted\" *ngIf=\"item.fields.length === 0\">\n                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                </p>\n                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                    <ng-container *ngFor=\"let el of item.fields; let iel = index\">\n                                                        <li draggable=\"true\" (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                            style=\"position: unset;\">\n                                                            {{ el.displayName }}\n                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                type=\"button\"><i class=\"fas fa-wrench p-sm-1\"\n                                                                    role=\"button\"></i></button>\n                                                        </li>\n                                                    </ng-container>\n                                                </ul>\n\n                                            </div>\n                                        </ng-template>\n                                        </li>\n                                        </ng-container>\n                                        <li class=\"nav-item\" role=\"presentation\">\n                                            <button type=\"button\" class=\"nav-link\" (click.stop)=\"addFieldTabs()\">\n                                                <i class=\"fas fa-plus-circle\"></i>\n                                                {{'Cms::NewTab' | abpLocalization}}\n                                            </button>\n                                        </li>\n                                        </ul>\n                                        <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                    </div>\n                                    <div class=\"col-sm-4\">\n                                        <div ngbAccordion #accordion=\"ngbAccordion\" ondragover=\"event.preventDefault();\"\n                                            (drop)=\"dragToDataSourceDropped()\" style=\"min-height: 80px;\">\n                                            <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                    <h2 ngbAccordionHeader>\n                                                        <button ngbAccordionButton>{{\n                                                            ('Cms::'+item.name) | abpLocalization }}</button>\n                                                    </h2>\n                                                    <div ngbAccordionCollapse>\n                                                        <div ngbAccordionBody>\n                                                            <ng-template>\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let ii = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                            class=\"list-group-item\">\n                                                                            {{ el.displayName }}\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n                                                            </ng-template>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </ng-container>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        </div>\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" (keydown.enter)=\"$event.preventDefault()\" [class]=\"{'was-validated':formValidation}\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" \n            (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (keydown.enter)=\"$event.preventDefault()\" (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                @if(isShowInList){\n                    <div class=\"mb-3\">\n                        <div class=\"form-check form-check-inline\">\n                            <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showInList\"\n                                id=\"showInList\" />\n                            <label class=\"form-check-label\" for=\"showInList\"> {{'Cms::ShowInList' | abpLocalization}}\n                            </label>\n                        </div>\n                    </div>\n                }\n                @if(isEnableSearch){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"enableSearch\"\n                            id=\"enableSearch\" />\n                        <label class=\"form-check-label\" for=\"enableSearch\"> {{'Cms::EnableSearch' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n            }\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"] }]
+                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (keydown.enter)=\"$event.preventDefault()\"\n    [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                                <span ngbDropdownItem type=\"button\"\n                                                                    (click.stop)=\"editFieldTabs(item,i)\">\n                                                                    <i class=\"fas fa-edit\"></i>\n                                                                    {{'AbpUi::Edit' | abpLocalization}}\n                                                                </span>\n                                                                <span ngbDropdownItem *ngIf=\"resultSource.length !== 1\"\n                                                                    type=\"button\" (click.stop)=\"deleteFieldTabs(i)\">\n                                                                    <i class=\"fas fa-trash\"></i>\n                                                                    {{'AbpUi::Delete' | abpLocalization}}\n                                                                </span>\n                                                            </div>\n                                                        </button>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\"\n                                                                style=\"height: 100%;\">\n                                                                <p class=\"form-text text-muted\"\n                                                                    *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\n                                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                                            style=\"position: unset;\">\n                                                                            {{ el.displayName }}\n                                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                                type=\"button\"><i\n                                                                                    class=\"fas fa-wrench p-sm-1\"\n                                                                                    role=\"button\"></i></button>\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n\n                                                            </div>\n                                                        </ng-template>\n                                                    </li>\n                                                </ng-container>\n                                                <li class=\"nav-item\" role=\"presentation\">\n                                                    <button type=\"button\" class=\"nav-link\"\n                                                        (click.stop)=\"addFieldTabs()\">\n                                                        <i class=\"fas fa-plus-circle\"></i>\n                                                        {{'Cms::NewTab' | abpLocalization}}\n                                                    </button>\n                                                </li>\n                                            </ul>\n                                            <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                        </div>\n                                        <div class=\"col-sm-4\">\n                                            <div ngbAccordion #accordion=\"ngbAccordion\"\n                                                ondragover=\"event.preventDefault();\" (drop)=\"dragToDataSourceDropped()\"\n                                                style=\"min-height: 80px;\">\n                                                <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                    <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                        <h2 ngbAccordionHeader>\n                                                            <button ngbAccordionButton>{{\n                                                                ('Cms::'+item.name) | abpLocalization }}</button>\n                                                        </h2>\n                                                        <div ngbAccordionCollapse>\n                                                            <div ngbAccordionBody>\n                                                                <ng-template>\n                                                                    <ul class=\"list-group\">\n                                                                        <ng-container\n                                                                            *ngFor=\"let el of item.fields; let ii = index\">\n                                                                            <li draggable=\"true\"\n                                                                                (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                                class=\"list-group-item\">\n                                                                                {{ el.displayName }}\n                                                                            </li>\n                                                                        </ng-container>\n                                                                    </ul>\n                                                                </ng-template>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </ng-container>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        <!-- </div> -->\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" (keydown.enter)=\"$event.preventDefault()\"\n                [class]=\"{'was-validated':formValidation}\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save'\n            | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (keydown.enter)=\"$event.preventDefault()\"\n                (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                @if(isShowInList){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showInList\"\n                            id=\"showInList\" />\n                        <label class=\"form-check-label\" for=\"showInList\"> {{'Cms::ShowInList' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n                @if(isEnableSearch){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"enableSearch\"\n                            id=\"enableSearch\" />\n                        <label class=\"form-check-label\" for=\"enableSearch\"> {{'Cms::EnableSearch' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i3.ToasterService }, { type: i1$1.Location }, { type: i4.ActivatedRoute }, { type: FieldGroupAdminService }, { type: FieldAdminService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }, { type: FormControlsService }], propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
@@ -3316,11 +3304,11 @@ class MatrixConfigComponent {
         FieldnameInput.patchValue(pinyin);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixConfigComponent, deps: [{ token: i1$2.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: MatrixConfigComponent, selector: "df-matrix-config", inputs: { type: "type", selected: "selected", Entity: "Entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "matrixModalModalSubmit", first: true, predicate: ["matrixModalModalSubmit"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::::FormControl:Matrix' | abpLocalization}}</label>\n            <div class=\"row\">\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::MatrixBlockType' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixBlockType()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <button type=\"button\" (click.stop)=\"selectMatrixBlockChange(i)\"\n                                class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                [class.active]=\"i===selectMatrixBlockIndex\">\n                                <div>\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div ngbDropdown class=\"d-inline-block\">\n                                    <button type=\"button\" class=\"btn btn-light btn-sm\" id=\"dropdownBasic1\"\n                                        style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </button>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\" *ngIf=\"MatrixBlockTypes?.controls.length>0\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::Fields' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixField()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <ng-container *ngIf=\"i === selectMatrixBlockIndex\">\n                                <ng-container *ngFor=\"let el of item.controls['fields'].controls;let fi =index\">\n                                    <button type=\"button\" (click.stop)=\"selectMatrixFieldChange(i,fi)\"\n                                        class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\">\n                                        <div>\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <button type=\"button\"\n                                            (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                            class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </button>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-6\" formArrayName=\"MatrixBlockTypes\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                        <div [formGroupName]=\"i\" [hidden]=\"i !== selectMatrixBlockIndex\">\n                            <div formArrayName=\"fields\">\n                                <ng-container *ngFor=\"let itemf of item.controls['fields'].controls;let fi =index\">\n                                    <div [formGroupName]=\"fi\" [hidden]=\"fi !== selectMatrixFieldIndex\">\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                                (blur)=\"MatrixFieldDisplayNameInputBlur($event)\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <small class=\"form-text text-muted d-block\">\n                                                {{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</small>\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"setConfigComponent()\">\n                                                <ng-container *ngFor=\"let itemC of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"itemC.name\">{{itemC.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"itemf.value.formControlName&&itemf\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" \n                                                [selected]=\"_selected?_selected.formConfiguration?.MatrixBlockTypes[i]?.fields[fi]:''\" [entity]=\"itemf\"></df-dynamic>\n                                                \n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n\n<abp-modal [(visible)]=\"matrixModalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"matrixModalVisibleChange($event)\" >\n    <ng-template #abpHeader>\n        <h3>{{isMatrixEdit?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"matrixModalForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"matrixModalForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"displayNameInputBlur($event)\">\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"name\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: MatrixConfigComponent, selector: "df-matrix-config", inputs: { type: "type", selected: "selected", Entity: "Entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "matrixModalModalSubmit", first: true, predicate: ["matrixModalModalSubmit"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::::FormControl:Matrix' | abpLocalization}}</label>\n            <div class=\"row\">\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::MatrixBlockType' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixBlockType()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <button type=\"button\" (click.stop)=\"selectMatrixBlockChange(i)\"\n                                class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                [class.active]=\"i===selectMatrixBlockIndex\">\n                                <div>\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div ngbDropdown class=\"d-inline-block\">\n                                    <button type=\"button\" class=\"btn btn-light btn-sm\" id=\"dropdownBasic1\"\n                                        style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </button>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\" *ngIf=\"MatrixBlockTypes?.controls.length>0\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::Fields' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixField()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <ng-container *ngIf=\"i === selectMatrixBlockIndex\">\n                                <ng-container *ngFor=\"let el of item.controls['fields'].controls;let fi =index\">\n                                    <button type=\"button\" (click.stop)=\"selectMatrixFieldChange(i,fi)\"\n                                        class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\">\n                                        <div>\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <button type=\"button\"\n                                            (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                            class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </button>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-6\" formArrayName=\"MatrixBlockTypes\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                        <div [formGroupName]=\"i\" [hidden]=\"i !== selectMatrixBlockIndex\">\n                            <div formArrayName=\"fields\">\n                                <ng-container *ngFor=\"let itemf of item.controls['fields'].controls;let fi =index\">\n                                    <div [formGroupName]=\"fi\" [hidden]=\"fi !== selectMatrixFieldIndex\">\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                                (blur)=\"MatrixFieldDisplayNameInputBlur($event)\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'AbpDynamicForm::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <small class=\"form-text text-muted d-block\">\n                                                {{'AbpDynamicForm::FieldNameHelpText' | abpLocalization}}</small>\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"setConfigComponent()\">\n                                                <ng-container *ngFor=\"let itemC of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"itemC.name\">{{itemC.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"itemf.value.formControlName&&itemf\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" \n                                                [selected]=\"_selected?_selected.formConfiguration?.MatrixBlockTypes[i]?.fields[fi]:''\" [entity]=\"itemf\"></df-dynamic>\n                                                \n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n\n<abp-modal [(visible)]=\"matrixModalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"matrixModalVisibleChange($event)\" >\n    <ng-template #abpHeader>\n        <h3>{{isMatrixEdit?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"matrixModalForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"matrixModalForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"displayNameInputBlur($event)\">\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"name\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-matrix-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::::FormControl:Matrix' | abpLocalization}}</label>\n            <div class=\"row\">\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::MatrixBlockType' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixBlockType()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <button type=\"button\" (click.stop)=\"selectMatrixBlockChange(i)\"\n                                class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                [class.active]=\"i===selectMatrixBlockIndex\">\n                                <div>\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div ngbDropdown class=\"d-inline-block\">\n                                    <button type=\"button\" class=\"btn btn-light btn-sm\" id=\"dropdownBasic1\"\n                                        style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </button>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\" *ngIf=\"MatrixBlockTypes?.controls.length>0\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::Fields' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixField()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <ng-container *ngIf=\"i === selectMatrixBlockIndex\">\n                                <ng-container *ngFor=\"let el of item.controls['fields'].controls;let fi =index\">\n                                    <button type=\"button\" (click.stop)=\"selectMatrixFieldChange(i,fi)\"\n                                        class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\">\n                                        <div>\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <button type=\"button\"\n                                            (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                            class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </button>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-6\" formArrayName=\"MatrixBlockTypes\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                        <div [formGroupName]=\"i\" [hidden]=\"i !== selectMatrixBlockIndex\">\n                            <div formArrayName=\"fields\">\n                                <ng-container *ngFor=\"let itemf of item.controls['fields'].controls;let fi =index\">\n                                    <div [formGroupName]=\"fi\" [hidden]=\"fi !== selectMatrixFieldIndex\">\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                                (blur)=\"MatrixFieldDisplayNameInputBlur($event)\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <small class=\"form-text text-muted d-block\">\n                                                {{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</small>\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"setConfigComponent()\">\n                                                <ng-container *ngFor=\"let itemC of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"itemC.name\">{{itemC.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"itemf.value.formControlName&&itemf\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" \n                                                [selected]=\"_selected?_selected.formConfiguration?.MatrixBlockTypes[i]?.fields[fi]:''\" [entity]=\"itemf\"></df-dynamic>\n                                                \n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n\n<abp-modal [(visible)]=\"matrixModalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"matrixModalVisibleChange($event)\" >\n    <ng-template #abpHeader>\n        <h3>{{isMatrixEdit?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"matrixModalForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"matrixModalForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"displayNameInputBlur($event)\">\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"name\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>" }]
+            args: [{ selector: 'df-matrix-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'Cms::::FormControl:Matrix' | abpLocalization}}</label>\n            <div class=\"row\">\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::MatrixBlockType' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixBlockType()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <button type=\"button\" (click.stop)=\"selectMatrixBlockChange(i)\"\n                                class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                [class.active]=\"i===selectMatrixBlockIndex\">\n                                <div>\n                                    <div>{{item.value.displayName}}</div>\n                                    <div>{{item.value.name}}</div>\n                                </div>\n                                <div ngbDropdown class=\"d-inline-block\">\n                                    <button type=\"button\" class=\"btn btn-light btn-sm\" id=\"dropdownBasic1\"\n                                        style=\"z-index: 8;\" ngbDropdownToggle></button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" style=\"z-index: 9;\">\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"EditMatrixBlock(item.value)\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                        <button ngbDropdownItem\n                                            (click.stop)=\"DeleteMatrixBlock(i)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </button>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-3\">\n                    <div class=\"list-group\" *ngIf=\"MatrixBlockTypes?.controls.length>0\">\n                        <li class=\"list-group-item d-flex align-items-center justify-content-between\"\n                            aria-current=\"true\">\n                            {{'Cms::Fields' | abpLocalization}}\n                            <button class=\"btn btn-light btn-sm p-0\" (click.stop)=\"addMatrixField()\">\n                                <i class=\"fas fa-plus-circle p-1\"></i>\n                            </button>\n                        </li>\n                        <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                            <ng-container *ngIf=\"i === selectMatrixBlockIndex\">\n                                <ng-container *ngFor=\"let el of item.controls['fields'].controls;let fi =index\">\n                                    <button type=\"button\" (click.stop)=\"selectMatrixFieldChange(i,fi)\"\n                                        class=\"list-group-item d-flex align-items-center justify-content-between list-group-item-action \"\n                                        [class.active]=\"fi===selectMatrixFieldIndex\">\n                                        <div>\n                                            <div>{{el.value.displayName}}</div>\n                                            <div>{{el.value.name}}</div>\n                                        </div>\n                                        <button type=\"button\"\n                                            (click.stop)=\"deleteMatrixField(item.controls['fields'],fi)\"\n                                            class=\"btn btn-sm btn-li\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </button>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"col-md-6\" formArrayName=\"MatrixBlockTypes\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypes.controls;let i =index\">\n                        <div [formGroupName]=\"i\" [hidden]=\"i !== selectMatrixBlockIndex\">\n                            <div formArrayName=\"fields\">\n                                <ng-container *ngFor=\"let itemf of item.controls['fields'].controls;let fi =index\">\n                                    <div [formGroupName]=\"fi\" [hidden]=\"fi !== selectMatrixFieldIndex\">\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                                (blur)=\"MatrixFieldDisplayNameInputBlur($event)\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'AbpDynamicForm::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <small class=\"form-text text-muted d-block\">\n                                                {{'AbpDynamicForm::FieldNameHelpText' | abpLocalization}}</small>\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"description\">{{'Cms::Description' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"description\">\n                                        </div>\n                                        <div class=\"mb-3\">\n                                            <label class=\"form-label\"\n                                                for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n                                            <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"setConfigComponent()\">\n                                                <ng-container *ngFor=\"let itemC of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"itemC.name\">{{itemC.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"itemf.value.formControlName&&itemf\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" \n                                                [selected]=\"_selected?_selected.formConfiguration?.MatrixBlockTypes[i]?.fields[fi]:''\" [entity]=\"itemf\"></df-dynamic>\n                                                \n                                        </ng-container>\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n\n<abp-modal [(visible)]=\"matrixModalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"matrixModalVisibleChange($event)\" >\n    <ng-template #abpHeader>\n        <h3>{{isMatrixEdit?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"matrixModalForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"matrixModalForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"displayNameInputBlur($event)\">\n                </div>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"name\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>" }]
         }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }], propDecorators: { type: [{
                 type: Input
             }], selected: [{
@@ -3629,11 +3617,11 @@ class TableConfigComponent {
         nameInput.patchValue(pinyin);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableConfigComponent, deps: [{ token: i1$2.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TableConfigComponent, selector: "df-table-config", inputs: { Entity: "Entity", selected: "selected", type: "type" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "tableSelectModalSubmit", first: true, predicate: ["tableSelectModalSubmit"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'Cms::TableColumnDisplayName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnForm' | abpLocalization}}</th>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableColumns()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"TableColumns\">\n                    <ng-container *ngFor=\"let item of TableColumns.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"displayName\"  (blur)=\"disPlayNameInputBlur($event,item)\" ></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"name\"></td>\n                            <td>\n                                <select class=\"form-select\" formControlName=\"formControlName\"\n                                    (change)=\"selectTableControl($event,i,item)\">\n                                    <option value=\"\">SelectFrom</option>\n                                    <ng-container *ngFor=\"let item_f of _fieldControlGroup;let i_f =index\">\n                                        <option [value]=\"item_f.name\">{{item_f.displayName}}</option>\n                                    </ng-container>\n                                </select>\n                            </td>\n                            <td scope=\"row\">\n                                <div class=\"flex-start\">\n                                    <button class=\"btn btn-light btn-sm \" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==0\"\n                                        (click.stop)=\"TableArrowUpOrDown('up',i)\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==TableColumns.controls.length-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n<abp-modal [(visible)]=\"tableSelectOpen\" [busy]=\"modalBusy\" (visibleChange)=\"tableSelectVisibleChange($event)\" [options]=\"{ size: CurrentSelectionTableControlName=='Matrix'?'xl':'' ,scrollable:false }\">\n    <ng-template #abpHeader>\n        <h3>{{_tableSelected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"tableSelectForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"tableSelectForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic [type]=\"CurrentSelectionTableControlName\" \n                    [selected]=\"_tableSelected\" [formGroup]=\"tableSelectForm\" [entity]=\"tableSelectForm\"></df-dynamic>\n                </ng-container>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"tableSelectModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TableConfigComponent, selector: "df-table-config", inputs: { Entity: "Entity", selected: "selected", type: "type" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "tableSelectModalSubmit", first: true, predicate: ["tableSelectModalSubmit"], descendants: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'Cms::TableColumnDisplayName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnForm' | abpLocalization}}</th>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableColumns()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"TableColumns\">\n                    <ng-container *ngFor=\"let item of TableColumns.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"displayName\"  (blur)=\"disPlayNameInputBlur($event,item)\" ></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"name\"></td>\n                            <td>\n                                <select class=\"form-select\" formControlName=\"formControlName\"\n                                    (change)=\"selectTableControl($event,i,item)\">\n                                    <option value=\"\">SelectFrom</option>\n                                    <ng-container *ngFor=\"let item_f of _fieldControlGroup;let i_f =index\">\n                                        <option [value]=\"item_f.name\">{{item_f.displayName}}</option>\n                                    </ng-container>\n                                </select>\n                            </td>\n                            <td scope=\"row\">\n                                <div class=\"flex-start\">\n                                    <button class=\"btn btn-light btn-sm \" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==0\"\n                                        (click.stop)=\"TableArrowUpOrDown('up',i)\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==TableColumns.controls.length-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n<abp-modal [(visible)]=\"tableSelectOpen\" [busy]=\"modalBusy\" (visibleChange)=\"tableSelectVisibleChange($event)\" [options]=\"{ size: CurrentSelectionTableControlName=='Matrix'?'xl':'' ,scrollable:false }\">\n    <ng-template #abpHeader>\n        <h3>{{_tableSelected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"tableSelectForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"tableSelectForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic [type]=\"CurrentSelectionTableControlName\" \n                    [selected]=\"_tableSelected\" [formGroup]=\"tableSelectForm\" [entity]=\"tableSelectForm\"></df-dynamic>\n                </ng-container>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"tableSelectModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.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$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-table-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'Cms::TableColumnDisplayName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnForm' | abpLocalization}}</th>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableColumns()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"TableColumns\">\n                    <ng-container *ngFor=\"let item of TableColumns.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"displayName\"  (blur)=\"disPlayNameInputBlur($event,item)\" ></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"name\"></td>\n                            <td>\n                                <select class=\"form-select\" formControlName=\"formControlName\"\n                                    (change)=\"selectTableControl($event,i,item)\">\n                                    <option value=\"\">SelectFrom</option>\n                                    <ng-container *ngFor=\"let item_f of _fieldControlGroup;let i_f =index\">\n                                        <option [value]=\"item_f.name\">{{item_f.displayName}}</option>\n                                    </ng-container>\n                                </select>\n                            </td>\n                            <td scope=\"row\">\n                                <div class=\"flex-start\">\n                                    <button class=\"btn btn-light btn-sm \" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==0\"\n                                        (click.stop)=\"TableArrowUpOrDown('up',i)\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==TableColumns.controls.length-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n<abp-modal [(visible)]=\"tableSelectOpen\" [busy]=\"modalBusy\" (visibleChange)=\"tableSelectVisibleChange($event)\" [options]=\"{ size: CurrentSelectionTableControlName=='Matrix'?'xl':'' ,scrollable:false }\">\n    <ng-template #abpHeader>\n        <h3>{{_tableSelected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"tableSelectForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"tableSelectForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic [type]=\"CurrentSelectionTableControlName\" \n                    [selected]=\"_tableSelected\" [formGroup]=\"tableSelectForm\" [entity]=\"tableSelectForm\"></df-dynamic>\n                </ng-container>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"tableSelectModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"] }]
+            args: [{ selector: 'df-table-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'AbpDynamicForm::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'Cms::TableColumnDisplayName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnName' | abpLocalization}}</th>\n                        <th scope=\"col\">{{'Cms::TableColumnForm' | abpLocalization}}</th>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableColumns()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody formArrayName=\"TableColumns\">\n                    <ng-container *ngFor=\"let item of TableColumns.controls;let i=index\">\n                        <tr [formGroupName]=\"i\">\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"displayName\"  (blur)=\"disPlayNameInputBlur($event,item)\" ></td>\n                            <td><input type=\"text\" class=\"form-control\" formControlName=\"name\"></td>\n                            <td>\n                                <select class=\"form-select\" formControlName=\"formControlName\"\n                                    (change)=\"selectTableControl($event,i,item)\">\n                                    <option value=\"\">SelectFrom</option>\n                                    <ng-container *ngFor=\"let item_f of _fieldControlGroup;let i_f =index\">\n                                        <option [value]=\"item_f.name\">{{item_f.displayName}}</option>\n                                    </ng-container>\n                                </select>\n                            </td>\n                            <td scope=\"row\">\n                                <div class=\"flex-start\">\n                                    <button class=\"btn btn-light btn-sm \" (click.stop)=\"EditSitesBtn(item,i)\">\n                                        <i class=\"fas fa-edit\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"deleteTableColumns(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==0\"\n                                        (click.stop)=\"TableArrowUpOrDown('up',i)\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" *ngIf=\"i!==TableColumns.controls.length-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\">\n                                        <i class=\"fas fa-arrow-down\"></i>\n                                    </button>\n                                </div>\n                            </td>\n                        </tr>\n                    </ng-container>\n                </tbody>\n            </table>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n<abp-modal [(visible)]=\"tableSelectOpen\" [busy]=\"modalBusy\" (visibleChange)=\"tableSelectVisibleChange($event)\" [options]=\"{ size: CurrentSelectionTableControlName=='Matrix'?'xl':'' ,scrollable:false }\">\n    <ng-template #abpHeader>\n        <h3>{{_tableSelected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"tableSelectForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"tableSelectForm\"\n                (keydown.enter)=\"$event.preventDefault()\" (submit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic [type]=\"CurrentSelectionTableControlName\" \n                    [selected]=\"_tableSelected\" [formGroup]=\"tableSelectForm\" [entity]=\"tableSelectForm\"></df-dynamic>\n                </ng-container>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"tableSelectModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [".flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-start{display:flex;align-items:center;justify-content:flex-start}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }], propDecorators: { Entity: [{
                 type: Input
             }], selected: [{