@dignite-ng/expand.cms 0.0.37 → 0.0.39

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

@@ -16,11 +16,11 @@ import * as i2 from '@angular/common';
 import * as i9 from '@ngx-validate/core';
 import * as i10 from '@ng-bootstrap/ng-bootstrap';
 import { NgbNavModule, NgbAccordionModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
-import * as i11 from '@abp/ng.components/page';
+import * as i8$1 from '@abp/ng.components/page';
 import { PageModule } from '@abp/ng.components/page';
 import { pinyin } from 'pinyin-pro';
 import * as i1$2 from '@angular/platform-browser';
-import * as i8$1 from '@dignite-ng/expand.dynamic-form';
+import * as i8$2 from '@dignite-ng/expand.dynamic-form';
 import { DynamicFormModule } from '@dignite-ng/expand.dynamic-form';
 import * as i4 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
@@ -49,13 +49,14 @@ var ECmsComponent;
 })(ECmsComponent || (ECmsComponent = {}));
 
 class UpdateListService {
-    updateListEvent = new EventEmitter();
-    constructor() { }
+    constructor() {
+        this.updateListEvent = new EventEmitter();
+    }
     updateList() {
         this.updateListEvent.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateListService, providedIn: 'root' });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateListService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateListService, decorators: [{
             type: Injectable,
@@ -65,26 +66,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return []; } });
 
 class SiteSettingsAdminService {
-    restService;
-    apiName = 'CmsAdmin';
-    getAllLanguages = (config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/site-settings/all-languages',
-    }, { apiName: this.apiName, ...config });
-    getBrand = (config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/site-settings/brand',
-    }, { apiName: this.apiName, ...config });
-    getDefaultLanguage = (config) => this.restService.request({
-        method: 'GET',
-        responseType: 'text',
-        url: '/api/cms-admin/site-settings/default-language',
-    }, { apiName: this.apiName, ...config });
     constructor(restService) {
         this.restService = restService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SiteSettingsAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SiteSettingsAdminService, providedIn: 'root' });
+        this.apiName = 'CmsAdmin';
+        this.getAllLanguages = (config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/site-settings/all-languages',
+        }, { apiName: this.apiName, ...config });
+        this.getBrand = (config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/site-settings/brand',
+        }, { apiName: this.apiName, ...config });
+        this.getDefaultLanguage = (config) => this.restService.request({
+            method: 'GET',
+            responseType: 'text',
+            url: '/api/cms-admin/site-settings/default-language',
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SiteSettingsAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SiteSettingsAdminService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SiteSettingsAdminService, decorators: [{
             type: Injectable,
@@ -94,65 +94,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class EntryAdminService {
-    restService;
-    apiName = 'CmsAdmin';
-    activate = (id, config) => this.restService.request({
-        method: 'POST',
-        url: `/api/cms-admin/entries/activate/${id}`,
-    }, { apiName: this.apiName, ...config });
-    create = (input, config) => this.restService.request({
-        method: 'POST',
-        url: '/api/cms-admin/entries',
-        body: input,
-    }, { apiName: this.apiName, ...config });
-    cultureExistWithSingleSection = (input, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/entries/culture-exists-with-single-section',
-        params: { culture: input.culture, sectionId: input.sectionId, entryTypeId: input.entryTypeId },
-    }, { apiName: this.apiName, ...config });
-    delete = (id, config) => this.restService.request({
-        method: 'DELETE',
-        url: `/api/cms-admin/entries/${id}`,
-    }, { apiName: this.apiName, ...config });
-    get = (id, config) => this.restService.request({
-        method: 'GET',
-        url: `/api/cms-admin/entries/${id}`,
-    }, { apiName: this.apiName, ...config });
-    getAllVersions = (id, config) => this.restService.request({
-        method: 'GET',
-        url: `/api/cms-admin/entries/${id}/all-versions`,
-    }, { apiName: this.apiName, ...config });
-    getList = (input, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/entries',
-        params: { culture: input.culture, sectionId: input.sectionId, entryTypeId: input.entryTypeId, startPublishDate: input.startPublishDate, expiryPublishDate: input.expiryPublishDate, filter: input.filter, status: input.status, creatorId: input.creatorId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
-    }, { apiName: this.apiName, ...config });
-    getListByIds = (sectionId, ids, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/entries/search-by-ids',
-        params: { sectionId, ids },
-    }, { apiName: this.apiName, ...config });
-    move = (id, input, config) => this.restService.request({
-        method: 'POST',
-        url: `/api/cms-admin/entries/move/${id}`,
-        body: input,
-    }, { apiName: this.apiName, ...config });
-    slugExists = (input, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/entries/slug-exists',
-        params: { culture: input.culture, sectionId: input.sectionId, slug: input.slug },
-    }, { apiName: this.apiName, ...config });
-    update = (id, input, config) => this.restService.request({
-        method: 'PUT',
-        url: '/api/cms-admin/entries',
-        params: { id },
-        body: input,
-    }, { apiName: this.apiName, ...config });
     constructor(restService) {
         this.restService = restService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryAdminService, providedIn: 'root' });
+        this.apiName = 'CmsAdmin';
+        this.activate = (id, config) => this.restService.request({
+            method: 'POST',
+            url: `/api/cms-admin/entries/activate/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/entries',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.cultureExistWithSingleSection = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/entries/culture-exists-with-single-section',
+            params: { culture: input.culture, sectionId: input.sectionId, entryTypeId: input.entryTypeId },
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/entries/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/entries/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.getAllVersions = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/entries/${id}/all-versions`,
+        }, { apiName: this.apiName, ...config });
+        this.getList = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/entries',
+            params: { culture: input.culture, sectionId: input.sectionId, entryTypeId: input.entryTypeId, startPublishDate: input.startPublishDate, expiryPublishDate: input.expiryPublishDate, filter: input.filter, status: input.status, creatorId: input.creatorId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
+        }, { apiName: this.apiName, ...config });
+        this.getListByIds = (sectionId, ids, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/entries/search-by-ids',
+            params: { sectionId, ids },
+        }, { apiName: this.apiName, ...config });
+        this.move = (id, input, config) => this.restService.request({
+            method: 'POST',
+            url: `/api/cms-admin/entries/move/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.slugExists = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/entries/slug-exists',
+            params: { culture: input.culture, sectionId: input.sectionId, slug: input.slug },
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: '/api/cms-admin/entries',
+            params: { id },
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryAdminService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryAdminService, decorators: [{
             type: Injectable,
@@ -162,36 +161,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class EntryTypeAdminService {
-    restService;
-    apiName = 'CmsAdmin';
-    create = (input, config) => this.restService.request({
-        method: 'POST',
-        url: '/api/cms-admin/entry-types',
-        body: input,
-    }, { apiName: this.apiName, ...config });
-    delete = (id, config) => this.restService.request({
-        method: 'DELETE',
-        url: `/api/cms-admin/entry-types/${id}`,
-    }, { apiName: this.apiName, ...config });
-    get = (id, config) => this.restService.request({
-        method: 'GET',
-        url: `/api/cms-admin/entry-types/${id}`,
-    }, { apiName: this.apiName, ...config });
-    nameExists = (input, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/entry-types/name-exists',
-        params: { sectionId: input.sectionId, name: input.name },
-    }, { apiName: this.apiName, ...config });
-    update = (id, input, config) => this.restService.request({
-        method: 'PUT',
-        url: `/api/cms-admin/entry-types/${id}`,
-        body: input,
-    }, { apiName: this.apiName, ...config });
     constructor(restService) {
         this.restService = restService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryTypeAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryTypeAdminService, providedIn: 'root' });
+        this.apiName = 'CmsAdmin';
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/entry-types',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/entry-types/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/entry-types/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.nameExists = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/entry-types/name-exists',
+            params: { sectionId: input.sectionId, name: input.name },
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: `/api/cms-admin/entry-types/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryTypeAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryTypeAdminService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryTypeAdminService, decorators: [{
             type: Injectable,
@@ -201,46 +199,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class SectionAdminService {
-    restService;
-    apiName = 'CmsAdmin';
-    create = (input, config) => this.restService.request({
-        method: 'POST',
-        url: '/api/cms-admin/sections',
-        body: input,
-    }, { apiName: this.apiName, ...config });
-    delete = (id, config) => this.restService.request({
-        method: 'DELETE',
-        url: `/api/cms-admin/sections/${id}`,
-    }, { apiName: this.apiName, ...config });
-    get = (id, config) => this.restService.request({
-        method: 'GET',
-        url: `/api/cms-admin/sections/${id}`,
-    }, { apiName: this.apiName, ...config });
-    getList = (input, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/sections',
-        params: { filter: input.filter, isActive: input.isActive, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
-    }, { apiName: this.apiName, ...config });
-    nameExists = (input, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/sections/name-exists',
-        params: { name: input.name },
-    }, { apiName: this.apiName, ...config });
-    routeExists = (input, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/sections/route-exists',
-        params: { route: input.route },
-    }, { apiName: this.apiName, ...config });
-    update = (id, input, config) => this.restService.request({
-        method: 'PUT',
-        url: `/api/cms-admin/sections/${id}`,
-        body: input,
-    }, { apiName: this.apiName, ...config });
     constructor(restService) {
         this.restService = restService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionAdminService, providedIn: 'root' });
+        this.apiName = 'CmsAdmin';
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/sections',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/sections/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/sections/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.getList = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/sections',
+            params: { filter: input.filter, isActive: input.isActive, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
+        }, { apiName: this.apiName, ...config });
+        this.nameExists = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/sections/name-exists',
+            params: { name: input.name },
+        }, { apiName: this.apiName, ...config });
+        this.routeExists = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/sections/route-exists',
+            params: { route: input.route },
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: `/api/cms-admin/sections/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionAdminService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionAdminService, decorators: [{
             type: Injectable,
@@ -250,16 +247,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class EntriesComponent {
-    _EntryAdminService;
-    _SectionAdminService;
-    toaster;
-    confirmation;
-    configState;
-    router;
-    _LocalizationService;
-    constructor(_EntryAdminService, 
-    // private _SiteAdminService: SiteAdminService,
-    _SectionAdminService, toaster, confirmation, configState, router, _LocalizationService) {
+    constructor(_EntryAdminService, _SectionAdminService, toaster, confirmation, configState, router, _LocalizationService) {
         this._EntryAdminService = _EntryAdminService;
         this._SectionAdminService = _SectionAdminService;
         this.toaster = toaster;
@@ -267,31 +255,47 @@ class EntriesComponent {
         this.configState = configState;
         this.router = router;
         this._LocalizationService = _LocalizationService;
+        this.fb = inject(FormBuilder);
+        this._UpdateListService = inject(UpdateListService);
+        this.list = inject(ListService);
+        /**站点列表 */
+        // siteList: any[any] = []
+        /**选择的站点id */
+        // siteId: string = ''
+        /**站点下的版块 */
+        this.SiteOfSectionList = [];
+        /**版块下的语言列表 */
+        this.sectionLanguagesList = [];
+        /**版块下的条目类型列表 */
+        this.entryTypeList = [];
+        /**状态编码 */
+        this._entryStatusOptions = entryStatusOptions;
+        this.config = inject(ConfigStateService);
+        this._SiteSettingsAdminService = inject(SiteSettingsAdminService);
+        /**站点设置语言 */
+        this.SiteSettingsAdminLanguages = [];
+        /**列表相关 */
+        this.ColumnMode = ColumnMode;
+        this.data = {
+            items: [],
+            totalCount: 0,
+        };
+        this.filters = {};
+        this.filtersForm = this.fb.group({
+            siteId: [''],
+            sectionId: [''],
+            culture: [''],
+            filter: [''],
+        });
     }
-    fb = inject(FormBuilder);
-    _UpdateListService = inject(UpdateListService);
-    list = inject(ListService);
     ngOnInit() {
         this.getPageDate();
         this._UpdateListService.updateListEvent.subscribe(() => {
             this.list.get();
         });
     }
-    /**站点列表 */
-    // siteList: any[any] = []
-    /**选择的站点id */
-    // siteId: string = ''
-    /**站点下的版块 */
-    SiteOfSectionList = [];
-    /**版块下的语言列表 */
-    sectionLanguagesList = [];
-    /**版块下的条目类型列表 */
-    entryTypeList = [];
-    /**状态编码 */
-    _entryStatusOptions = entryStatusOptions;
     /**获取页面数据 */
     async getPageDate() {
-        // await this.getsiteList()
         await this.getSiteOfSectionList();
         await this.getSectionLanguagesList();
         this.filters = this.filtersForm.value;
@@ -310,10 +314,8 @@ class EntriesComponent {
     /**获取站点下的版块 */
     getSiteOfSectionList() {
         return new Promise((resolve, rejects) => {
-            // let siteId = this.filtersForm.get('siteId').value
             this._SectionAdminService.getList({
                 maxResultCount: 1000,
-                // siteId: siteId
             }).subscribe(res => {
                 this.SiteOfSectionList = res.items;
                 this.filtersForm.get('sectionId').patchValue(res.items[0]?.id || '');
@@ -327,8 +329,6 @@ class EntriesComponent {
         let sectionId = this.filtersForm.get('sectionId').value;
         this.entryTypeList = this.SiteOfSectionList.find(el => el.id == sectionId)?.entryTypes || [];
     }
-    config = inject(ConfigStateService);
-    _SiteSettingsAdminService = inject(SiteSettingsAdminService);
     /**获取版块下的语言列表 */
     getSectionLanguagesList() {
         return new Promise(async (resolve, rejects) => {
@@ -351,8 +351,6 @@ class EntriesComponent {
             resolve(LanguagesArray);
         });
     }
-    /**站点设置语言 */
-    SiteSettingsAdminLanguages = [];
     /**
      * 获取站点设置语言
      */
@@ -376,19 +374,6 @@ class EntriesComponent {
             queryParams: { cultureName: this.filters.culture, sectionId: this.filters.sectionId, entryTypeId: this.entryTypeList[0].id }
         });
     }
-    /**列表相关 */
-    ColumnMode = ColumnMode;
-    data = {
-        items: [],
-        totalCount: 0,
-    };
-    filters = {};
-    filtersForm = this.fb.group({
-        siteId: [''],
-        sectionId: [''],
-        culture: [''],
-        filter: [''],
-    });
     hookToQuery() {
         const getData = (query) => this._EntryAdminService.getList({
             ...query,
@@ -411,8 +396,8 @@ class EntriesComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntriesComponent, deps: [{ token: EntryAdminService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.ConfigStateService }, { token: i3$1.Router }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EntriesComponent, selector: "cms-entries", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntriesComponent, deps: [{ token: EntryAdminService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.ConfigStateService }, { token: i3$1.Router }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EntriesComponent, selector: "cms-entries", providers: [
             ListService,
             // Provide this token if you want a different debounce time.
             // Default is 300. Cannot be 0. Any value below 100 is not recommended.
@@ -421,7 +406,7 @@ class EntriesComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries,
             },
-        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body px-2 py-sm-2 border-bottom\" [formGroup]=\"filtersForm\">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"sectionId\" (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                \r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"resetData()\">\r\n                            <i class=\"fa fa-search\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\r\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\r\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\" [width]=\"190\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | date: 'YYYY/MM/dd HH:mm:s' }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                        cellClass=\"cellClassRight\" [frozenRight]=\"true\" [width]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'AbpUi::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                    </ngx-datatable>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i11.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body px-2 py-sm-2 border-bottom\" [formGroup]=\"filtersForm\">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"sectionId\" (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                \r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"resetData()\">\r\n                            <i class=\"fa fa-search\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\r\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\r\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\" [width]=\"190\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | date: 'YYYY/MM/dd HH:mm:s' }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                        cellClass=\"cellClassRight\" [frozenRight]=\"true\" [width]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'AbpUi::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                    </ngx-datatable>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i8$1.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntriesComponent, decorators: [{
             type: Component,
@@ -434,30 +419,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Entries,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body px-2 py-sm-2 border-bottom\" [formGroup]=\"filtersForm\">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"sectionId\" (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                \r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"resetData()\">\r\n                            <i class=\"fa fa-search\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\r\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\r\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\" [width]=\"190\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | date: 'YYYY/MM/dd HH:mm:s' }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                        cellClass=\"cellClassRight\" [frozenRight]=\"true\" [width]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'AbpUi::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                    </ngx-datatable>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
+                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body px-2 py-sm-2 border-bottom\" [formGroup]=\"filtersForm\">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"sectionId\" (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                \r\n                    <div class=\"mb-2 col-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\r\n                    </div>\r\n                    <div class=\"mb-2 col-3\">\r\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"resetData()\">\r\n                            <i class=\"fa fa-search\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\r\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\r\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\" [width]=\"190\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | date: 'YYYY/MM/dd HH:mm:s' }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                        cellClass=\"cellClassRight\" [frozenRight]=\"true\" [width]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'AbpUi::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                    </ngx-datatable>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
         }], ctorParameters: function () { return [{ type: EntryAdminService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.ConfigStateService }, { type: i3$1.Router }, { type: i1.LocalizationService }]; } });
 
 class CreateOrUpdateEntryInputBase {
-    /**语言 */
-    culture = ['', [Validators.required]];
-    /**条目id */
-    entryTypeId = [''];
-    /**标题 */
-    title = ['', [Validators.required]];
-    /**别名 */
-    slug = ['', [Validators.required]];
-    /**是否是草稿 */
-    draft = ['', []];
-    /**发布时间 */
-    publishTime = ['', [Validators.required]];
-    /**上级目录 */
-    parentId = [null];
-    /**修订说明 */
-    versionNotes = [null];
-    /**版本 */
-    initialVersionId = [null];
-    extraProperties = new FormGroup({});
     constructor(data) {
+        /**语言 */
+        this.culture = ['', [Validators.required]];
+        /**条目id */
+        this.entryTypeId = [''];
+        /**标题 */
+        this.title = ['', [Validators.required]];
+        /**别名 */
+        this.slug = ['', [Validators.required]];
+        /**是否是草稿 */
+        this.draft = ['', []];
+        /**发布时间 */
+        this.publishTime = ['', [Validators.required]];
+        /**上级目录 */
+        this.parentId = [null];
+        /**修订说明 */
+        this.versionNotes = [null];
+        /**版本 */
+        this.initialVersionId = [null];
+        this.extraProperties = new FormGroup({});
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -469,36 +454,35 @@ class CreateOrUpdateEntryInputBase {
 }
 
 class FieldGroupAdminService {
-    restService;
-    apiName = 'CmsAdmin';
-    create = (input, config) => this.restService.request({
-        method: 'POST',
-        url: '/api/cms-admin/field-groups',
-        body: input,
-    }, { apiName: this.apiName, ...config });
-    delete = (id, config) => this.restService.request({
-        method: 'DELETE',
-        url: `/api/cms-admin/field-groups/${id}`,
-    }, { apiName: this.apiName, ...config });
-    get = (id, config) => this.restService.request({
-        method: 'GET',
-        url: `/api/cms-admin/field-groups/${id}`,
-    }, { apiName: this.apiName, ...config });
-    getList = (input, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/field-groups',
-        params: { input },
-    }, { apiName: this.apiName, ...config });
-    update = (id, input, config) => this.restService.request({
-        method: 'PUT',
-        url: `/api/cms-admin/field-groups/${id}`,
-        body: input,
-    }, { apiName: this.apiName, ...config });
     constructor(restService) {
         this.restService = restService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupAdminService, providedIn: 'root' });
+        this.apiName = 'CmsAdmin';
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/field-groups',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/field-groups/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/field-groups/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.getList = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/field-groups',
+            params: { input },
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: `/api/cms-admin/field-groups/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupAdminService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupAdminService, decorators: [{
             type: Injectable,
@@ -508,17 +492,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class FormAdminService {
-    restService;
-    apiName = 'CmsAdmin';
-    getFormControls = (config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/dynamic-forms/forms',
-    }, { apiName: this.apiName, ...config });
     constructor(restService) {
         this.restService = restService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormAdminService, providedIn: 'root' });
+        this.apiName = 'CmsAdmin';
+        this.getFormControls = (config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/dynamic-forms/forms',
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormAdminService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormAdminService, decorators: [{
             type: Injectable,
@@ -528,22 +511,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class FieldAbstractsService {
-    _FieldGroupAdminService;
-    _FormAdminService;
     constructor(_FieldGroupAdminService, _FormAdminService) {
         this._FieldGroupAdminService = _FieldGroupAdminService;
         this._FormAdminService = _FormAdminService;
+        /**字段分组列表 */
+        this.fieldGroupList = [];
+        /**表单控件类型 */
+        this.fromControlList = [];
     }
-    /**字段分组列表 */
-    fieldGroupList = [];
     /**获取字段分组列表 */
     getfieldGroupList() {
         this._FieldGroupAdminService.getList({}).subscribe(res => {
             this.fieldGroupList = res.items;
         });
     }
-    /**表单控件类型 */
-    fromControlList = [];
     /**获取表单控件类型 */
     getFromControlList() {
         return new Promise((resolve, reject) => {
@@ -557,8 +538,8 @@ class FieldAbstractsService {
         // return this.fromControlList.filter(el => el.name !== typeName)
         return this.fromControlList;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAbstractsService, deps: [{ token: FieldGroupAdminService }, { token: FormAdminService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAbstractsService, providedIn: 'root' });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAbstractsService, deps: [{ token: FieldGroupAdminService }, { token: FormAdminService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAbstractsService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAbstractsService, decorators: [{
             type: Injectable,
@@ -568,16 +549,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: FieldGroupAdminService }, { type: FormAdminService }]; } });
 
 class CmsService {
-    restService;
-    apiName = 'Cms';
     constructor(restService) {
         this.restService = restService;
+        this.apiName = 'Cms';
     }
     sample() {
         return this.restService.request({ method: 'GET', url: '/api/Cms/sample' }, { apiName: this.apiName });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsService, providedIn: 'root' });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsService, decorators: [{
             type: Injectable,
@@ -587,7 +567,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class CmsApiService {
-    titleService;
     constructor(titleService) {
         this.titleService = titleService;
     }
@@ -651,8 +630,8 @@ class CmsApiService {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsApiService, deps: [{ token: i1$2.Title }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsApiService, providedIn: 'root' });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsApiService, deps: [{ token: i1$2.Title }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsApiService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsApiService, decorators: [{
             type: Injectable,
@@ -662,58 +641,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$2.Title }]; } });
 
 class SimpleReuseStrategy {
-    handlers = {};
-    //表示对路由允许复用
-    shouldDetach(route) {
-        //默认对所有路由复用 可通过给路由配置项增加data: { keep: true }来进行选择性使用，代码如下
-        //如果是懒加载路由需要在生命组件的位置进行配置
-        if (!route.data.keep) {
-            return false;
+    static { this.cacheRouters = new Map(); }
+    static deleteRouteCache(url) {
+        if (SimpleReuseStrategy.cacheRouters.has(url)) {
+            const handle = SimpleReuseStrategy.cacheRouters.get(url);
+            try {
+                handle.componentRef.destory();
+            }
+            catch (e) { }
+            SimpleReuseStrategy.cacheRouters.delete(url);
         }
-        return true;
     }
-    //当路由离开时会触发。按path作为key存储路由快照&组件当前实例对象
-    store(route, handle) {
-        const key = route.component.name;
-        if (key) {
-            this.handlers[key] = handle;
-        }
+    static deleteAllRouteCache() {
+        SimpleReuseStrategy.cacheRouters.forEach((handle, key) => {
+            SimpleReuseStrategy.deleteRouteCache(key);
+        });
     }
-    //若path在缓存中有的都认为允许还原路由
-    shouldAttach(route) {
-        if (route.component?.name) {
-            return !!this.handlers[route.component?.name];
-        }
-        return false;
+    // one 进入路由触发，是否同一路由时复用路由
+    shouldReuseRoute(future, curr) {
+        return future.routeConfig === curr.routeConfig &&
+            JSON.stringify(future.params) === JSON.stringify(curr.params);
     }
-    // 从缓存中获取快照，若无则返回null
+    // 获取存储路由
     retrieve(route) {
-        if (!route.routeConfig)
-            return null;
-        //在loadChildren路径上通过修改自定义RouteReuseStrategy中的检索函数时从不检索分离的路由。
-        if (route.routeConfig.loadChildren)
+        const url = this.getFullRouteURL(route);
+        if (route.data.keep && SimpleReuseStrategy.cacheRouters.has(url)) {
+            return SimpleReuseStrategy.cacheRouters.get(url);
+        }
+        else {
             return null;
-        if (route.component?.name) {
-            return this.handlers[route.component?.name];
         }
-        return null;
     }
-    //进入路由触发，判断是否同一路由
-    shouldReuseRoute(future, current) {
-        return future.routeConfig === current.routeConfig;
+    // 是否允许复用路由
+    shouldDetach(route) {
+        return Boolean(route.data.keep);
+    }
+    // 当路由离开时会触发，存储路由
+    store(route, handle) {
+        const url = this.getFullRouteURL(route);
+        SimpleReuseStrategy.cacheRouters.set(url, handle);
+    }
+    //  是否允许还原路由
+    shouldAttach(route) {
+        const url = this.getFullRouteURL(route);
+        return Boolean(route.data.keep) && SimpleReuseStrategy.cacheRouters.has(url);
+    }
+    // 获取当前路由url
+    getFullRouteURL(route) {
+        const { pathFromRoot } = route;
+        let fullRouteUrlPath = [];
+        pathFromRoot.forEach((item) => {
+            fullRouteUrlPath = fullRouteUrlPath.concat(this.getRouteUrlPath(item));
+        });
+        return `/${fullRouteUrlPath.join('/')}`;
+    }
+    getRouteUrlPath(route) {
+        return route.url.map(urlSegment => urlSegment.path);
     }
 }
 
 class CreateOrEditEntriesComponent {
-    toaster;
-    _location;
-    configState;
-    _SectionAdminService;
-    _EntryAdminService;
-    datePipe;
-    _LocalizationService;
-    router;
-    _CmsApiService;
     constructor(toaster, _location, configState, _SectionAdminService, _EntryAdminService, datePipe, _LocalizationService, router, _CmsApiService) {
         this.toaster = toaster;
         this._location = _location;
@@ -724,43 +711,43 @@ class CreateOrEditEntriesComponent {
         this._LocalizationService = _LocalizationService;
         this.router = router;
         this._CmsApiService = _CmsApiService;
+        /**语言 */
+        this.cultureName = '';
+        /**条目id */
+        this.entryTypeId = '';
+        /**新建版本的版本id，同条目id */
+        this.RevisionEntryId = '';
+        /**选择的条目项 */
+        this.entryTypesItem = '';
+        /**版块id */
+        this.sectionId = '';
+        /**版块详情 */
+        this.SectionSelect = '';
+        /**语言列表 */
+        this.languagesList = [];
+        /**条目类型列表-用于选择上级条目 */
+        this.entryTypesList = [];
+        /**版本列表 */
+        this.AllVersionsList = [];
+        /**是否是编辑 */
+        this.isEdit = false;
+        /**来自父组件的传值 */
+        this.FromParentQueryParams = '';
+        /**指定id的条目信息 */
+        this.entrySelect = '';
+        this.time = 0;
+        this.config = inject(ConfigStateService);
     }
-    /**语言 */
-    cultureName = '';
-    /**条目id */
-    entryTypeId = '';
-    /**新建版本的版本id，同条目id */
-    RevisionEntryId = '';
-    /**选择的条目项 */
-    entryTypesItem = '';
-    /**版块id */
-    sectionId = '';
-    /**版块详情 */
-    SectionSelect = '';
-    /**语言列表 */
-    languagesList = [];
-    /**条目类型列表-用于选择上级条目 */
-    entryTypesList = [];
-    /**版本列表 */
-    AllVersionsList = [];
-    /**是否是编辑 */
-    isEdit = false;
-    /**来自父组件的传值 */
-    FromParentQueryParams = '';
     set ParentQueryParams(v) {
         if (v) {
             this.FromParentQueryParams = v;
         }
     }
-    /**表单实体 */
-    _entity;
     set entity(v) {
         if (v) {
             this._entity = v;
         }
     }
-    /**指定id的条目信息 */
-    entrySelect = '';
     set parentEntrySelect(v) {
         if (v) {
             let V_extraProperties = this._CmsApiService.deepClone(this.convertExtraProperties(v.extraProperties));
@@ -825,8 +812,6 @@ class CreateOrEditEntriesComponent {
                 await this.getAllVersionsList();
         }
     }
-    /**表单控件模板-动态表单配置组件 */
-    FormDynamicontrolRef;
     /**定义自定义异步验证 */
     cultureAsyncValidator_test() {
         return (ctrl) => {
@@ -860,7 +845,6 @@ class CreateOrEditEntriesComponent {
         this.cultureName = source.culture || source.cultureName;
         this.sectionId = source.sectionId;
     }
-    time = 0;
     /**定义自定义异步验证 */
     repetitionAsyncValidator() {
         return (ctrl) => {
@@ -885,7 +869,6 @@ class CreateOrEditEntriesComponent {
             });
         };
     }
-    config = inject(ConfigStateService);
     /**获取版块详情 */
     getSectionSelect() {
         return new Promise((resolve, rejects) => {
@@ -955,8 +938,8 @@ class CreateOrEditEntriesComponent {
             this.getAllVersionsList();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditEntriesComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i1.ConfigStateService }, { token: SectionAdminService }, { token: EntryAdminService }, { token: i2.DatePipe }, { token: i1.LocalizationService }, { token: i3$1.Router }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: { isEdit: "isEdit", ParentQueryParams: "ParentQueryParams", entity: "entity", parentEntrySelect: "parentEntrySelect" }, viewQueries: [{ propertyName: "FormDynamicontrolRef", predicate: ["FormDynamicontrolRef"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"create-or-edit-entry-page\" [formGroup]=\"_entity\">\n    <div class=\"container \">\n        <div class=\"row\">\n            <div class=\"col-md-8 \">\n                <div class=\"card  p-2\">\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"title\">{{'Cms::Title' | abpLocalization}}</label>\n                        <input type=\"text\" class=\"form-control\" (blur)=\"setTitleToSlugBlur($event)\"\n                            formControlName=\"title\">\n                    </div>\n                    <template #FormDynamicRef></template>\n                    <ng-container *ngFor=\"let item of entryTypesItem?.fieldTabs;let i =index\">\n                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\n                            <ng-container *ngIf=\"el&&_entity\">\n                                <df-dynamic [entity]=\"_entity\" [fields]=\"el\"\n                                    [selected]=\"entrySelect ? entrySelect.extraProperties[el.field.name] : ''\"\n                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureinput.value\"></df-dynamic>\n                            </ng-container>\n                        </ng-container>\n                    </ng-container>\n                </div>\n            </div>\n            <div class=\"col-md-4 \">\n                <div class=\"card mb-0 p-2\">\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"slug\">{{'Cms::Slug' | abpLocalization}}</label>\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\n                        <div class=\"text-danger invalid-feedback\" *ngIf=\"sluginput.errors?.repetition\">\n                            {{sluginput.errors?.repetition}}\n                        </div>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"culture\">{{'AbpUi::Languages' | abpLocalization}}</label>\n                        <select class=\"form-select\" formControlName=\"culture\">\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\n                            </ng-container>\n                        </select>\n                        <input type=\"text\" formControlName=\"culture_shadow\"\n                            style=\"position: absolute;z-index: -1;opacity: 0;\">\n                        <div class=\"text-danger invalid-feedback\" *ngIf=\"culture_shadowInput.errors?.repetition\">\n                            {{culture_shadowInput.errors?.repetition}}\n                        </div>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\n                        <select class=\"form-select\" formControlName=\"parentId\">\n                            <option value=\"\"></option>\n                            <ng-container *ngFor=\"let item of entryTypesList;let i =index\">\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\n                            </ng-container>\n                        </select>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\n                    </div>\n                    <div class=\"mb-2\" *ngIf=\"isEdit\">\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::Version' | abpLocalization}}</label>\n                        <ul class=\"list-group\">\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\n                                <li class=\"list-group-item flex-between\">\n                                    <div>\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\n                                        <span class=\"badge text-bg-success ms-1\"\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\n                                        <span class=\"badge text-bg-primary ms-1\"\n                                            *ngIf=\"item.id === RevisionEntryId\">{{'Cms::Editing' |\n                                            abpLocalization}}</span>\n                                    </div>\n                                    <div>\n                                        <div ngbDropdown class=\"d-inline-block\">\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\n                                            </button>\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\n                                                    (click)=\"ActivatedVersion(item.id)\">\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\n                                                    abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\"\n                                                    routerLink=\"/cms/admin/entries/create\"\n                                                    [queryParams]=\"{RevisionEntryId:item.id}\">\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\n                                                    abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\n                                                    *ngIf=\"item.id !== RevisionEntryId\">\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\"\n                                                    (click.stop)=\"delectVersion(item.id)\"\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== RevisionEntryId\">\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\n                                                    abpLocalization}}\n                                                </button>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </li>\n                            </ng-container>\n                        </ul>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .create-or-edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditEntriesComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i1.ConfigStateService }, { token: SectionAdminService }, { token: EntryAdminService }, { token: i2.DatePipe }, { token: i1.LocalizationService }, { token: i3$1.Router }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: { isEdit: "isEdit", ParentQueryParams: "ParentQueryParams", entity: "entity", parentEntrySelect: "parentEntrySelect" }, viewQueries: [{ propertyName: "FormDynamicontrolRef", predicate: ["FormDynamicontrolRef"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"create-or-edit-entry-page\" [formGroup]=\"_entity\">\n    <div class=\"container \">\n        <div class=\"row\">\n            <div class=\"col-md-8 \">\n                <div class=\"card  p-2\">\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"title\">{{'Cms::Title' | abpLocalization}}</label>\n                        <input type=\"text\" class=\"form-control\" (blur)=\"setTitleToSlugBlur($event)\"\n                            formControlName=\"title\">\n                    </div>\n                    <template #FormDynamicRef></template>\n                    <ng-container *ngFor=\"let item of entryTypesItem?.fieldTabs;let i =index\">\n                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\n                            <ng-container *ngIf=\"el&&_entity\">\n                                <df-dynamic [entity]=\"_entity\" [fields]=\"el\"\n                                    [selected]=\"entrySelect ? entrySelect.extraProperties[el.field.name] : ''\"\n                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureinput.value\"></df-dynamic>\n                            </ng-container>\n                        </ng-container>\n                    </ng-container>\n                </div>\n            </div>\n            <div class=\"col-md-4 \">\n                <div class=\"card mb-0 p-2\">\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"slug\">{{'Cms::Slug' | abpLocalization}}</label>\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\n                        <div class=\"text-danger invalid-feedback\" *ngIf=\"sluginput.errors?.repetition\">\n                            {{sluginput.errors?.repetition}}\n                        </div>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"culture\">{{'AbpUi::Languages' | abpLocalization}}</label>\n                        <select class=\"form-select\" formControlName=\"culture\">\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\n                            </ng-container>\n                        </select>\n                        <input type=\"text\" formControlName=\"culture_shadow\"\n                            style=\"position: absolute;z-index: -1;opacity: 0;\">\n                        <div class=\"text-danger invalid-feedback\" *ngIf=\"culture_shadowInput.errors?.repetition\">\n                            {{culture_shadowInput.errors?.repetition}}\n                        </div>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\n                        <select class=\"form-select\" formControlName=\"parentId\">\n                            <option value=\"\"></option>\n                            <ng-container *ngFor=\"let item of entryTypesList;let i =index\">\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\n                            </ng-container>\n                        </select>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\n                    </div>\n                    <div class=\"mb-2\" *ngIf=\"isEdit\">\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::Version' | abpLocalization}}</label>\n                        <ul class=\"list-group\">\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\n                                <li class=\"list-group-item flex-between\">\n                                    <div>\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\n                                        <span class=\"badge text-bg-success ms-1\"\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\n                                        <span class=\"badge text-bg-primary ms-1\"\n                                            *ngIf=\"item.id === RevisionEntryId\">{{'Cms::Editing' |\n                                            abpLocalization}}</span>\n                                    </div>\n                                    <div>\n                                        <div ngbDropdown class=\"d-inline-block\">\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\n                                            </button>\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\n                                                    (click)=\"ActivatedVersion(item.id)\">\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\n                                                    abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\"\n                                                    routerLink=\"/cms/admin/entries/create\"\n                                                    [queryParams]=\"{RevisionEntryId:item.id}\">\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\n                                                    abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\n                                                    *ngIf=\"item.id !== RevisionEntryId\">\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\n                                                </button>\n                                                <button ngbDropdownItem type=\"button\"\n                                                    (click.stop)=\"delectVersion(item.id)\"\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== RevisionEntryId\">\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\n                                                    abpLocalization}}\n                                                </button>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </li>\n                            </ng-container>\n                        </ul>\n                    </div>\n                    <div class=\"mb-2\">\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .create-or-edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditEntriesComponent, decorators: [{
             type: Component,
@@ -975,32 +958,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class CreateComponent {
-    toaster;
-    _location;
-    route;
-    _EntryAdminService;
-    _LocalizationService;
-    router;
-    constructor(toaster, _location, route, _EntryAdminService, _LocalizationService, router) {
+    constructor(toaster, _location, route, _EntryAdminService, _LocalizationService) {
         this.toaster = toaster;
         this._location = _location;
         this.route = route;
         this._EntryAdminService = _EntryAdminService;
         this._LocalizationService = _LocalizationService;
-        this.router = router;
+        this.fb = inject(FormBuilder);
+        this._updateListService = inject(UpdateListService);
+        /**是否是草稿 */
+        this.draftType = false;
+        /**页面传值用于传递到子组件 */
+        this.queryParams = '';
+        /**指定id的条目信息 */
+        this.entrySelect = '';
     }
-    fb = inject(FormBuilder);
-    _updateListService = inject(UpdateListService);
-    /**表单实体 */
-    newEntity;
-    /**是否是草稿 */
-    draftType = false;
-    /**页面传值用于传递到子组件 */
-    queryParams = '';
-    /**指定id的条目信息 */
-    entrySelect = '';
-    /**获取提交按钮替身，用于真实触发表单提交 */
-    submitclick;
     async ngOnInit() {
         this.queryParams = this.route.snapshot.queryParams;
         this.newEntity = this.fb.group(new CreateOrUpdateEntryInputBase());
@@ -1029,10 +1001,8 @@ class CreateComponent {
             return;
         this._EntryAdminService.create(input).subscribe(res => {
             this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
-            this.router.navigateByUrl('', { skipLocationChange: true }).then(() => {
-                this.router.navigate([`/cms/admin/entries`]);
-                this._updateListService.updateList();
-            });
+            this._location.back();
+            this._updateListService.updateList();
         });
     }
     /**触发点击按钮替身 */
@@ -1044,13 +1014,13 @@ class CreateComponent {
     backTo() {
         this._location.back();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i3$1.ActivatedRoute }, { token: EntryAdminService }, { token: i1.LocalizationService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateComponent, selector: "cms-create", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i3$1.ActivatedRoute }, { token: EntryAdminService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateComponent, selector: "cms-create", providers: [
             {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries_Create,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save(draftType)\">\n    <abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect; else elseTemplate\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" ></cms-create-or-edit-entries>\n        </ng-container>\n        <ng-template #elseTemplate>\n            <cms-create-or-edit-entries [entity]=\"newEntity\"\n                [ParentQueryParams]=\"queryParams\" ></cms-create-or-edit-entries>\n        </ng-template>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "ParentQueryParams", "entity", "parentEntrySelect"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save(draftType)\">\n    <abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect; else elseTemplate\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" ></cms-create-or-edit-entries>\n        </ng-container>\n        <ng-template #elseTemplate>\n            <cms-create-or-edit-entries [entity]=\"newEntity\"\n                [ParentQueryParams]=\"queryParams\" ></cms-create-or-edit-entries>\n        </ng-template>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "ParentQueryParams", "entity", "parentEntrySelect"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateComponent, decorators: [{
             type: Component,
@@ -1060,38 +1030,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             useValue: ECmsComponent.Entries_Create,
                         },
                     ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save(draftType)\">\n    <abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect; else elseTemplate\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" ></cms-create-or-edit-entries>\n        </ng-container>\n        <ng-template #elseTemplate>\n            <cms-create-or-edit-entries [entity]=\"newEntity\"\n                [ParentQueryParams]=\"queryParams\" ></cms-create-or-edit-entries>\n        </ng-template>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}\n"] }]
-        }], ctorParameters: function () { return [{ type: i3.ToasterService }, { type: i2.Location }, { type: i3$1.ActivatedRoute }, { type: EntryAdminService }, { type: i1.LocalizationService }, { type: i3$1.Router }]; }, propDecorators: { submitclick: [{
+        }], ctorParameters: function () { return [{ type: i3.ToasterService }, { type: i2.Location }, { type: i3$1.ActivatedRoute }, { type: EntryAdminService }, { type: i1.LocalizationService }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
 
 class EditComponent {
-    toaster;
-    _location;
-    route;
-    _EntryAdminService;
-    router;
-    _LocalizationService;
-    constructor(toaster, _location, route, _EntryAdminService, router, _LocalizationService) {
+    constructor(toaster, _location, route, _EntryAdminService, _LocalizationService) {
         this.toaster = toaster;
         this._location = _location;
         this.route = route;
         this._EntryAdminService = _EntryAdminService;
-        this.router = router;
         this._LocalizationService = _LocalizationService;
+        this.fb = inject(FormBuilder);
+        this._updateListService = inject(UpdateListService);
+        /**是否是草稿 */
+        this.draftType = false;
+        /**页面传值用于传递到子组件 */
+        this.queryParams = '' || {};
+        /**指定id的条目信息 */
+        this.entrySelect = '';
     }
-    fb = inject(FormBuilder);
-    _updateListService = inject(UpdateListService);
-    /**表单实体 */
-    newEntity;
-    /**是否是草稿 */
-    draftType = false;
-    /**页面传值用于传递到子组件 */
-    queryParams = '' || {};
-    /**指定id的条目信息 */
-    entrySelect = '';
-    /**获取提交按钮替身，用于真实触发表单提交 */
-    submitclick;
     async ngOnInit() {
         this.queryParams.RevisionEntryId = this.route.snapshot.params.entrieId;
         this.newEntity = this.fb.group(new CreateOrUpdateEntryInputBase());
@@ -1119,10 +1078,8 @@ class EditComponent {
             return;
         this._EntryAdminService.update(this.entrySelect.id, input).subscribe(res => {
             this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
-            this.router.navigateByUrl('', { skipLocationChange: true }).then(() => {
-                this.router.navigate([`/cms/admin/entries`]);
-                this._updateListService.updateList();
-            });
+            this.backTo();
+            this._updateListService.updateList();
         });
     }
     /**触发点击按钮替身 */
@@ -1134,13 +1091,13 @@ class EditComponent {
     backTo() {
         this._location.back();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i3$1.ActivatedRoute }, { token: EntryAdminService }, { token: i3$1.Router }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditComponent, selector: "cms-edit", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i3$1.ActivatedRoute }, { token: EntryAdminService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditComponent, selector: "cms-edit", providers: [
             {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries_Edit,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save(draftType)\">\n    <abp-page [title]=\"'AbpUi::Edit' | abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" [isEdit]=\"true\"></cms-create-or-edit-entries>\n        </ng-container>\n    </abp-page>\n</form>", styles: ["::ng-deep .edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .edit-entry-page .form-control,::ng-deep .edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .edit-entry-page .cursor-move{cursor:move}::ng-deep .edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "ParentQueryParams", "entity", "parentEntrySelect"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save(draftType)\">\n    <abp-page [title]=\"'AbpUi::Edit' | abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" [isEdit]=\"true\"></cms-create-or-edit-entries>\n        </ng-container>\n    </abp-page>\n</form>", styles: ["::ng-deep .edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .edit-entry-page .form-control,::ng-deep .edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .edit-entry-page .cursor-move{cursor:move}::ng-deep .edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "ParentQueryParams", "entity", "parentEntrySelect"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditComponent, decorators: [{
             type: Component,
@@ -1150,46 +1107,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             useValue: ECmsComponent.Entries_Edit,
                         },
                     ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save(draftType)\">\n    <abp-page [title]=\"'AbpUi::Edit' | abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" [isEdit]=\"true\"></cms-create-or-edit-entries>\n        </ng-container>\n    </abp-page>\n</form>", styles: ["::ng-deep .edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .edit-entry-page .form-control,::ng-deep .edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .edit-entry-page .cursor-move{cursor:move}::ng-deep .edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\n"] }]
-        }], ctorParameters: function () { return [{ type: i3.ToasterService }, { type: i2.Location }, { type: i3$1.ActivatedRoute }, { type: EntryAdminService }, { type: i3$1.Router }, { type: i1.LocalizationService }]; }, propDecorators: { submitclick: [{
+        }], ctorParameters: function () { return [{ type: i3.ToasterService }, { type: i2.Location }, { type: i3$1.ActivatedRoute }, { type: EntryAdminService }, { type: i1.LocalizationService }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
 
 class FieldAdminService {
-    restService;
-    apiName = 'CmsAdmin';
-    create = (input, config) => this.restService.request({
-        method: 'POST',
-        url: '/api/cms-admin/fields',
-        body: input,
-    }, { apiName: this.apiName, ...config });
-    delete = (id, config) => this.restService.request({
-        method: 'DELETE',
-        url: `/api/cms-admin/fields/${id}`,
-    }, { apiName: this.apiName, ...config });
-    get = (id, config) => this.restService.request({
-        method: 'GET',
-        url: `/api/cms-admin/fields/${id}`,
-    }, { apiName: this.apiName, ...config });
-    getList = (input, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/fields',
-        params: { filter: input.filter, groupId: input.groupId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
-    }, { apiName: this.apiName, ...config });
-    nameExists = (name, config) => this.restService.request({
-        method: 'GET',
-        url: `/api/cms-admin/fields/name-exists/${name}`,
-    }, { apiName: this.apiName, ...config });
-    update = (id, input, config) => this.restService.request({
-        method: 'PUT',
-        url: `/api/cms-admin/fields/${id}`,
-        body: input,
-    }, { apiName: this.apiName, ...config });
     constructor(restService) {
         this.restService = restService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAdminService, providedIn: 'root' });
+        this.apiName = 'CmsAdmin';
+        this.create = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/fields',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.delete = (id, config) => this.restService.request({
+            method: 'DELETE',
+            url: `/api/cms-admin/fields/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.get = (id, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/fields/${id}`,
+        }, { apiName: this.apiName, ...config });
+        this.getList = (input, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/fields',
+            params: { filter: input.filter, groupId: input.groupId, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
+        }, { apiName: this.apiName, ...config });
+        this.nameExists = (name, config) => this.restService.request({
+            method: 'GET',
+            url: `/api/cms-admin/fields/name-exists/${name}`,
+        }, { apiName: this.apiName, ...config });
+        this.update = (id, input, config) => this.restService.request({
+            method: 'PUT',
+            url: `/api/cms-admin/fields/${id}`,
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAdminService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAdminService, decorators: [{
             type: Injectable,
@@ -1199,12 +1155,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class FieldGroupComponent {
-    fb;
-    _FieldGroupAdminService;
-    toaster;
-    confirmation;
-    _FieldAbstractsService;
-    _LocalizationService;
     constructor(fb, _FieldGroupAdminService, toaster, confirmation, _FieldAbstractsService, _LocalizationService) {
         this.fb = fb;
         this._FieldGroupAdminService = _FieldGroupAdminService;
@@ -1212,23 +1162,19 @@ class FieldGroupComponent {
         this.confirmation = confirmation;
         this._FieldAbstractsService = _FieldAbstractsService;
         this._LocalizationService = _LocalizationService;
+        /**表单已存在的值 */
+        this.selected = {};
+        /**选择的字段分组id */
+        this.fieldGroupId = '';
+        /**创建分组模态框状态 */
+        this.createGroupOpen = false;
+        /**用于确定模态的繁忙状态是否为真 */
+        this.modalBusy = false;
+        /**编辑分组模态框状态 */
+        this.editGroupOpen = false;
+        /**点击分组回调 */
+        this.OnGroupClickBack = new EventEmitter();
     }
-    /**创建分组表单 */
-    createForm;
-    /** 编辑分组表单*/
-    editGroupForm;
-    /**表单已存在的值 */
-    selected = {};
-    /**选择的字段分组id */
-    fieldGroupId = '';
-    /**创建分组模态框状态 */
-    createGroupOpen = false;
-    /**用于确定模态的繁忙状态是否为真 */
-    modalBusy = false;
-    /**编辑分组模态框状态 */
-    editGroupOpen = false;
-    /**点击分组回调 */
-    OnGroupClickBack = new EventEmitter();
     ngOnInit() {
         this._FieldAbstractsService.getfieldGroupList();
     }
@@ -1300,8 +1246,8 @@ class FieldGroupComponent {
         this.fieldGroupId = event;
         this.OnGroupClickBack.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldGroupAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: FieldAbstractsService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FieldGroupComponent, selector: "cms-field-group", outputs: { OnGroupClickBack: "OnGroupClickBack" }, ngImport: i0, template: "<div class=\"card-header px-2 py-sm-2 d-flex justify-content-between align-items-center\">\n    <h6 class=\"h6 mb-0\">{{'Cms::FieldGroup' | abpLocalization}}</h6>\n    <button type=\"button\" class=\"btn btn-link btn-sm ms-2\"><i class=\"fas fa-plus-circle\" aria-hidden=\"true\"\n            (click)=\"createGroupBtn()\"></i></button>\n</div>\n<div class=\"card-body p-0\">\n    <div class=\"container-height overflow-auto\">\n        <ul class=\"list-group list-group-flush\">\n            <li class=\"list-group-item list-group-item-action active\" [class.active]=\"fieldGroupId===''\"\n                (click)=\"fieldGroupChange('')\">{{'Cms::AllFields' | abpLocalization}}</li>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <li class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\n                    [class.active]=\"fieldGroupId===item.id\" (click)=\"fieldGroupChange(item.id)\">\n                    <div>{{item.name}}</div>\n                    <div *ngIf=\"fieldGroupId===item.id\">\n                        <i class=\"fas fa-trash px-1\" role=\"button\" (click.stop)=\"deleteGroupbtn(item)\"></i>\n                        <i class=\"fas fa-edit px-1\" role=\"button\" (click.stop)=\"editGroupBtn(item.name)\"></i>\n                    </div>\n                </li>\n            </ng-container>\n        </ul>\n    </div>\n</div>\n\n<abp-modal [(visible)]=\"createGroupOpen\" [busy]=\"modalBusy\" (visibleChange)=\"createGroupVisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'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        <form *ngIf=\"createForm; else loaderRef\" [formGroup]=\"createForm\" (ngSubmit)=\"createSave()\">\n            <div class=\"mb-3\">\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\n                    placeholder=\"\">\n            </div>\n        </form>\n    </ng-template>\n\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]=\"createForm?.invalid\" (click)=\"createSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n<abp-modal [(visible)]=\"editGroupOpen\" [busy]=\"modalBusy\" (visibleChange)=\"editGroupVisibleChange($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        <form *ngIf=\"editGroupForm; else loaderRef\" [formGroup]=\"editGroupForm\" (ngSubmit)=\"editSave()\">\n            <div class=\"mb-3\">\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\n                    placeholder=\"\">\n            </div>\n        </form>\n    </ng-template>\n\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]=\"editGroupForm?.invalid\" (click)=\"editSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldGroupAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: FieldAbstractsService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FieldGroupComponent, selector: "cms-field-group", outputs: { OnGroupClickBack: "OnGroupClickBack" }, ngImport: i0, template: "<div class=\"card-header px-2 py-sm-2 d-flex justify-content-between align-items-center\">\n    <h6 class=\"h6 mb-0\">{{'Cms::FieldGroup' | abpLocalization}}</h6>\n    <button type=\"button\" class=\"btn btn-link btn-sm ms-2\"><i class=\"fas fa-plus-circle\" aria-hidden=\"true\"\n            (click)=\"createGroupBtn()\"></i></button>\n</div>\n<div class=\"card-body p-0\">\n    <div class=\"container-height overflow-auto\">\n        <ul class=\"list-group list-group-flush\">\n            <li class=\"list-group-item list-group-item-action active\" [class.active]=\"fieldGroupId===''\"\n                (click)=\"fieldGroupChange('')\">{{'Cms::AllFields' | abpLocalization}}</li>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <li class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\n                    [class.active]=\"fieldGroupId===item.id\" (click)=\"fieldGroupChange(item.id)\">\n                    <div>{{item.name}}</div>\n                    <div *ngIf=\"fieldGroupId===item.id\">\n                        <i class=\"fas fa-trash px-1\" role=\"button\" (click.stop)=\"deleteGroupbtn(item)\"></i>\n                        <i class=\"fas fa-edit px-1\" role=\"button\" (click.stop)=\"editGroupBtn(item.name)\"></i>\n                    </div>\n                </li>\n            </ng-container>\n        </ul>\n    </div>\n</div>\n\n<abp-modal [(visible)]=\"createGroupOpen\" [busy]=\"modalBusy\" (visibleChange)=\"createGroupVisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'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        <form *ngIf=\"createForm; else loaderRef\" [formGroup]=\"createForm\" (ngSubmit)=\"createSave()\">\n            <div class=\"mb-3\">\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\n                    placeholder=\"\">\n            </div>\n        </form>\n    </ng-template>\n\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]=\"createForm?.invalid\" (click)=\"createSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n<abp-modal [(visible)]=\"editGroupOpen\" [busy]=\"modalBusy\" (visibleChange)=\"editGroupVisibleChange($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        <form *ngIf=\"editGroupForm; else loaderRef\" [formGroup]=\"editGroupForm\" (ngSubmit)=\"editSave()\">\n            <div class=\"mb-3\">\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\n                    placeholder=\"\">\n            </div>\n        </form>\n    </ng-template>\n\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]=\"editGroupForm?.invalid\" (click)=\"editSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupComponent, decorators: [{
             type: Component,
@@ -1311,32 +1257,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class FieldsComponent {
-    list;
-    _FieldAdminService;
-    toaster;
-    confirmation;
-    _LocalizationService;
-    router;
-    _CmsApiService;
-    constructor(list, _FieldAdminService, toaster, confirmation, _LocalizationService, router, _CmsApiService) {
+    constructor(list, _FieldAdminService, toaster, confirmation, _LocalizationService, router) {
         this.list = list;
         this._FieldAdminService = _FieldAdminService;
         this.toaster = toaster;
         this.confirmation = confirmation;
         this._LocalizationService = _LocalizationService;
         this.router = router;
-        this._CmsApiService = _CmsApiService;
+        this._UpdateListService = inject(UpdateListService);
+        /**表格单元格布局类型 */
+        this.ColumnMode = ColumnMode;
+        /**表格数据 */
+        this.data = {
+            items: [],
+            totalCount: 0,
+        };
+        /**过滤器 */
+        this.filters = {};
     }
-    _UpdateListService = inject(UpdateListService);
-    /**表格单元格布局类型 */
-    ColumnMode = ColumnMode;
-    /**表格数据 */
-    data = {
-        items: [],
-        totalCount: 0,
-    };
-    /**过滤器 */
-    filters = {};
     ngOnInit() {
         this.hookToQuery();
         this._UpdateListService.updateListEvent.subscribe(() => {
@@ -1379,8 +1317,8 @@ class FieldsComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldsComponent, deps: [{ token: i1.ListService }, { token: FieldAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.LocalizationService }, { token: i3$1.Router }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FieldsComponent, selector: "cms-fields", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldsComponent, deps: [{ token: i1.ListService }, { token: FieldAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.LocalizationService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FieldsComponent, selector: "cms-fields", providers: [
             // [Required]
             ListService,
             // [Optional]
@@ -1391,7 +1329,7 @@ class FieldsComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Fields,
             },
-        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Fields' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"fields-page\">\n        <div class=\"row \">\n            <div class=\"col-3\">\n                <div class=\"card mb-0\" style=\"height: 100%;\">\n                    <cms-field-group (OnGroupClickBack)=\"fieldGroupChange($event)\"></cms-field-group>\n                </div>\n            </div>\n            <div class=\"col-9\">\n                <div class=\"card mb-0\">\n                    <div class=\"card-header px-2 py-sm-2   border-bottom\">\n                        <div class=\"input-group\">\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                                [placeholder]=\"'AbpUi::Search' | abpLocalization\">\n                            <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\"\n                                (click)=\"list.get()\"><i class=\"fa fa-search\"></i></button>\n                        </div>\n                    </div>\n                    <div class=\"card-body p-0\">\n                        <div class=\"table-responsive table-fixed-header\">\n                            <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                                [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                                [virtualization]=\"false\" [externalPaging]=\"true\"\n                                [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                                <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::FormControlName' | abpLocalization\"\n                                    prop=\"formControlName\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::Group' | abpLocalization\" prop=\"groupId\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{row.groupName}}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [width]=\"190\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value|date:'YYYY/MM/dd HH:mm:ss' }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\n                                cellClass=\"cellClassRight\" [frozenRight]=\"true\" [width]=\"110\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        <div ngbDropdown container=\"body\">\n                                            <button type=\"button\" class=\"btn btn-primary btn-sm\"\n                                                ngbDropdownToggle> <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}</button>\n                                            <div ngbDropdownMenu>\n                                                <button ngbDropdownItem\n                                                    routerLink=\"/cms/admin/fields/{{row.id}}/edit\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                                <button ngbDropdownItem\n                                                    (click.stop)=\"deletefield(row)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                            </div>\n                                        </div>\n                                    </ng-template>\n                                </ngx-datatable-column>\n                            </ngx-datatable>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</abp-page>", styles: ["::ng-deep .fields-page .dignite_page{background:transparent}::ng-deep .fields-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .fields-page .container-height{height:calc(100vh - 200px)}\n"], dependencies: [{ kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: FieldGroupComponent, selector: "cms-field-group", outputs: ["OnGroupClickBack"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Fields' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"fields-page\">\n        <div class=\"row \">\n            <div class=\"col-3\">\n                <div class=\"card mb-0\" style=\"height: 100%;\">\n                    <cms-field-group (OnGroupClickBack)=\"fieldGroupChange($event)\"></cms-field-group>\n                </div>\n            </div>\n            <div class=\"col-9\">\n                <div class=\"card mb-0\">\n                    <div class=\"card-header px-2 py-sm-2   border-bottom\">\n                        <div class=\"input-group\">\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                                [placeholder]=\"'AbpUi::Search' | abpLocalization\">\n                            <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\"\n                                (click)=\"list.get()\"><i class=\"fa fa-search\"></i></button>\n                        </div>\n                    </div>\n                    <div class=\"card-body p-0\">\n                        <div class=\"table-responsive table-fixed-header\">\n                            <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                                [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                                [virtualization]=\"false\" [externalPaging]=\"true\"\n                                [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                                <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::FormControlName' | abpLocalization\"\n                                    prop=\"formControlName\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::Group' | abpLocalization\" prop=\"groupId\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{row.groupName}}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [width]=\"190\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value|date:'YYYY/MM/dd HH:mm:ss' }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\n                                cellClass=\"cellClassRight\" [frozenRight]=\"true\" [width]=\"110\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        <div ngbDropdown container=\"body\">\n                                            <button type=\"button\" class=\"btn btn-primary btn-sm\"\n                                                ngbDropdownToggle> <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}</button>\n                                            <div ngbDropdownMenu>\n                                                <button ngbDropdownItem\n                                                    routerLink=\"/cms/admin/fields/{{row.id}}/edit\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                                <button ngbDropdownItem\n                                                    (click.stop)=\"deletefield(row)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                            </div>\n                                        </div>\n                                    </ng-template>\n                                </ngx-datatable-column>\n                            </ngx-datatable>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</abp-page>", styles: ["::ng-deep .fields-page .dignite_page{background:transparent}::ng-deep .fields-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .fields-page .container-height{height:calc(100vh - 200px)}\n"], dependencies: [{ kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: FieldGroupComponent, selector: "cms-field-group", outputs: ["OnGroupClickBack"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldsComponent, decorators: [{
             type: Component,
@@ -1407,22 +1345,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             useValue: ECmsComponent.Fields,
                         },
                     ], template: "<abp-page [title]=\"'Cms::Fields' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"fields-page\">\n        <div class=\"row \">\n            <div class=\"col-3\">\n                <div class=\"card mb-0\" style=\"height: 100%;\">\n                    <cms-field-group (OnGroupClickBack)=\"fieldGroupChange($event)\"></cms-field-group>\n                </div>\n            </div>\n            <div class=\"col-9\">\n                <div class=\"card mb-0\">\n                    <div class=\"card-header px-2 py-sm-2   border-bottom\">\n                        <div class=\"input-group\">\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                                [placeholder]=\"'AbpUi::Search' | abpLocalization\">\n                            <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\"\n                                (click)=\"list.get()\"><i class=\"fa fa-search\"></i></button>\n                        </div>\n                    </div>\n                    <div class=\"card-body p-0\">\n                        <div class=\"table-responsive table-fixed-header\">\n                            <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                                [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                                [virtualization]=\"false\" [externalPaging]=\"true\"\n                                [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                                <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::FormControlName' | abpLocalization\"\n                                    prop=\"formControlName\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::Group' | abpLocalization\" prop=\"groupId\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{row.groupName}}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [width]=\"190\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value|date:'YYYY/MM/dd HH:mm:ss' }}\n                                    </ng-template>\n                                </ngx-datatable-column>\n                                <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\n                                cellClass=\"cellClassRight\" [frozenRight]=\"true\" [width]=\"110\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        <div ngbDropdown container=\"body\">\n                                            <button type=\"button\" class=\"btn btn-primary btn-sm\"\n                                                ngbDropdownToggle> <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}</button>\n                                            <div ngbDropdownMenu>\n                                                <button ngbDropdownItem\n                                                    routerLink=\"/cms/admin/fields/{{row.id}}/edit\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                                <button ngbDropdownItem\n                                                    (click.stop)=\"deletefield(row)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                            </div>\n                                        </div>\n                                    </ng-template>\n                                </ngx-datatable-column>\n                            </ngx-datatable>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</abp-page>", styles: ["::ng-deep .fields-page .dignite_page{background:transparent}::ng-deep .fields-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .fields-page .container-height{height:calc(100vh - 200px)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.ListService }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.LocalizationService }, { type: i3$1.Router }, { type: CmsApiService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ListService }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.LocalizationService }, { type: i3$1.Router }]; } });
 
 class CreateOrUpdateFieldInputBase {
-    /**分组id */
-    groupId = ['', []];
-    /**字段名称 Display name of this field */
-    displayName = ['', [Validators.required]];
-    /**字段唯一名称 Unique Name*/
-    name = ['', [Validators.required]];
-    /**描述 说明 */
-    description = ['', []];
-    /**FieldType字段类型 表单控件名称 */
-    formControlName = [undefined, [Validators.required]];
-    /**动态表单配置 */
-    formConfiguration = new FormGroup({});
     constructor(data) {
+        /**分组id */
+        this.groupId = ['', []];
+        /**字段名称 Display name of this field */
+        this.displayName = ['', [Validators.required]];
+        /**字段唯一名称 Unique Name*/
+        this.name = ['', [Validators.required]];
+        /**描述 说明 */
+        this.description = ['', []];
+        /**FieldType字段类型 表单控件名称 */
+        this.formControlName = [undefined, [Validators.required]];
+        /**动态表单配置 */
+        this.formConfiguration = new FormGroup({});
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -1434,12 +1372,6 @@ class CreateOrUpdateFieldInputBase {
 }
 
 class CreateOrEditFieldComponent {
-    _FieldAbstractsService;
-    _CmsApiService;
-    _FieldAdminService;
-    _LocalizationService;
-    /**表单控件模板-动态表单配置组件 */
-    FormDynamicRef;
     constructor(_FieldAbstractsService, _CmsApiService, _FieldAdminService, _LocalizationService) {
         this._FieldAbstractsService = _FieldAbstractsService;
         this._CmsApiService = _CmsApiService;
@@ -1449,8 +1381,6 @@ class CreateOrEditFieldComponent {
             this._FieldAbstractsService.getfieldGroupList();
         }
     }
-    /**表单实体 */
-    _Entity;
     set Entity(v) {
         if (v) {
             this._Entity = v;
@@ -1460,9 +1390,6 @@ class CreateOrEditFieldComponent {
     get formControlName() {
         return this._Entity.get('formControlName');
     }
-    /**选择的表单信息 */
-    _selected_copy;
-    _selected;
     set selected(v) {
         if (v) {
             this._selected = v || '';
@@ -1525,8 +1452,8 @@ class CreateOrEditFieldComponent {
     }
     formControlNameChange() {
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditFieldComponent, deps: [{ token: FieldAbstractsService }, { token: CmsApiService }, { token: FieldAdminService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: { Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "FormDynamicRef", first: true, predicate: ["FormDynamicRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div class=\"mb-2\">\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-2\">\n        <label class=\"form-label\" for=\"displayName\">{{'DigniteAbpForms::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-2\">\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        <div class=\"form-text\">{{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>\n    </div>\n    <div class=\"mb-2\">\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-2\">\n        <label class=\"form-label\" for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"formControlNameChange()\">\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fromControlList;let i =index\">\n                <option [value]=\"item.name\">{{item.displayName}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [entity]=\"_Entity\" [selected]=\"_selected\"></df-dynamic>\n    </ng-container>\n\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: { Entity: "Entity", selected: "selected" }, viewQueries: [{ propertyName: "FormDynamicRef", first: true, predicate: ["FormDynamicRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div class=\"mb-2\">\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-2\">\n        <label class=\"form-label\" for=\"displayName\">{{'DigniteAbpForms::FieldDisplayName' | abpLocalization}}</label>\n        <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" (blur)=\"disPlayNameInputBlur($event)\">\n    </div>\n    <div class=\"mb-2\">\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        <div class=\"form-text\">{{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>\n    </div>\n    <div class=\"mb-2\">\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-2\">\n        <label class=\"form-label\" for=\"formControlName\">{{'Cms::FieldType' | abpLocalization}}</label>\n        <select class=\"form-select\" formControlName=\"formControlName\" (change)=\"formControlNameChange()\">\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fromControlList;let i =index\">\n                <option [value]=\"item.name\">{{item.displayName}}</option>\n            </ng-container>\n        </select>\n    </div>\n    <ng-container *ngIf=\"_Entity.value.formControlName&&_Entity\"> \n        <df-dynamic [type]=\"_Entity.value.formControlName\" [entity]=\"_Entity\" [selected]=\"_selected\"></df-dynamic>\n    </ng-container>\n\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditFieldComponent, decorators: [{
             type: Component,
@@ -1541,27 +1468,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class CreateFieldComponent {
-    fb;
-    _FieldAdminService;
-    toaster;
-    _location;
-    _LocalizationService;
-    _CmsApiService;
-    router;
-    constructor(fb, _FieldAdminService, toaster, _location, _LocalizationService, _CmsApiService, router) {
+    constructor(fb, _FieldAdminService, toaster, _location, _LocalizationService, _CmsApiService) {
         this.fb = fb;
         this._FieldAdminService = _FieldAdminService;
         this.toaster = toaster;
         this._location = _location;
         this._LocalizationService = _LocalizationService;
         this._CmsApiService = _CmsApiService;
-        this.router = router;
+        this._UpdateListService = inject(UpdateListService);
     }
-    _UpdateListService = inject(UpdateListService);
-    /**表单实体 */
-    newEntity;
-    /**获取提交按钮替身，用于真实触发表单提交 */
-    submitclick;
     ngOnInit() {
         //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
         //Add 'implements OnInit' to the class.
@@ -1578,19 +1493,17 @@ class CreateFieldComponent {
             return;
         this._FieldAdminService.create(input).subscribe(res => {
             this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
-            this.router.navigateByUrl('', { skipLocationChange: true }).then(() => {
-                this.router.navigate([`/cms/admin/fields`]);
-                this._UpdateListService.updateList();
-            });
+            this._location.back();
+            this._UpdateListService.updateList();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateFieldComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldAdminService }, { token: i3.ToasterService }, { token: i2.Location }, { token: i1.LocalizationService }, { token: CmsApiService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateFieldComponent, selector: "cms-create-field", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateFieldComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldAdminService }, { token: i3.ToasterService }, { token: i2.Location }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateFieldComponent, selector: "cms-create-field", providers: [
             {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.FieldsCreate,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save()\">\n    <abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <cms-create-or-edit-field [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-field-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-field-page .form-control,::ng-deep .create-field-page .form-select{padding:.475rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save()\">\n    <abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <cms-create-or-edit-field [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-field-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-field-page .form-control,::ng-deep .create-field-page .form-select{padding:.475rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateFieldComponent, decorators: [{
             type: Component,
@@ -1600,22 +1513,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             useValue: ECmsComponent.FieldsCreate,
                         },
                     ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save()\">\n    <abp-page [title]=\"'Cms::CreateField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <cms-create-or-edit-field [Entity]=\"newEntity\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-field-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-field-page .form-control,::ng-deep .create-field-page .form-select{padding:.475rem 1.25rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i2.Location }, { type: i1.LocalizationService }, { type: CmsApiService }, { type: i3$1.Router }]; }, propDecorators: { submitclick: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i2.Location }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
 
 class EditFieldComponent {
-    fb;
-    _FieldAbstractsService;
-    _FieldAdminService;
-    route;
-    toaster;
-    _location;
-    _LocalizationService;
-    _CmsApiService;
-    router;
-    constructor(fb, _FieldAbstractsService, _FieldAdminService, route, toaster, _location, _LocalizationService, _CmsApiService, router) {
+    constructor(fb, _FieldAbstractsService, _FieldAdminService, route, toaster, _location, _LocalizationService, _CmsApiService) {
         this.fb = fb;
         this._FieldAbstractsService = _FieldAbstractsService;
         this._FieldAdminService = _FieldAdminService;
@@ -1624,16 +1528,10 @@ class EditFieldComponent {
         this._location = _location;
         this._LocalizationService = _LocalizationService;
         this._CmsApiService = _CmsApiService;
-        this.router = router;
+        /**字段id */
+        this.fieldId = '';
+        this._UpdateListService = inject(UpdateListService);
     }
-    /**表单实体 */
-    newEntity;
-    /**字段id */
-    fieldId = '';
-    /**字段详情 */
-    fieldDetails;
-    /**获取提交按钮替身，用于真实触发表单提交 */
-    submitclick;
     async ngOnInit() {
         const _fieldId = this.route.snapshot.params.id;
         if (_fieldId) {
@@ -1664,7 +1562,6 @@ class EditFieldComponent {
     submitclickBtn() {
         this.submitclick.nativeElement.click();
     }
-    _UpdateListService = inject(UpdateListService);
     /**保存表单 */
     save() {
         let input = this.newEntity.value;
@@ -1672,19 +1569,17 @@ class EditFieldComponent {
             return;
         this._FieldAdminService.update(this.fieldId, input).subscribe((res => {
             this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
-            this.router.navigateByUrl('', { skipLocationChange: true }).then(() => {
-                this.router.navigate([`/cms/admin/fields`]);
-                this._UpdateListService.updateList();
-            });
+            this._location.back();
+            this._UpdateListService.updateList();
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditFieldComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldAbstractsService }, { token: FieldAdminService }, { token: i3$1.ActivatedRoute }, { token: i3.ToasterService }, { token: i2.Location }, { token: i1.LocalizationService }, { token: CmsApiService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditFieldComponent, selector: "cms-edit-field", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditFieldComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldAbstractsService }, { token: FieldAdminService }, { token: i3$1.ActivatedRoute }, { token: i3.ToasterService }, { token: i2.Location }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EditFieldComponent, selector: "cms-edit-field", providers: [
             {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.FieldsEdit,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save()\">\n    <abp-page [title]=\"'Cms::EditField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <!-- <div class=\"p-3 bg-white rounded-1\"> -->\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <ng-container *ngIf=\"newEntity&&fieldDetails\">\n                        <cms-create-or-edit-field [Entity]=\"newEntity\"\n                            [selected]=\"fieldDetails\"></cms-create-or-edit-field>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save()\">\n    <abp-page [title]=\"'Cms::EditField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <!-- <div class=\"p-3 bg-white rounded-1\"> -->\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <ng-container *ngIf=\"newEntity&&fieldDetails\">\n                        <cms-create-or-edit-field [Entity]=\"newEntity\"\n                            [selected]=\"fieldDetails\"></cms-create-or-edit-field>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditFieldComponent, decorators: [{
             type: Component,
@@ -1694,67 +1589,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             useValue: ECmsComponent.FieldsEdit,
                         },
                     ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save()\">\n    <abp-page [title]=\"'Cms::EditField' | abpLocalization\" [toolbar]=\"true\">\n        <div class=\"create-field-page\">\n            <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n            <!-- <div class=\"p-3 bg-white rounded-1\"> -->\n            <div class=\"card\">\n                <div class=\"card-body\">\n                    <ng-container *ngIf=\"newEntity&&fieldDetails\">\n                        <cms-create-or-edit-field [Entity]=\"newEntity\"\n                            [selected]=\"fieldDetails\"></cms-create-or-edit-field>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>" }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: FieldAbstractsService }, { type: FieldAdminService }, { type: i3$1.ActivatedRoute }, { type: i3.ToasterService }, { type: i2.Location }, { type: i1.LocalizationService }, { type: CmsApiService }, { type: i3$1.Router }]; }, propDecorators: { submitclick: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: FieldAbstractsService }, { type: FieldAdminService }, { type: i3$1.ActivatedRoute }, { type: i3.ToasterService }, { type: i2.Location }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
 
-class SitesComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SitesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SitesComponent, selector: "cms-sites", providers: [
-            ListService,
-            { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 500 },
-            {
-                provide: EXTENSIONS_IDENTIFIER,
-                useValue: ECmsComponent.Sites,
-            },
-        ], ngImport: i0, template: "<!-- <abp-page [title]=\"'Cms::Sites' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sites-page\">\n        <div class=\"card\">\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"input-group\">\n                    <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                        <i class=\"fa fa-search\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material container-height\" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"'force'\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [scrollbarV]=\"true\" [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Host' | abpLocalization\" prop=\"host\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy-MM-dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-outline-primary btn-sm\" ngbDropdownToggle>\n                                        {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem\n                                            (click)=\"EditSitesBtn(row)\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                        <button ngbDropdownItem\n                                            (click)=\"deletefield(row)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<abp-modal [(visible)]=\"createSitesOpen\" [busy]=\"modalBusy\" (visibleChange)=\"createGroupVisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{selected?('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=\"createOrEditForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"createOrEditForm\"\n                (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #createModalSubmit  style=\"display: none\"></button>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"disPlayNameInputBlur($event)\" />\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n                        {{nameInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Host' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"host\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"hostInput.errors?.repetition\">\n                        {{hostInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\n                            id=\"flexRadioDefault1\" />\n                        <label class=\"form-check-label\" for=\"flexRadioDefault1\"> {{'Cms::IsActive' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Languages' | abpLocalization}}</label>\n                    <ul class=\"list-group list-group-flush\">\n                        <ng-container *ngFor=\"let item of languages; let i = index\">\n                            <li class=\"list-group-item d-flex justify-content-between align-items-center\">\n                                <div>\n                                    <input class=\"form-check-input me-1\" type=\"checkbox\" [value]=\"item.cultureName\"\n                                        id=\"firstRadio{{ i }}\" [checked]=\"item.ischecked\"\n                                        (change)=\"languagesChange($event);!item.ischecked\" />\n                                    <label class=\"form-check-label\" for=\"firstRadio{{ i }}\">{{ item.displayName\n                                        }}</label>\n                                </div>\n                                <ng-container *ngIf=\"item.ischecked\">\n                                    <div class=\"text-primary\" *ngIf=\"item.isDefault\">{{'Cms::Default' | abpLocalization}}\n                                    </div>\n                                    <div (click.stop)=\"setDefault(item)\" *ngIf=\"!item.isDefault\">\n                                        {{'Cms::SetDefault' | abpLocalization}}</div>\n                                </ng-container>\n                            </li>\n                        </ng-container>\n                    </ul>\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)=\"createModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal> -->", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .container-height{height:calc(100vh - 220px)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SitesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cms-sites', providers: [
-                        ListService,
-                        { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 500 },
-                        {
-                            provide: EXTENSIONS_IDENTIFIER,
-                            useValue: ECmsComponent.Sites,
-                        },
-                    ], template: "<!-- <abp-page [title]=\"'Cms::Sites' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sites-page\">\n        <div class=\"card\">\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"input-group\">\n                    <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                        <i class=\"fa fa-search\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material container-height\" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"'force'\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [scrollbarV]=\"true\" [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Host' | abpLocalization\" prop=\"host\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy-MM-dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-outline-primary btn-sm\" ngbDropdownToggle>\n                                        {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem\n                                            (click)=\"EditSitesBtn(row)\">{{'AbpUi::Edit' | abpLocalization}}</button>\n                                        <button ngbDropdownItem\n                                            (click)=\"deletefield(row)\">{{'AbpUi::Delete' | abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<abp-modal [(visible)]=\"createSitesOpen\" [busy]=\"modalBusy\" (visibleChange)=\"createGroupVisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{selected?('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=\"createOrEditForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"createOrEditForm\"\n                (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #createModalSubmit  style=\"display: none\"></button>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"disPlayNameInputBlur($event)\" />\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n                        {{nameInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Host' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"host\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"hostInput.errors?.repetition\">\n                        {{hostInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\n                            id=\"flexRadioDefault1\" />\n                        <label class=\"form-check-label\" for=\"flexRadioDefault1\"> {{'Cms::IsActive' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Languages' | abpLocalization}}</label>\n                    <ul class=\"list-group list-group-flush\">\n                        <ng-container *ngFor=\"let item of languages; let i = index\">\n                            <li class=\"list-group-item d-flex justify-content-between align-items-center\">\n                                <div>\n                                    <input class=\"form-check-input me-1\" type=\"checkbox\" [value]=\"item.cultureName\"\n                                        id=\"firstRadio{{ i }}\" [checked]=\"item.ischecked\"\n                                        (change)=\"languagesChange($event);!item.ischecked\" />\n                                    <label class=\"form-check-label\" for=\"firstRadio{{ i }}\">{{ item.displayName\n                                        }}</label>\n                                </div>\n                                <ng-container *ngIf=\"item.ischecked\">\n                                    <div class=\"text-primary\" *ngIf=\"item.isDefault\">{{'Cms::Default' | abpLocalization}}\n                                    </div>\n                                    <div (click.stop)=\"setDefault(item)\" *ngIf=\"!item.isDefault\">\n                                        {{'Cms::SetDefault' | abpLocalization}}</div>\n                                </ng-container>\n                            </li>\n                        </ng-container>\n                    </ul>\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)=\"createModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal> -->", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .container-height{height:calc(100vh - 220px)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
-        }] });
-
-class CreateOrUpdateSitesInputBase {
-    displayName = ['', [Validators.required]];
-    name = ['', [Validators.required]];
-    host = ['https://', [Validators.required]];
-    isActive = [true, []];
-    languages = [[], [Validators.required]];
-    constructor(data) {
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
-    }
-}
-
 class CreateOrUpdateSectionsInputBase {
-    /**版块类型 */
-    type = [0, [Validators.required]];
-    /**字段名称 Display name of this field */
-    displayName = ['', [Validators.required]];
-    /**字段唯一名称 Unique Name*/
-    name = ['', [Validators.required]];
-    /**条目路由 */
-    route = ['', [Validators.required]];
-    /**页面模板 */
-    template = ['', [Validators.required]];
-    /**是否默认 */
-    isDefault = [false, []];
-    /**是否激活 */
-    isActive = [true, []];
     constructor(data) {
+        /**版块类型 */
+        this.type = [0, [Validators.required]];
+        /**字段名称 Display name of this field */
+        this.displayName = ['', [Validators.required]];
+        /**字段唯一名称 Unique Name*/
+        this.name = ['', [Validators.required]];
+        /**条目路由 */
+        this.route = ['', [Validators.required]];
+        /**页面模板 */
+        this.template = ['', [Validators.required]];
+        /**是否默认 */
+        this.isDefault = [false, []];
+        /**是否激活 */
+        this.isActive = [true, []];
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -1774,18 +1629,7 @@ var SectionType;
 const sectionTypeOptions = mapEnumToOptions(SectionType);
 
 class SectionsComponent {
-    list;
-    _SectionAdminService;
-    toaster;
-    confirmation;
-    fb;
-    _EntryTypeAdminService;
-    _LocalizationService;
-    _CmsApiService;
-    router;
-    constructor(list, _SectionAdminService, 
-    // private _SiteAdminService: SiteAdminService,
-    toaster, confirmation, fb, _EntryTypeAdminService, _LocalizationService, _CmsApiService, router) {
+    constructor(list, _SectionAdminService, toaster, confirmation, fb, _EntryTypeAdminService, _LocalizationService, _CmsApiService) {
         this.list = list;
         this._SectionAdminService = _SectionAdminService;
         this.toaster = toaster;
@@ -1794,33 +1638,18 @@ class SectionsComponent {
         this._EntryTypeAdminService = _EntryTypeAdminService;
         this._LocalizationService = _LocalizationService;
         this._CmsApiService = _CmsApiService;
-        this.router = router;
+        this._UpdateListService = inject(UpdateListService);
+        this.siteList = [];
+        this.ColumnMode = ColumnMode;
+        this.data = { items: [], totalCount: 0 };
+        this.filters = {};
+        this.visibleOpen = false;
+        this.modalBusy = false;
+        this._SectionType = SectionType;
+        this._sectionTypeOptions = sectionTypeOptions;
     }
-    _UpdateListService = inject(UpdateListService);
-    /**跳转编辑 */
-    jumpSectionsEdit(row, item) {
-        this.router.navigate([`/cms/admin/sections/${row.id}/entry-types/${item.id}/edit`], {});
-    }
-    /**跳转新建 */
-    jumpSectionsCreate(row) {
-        this.router.navigate([`/cms/admin/sections/${row.id}/entry-types/create`], {});
-    }
-    /**版块列表 */
-    siteList = [];
-    /*** */
-    ColumnMode = ColumnMode;
-    data = {
-        items: [],
-        totalCount: 0,
-    };
-    /** */
-    filters = {};
-    /**获取页面列表 */
     hookToQuery() {
-        const getData = (query) => this._SectionAdminService.getList({
-            ...query,
-            ...this.filters,
-        });
+        const getData = (query) => this._SectionAdminService.getList({ ...query, ...this.filters });
         const setData = (list) => (this.data = list);
         this.list.hookToQuery(getData).subscribe(setData);
     }
@@ -1830,37 +1659,21 @@ class SectionsComponent {
             this.list.get();
         });
     }
-    /**站点切换 */
     siteIdChange() {
         this.list.page = 0;
         this.list.get();
     }
-    /**创建版块模态框状态 */
-    visibleOpen = false;
-    /**用于确定模态的繁忙状态是否为真 */
-    modalBusy = false;
-    /**创建版块表单 */
-    createOrEditForm;
-    /**版块给定的表单值 */
-    selected;
-    _SectionType = SectionType;
-    _sectionTypeOptions = sectionTypeOptions;
-    /**表单控件模板-动态赋值表单控件 */
-    createOrEditModalSubmitBtn;
-    /**创建版块模态框状态改变 */
     VisibleChange(event) {
         if (!event) {
             this.selected = '';
             return;
         }
     }
-    /**创建版块，打开模态框 */
     createSectionBtn() {
         this.visibleOpen = true;
         this.createOrEditForm = this.fb.group(new CreateOrUpdateSectionsInputBase());
         this.setAsyncValidatorsFn();
     }
-    /**编辑版块，打开模态框 */
     editSectionBtn(row) {
         this.visibleOpen = true;
         this.createOrEditForm = this.fb.group(new CreateOrUpdateSectionsInputBase());
@@ -1870,7 +1683,6 @@ class SectionsComponent {
             this.selected = res;
         });
     }
-    /**删除某个条目类型 */
     deleteEntryType(row) {
         this.confirmation
             .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
@@ -1886,22 +1698,16 @@ class SectionsComponent {
             }
         });
     }
-    /**表单保存提交 */
     createOrEditSave() {
         if (this.selected) {
             return this.EditSave();
         }
         this.createSave();
     }
-    /** */
     createSave() {
         let input = this.createOrEditForm.value;
-        // input.siteId = this.filters.siteId;
-        console.log(this.selected, 'createSave1111111111', this.createOrEditForm.valid, this.createOrEditForm);
         if (!this.createOrEditForm.valid)
             return;
-        console.log(this.selected, 'createSave');
-        return;
         this.modalBusy = true;
         this._SectionAdminService
             .create(input)
@@ -1914,7 +1720,6 @@ class SectionsComponent {
             this.list.get();
         });
     }
-    /**创建版块保存 */
     EditSave() {
         setTimeout(() => {
             let input = this.createOrEditForm.value;
@@ -1934,7 +1739,6 @@ class SectionsComponent {
             });
         }, 100);
     }
-    /**删除版块 */
     deletefield(row) {
         this.confirmation
             .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
@@ -1950,30 +1754,24 @@ class SectionsComponent {
             }
         });
     }
-    /**name表单控件 */
     get displayNameInput() {
         return this.createOrEditForm.get('displayName');
     }
-    /**name表单控件 */
     get nameInput() {
         return this.createOrEditForm.get('name');
     }
-    /**route表单控件 */
     get routeInput() {
         return this.createOrEditForm.get('route');
     }
-    /**route表单控件 */
     get templateInput() {
         return this.createOrEditForm.get('template');
     }
-    /**route表单控件 */
     get typeInput() {
         return this.createOrEditForm.get('type');
     }
     radiochange() {
         this.routeInput.patchValue(this.routeInput.value);
     }
-    /**字段标签input失去标点生成字段名字 */
     disPlayNameInputBlur(event) {
         let value = event.target.value;
         let pinyin = this._CmsApiService.chineseToPinyin(value);
@@ -1990,7 +1788,6 @@ class SectionsComponent {
             return;
         templateInput.patchValue(pinyin + '/index');
     }
-    /**设置字段控件异步验证 */
     setAsyncValidatorsFn() {
         this.createOrEditForm.setControl('name', new FormControl(this.nameInput.value || '', {
             validators: Validators.required,
@@ -2012,7 +1809,6 @@ class SectionsComponent {
                 : null;
         };
     }
-    /**定义异步验证方法 */
     nameRepetitionAsyncValidator() {
         return (ctrl) => {
             return new Promise(resolve => {
@@ -2021,11 +1817,7 @@ class SectionsComponent {
                     resolve(null);
                     return;
                 }
-                this._SectionAdminService
-                    .nameExists({
-                    name: subslug.value,
-                })
-                    .subscribe(res => {
+                this._SectionAdminService.nameExists({ name: subslug.value }).subscribe(res => {
                     if (res) {
                         resolve({
                             repetition: this._LocalizationService.instant(`Cms::SectionName{0}AlreadyExist`, ctrl.value),
@@ -2038,7 +1830,6 @@ class SectionsComponent {
             });
         };
     }
-    /**定义异步验证方法 */
     routeRepetitionAsyncValidator() {
         return (ctrl) => {
             return new Promise(resolve => {
@@ -2047,12 +1838,7 @@ class SectionsComponent {
                     resolve(null);
                     return;
                 }
-                this._SectionAdminService
-                    .routeExists({
-                    // siteId: this.filters.siteId,
-                    route: subslug,
-                })
-                    .subscribe(res => {
+                this._SectionAdminService.routeExists({ route: subslug }).subscribe(res => {
                     if (res) {
                         resolve({
                             repetition: this._LocalizationService.instant(`Cms::SectionRoute{0}AlreadyExist`, ctrl.value),
@@ -2065,8 +1851,8 @@ class SectionsComponent {
             });
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionsComponent, deps: [{ token: i1.ListService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1$1.FormBuilder }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SectionsComponent, selector: "cms-sections", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionsComponent, deps: [{ token: i1.ListService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1$1.FormBuilder }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SectionsComponent, selector: "cms-sections", providers: [
             // [Required]
             ListService,
             // [Optional]
@@ -2077,7 +1863,7 @@ class SectionsComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Sections,
             },
-        ], viewQueries: [{ propertyName: "createOrEditModalSubmitBtn", first: true, predicate: ["createOrEditModalSubmitBtn"], descendants: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card \" >\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"row align-items-end\">\n                    <div class=\"mb-2 col-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"\"></option>\n                            <option [value]=\"true\">\u662F</option>\n                            <option [value]=\"false\">\u5426</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-2 col-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-2 col-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsDefault' | abpLocalization\" prop=\"isDefault\" [width]=\"60\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\" [width]=\"60\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"SiteId\" [width]=\"100\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\"\n                                                (click.stop)=\"jumpSectionsEdit(row,item)\">{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem (click.stop)=\"jumpSectionsCreate(row)\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\" [frozenRight]=\"true\" [name]=\"'AbpUi::Actions' | abpLocalization\"  cellClass=\"cellClassRight\" [width]=\"100\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<abp-modal [(visible)]=\"visibleOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{selected?('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=\"createOrEditForm; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"createOrEditForm\" (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #createOrEditModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\n                    <div>\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\n                            <div class=\"form-check form-check-inline\">\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\n                                </label>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\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-2\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n                        {{nameInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\n                        {{routeInput.errors?.repetition}}\n                    </div>\n                    <div class=\"form-text\">\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\n                        &nbsp;&nbsp;blog<br>\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\n                    <div class=\"form-text\">\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\n                            id=\"isDefault\" />\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\n                            id=\"isActive\" />\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</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\" (click)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i11.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+        ], viewQueries: [{ propertyName: "createOrEditModalSubmitBtn", first: true, predicate: ["createOrEditModalSubmitBtn"], descendants: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card \" >\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"row align-items-end\">\n                    <div class=\"mb-2 col-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"\"></option>\n                            <option [value]=\"true\">\u662F</option>\n                            <option [value]=\"false\">\u5426</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-2 col-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-2 col-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsDefault' | abpLocalization\" prop=\"isDefault\" [width]=\"60\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\" [width]=\"60\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"SiteId\" [width]=\"100\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\" [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'\"\n                                                >{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/create'\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\" [frozenRight]=\"true\" [name]=\"'AbpUi::Actions' | abpLocalization\"  cellClass=\"cellClassRight\" [width]=\"100\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<abp-modal [(visible)]=\"visibleOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{selected?('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=\"createOrEditForm; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"createOrEditForm\" (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #createOrEditModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\n                    <div>\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\n                            <div class=\"form-check form-check-inline\">\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\n                                </label>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\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-2\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n                        {{nameInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\n                        {{routeInput.errors?.repetition}}\n                    </div>\n                    <div class=\"form-text\">\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\n                        &nbsp;&nbsp;blog<br>\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\n                    <div class=\"form-text\">\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\n                            id=\"isDefault\" />\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\n                            id=\"isActive\" />\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</label>\n                    </div>\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)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i8.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i8.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i8.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionsComponent, decorators: [{
             type: Component,
@@ -2092,20 +1878,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Sections,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card \" >\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"row align-items-end\">\n                    <div class=\"mb-2 col-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"\"></option>\n                            <option [value]=\"true\">\u662F</option>\n                            <option [value]=\"false\">\u5426</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-2 col-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-2 col-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsDefault' | abpLocalization\" prop=\"isDefault\" [width]=\"60\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\" [width]=\"60\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"SiteId\" [width]=\"100\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\"\n                                                (click.stop)=\"jumpSectionsEdit(row,item)\">{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem (click.stop)=\"jumpSectionsCreate(row)\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\" [frozenRight]=\"true\" [name]=\"'AbpUi::Actions' | abpLocalization\"  cellClass=\"cellClassRight\" [width]=\"100\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<abp-modal [(visible)]=\"visibleOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{selected?('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=\"createOrEditForm; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"createOrEditForm\" (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #createOrEditModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\n                    <div>\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\n                            <div class=\"form-check form-check-inline\">\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\n                                </label>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\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-2\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n                        {{nameInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\n                        {{routeInput.errors?.repetition}}\n                    </div>\n                    <div class=\"form-text\">\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\n                        &nbsp;&nbsp;blog<br>\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\n                    <div class=\"form-text\">\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\n                            id=\"isDefault\" />\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\n                            id=\"isActive\" />\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</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\" (click)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.ListService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$1.FormBuilder }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }, { type: i3$1.Router }]; }, propDecorators: { createOrEditModalSubmitBtn: [{
+                    ], template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card \" >\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"row align-items-end\">\n                    <div class=\"mb-2 col-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"\"></option>\n                            <option [value]=\"true\">\u662F</option>\n                            <option [value]=\"false\">\u5426</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-2 col-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-2 col-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsDefault' | abpLocalization\" prop=\"isDefault\" [width]=\"60\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\" [width]=\"60\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"SiteId\" [width]=\"100\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\" [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'\"\n                                                >{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/create'\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\" [frozenRight]=\"true\" [name]=\"'AbpUi::Actions' | abpLocalization\"  cellClass=\"cellClassRight\" [width]=\"100\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<abp-modal [(visible)]=\"visibleOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{selected?('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=\"createOrEditForm; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"createOrEditForm\" (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #createOrEditModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</label>\n                    <div>\n                        <ng-container *ngFor=\"let item of _sectionTypeOptions;let i =index\">\n                            <div class=\"form-check form-check-inline\">\n                                <input class=\"form-check-input\" type=\"radio\" [value]=\"item.value\"\n                                    (change)=\"radiochange()\" formControlName=\"type\" id=\"flexRadioDefault{{i}}\">\n                                <label class=\"form-check-label\" for=\"flexRadioDefault{{i}}\">\n                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}\n                                </label>\n                            </div>\n                        </ng-container>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\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-2\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"nameInput.errors?.repetition\">\n                        {{nameInput.errors?.repetition}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Route' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"route\" placeholder=\"\" />\n                    <div class=\"text-danger invalid-feedback\" *ngIf=\"routeInput.errors?.repetition\">\n                        {{routeInput.errors?.repetition}}\n                    </div>\n                    <div class=\"form-text\">\n                        {{'Cms::RouteTips' | abpLocalization}}<br>\n                        &nbsp;&nbsp;blog<br>\n                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>\n                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">{{'Cms::Template' | abpLocalization}} </label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"template\" placeholder=\"\" />\n                    <div class=\"form-text\">\n                        {{\"Cms::TemplateTips\" | abpLocalization}}\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isDefault\"\n                            id=\"isDefault\" />\n                        <label class=\"form-check-label\" for=\"isDefault\"> {{'Cms::Default' | abpLocalization}} </label>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"isActive\"\n                            id=\"isActive\" />\n                        <label class=\"form-check-label\" for=\"isActive\"> {{'Cms::IsActive' | abpLocalization}}</label>\n                    </div>\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)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' |\n            abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ListService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$1.FormBuilder }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { createOrEditModalSubmitBtn: [{
                 type: ViewChild,
                 args: ['createOrEditModalSubmitBtn', { static: false }]
             }] } });
 
 class CreateOrEditEntryTypeInputBase {
-    /**显示名称 Display name of this field */
-    displayName = ['', [Validators.required]];
-    /**名称 Unique Name*/
-    name = ['', [Validators.required]];
-    /**条目路由 */
-    fieldTabs = new FormArray([]);
     constructor(data) {
+        /**显示名称 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)) {
@@ -2116,10 +1902,10 @@ class CreateOrEditEntryTypeInputBase {
     }
 }
 class fieldTabsBase {
-    /**名称 Unique Name*/
-    name = ['', [Validators.required]];
-    fields = [[], []];
     constructor(data) {
+        /**名称 Unique Name*/
+        this.name = ['', [Validators.required]];
+        this.fields = [[], []];
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -2130,15 +1916,15 @@ class fieldTabsBase {
     }
 }
 class fieldsBase {
-    /**字段id Unique Name*/
-    fieldId = ['', [Validators.required]];
-    /**显示名称 Unique Name*/
-    displayName = ['', [Validators.required]];
-    /**必填 Unique Name*/
-    required = [false, []];
-    /**是否在列表中显示 Unique Name*/
-    showOnList = [false, []];
     constructor(data) {
+        /**字段id Unique Name*/
+        this.fieldId = ['', [Validators.required]];
+        /**显示名称 Unique Name*/
+        this.displayName = ['', [Validators.required]];
+        /**必填 Unique Name*/
+        this.required = [false, []];
+        /**是否在列表中显示 Unique Name*/
+        this.showOnList = [false, []];
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -2149,15 +1935,15 @@ class fieldsBase {
     }
 }
 class fieldsInputBase {
-    /**字段id */
-    fieldId = ['', [Validators.required]];
-    /**显示名称 Display name of this field */
-    displayName = ['', [Validators.required]];
-    /**是否必填 Unique Name*/
-    required = [false, []];
-    /**在列表中展示 Unique Name*/
-    showOnList = [false, []];
     constructor(data) {
+        /**字段id */
+        this.fieldId = ['', [Validators.required]];
+        /**显示名称 Display name of this field */
+        this.displayName = ['', [Validators.required]];
+        /**是否必填 Unique Name*/
+        this.required = [false, []];
+        /**在列表中展示 Unique Name*/
+        this.showOnList = [false, []];
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -2169,18 +1955,7 @@ class fieldsInputBase {
 }
 
 class CreateOrEditComponent {
-    toaster;
-    _location;
-    route;
-    _FieldGroupAdminService;
-    _FieldAdminService;
-    _EntryTypeAdminService;
-    _LocalizationService;
-    _CmsApiService;
-    router;
-    constructor(
-    // private fb: FormBuilder,
-    toaster, _location, route, _FieldGroupAdminService, _FieldAdminService, _EntryTypeAdminService, _LocalizationService, _CmsApiService, router) {
+    constructor(toaster, _location, route, _FieldGroupAdminService, _FieldAdminService, _EntryTypeAdminService, _LocalizationService, _CmsApiService) {
         this.toaster = toaster;
         this._location = _location;
         this.route = route;
@@ -2189,23 +1964,37 @@ class CreateOrEditComponent {
         this._EntryTypeAdminService = _EntryTypeAdminService;
         this._LocalizationService = _LocalizationService;
         this._CmsApiService = _CmsApiService;
-        this.router = router;
+        this.fb = inject(FormBuilder);
+        this._UpdateListService = inject(UpdateListService);
+        /**表单实体 */
+        this.newEntity = this.fb.group(new CreateOrEditEntryTypeInputBase());
+        /**版块id */
+        this.sectionId = '';
+        /**条目类型id */
+        this.entryTypesId = '';
+        /**
+         * 拖拽 功能*/
+        /**数据源 */
+        /**数据源-字段分组数据-包含字段数据 fields */
+        this.fieldGroupList = [];
+        /**数据源-所有字段列表 */
+        this.fieldList = [];
+        /**目标源 结果*/
+        this.resultSource = [];
+        /**来自数据源的集合，用于从目标源拖回数据源时的判断，与取值 */
+        this.formRightGroup = [];
+        /**模态框状态 */
+        this.visibleTabsOpen = false;
+        /**是否是忙碌状态 */
+        this.modalBusy = false;
+        /**正在选中的nav */
+        this.navActive = 0;
+        /**编辑字段模态框状态 */
+        this.visibleEditFieldOpen = false;
     }
-    fb = inject(FormBuilder);
-    _UpdateListService = inject(UpdateListService);
-    /**表单实体 */
-    newEntity = this.fb.group(new CreateOrEditEntryTypeInputBase());
-    /**版块id */
-    sectionId = '';
-    /**条目类型id */
-    entryTypesId = '';
-    /**条目类型详情 */
-    entryTypesSelect;
     get fieldTabs() {
         return this.newEntity.get('fieldTabs');
     }
-    /**获取提交按钮替身，用于真实触发表单提交 */
-    submitclick;
     /**触发提交按钮 */
     submitclickBtn() {
         this.submitclick.nativeElement.click();
@@ -2222,7 +2011,9 @@ class CreateOrEditComponent {
     /**给fieldTabs添加新控件 */
     addControlToFieldTabs(nameValue = '') {
         const newFormGroup = this.fb.group(new fieldTabsBase({
-            name: this.fieldTabs.length === 0 ? this._LocalizationService.instant(`Cms::FieldTab`) : nameValue,
+            name: this.fieldTabs.length === 0
+                ? this._LocalizationService.instant(`Cms::FieldTab`)
+                : nameValue,
         }));
         this.fieldTabs.push(newFormGroup);
         this.resultSource.push(newFormGroup.value);
@@ -2235,7 +2026,7 @@ class CreateOrEditComponent {
             let fieldGroupList = res.items;
             fieldGroupList.unshift({
                 id: null,
-                name: 'UngroupedFields'
+                name: 'UngroupedFields',
             });
             fieldGroupList.forEach((el, index) => {
                 el.fields = fieldList.filter(els => els.groupId === el.id);
@@ -2303,9 +2094,11 @@ class CreateOrEditComponent {
      */
     getFieldList() {
         return new Promise((resolve, rejects) => {
-            this._FieldAdminService.getList({
-                maxResultCount: 1000
-            }).subscribe((res) => {
+            this._FieldAdminService
+                .getList({
+                maxResultCount: 1000,
+            })
+                .subscribe((res) => {
                 res.items.forEach(el => {
                     el.required = false;
                     el.showOnList = false;
@@ -2314,25 +2107,6 @@ class CreateOrEditComponent {
             });
         });
     }
-    /**
-     * 拖拽 功能*/
-    /**数据源 */
-    /**数据源-字段分组数据-包含字段数据 fields */
-    fieldGroupList = [];
-    /**数据源-所有字段列表 */
-    fieldList = [];
-    /**数据源拖拽的分组下标 */
-    DataSourceGroupIndex;
-    /**数据源拖拽的字段下标 */
-    DataSourceFieldIndex;
-    /**目标源 结果*/
-    resultSource = [];
-    /**从数据源拖拽的元素 */
-    fromDataSourceDragEl;
-    /**从目标源拖拽的元素 */
-    fromResultSourceDragEl;
-    /**来自数据源的集合，用于从目标源拖回数据源时的判断，与取值 */
-    formRightGroup = [];
     /**从数据源开始拖拽 */
     fromDataSourceDragStart(element, fieldIndex, groupIndex) {
         this.fromDataSourceDragEl = element;
@@ -2355,7 +2129,8 @@ class CreateOrEditComponent {
         let _fromResultSourceDragEl = this.fromResultSourceDragEl;
         let formRightGroup = this.deepClone(this.formRightGroup);
         let fieldList = this.deepClone(this.fieldList);
-        if (_fromResultSourceDragEl) { //移动
+        if (_fromResultSourceDragEl) {
+            //移动
             //从目标源拖拽到数据源
             // 拖拽目标源的下标
             let dragResultSourceIndex = this.resultSource[this.navActive].fields.findIndex(el => el.id == _fromResultSourceDragEl.id);
@@ -2404,19 +2179,19 @@ class CreateOrEditComponent {
             let fieldsArray = [];
             el.fields.forEach(item => {
                 fieldsArray.push({
-                    "fieldId": item.id || item.fieldId,
-                    "displayName": item.displayName,
-                    "required": item?.required,
-                    "showOnList": item?.showOnList
+                    fieldId: item.id || item.fieldId,
+                    displayName: item.displayName,
+                    required: item?.required,
+                    showOnList: item?.showOnList,
                 });
             });
             setArray.push({
                 name: el.name,
-                fields: fieldsArray
+                fields: fieldsArray,
             });
         });
         this.newEntity.patchValue({
-            fieldTabs: setArray
+            fieldTabs: setArray,
         });
     }
     /**保存表单 */
@@ -2425,34 +2200,18 @@ class CreateOrEditComponent {
         if (this.entryTypesSelect) {
             this._EntryTypeAdminService.update(this.entryTypesSelect.id, input).subscribe(res => {
                 this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
-                this.router.navigateByUrl('', { skipLocationChange: true }).then(() => {
-                    this.router.navigate([`/cms/admin/sections`]);
-                    this._UpdateListService.updateList();
-                });
+                this._location.back();
+                this._UpdateListService.updateList();
             });
             return;
         }
         input.sectionId = this.sectionId;
         this._EntryTypeAdminService.create(input).subscribe(res => {
             this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
-            this.router.navigateByUrl('', { skipLocationChange: true }).then(() => {
-                this.router.navigate([`/cms/admin/sections`]);
-                this._UpdateListService.updateList();
-            });
+            this._location.back();
+            this._UpdateListService.updateList();
         });
     }
-    /**编辑Tabs表单 */
-    editFieldTabsFrom;
-    /**模态框状态 */
-    visibleTabsOpen = false;
-    /**是否是忙碌状态 */
-    modalBusy = false;
-    /**正在编辑的tabs */
-    editFieldTabsSelect;
-    /**正在选中的nav */
-    navActive = 0;
-    /**表单控件模板-动态赋值表单控件 */
-    editFieldTabsModalSubmitBtn;
     /**模态框状态改变回调 */
     VisibleTabsChange(event) {
         if (!event) {
@@ -2465,12 +2224,10 @@ class CreateOrEditComponent {
         this.editFieldTabsFrom = this.fb.group(new fieldTabsBase());
         this.visibleTabsOpen = true;
     }
-    /**正在编辑的tab下标 */
-    newEditFieldTabsIndex;
     /**编辑FieldTabs */
     editFieldTabs(item, i) {
         this.editFieldTabsFrom = this.fb.group(new fieldTabsBase({
-            name: item.name
+            name: item.name,
         }));
         this.editFieldTabsSelect = item;
         this.visibleTabsOpen = true;
@@ -2495,14 +2252,6 @@ class CreateOrEditComponent {
         this.fieldTabs.removeAt(index);
         this.resultSource.splice(index, 1);
     }
-    /**编辑字段模态框状态 */
-    visibleEditFieldOpen = false;
-    /**编辑字段模态框表单 */
-    editFieldFrom;
-    /**表单控件模板-动态赋值表单控件-编辑字段 */
-    editFieldModalSubmitBtn;
-    /**正在编辑的字段下标 */
-    EditFieldIndex;
     /**编辑字段模态框状态状态改变回调 */
     VisibleEditFieldChange(event) {
         if (!event) {
@@ -2538,13 +2287,13 @@ class CreateOrEditComponent {
             return;
         nameInput.patchValue(pinyin);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i3$1.ActivatedRoute }, { token: FieldGroupAdminService }, { token: FieldAdminService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateOrEditComponent, selector: "cms-create-or-edit", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditComponent, deps: [{ token: i3.ToasterService }, { token: i2.Location }, { token: i3$1.ActivatedRoute }, { token: FieldGroupAdminService }, { token: FieldAdminService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CreateOrEditComponent, selector: "cms-create-or-edit", providers: [
             {
                 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\" (ngSubmit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\" [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-2\">\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-2\">\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-2\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <!--  -->\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\n                                                                    *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\" *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\" 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\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\" (ngSubmit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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\" [disabled]=\"!editFieldTabsFrom.valid\"\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\" (ngSubmit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\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                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showOnList\"\n                            id=\"showOnList\" />\n                        <label class=\"form-check-label\" for=\"showOnList\"> {{'Cms::ShowOnList' | abpLocalization}} </label>\n                    </div>\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\" [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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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: i10.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i10.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i10.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i10.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i10.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i10.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i10.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i10.NgbAccordionButton, selector: "button[ngbAccordionButton]" }, { kind: "directive", type: i10.NgbAccordionDirective, selector: "[ngbAccordion]", inputs: ["animation", "closeOthers", "destroyOnHide"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordion"] }, { kind: "directive", type: i10.NgbAccordionItem, selector: "[ngbAccordionItem]", inputs: ["ngbAccordionItem", "destroyOnHide", "disabled", "collapsed"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordionItem"] }, { kind: "directive", type: i10.NgbAccordionHeader, selector: "[ngbAccordionHeader]" }, { kind: "directive", type: i10.NgbAccordionBody, selector: "[ngbAccordionBody]" }, { kind: "directive", type: i10.NgbAccordionCollapse, selector: "[ngbAccordionCollapse]", exportAs: ["ngbAccordionCollapse"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i11.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\" (ngSubmit)=\"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-2\">\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-2\">\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-2\">\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\" *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\" (ngSubmit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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\" [disabled]=\"!editFieldTabsFrom.valid\"\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\" (ngSubmit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\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                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showOnList\"\n                            id=\"showOnList\" />\n                        <label class=\"form-check-label\" for=\"showOnList\"> {{'Cms::ShowOnList' | abpLocalization}}\n                        </label>\n                    </div>\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\" [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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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: i10.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i10.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i10.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i10.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i10.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i10.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i10.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i10.NgbAccordionButton, selector: "button[ngbAccordionButton]" }, { kind: "directive", type: i10.NgbAccordionDirective, selector: "[ngbAccordion]", inputs: ["animation", "closeOthers", "destroyOnHide"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordion"] }, { kind: "directive", type: i10.NgbAccordionItem, selector: "[ngbAccordionItem]", inputs: ["ngbAccordionItem", "destroyOnHide", "disabled", "collapsed"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordionItem"] }, { kind: "directive", type: i10.NgbAccordionHeader, selector: "[ngbAccordionHeader]" }, { kind: "directive", type: i10.NgbAccordionBody, selector: "[ngbAccordionBody]" }, { kind: "directive", type: i10.NgbAccordionCollapse, selector: "[ngbAccordionCollapse]", exportAs: ["ngbAccordionCollapse"] }, { kind: "directive", type: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i8$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditComponent, decorators: [{
             type: Component,
@@ -2553,8 +2302,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.SectionsCreateOrEdit,
                         },
-                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\" [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-2\">\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-2\">\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-2\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <!--  -->\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\n                                                                    *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\" *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\" 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\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\" (ngSubmit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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\" [disabled]=\"!editFieldTabsFrom.valid\"\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\" (ngSubmit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\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                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showOnList\"\n                            id=\"showOnList\" />\n                        <label class=\"form-check-label\" for=\"showOnList\"> {{'Cms::ShowOnList' | abpLocalization}} </label>\n                    </div>\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\" [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: function () { return [{ type: i3.ToasterService }, { type: i2.Location }, { type: i3$1.ActivatedRoute }, { type: FieldGroupAdminService }, { type: FieldAdminService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }, { type: i3$1.Router }]; }, propDecorators: { submitclick: [{
+                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"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-2\">\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-2\">\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-2\">\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\" *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\" (ngSubmit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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\" [disabled]=\"!editFieldTabsFrom.valid\"\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\" (ngSubmit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\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                <div class=\"mb-2\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showOnList\"\n                            id=\"showOnList\" />\n                        <label class=\"form-check-label\" for=\"showOnList\"> {{'Cms::ShowOnList' | abpLocalization}}\n                        </label>\n                    </div>\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\" [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: function () { return [{ type: i3.ToasterService }, { type: i2.Location }, { type: i3$1.ActivatedRoute }, { type: FieldGroupAdminService }, { type: FieldAdminService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }], editFieldTabsModalSubmitBtn: [{
@@ -2566,27 +2315,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class DomainAdminService {
-    restService;
-    apiName = 'CmsAdmin';
-    getBound = (config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/domains/bound',
-    }, { apiName: this.apiName, ...config });
-    nameExists = (domainName, config) => this.restService.request({
-        method: 'GET',
-        url: '/api/cms-admin/domains/name-exists',
-        params: { domainName },
-    }, { apiName: this.apiName, ...config });
-    update = (input, config) => this.restService.request({
-        method: 'POST',
-        url: '/api/cms-admin/domains',
-        body: input,
-    }, { apiName: this.apiName, ...config });
     constructor(restService) {
         this.restService = restService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomainAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomainAdminService, providedIn: 'root' });
+        this.apiName = 'CmsAdmin';
+        this.getBound = (config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/domains/bound',
+        }, { apiName: this.apiName, ...config });
+        this.nameExists = (domainName, config) => this.restService.request({
+            method: 'GET',
+            url: '/api/cms-admin/domains/name-exists',
+            params: { domainName },
+        }, { apiName: this.apiName, ...config });
+        this.update = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/cms-admin/domains',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomainAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomainAdminService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomainAdminService, decorators: [{
             type: Injectable,
@@ -2596,13 +2344,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class DomainsComponent {
-    toaster = inject(ToasterService);
-    _DomainAdminService = inject(DomainAdminService);
-    _LocalizationService = inject(LocalizationService);
-    /**表单实体 */
-    newEntity;
-    /**domain详情 */
-    domainInfo = '';
+    constructor() {
+        this.toaster = inject(ToasterService);
+        this._DomainAdminService = inject(DomainAdminService);
+        this._LocalizationService = inject(LocalizationService);
+        /**domain详情 */
+        this.domainInfo = '';
+    }
     get domainNameInput() {
         return this.newEntity.get('domainName');
     }
@@ -2666,8 +2414,8 @@ class DomainsComponent {
             await this.getDomainsBound();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomainsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DomainsComponent, selector: "cms-domains", ngImport: i0, template: "<form [formGroup]=\"newEntity\" (ngSubmit)=\"SaveSubmit()\">\n    \n    <div class=\"d-flex align-items-center justify-content-between\">\n        <h2>{{'Cms::Domain'|abpLocalization}}</h2>\n        <button class=\"btn btn-primary btn-sm\" type=\"submit\"><i\n                class=\"me-1 fas fa-save\"></i>{{'AbpUi::Save'|abpLocalization}}</button>\n    </div>\n    <hr class=\"my-3\" />\n    <div class=\"mb-2\">\n        <!-- <label class=\"form-label\" for=\"title\">{{'Cms::Domain' | abpLocalization}}</label> -->\n        <input type=\"text\" class=\"form-control\" formControlName=\"domainName\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"domainNameInput.errors?.repetition\">\n            {{domainNameInput.errors?.repetition}}\n        </div>\n        <div class=\"form-text\">\u6B64\u5904\u662F\u586B\u5199\u57DF\u540D\u7684\u63CF\u8FF0\uFF0C\u9700\u8981\u4E00\u4E2A\u5B57\u6BB5\u7EDF\u4E00\u914D\u7F6E\u57DF\u540D\u591A\u8BED\u8A00\uFF0C</div>\n\n    </div>\n    <hr class=\"my-3\" />\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomainsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DomainsComponent, selector: "cms-domains", ngImport: i0, template: "<form [formGroup]=\"newEntity\" (ngSubmit)=\"SaveSubmit()\">\n    \n    <div class=\"d-flex align-items-center justify-content-between\">\n        <h2>{{'Cms::Domain'|abpLocalization}}</h2>\n        <button class=\"btn btn-primary btn-sm\" type=\"submit\"><i\n                class=\"me-1 fas fa-save\"></i>{{'AbpUi::Save'|abpLocalization}}</button>\n    </div>\n    <hr class=\"my-3\" />\n    <div class=\"mb-2\">\n        <!-- <label class=\"form-label\" for=\"title\">{{'Cms::Domain' | abpLocalization}}</label> -->\n        <input type=\"text\" class=\"form-control\" formControlName=\"domainName\">\n        <div class=\"text-danger invalid-feedback\" *ngIf=\"domainNameInput.errors?.repetition\">\n            {{domainNameInput.errors?.repetition}}\n        </div>\n        <div class=\"form-text\">\u6B64\u5904\u662F\u586B\u5199\u57DF\u540D\u7684\u63CF\u8FF0\uFF0C\u9700\u8981\u4E00\u4E2A\u5B57\u6BB5\u7EDF\u4E00\u914D\u7F6E\u57DF\u540D\u591A\u8BED\u8A00\uFF0C</div>\n\n    </div>\n    <hr class=\"my-3\" />\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomainsComponent, decorators: [{
             type: Component,
@@ -2675,13 +2423,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class EntryConfig {
-    /**多选 */
-    'Entry.Multiple' = [false, []];
-    /**占位符 */
-    'Entry.Placeholder' = ['', []];
-    /**版块id */
-    'Entry.SectionId' = ['', []];
     constructor(data) {
+        /**多选 */
+        this['Entry.Multiple'] = [false, []];
+        /**占位符 */
+        this['Entry.Placeholder'] = ['', []];
+        /**版块id */
+        this['Entry.SectionId'] = ['', []];
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -2693,47 +2441,36 @@ class EntryConfig {
 }
 
 class EntryConfigComponent {
-    fb;
-    _SectionAdminService;
     constructor(fb, 
     // private _SiteAdminService: SiteAdminService,
     _SectionAdminService) {
         this.fb = fb;
         this._SectionAdminService = _SectionAdminService;
+        /**站点列表 */
+        this.siteList = [];
+        /**选择的站点id */
+        // siteId: string = ''
+        this.siteId = new FormControl('');
+        /**站点下的版块 */
+        this.SiteOfSectionList = [];
     }
-    /**表单控件类型 */
-    _type;
     set type(v) {
         if (v == this._type)
             return;
         this._type = v;
     }
-    /**表单实体 */
-    _Entity;
     set Entity(v) {
         this._Entity = v;
     }
-    /**选择的表单信息 */
-    _selected;
     set selected(v) {
         this._selected = v;
     }
-    /**语言 */
-    _culture;
     set culture(v) {
         this._culture = v;
     }
     get formConfiguration() {
         return this._Entity.get('formConfiguration');
     }
-    submitclick;
-    /**站点列表 */
-    siteList = [];
-    /**选择的站点id */
-    // siteId: string = ''
-    siteId = new FormControl('');
-    /**站点下的版块 */
-    SiteOfSectionList = [];
     ngAfterContentInit() {
         //Called after ngOnInit when the component's or directive's content has been initialized.
         //Add 'implements AfterContentInit' to the class.
@@ -2787,12 +2524,12 @@ class EntryConfigComponent {
     async siteIdChange() {
         await this.getSiteOfSectionList();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: SectionAdminService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EntryConfigComponent, selector: "cms-entry-config", inputs: { type: "type", Entity: "Entity", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"mb-2\">\n    <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}</label>\n    <select class=\"form-select col-auto\"  [(ngModel)]=\"siteId\" (change)=\"siteIdChange()\">\n        <ng-container *ngFor=\"let item of siteList\">\n            <option [value]=\"item.id\">{{item.displayName}}</option>\n        </ng-container>\n    </select>\n</div>\n<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        \n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}</label>\n            <select class=\"form-select col-auto\" formControlName=\"Entry.SectionId\">\n                <ng-container *ngFor=\"let item of SiteOfSectionList\">\n                    <option [value]=\"item.id\">{{item.displayName}}</option>\n                </ng-container>\n            </select>\n        </div>\n\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Entry.Multiple\" id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'Cms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Entry.Placeholder\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: SectionAdminService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EntryConfigComponent, selector: "cms-entry-config", inputs: { type: "type", Entity: "Entity", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<!-- <div class=\"mb-2\">\n    <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}</label>\n    <select class=\"form-select col-auto\"  [(ngModel)]=\"siteId\" (change)=\"siteIdChange()\">\n        <ng-container *ngFor=\"let item of siteList\">\n            <option [value]=\"item.id\">{{item.displayName}}</option>\n        </ng-container>\n    </select>\n</div> -->\n<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        \n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}</label>\n            <select class=\"form-select col-auto\" formControlName=\"Entry.SectionId\">\n                <ng-container *ngFor=\"let item of SiteOfSectionList\">\n                    <option [value]=\"item.id\">{{item.displayName}}</option>\n                </ng-container>\n            </select>\n        </div>\n\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Entry.Multiple\" id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'Cms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Entry.Placeholder\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [":ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background-color:transparent!important;border:none!important}:ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:transparent!important;box-shadow:none!important}.selectclassliveview{overflow:hidden}::ng-deep .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:transparent}::ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:transparent;box-shadow:none}::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background:transparent;border:1px solid transparent}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cms-entry-config', template: "<div class=\"mb-2\">\n    <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}</label>\n    <select class=\"form-select col-auto\"  [(ngModel)]=\"siteId\" (change)=\"siteIdChange()\">\n        <ng-container *ngFor=\"let item of siteList\">\n            <option [value]=\"item.id\">{{item.displayName}}</option>\n        </ng-container>\n    </select>\n</div>\n<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        \n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}</label>\n            <select class=\"form-select col-auto\" formControlName=\"Entry.SectionId\">\n                <ng-container *ngFor=\"let item of SiteOfSectionList\">\n                    <option [value]=\"item.id\">{{item.displayName}}</option>\n                </ng-container>\n            </select>\n        </div>\n\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Entry.Multiple\" id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'Cms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Entry.Placeholder\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
+            args: [{ selector: 'cms-entry-config', template: "<!-- <div class=\"mb-2\">\n    <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}</label>\n    <select class=\"form-select col-auto\"  [(ngModel)]=\"siteId\" (change)=\"siteIdChange()\">\n        <ng-container *ngFor=\"let item of siteList\">\n            <option [value]=\"item.id\">{{item.displayName}}</option>\n        </ng-container>\n    </select>\n</div> -->\n<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        \n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}</label>\n            <select class=\"form-select col-auto\" formControlName=\"Entry.SectionId\">\n                <ng-container *ngFor=\"let item of SiteOfSectionList\">\n                    <option [value]=\"item.id\">{{item.displayName}}</option>\n                </ng-container>\n            </select>\n        </div>\n\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Entry.Multiple\" id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'Cms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Entry.Placeholder\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [":ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background-color:transparent!important;border:none!important}:ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:transparent!important;box-shadow:none!important}.selectclassliveview{overflow:hidden}::ng-deep .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:transparent}::ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:transparent;box-shadow:none}::ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{background:transparent;border:1px solid transparent}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: SectionAdminService }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
@@ -2809,49 +2546,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /* eslint-disable @angular-eslint/component-selector */
 class EntryControlComponent {
     constructor() {
+        this.fb = inject(FormBuilder);
+        this._EntryAdminService = inject(EntryAdminService);
+        /**字段配置列表 */
+        this._fields = '';
+        /** */
+        this.listOfOption = [];
     }
-    fb = inject(FormBuilder);
-    _EntryAdminService = inject(EntryAdminService);
-    /**表单实体 */
-    _entity;
     set entity(v) {
         this._entity = v;
         if (v)
             this.dataLoaded();
     }
-    /**字段配置列表 */
-    _fields = '';
     set fields(v) {
         this._fields = v;
         if (v)
             this.dataLoaded();
     }
-    /**父级字段名称，用于为表单设置控件赋值 */
-    _parentFiledName;
     set parentFiledName(v) {
         this._parentFiledName = v;
         if (v)
             this.dataLoaded();
     }
-    /**父级字段名称，用于为表单设置控件赋值 */
-    _selected;
     set selected(v) {
         this._selected = v || [];
         if (v)
             this.dataLoaded();
     }
-    /**语言 */
-    _culture;
     set culture(v) {
         if (v) {
             this._culture = v;
             this.dataLoaded();
         }
     }
-    submitclick;
-    extraProperties;
-    /** */
-    listOfOption = [];
     async dataLoaded() {
         if (this._fields && this._entity && this._parentFiledName && this._culture) {
             await this.AfterInit();
@@ -2891,8 +2618,8 @@ class EntryControlComponent {
     async SelectChange(event) {
         await this.getEntryAssignList(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EntryControlComponent, selector: "cms-entry-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-2\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                <div class=\"form-select\">\r\n                    <nz-select [nzMaxTagCount]=\"5\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch  nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </div>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <div class=\"form-select\">\r\n                    <nz-select nzShowSearch (nzOnSearch)=\"SelectChange($event)\" [nzMaxMultipleCount]=\"1\"  nzMode=\"multiple\" [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </div>\r\n            </ng-template>\r\n\r\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .entry-control-page .form-select{padding:0}::ng-deep .entry-control-page nz-select{width:100%}::ng-deep .entry-control-page nz-select .ant-select-selector{background:transparent!important;border:none!important;padding:.275rem 1.25rem!important;box-shadow:none!important;height:auto!important}::ng-deep .entry-control-page nz-select .anticon-search,::ng-deep .entry-control-page nz-select .anticon-down{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EntryControlComponent, selector: "cms-entry-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\r\n    <div [formGroupName]=\"_parentFiledName\" class=\"entry-control-page\">\r\n        <div class=\"mb-2\">\r\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate\">\r\n                <div class=\"form-select\">\r\n                    <nz-select [nzMaxTagCount]=\"5\" (nzOnSearch)=\"SelectChange($event)\" nzShowSearch  nzMode=\"multiple\"  [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </div>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <div class=\"form-select\">\r\n                    <nz-select nzShowSearch (nzOnSearch)=\"SelectChange($event)\" [nzMaxMultipleCount]=\"1\"  nzMode=\"multiple\" [nzPlaceHolder]=\"_fields.field.formConfiguration['Entry.Placeholder']\"\r\n                    formControlName=\"{{_fields.field.name}}\">\r\n                        <nz-option *ngFor=\"let item of listOfOption\" [nzLabel]=\"item.title\" [nzValue]=\"item.id\"></nz-option>\r\n                    </nz-select>\r\n                </div>\r\n            </ng-template>\r\n\r\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</form>", styles: ["::ng-deep .entry-control-page .form-select{padding:0}::ng-deep .entry-control-page nz-select{width:100%}::ng-deep .entry-control-page nz-select .ant-select-selector{background:transparent!important;border:none!important;padding:.275rem 1.25rem!important;box-shadow:none!important;height:auto!important}::ng-deep .entry-control-page nz-select .anticon-search,::ng-deep .entry-control-page nz-select .anticon-down{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryControlComponent, decorators: [{
             type: Component,
@@ -2913,9 +2640,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class MatrixConfig {
-    // 矩阵类型
-    'MatrixBlockTypes' = new FormArray([]);
     constructor(data) {
+        // 矩阵类型
+        this['MatrixBlockTypes'] = new FormArray([]);
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -2926,10 +2653,10 @@ class MatrixConfig {
     }
 }
 class MatrixItemConfig {
-    displayName = ['', [Validators.required]];
-    /**字段名字 */
-    name = ['', [Validators.required]];
     constructor(data) {
+        this.displayName = ['', [Validators.required]];
+        /**字段名字 */
+        this.name = ['', [Validators.required]];
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -2940,17 +2667,17 @@ class MatrixItemConfig {
     }
 }
 class matrixFieldInputBase {
-    /**字段名称 Display name of this field */
-    displayName = ['', [Validators.required]];
-    /**字段唯一名称 Unique Name*/
-    name = ['', [Validators.required]];
-    /**描述 说明 */
-    description = ['', []];
-    /**FieldType字段类型 表单控件名称 */
-    formControlName = ['TextEdit', [Validators.required]];
-    /**动态表单配置 */
-    formConfiguration = new FormGroup({});
     constructor(data) {
+        /**字段名称 Display name of this field */
+        this.displayName = ['', [Validators.required]];
+        /**字段唯一名称 Unique Name*/
+        this.name = ['', [Validators.required]];
+        /**描述 说明 */
+        this.description = ['', []];
+        /**FieldType字段类型 表单控件名称 */
+        this.formControlName = ['TextEdit', [Validators.required]];
+        /**动态表单配置 */
+        this.formConfiguration = new FormGroup({});
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -2963,37 +2690,35 @@ class matrixFieldInputBase {
 
 /* eslint-disable @angular-eslint/component-selector */
 class MatrixConfigComponent {
-    fb;
-    _CmsApiService;
-    _FieldAbstractsService;
     constructor(fb, _CmsApiService, _FieldAbstractsService) {
         this.fb = fb;
         this._CmsApiService = _CmsApiService;
         this._FieldAbstractsService = _FieldAbstractsService;
+        /**模态框-状态 */
+        this.matrixModalOpen = false;
+        /**模态框-是否正在编辑 */
+        this.isMatrixModalEdit = false;
+        /**模态框-用于确定模态的繁忙状态是否为真 */
+        this.modalBusy = false;
+        /**矩阵块-选择的下标 */
+        this.selectMatrixBlockIndex = 0;
+        /**矩阵块-选择的矩阵下字段的下标 */
+        this.selectMatrixFieldIndex = 0;
     }
-    /**表单控件组 */
-    _FieldControlGroup;
-    /**表单控件类型 */
-    _type;
     set type(v) {
         this._type = v;
         this.dataLoaded();
     }
-    /**表单实体 */
-    _Entity;
     set Entity(v) {
         this._Entity = v;
         this.dataLoaded();
     }
-    /**选择的表单信息 */
-    _selected;
     set selected(v) {
         if (v) {
             this._selected = v;
             this.dataLoaded();
         }
     }
-    submitclick;
     async dataLoaded() {
         if (this._Entity && this._type) {
             await this.AfterInit();
@@ -3030,20 +2755,6 @@ class MatrixConfigComponent {
     get MatrixBlockTypes() {
         return this.formConfiguration.controls['MatrixBlockTypes'];
     }
-    /**模态框-状态 */
-    matrixModalOpen = false;
-    /**模态框-是否正在编辑 */
-    isMatrixModalEdit = false;
-    /**模态框-用于确定模态的繁忙状态是否为真 */
-    modalBusy = false;
-    /**模态框-表单 */
-    matrixModalForm;
-    /**表单控件模板-用于在form外提交submit */
-    matrixModalModalSubmit;
-    /**矩阵块-选择的下标 */
-    selectMatrixBlockIndex = 0;
-    /**矩阵块-选择的矩阵下字段的下标 */
-    selectMatrixFieldIndex = 0;
     /**模态框-状态改变 */
     matrixModalVisibleChange(event) {
         if (!event) {
@@ -3160,12 +2871,12 @@ class MatrixConfigComponent {
             return;
         FieldnameInput.patchValue(pinyin);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MatrixConfigComponent, selector: "df-matrix-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, 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-2\">\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-2\">\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-2\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <div class=\"form-text\">\n                                                {{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>\n                                        </div>\n                                        <div class=\"mb-2\">\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-2\">\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                                        <!-- {{itemf.value.formControlName}}----{{item.value|json}} -->\n                                        <ng-container *ngIf=\"itemf.value.formControlName&&itemf\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" [entity]=\"itemf\"\n                                                [selected]=\"_selected?_selected['formConfiguration']['MatrixBlockTypes'][i]['fields'][fi]:''\"></df-dynamic>\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                (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MatrixConfigComponent, selector: "df-matrix-config", inputs: { type: "type", Entity: "Entity", selected: "selected" }, 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-2\">\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-2\">\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-2\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <div class=\"form-text\">\n                                                {{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>\n                                        </div>\n                                        <div class=\"mb-2\">\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-2\">\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\" [entity]=\"itemf\"\n                                                [selected]=\"_selected?_selected['formConfiguration']['MatrixBlockTypes'][i]['fields'][fi]:''\"></df-dynamic>\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                (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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: i10.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i10.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i10.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i10.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-matrix-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\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-2\">\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-2\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <div class=\"form-text\">\n                                                {{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>\n                                        </div>\n                                        <div class=\"mb-2\">\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-2\">\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                                        <!-- {{itemf.value.formControlName}}----{{item.value|json}} -->\n                                        <ng-container *ngIf=\"itemf.value.formControlName&&itemf\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" [entity]=\"itemf\"\n                                                [selected]=\"_selected?_selected['formConfiguration']['MatrixBlockTypes'][i]['fields'][fi]:''\"></df-dynamic>\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                (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\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-2\">\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-2\">\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-2\">\n                                            <label class=\"form-label\"\n                                                for=\"name\">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>\n                                            <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                                            <div class=\"form-text\">\n                                                {{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>\n                                        </div>\n                                        <div class=\"mb-2\">\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-2\">\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\" [entity]=\"itemf\"\n                                                [selected]=\"_selected?_selected['formConfiguration']['MatrixBlockTypes'][i]['fields'][fi]:''\"></df-dynamic>\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                (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-2\">\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-2\">\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: function () { return [{ type: i1$1.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
@@ -3182,44 +2893,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /* eslint-disable @angular-eslint/component-selector */
 class MatrixControlComponent {
-    fb;
     constructor(fb) {
         this.fb = fb;
+        /**字段配置列表 */
+        this._fields = '';
+        /**矩阵列表 */
+        this.MatrixBlockTypesList = [];
     }
-    /**表单实体 */
-    _entity;
     set entity(v) {
         this._entity = v;
         this.dataLoaded();
     }
-    /**字段配置列表 */
-    _fields = '';
     set fields(v) {
         this._fields = v;
         this.dataLoaded();
     }
-    /**父级字段名称，用于为表单设置控件赋值 */
-    _parentFiledName;
     set parentFiledName(v) {
         this._parentFiledName = v;
         this.dataLoaded();
     }
-    /**父级字段名称，用于为表单设置控件赋值 */
-    _selected;
     set selected(v) {
         this._selected = v;
         if (v) {
             this.dataLoaded();
         }
     }
-    /**语言 */
-    _culture;
     set culture(v) {
         this._culture = v;
     }
-    submitclick;
-    /** 获取父级字段代表的表单组*/
-    extraProperties;
     /**数据加载完成 */
     async dataLoaded() {
         if (this._fields && this._entity && this._parentFiledName) {
@@ -3230,9 +2931,6 @@ class MatrixControlComponent {
                 this.fieldNameControl.patchValue(this._selected);
         }
     }
-    formConfiguration;
-    /**获取表格字段代表的控件 */
-    fieldNameControl;
     AfterInit() {
         return new Promise((resolve, rejects) => {
             let formConfiguration = this._fields.field.formConfiguration;
@@ -3249,8 +2947,6 @@ class MatrixControlComponent {
             resolve(true);
         });
     }
-    /**矩阵列表 */
-    MatrixBlockTypesList = [];
     /**增加指定矩阵控件项 */
     addMatrixControl(item) {
         this.fieldNameControl.push(this.fb.group({
@@ -3265,8 +2961,8 @@ class MatrixControlComponent {
     deleteMatrixControl(index) {
         this.fieldNameControl.removeAt(index);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixControlComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MatrixControlComponent, selector: "df-matrix-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [formArrayName]=\"_fields.field.name\">\n                <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                    <div class=\"card mb-3 border \" [formGroupName]=\"i\">\n                        <div class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                            <div>{{item.value.displayName}}</div>\n                            <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteMatrixControl(i)\"><i\n                                    class=\"fas fa-trash p-2\"></i></button>\n                        </div>\n                        <div class=\"card-body\">\n                            <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                    <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                        <ng-container *ngIf=\"item&&elf&&_culture\">\n                                            <df-dynamic [entity]=\"item\"\n                                                [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"></df-dynamic>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </div>\n                    </div>\n                </ng-container>\n            </div>\n            <div>\n                <div class=\"btn-group\" role=\"group\" aria-label=\"Basic example\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypesList;let i =index\">\n                        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n            </div>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixControlComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MatrixControlComponent, selector: "df-matrix-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [formArrayName]=\"_fields.field.name\">\n                <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                    <div class=\"card mb-3 border \" [formGroupName]=\"i\">\n                        <div class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                            <div>{{item.value.displayName}}</div>\n                            <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteMatrixControl(i)\"><i\n                                    class=\"fas fa-trash p-2\"></i></button>\n                        </div>\n                        <div class=\"card-body\">\n                            <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                    <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                        <ng-container *ngIf=\"item&&elf&&_culture\">\n                                            <df-dynamic [entity]=\"item\"\n                                                [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"></df-dynamic>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </div>\n                    </div>\n                </ng-container>\n            </div>\n            <div>\n                <div class=\"btn-group\" role=\"group\" aria-label=\"Basic example\">\n                    <ng-container *ngFor=\"let item of MatrixBlockTypesList;let i =index\">\n                        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n            </div>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixControlComponent, decorators: [{
             type: Component,
@@ -3287,9 +2983,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class TableConfig {
-    // 选项
-    TableColumns = new FormArray([]);
     constructor(data) {
+        // 选项
+        this.TableColumns = new FormArray([]);
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -3300,19 +2996,19 @@ class TableConfig {
     }
 }
 class TableFormControl {
-    /**列标题 */
-    displayName = ['', [Validators.required]];
-    /**空间配置 */
-    formConfiguration = new FormGroup({});
-    /**列名 */
-    name = ['', [Validators.required]];
-    //控件标识
-    formControlName = ['', [Validators.required]];
-    /**是否必填 */
-    required = [false];
-    /**描述 */
-    description = [''];
     constructor(data) {
+        /**列标题 */
+        this.displayName = ['', [Validators.required]];
+        /**空间配置 */
+        this.formConfiguration = new FormGroup({});
+        /**列名 */
+        this.name = ['', [Validators.required]];
+        //控件标识
+        this.formControlName = ['', [Validators.required]];
+        /**是否必填 */
+        this.required = [false];
+        /**描述 */
+        this.description = [''];
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -3325,32 +3021,25 @@ class TableFormControl {
 
 /* eslint-disable @angular-eslint/component-selector */
 class TableConfigComponent {
-    fb;
-    _CmsApiService;
-    _FieldAbstractsService;
     constructor(fb, _CmsApiService, _FieldAbstractsService) {
         this.fb = fb;
         this._CmsApiService = _CmsApiService;
         this._FieldAbstractsService = _FieldAbstractsService;
+        /**创建站点模态框状态 */
+        this.tableSelectOpen = false;
+        /**用于确定模态的繁忙状态是否为真 */
+        this.modalBusy = false;
     }
-    /**表单实体 */
-    _Entity;
     set Entity(v) {
         this._Entity = v;
         this.dataLoaded();
     }
-    /**选择的表单信息 */
-    _selected;
     set selected(v) {
         if (v) {
             this._selected = v;
             this.dataLoaded();
         }
     }
-    /**表单控件组 */
-    _fieldControlGroup;
-    /**表单控件类型 */
-    _type;
     set type(v) {
         this._type = v;
         this.dataLoaded();
@@ -3361,7 +3050,6 @@ class TableConfigComponent {
     get TableColumns() {
         return this.formConfiguration.controls['TableColumns'];
     }
-    submitclick;
     async dataLoaded() {
         if (this._Entity && this._type) {
             await this.AfterInit();
@@ -3395,7 +3083,6 @@ class TableConfigComponent {
             resolve(true);
         });
     }
-    itemForm;
     /**选择表格的表单控件 */
     selectTableControl(event, i, item) {
         this.CurrentSelectionTableControlName = event.target.value;
@@ -3404,19 +3091,6 @@ class TableConfigComponent {
         this.TableColumnsIndex = i;
         this.itemForm = item;
     }
-    CurrentSelectionTableControlName;
-    /**正在创建或编辑的表格项下标 */
-    TableColumnsIndex;
-    /**创建站点模态框状态 */
-    tableSelectOpen = false;
-    /**用于确定模态的繁忙状态是否为真 */
-    modalBusy = false;
-    /**创建站点表单 */
-    tableSelectForm;
-    /**表格已选择数据 */
-    _tableSelected;
-    /**表单控件模板-动态赋值表单控件 */
-    tableSelectModalSubmit;
     /**创建站点模态框状态改变 */
     tableSelectVisibleChange(event) {
         if (!event) {
@@ -3466,8 +3140,8 @@ class TableConfigComponent {
             return;
         nameInput.patchValue(pinyin);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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-2\">\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                (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic [type]=\"CurrentSelectionTableControlName\" [entity]=\"tableSelectForm\"\n                    [selected]=\"_tableSelected\" [formGroup]=\"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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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-2\">\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                (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #tableSelectModalSubmit style=\"display: none\"></button>\n                <ng-container *ngIf=\"CurrentSelectionTableControlName&&tableSelectForm\">\n                    <df-dynamic [type]=\"CurrentSelectionTableControlName\" [entity]=\"tableSelectForm\"\n                    [selected]=\"_tableSelected\" [formGroup]=\"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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i9.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: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableConfigComponent, decorators: [{
             type: Component,
@@ -3488,42 +3162,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class TableControlComponent {
     constructor() {
+        this.fb = inject(FormBuilder);
+        /**字段配置列表 */
+        this._fields = '';
     }
-    fb = inject(FormBuilder);
-    /**表单实体 */
-    _entity;
     set entity(v) {
         this._entity = v;
         this.dataLoaded();
     }
-    /**字段配置列表 */
-    _fields = '';
     set fields(v) {
         this._fields = v;
         this.dataLoaded();
     }
-    /**父级字段名称，用于为表单设置控件赋值 */
-    _parentFiledName;
     set parentFiledName(v) {
         this._parentFiledName = v;
         this.dataLoaded();
     }
-    /**父级字段名称，用于为表单设置控件赋值 */
-    _selected;
     set selected(v) {
         this._selected = v;
         if (v) {
             this.dataLoaded();
         }
     }
-    /**语言 */
-    _culture;
     set culture(v) {
         this._culture = v;
     }
-    submitclick;
-    /** 获取父级字段代表的表单组*/
-    extraProperties;
     /**数据加载完成 */
     async dataLoaded() {
         if (this._fields && this._entity && this._parentFiledName) {
@@ -3532,9 +3195,6 @@ class TableControlComponent {
             this.submitclick.nativeElement.click();
         }
     }
-    formConfiguration;
-    /**获取表格字段代表的控件 */
-    fieldNameControl;
     AfterInit() {
         return new Promise((resolve, rejects) => {
             let ValidatorsArray = [];
@@ -3577,8 +3237,8 @@ class TableControlComponent {
         this.fieldNameControl.insert(lastindex, controlAt);
         this._selected = this.fieldNameControl.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableControlComponent, selector: "df-table-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                            <th scope=\"col\">{{ item.displayName }}</th>\n                        </ng-container>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls; let i = index\">\n                        <tr>\n                            <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                <td>\n                                    <ng-container *ngIf=\"item&&el\">\n                                        <df-dynamic [entity]=\"item\" [fields]=\"{ field: el }\"\n                                            [selected]=\"_selected[i]?.extraProperties[''+el.name+'']\"\n                                            [parentFiledName]=\"'extraProperties'\"  [culture]=\"_culture\"></df-dynamic>\n                                    </ng-container>\n                                </td>\n                            </ng-container>\n                            <td scope=\"row\" class=\"\">\n                                <div class=\"flex-end mb-2\">\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"minusTableControlItem(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"TableArrowUpOrDown('up',i)\"\n                                        *ngIf=\"i!==0\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                        *ngIf=\"i!==fieldNameControl.controls.length-1\">\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 class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$1.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableControlComponent, selector: "df-table-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                            <th scope=\"col\">{{ item.displayName }}</th>\n                        </ng-container>\n                        <th scope=\"col\" class=\"flex-end\">\n                            <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                <i class=\"fas fa-plus-circle\"></i>\n                            </button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody [formArrayName]=\"_fields.field.name\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls; let i = index\">\n                        <tr>\n                            <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                <td>\n                                    <ng-container *ngIf=\"item&&el\">\n                                        <df-dynamic [entity]=\"item\" [fields]=\"{ field: el }\"\n                                            [selected]=\"_selected[i]?.extraProperties[''+el.name+'']\"\n                                            [parentFiledName]=\"'extraProperties'\"  [culture]=\"_culture\"></df-dynamic>\n                                    </ng-container>\n                                </td>\n                            </ng-container>\n                            <td scope=\"row\" class=\"\">\n                                <div class=\"flex-end mb-2\">\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"minusTableControlItem(i)\">\n                                        <i class=\"fas fa-minus\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\" (click.stop)=\"TableArrowUpOrDown('up',i)\"\n                                        *ngIf=\"i!==0\">\n                                        <i class=\"fas fa-arrow-up\"></i>\n                                    </button>\n                                    <button class=\"btn btn-light btn-sm ms-1\"\n                                        (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                        *ngIf=\"i!==fieldNameControl.controls.length-1\">\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 class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [".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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8$2.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableControlComponent, decorators: [{
             type: Component,
@@ -3868,6 +3528,7 @@ a {
 :root select{
   cursor: pointer; /* this will show the pointer when hovering */
 } 
+.cdk-global-overlay-wrapper, .cdk-overlay-container {pointer-events: none;top: 0;left: 0;height: 100%;width: 100% }.cdk-overlay-container {position: fixed;z-index: 1000 }.cdk-overlay-container:empty {display: none }.cdk-global-overlay-wrapper, .cdk-overlay-connected-position-bounding-box, .cdk-overlay-pane {position: absolute;z-index: 1000;display: flex }.cdk-overlay-pane {pointer-events: auto;box-sizing: border-box;max-width: 100%;max-height: 100% }.cdk-overlay-backdrop {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1000;pointer-events: auto;transition: opacity .4s cubic-bezier(.25, .8, .25, 1);opacity: 0 }.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {opacity: 1 }.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {opacity: .6 }.cdk-overlay-dark-backdrop {background: rgba(0, 0, 0, .32) }.cdk-overlay-transparent-backdrop {transition: visibility 1ms linear, opacity 1ms linear;visibility: hidden;opacity: 1 }.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {opacity: 0;visibility: visible }.cdk-overlay-backdrop-noop-animation {transition: none }.cdk-overlay-connected-position-bounding-box {flex-direction: column;min-width: 1px;min-height: 1px }.cdk-global-scrollblock {position: fixed;width: 100%;overflow-y: scroll }.cdk-visually-hidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;outline: 0;-webkit-appearance: none;-moz-appearance: none }.nz-overlay-transparent-backdrop, .nz-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {opacity: 0 }.ant-select, .ant-select-dropdown {margin: 0;line-height: 1.5715;box-sizing: border-box;font-feature-settings: 'tnum';list-style: none }.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft {animation-name: antSlideUpIn }.ant-select-dropdown.ant-select-tree-dropdown {top: 100%;left: 0;position: relative;width: 100%;margin-top: 4px;margin-bottom: 4px;overflow: auto }.ant-select-dropdown-hidden, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before {display: none }.ant-select-dropdown {top: 100%;left: 0;position: relative;width: 100%;margin-top: 4px;margin-bottom: 4px;display: block }.ant-select-dropdown .cdk-virtual-scroll-content-wrapper {right: 0 }.ant-select-dropdown .full-width {contain: initial }.ant-select-dropdown .full-width .cdk-virtual-scroll-content-wrapper {position: static }.ant-select-dropdown .full-width .cdk-virtual-scroll-spacer {position: absolute;top: 0;width: 1px }.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft {animation-name: antSlideDownIn }.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {animation-name: antSlideUpOut }.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {animation-name: antSlideDownOut }
 
 `;
 
@@ -3929,11 +3590,6 @@ const routes = [
                             },
                         ],
                     },
-                    // {
-                    //   path: 'sites',
-                    //   component: SitesComponent,
-                    //   data: { keep: true }
-                    // },
                     {
                         path: 'sections',
                         children: [
@@ -3963,9 +3619,9 @@ const routes = [
     },
 ];
 class CmsRoutingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CmsRoutingModule, imports: [i3$1.RouterModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CmsRoutingModule, imports: [i3$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsRoutingModule, decorators: [{
             type: NgModule,
@@ -3977,6 +3633,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class CmsModule {
     static forChild(options = {}) {
+        console.log(111111);
         return {
             ngModule: CmsModule,
             providers: [
@@ -3990,10 +3647,9 @@ class CmsModule {
     static forLazy(options = {}) {
         return new LazyModuleFactory(CmsModule.forChild(options));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, declarations: [EntriesComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, declarations: [EntriesComponent,
             FieldsComponent,
-            // SitesComponent,
             SectionsComponent,
             FieldGroupComponent,
             CreateFieldComponent,
@@ -4017,14 +3673,14 @@ class CmsModule {
             NgbAccordionModule,
             NgbDropdownModule,
             PageModule,
-            NzSelectModule, i8$1.DynamicFormModule], exports: [TableConfigComponent,
+            NzSelectModule, i8$2.DynamicFormModule], exports: [TableConfigComponent,
             TableControlComponent,
             MatrixConfigComponent,
             MatrixControlComponent,
             EntryConfigComponent,
             EntryControlComponent,
-            DomainsComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, imports: [CoreModule,
+            DomainsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, imports: [CoreModule,
             ThemeSharedModule,
             CmsRoutingModule,
             FormsModule,
@@ -4035,7 +3691,7 @@ class CmsModule {
             NzSelectModule,
             DynamicFormModule.forRoot({
                 cmsFieldControlGroup: [...FieldControlGroup, ...fielFieldControlGroup, ...ckEditorFieldControlGroup]
-            })] });
+            })] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, decorators: [{
             type: NgModule,
@@ -4043,7 +3699,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     declarations: [
                         EntriesComponent,
                         FieldsComponent,
-                        // SitesComponent,
                         SectionsComponent,
                         FieldGroupComponent,
                         CreateFieldComponent,