@dignite-ng/expand.cms 0.0.25 → 0.0.26

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, Component, ViewContainerRef, Input, ViewChildren, ViewChild, Output, InjectionToken, RendererFactory2, NgModule } from '@angular/core';
+import { EventEmitter, Injectable, inject, Component, ViewContainerRef, Input, ViewChildren, ViewChild, Output, InjectionToken, RendererFactory2, NgModule } from '@angular/core';
 import * as i1 from '@abp/ng.core';
 import { mapEnumToOptions, ListService, LIST_QUERY_DEBOUNCE_TIME, ConfigStateService, AuthGuard, PermissionGuard, LazyModuleFactory, CoreModule } from '@abp/ng.core';
 import * as i3 from '@abp/ng.theme.shared';
@@ -18,247 +18,259 @@ import * as i10 from '@ng-bootstrap/ng-bootstrap';
 import { NgbNavModule, NgbAccordionModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i12 from '@abp/ng.components/page';
 import { PageModule } from '@abp/ng.components/page';
-import * as i1$2 from '@angular/platform-browser';
 import { pinyin } from 'pinyin-pro';
+import * as i1$2 from '@angular/platform-browser';
 import * as i8 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';
 import { map, tap } from 'rxjs';
 import { fielFieldControlGroup } from '@dignite-ng/expand.file-explorer';
+import { ckEditorFieldControlGroup } from '@dignite-ng/expand.ck-editor';
+
+var EntryStatus;
+(function (EntryStatus) {
+    EntryStatus[EntryStatus["Draft"] = 0] = "Draft";
+    EntryStatus[EntryStatus["Published"] = 1] = "Published";
+})(EntryStatus || (EntryStatus = {}));
+const entryStatusOptions = mapEnumToOptions(EntryStatus);
+
+var ECmsComponent;
+(function (ECmsComponent) {
+    ECmsComponent["Entries"] = "Cms.Entries";
+    ECmsComponent["Entries_Create"] = "Cms.Entries.Create";
+    ECmsComponent["Entries_Edit"] = "Cms.Entries.Edit";
+    ECmsComponent["Fields"] = "Cms.Fields";
+    ECmsComponent["FieldsCreate"] = "Cms.Fields.Create";
+    ECmsComponent["FieldsEdit"] = "Cms.Fields.Edit";
+    ECmsComponent["Sites"] = "Cms.Sites";
+    ECmsComponent["Sections"] = "Cms.Sections";
+    ECmsComponent["SectionsCreateOrEdit"] = "Cms.Sections.Create.Or.Edit";
+})(ECmsComponent || (ECmsComponent = {}));
+
+class UpdateListService {
+    updateListEvent = new EventEmitter();
+    constructor() { }
+    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' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpdateListService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
 
 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?api-version=1.0',
+        body: input,
+    }, { apiName: this.apiName, ...config });
+    delete = (id, config) => this.restService.request({
+        method: 'DELETE',
+        url: `/api/cms-admin/entries/${id}`,
+    }, { 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 });
+    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 });
+    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;
-        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?api-version=1.0',
-            body: input,
-        }, { apiName: this.apiName, ...config });
-        this.delete = (id, config) => this.restService.request({
-            method: 'DELETE',
-            url: `/api/cms-admin/entries/${id}`,
-        }, { 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.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.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: "17.0.9", ngImport: i0, type: EntryAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: EntryAdminService, providedIn: 'root' }); }
+    }
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: EntryAdminService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryAdminService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
+        }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class SiteAdminService {
+    restService;
+    apiName = 'CmsAdmin';
+    create = (input, config) => this.restService.request({
+        method: 'POST',
+        url: '/api/cms-admin/sites',
+        body: input,
+    }, { apiName: this.apiName, ...config });
+    delete = (id, config) => this.restService.request({
+        method: 'DELETE',
+        url: `/api/cms-admin/sites/${id}`,
+    }, { apiName: this.apiName, ...config });
+    get = (id, config) => this.restService.request({
+        method: 'GET',
+        url: `/api/cms-admin/sites/${id}`,
+    }, { apiName: this.apiName, ...config });
+    getList = (input, config) => this.restService.request({
+        method: 'GET',
+        url: '/api/cms-admin/sites',
+        params: { filter: input.filter, isActive: input.isActive },
+    }, { apiName: this.apiName, ...config });
+    hostExists = (name, config) => this.restService.request({
+        method: 'GET',
+        url: `/api/cms-admin/sites/host-exists/${name}`,
+    }, { apiName: this.apiName, ...config });
+    nameExists = (name, config) => this.restService.request({
+        method: 'GET',
+        url: `/api/cms-admin/sites/name-exists/${name}`,
+    }, { apiName: this.apiName, ...config });
+    update = (id, input, config) => this.restService.request({
+        method: 'PUT',
+        url: `/api/cms-admin/sites/${id}`,
+        body: input,
+    }, { apiName: this.apiName, ...config });
     constructor(restService) {
         this.restService = restService;
-        this.apiName = 'CmsAdmin';
-        this.create = (input, config) => this.restService.request({
-            method: 'POST',
-            url: '/api/cms-admin/sites',
-            body: input,
-        }, { apiName: this.apiName, ...config });
-        this.delete = (id, config) => this.restService.request({
-            method: 'DELETE',
-            url: `/api/cms-admin/sites/${id}`,
-        }, { apiName: this.apiName, ...config });
-        this.get = (id, config) => this.restService.request({
-            method: 'GET',
-            url: `/api/cms-admin/sites/${id}`,
-        }, { apiName: this.apiName, ...config });
-        this.getList = (input, config) => this.restService.request({
-            method: 'GET',
-            url: '/api/cms-admin/sites',
-            params: { filter: input.filter, isActive: input.isActive },
-        }, { apiName: this.apiName, ...config });
-        this.hostExists = (name, config) => this.restService.request({
-            method: 'GET',
-            url: `/api/cms-admin/sites/host-exists/${name}`,
-        }, { apiName: this.apiName, ...config });
-        this.nameExists = (name, config) => this.restService.request({
-            method: 'GET',
-            url: `/api/cms-admin/sites/name-exists/${name}`,
-        }, { apiName: this.apiName, ...config });
-        this.update = (id, input, config) => this.restService.request({
-            method: 'PUT',
-            url: `/api/cms-admin/sites/${id}`,
-            body: input,
-        }, { apiName: this.apiName, ...config });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SiteAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SiteAdminService, providedIn: 'root' }); }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SiteAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SiteAdminService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SiteAdminService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SiteAdminService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
+        }], 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;
-        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: "17.0.9", ngImport: i0, type: EntryTypeAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: EntryTypeAdminService, providedIn: 'root' }); }
+    }
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: EntryTypeAdminService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryTypeAdminService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
+        }], 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: { siteId: input.siteId, 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: { siteId: input.siteId, name: input.name },
+    }, { apiName: this.apiName, ...config });
+    routeExists = (input, config) => this.restService.request({
+        method: 'GET',
+        url: '/api/cms-admin/sections/route-exists',
+        params: { siteId: input.siteId, 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;
-        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: { siteId: input.siteId, 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: { siteId: input.siteId, name: input.name },
-        }, { apiName: this.apiName, ...config });
-        this.routeExists = (input, config) => this.restService.request({
-            method: 'GET',
-            url: '/api/cms-admin/sections/route-exists',
-            params: { siteId: input.siteId, 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: "17.0.9", ngImport: i0, type: SectionAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SectionAdminService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SectionAdminService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
-
-var EntryStatus;
-(function (EntryStatus) {
-    EntryStatus[EntryStatus["Draft"] = 0] = "Draft";
-    EntryStatus[EntryStatus["Published"] = 1] = "Published";
-})(EntryStatus || (EntryStatus = {}));
-const entryStatusOptions = mapEnumToOptions(EntryStatus);
-
-var ECmsComponent;
-(function (ECmsComponent) {
-    ECmsComponent["Entries"] = "Cms.Entries";
-    ECmsComponent["Entries_Create"] = "Cms.Entries.Create";
-    ECmsComponent["Entries_Edit"] = "Cms.Entries.Edit";
-    ECmsComponent["Fields"] = "Cms.Fields";
-    ECmsComponent["FieldsCreate"] = "Cms.Fields.Create";
-    ECmsComponent["FieldsEdit"] = "Cms.Fields.Edit";
-    ECmsComponent["Sites"] = "Cms.Sites";
-    ECmsComponent["Sections"] = "Cms.Sections";
-    ECmsComponent["SectionsCreateOrEdit"] = "Cms.Sections.Create.Or.Edit";
-})(ECmsComponent || (ECmsComponent = {}));
-
-class UpdateListService {
-    constructor() {
-        this.updateListEvent = new EventEmitter();
-    }
-    updateList() {
-        this.updateListEvent.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: UpdateListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: UpdateListService, providedIn: 'root' }); }
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: UpdateListService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionAdminService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class EntriesComponent {
+    _EntryAdminService;
+    _SiteAdminService;
+    _SectionAdminService;
+    toaster;
+    confirmation;
+    configState;
+    router;
+    _LocalizationService;
     constructor(_EntryAdminService, _SiteAdminService, _SectionAdminService, toaster, confirmation, configState, router, _LocalizationService) {
         this._EntryAdminService = _EntryAdminService;
         this._SiteAdminService = _SiteAdminService;
@@ -268,41 +280,28 @@ class EntriesComponent {
         this.configState = configState;
         this.router = router;
         this._LocalizationService = _LocalizationService;
-        this.fb = inject(FormBuilder);
-        this._UpdateListService = inject(UpdateListService);
-        this.list = inject(ListService);
-        /**站点列表 */
-        this.siteList = [];
-        /**选择的站点id */
-        this.siteId = '';
-        /**站点下的版块 */
-        this.SiteOfSectionList = [];
-        /**版块下的语言列表 */
-        this.sectionLanguagesList = [];
-        /**版块下的条目类型列表 */
-        this.entryTypeList = [];
-        /**状态编码 */
-        this._entryStatusOptions = entryStatusOptions;
-        /**列表相关 */
-        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 = [];
+    /**选择的站点id */
+    siteId = '';
+    /**站点下的版块 */
+    SiteOfSectionList = [];
+    /**版块下的语言列表 */
+    sectionLanguagesList = [];
+    /**版块下的条目类型列表 */
+    entryTypeList = [];
+    /**状态编码 */
+    _entryStatusOptions = entryStatusOptions;
     /**获取页面数据 */
     async getPageDate() {
         await this.getsiteList();
@@ -389,6 +388,19 @@ 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 +423,8 @@ class EntriesComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: EntriesComponent, deps: [{ token: EntryAdminService }, { token: SiteAdminService }, { 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: "17.0.9", type: EntriesComponent, selector: "cms-entries", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntriesComponent, deps: [{ token: EntryAdminService }, { token: SiteAdminService }, { 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: [
             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,9 +433,9 @@ 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\">\r\n                <div class=\"input-group\" [formGroup]=\"filtersForm\">\r\n                    <select class=\"form-select col-auto\" formControlName=\"siteId\"  (change)=\"siteIdChange()\">\r\n                        <ng-container *ngFor=\"let item of siteList\">\r\n                            <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                        </ng-container>\r\n                    </select> \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                    <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                    <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\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 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 container-height\" [rows]=\"data.items\" [list]=\"list\"\r\n                            [columnMode]=\"'force'\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\r\n                            [scrollbarV]=\"true\" [virtualization]=\"false\" [externalPaging]=\"true\"\r\n                            [count]=\"data.totalCount\">\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\">\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\">\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\">\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-outline-primary btn-sm\" ngbDropdownToggle>\r\n                                            {{'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 .container-height{height:calc(100vh - 220px)}::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: i7.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: i7.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: i7.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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: i12.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i12.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-start\">\r\n                    <div class=\"mb-2 col-4\">\r\n                        <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"siteId\" (change)=\"siteIdChange()\">\r\n                            <ng-container *ngFor=\"let item of siteList\">\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-4\">\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-4\">\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                </div>\r\n                <div class=\"input-group\">\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\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 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 container-height\" [rows]=\"data.items\" [list]=\"list\"\r\n                        [columnMode]=\"'force'\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\r\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\">\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\">\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\">\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\">\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-outline-primary btn-sm\" ngbDropdownToggle>\r\n                                        {{'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: i7.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: i7.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: i7.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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: i12.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i12.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: "17.0.9", ngImport: i0, type: EntriesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntriesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-entries', providers: [
                         ListService,
@@ -434,30 +446,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                             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\">\r\n                <div class=\"input-group\" [formGroup]=\"filtersForm\">\r\n                    <select class=\"form-select col-auto\" formControlName=\"siteId\"  (change)=\"siteIdChange()\">\r\n                        <ng-container *ngFor=\"let item of siteList\">\r\n                            <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                        </ng-container>\r\n                    </select> \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                    <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                    <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\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 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 container-height\" [rows]=\"data.items\" [list]=\"list\"\r\n                            [columnMode]=\"'force'\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\r\n                            [scrollbarV]=\"true\" [virtualization]=\"false\" [externalPaging]=\"true\"\r\n                            [count]=\"data.totalCount\">\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\">\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\">\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\">\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-outline-primary btn-sm\" ngbDropdownToggle>\r\n                                            {{'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 .container-height{height:calc(100vh - 220px)}::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: () => [{ type: EntryAdminService }, { type: SiteAdminService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.ConfigStateService }, { type: i3$1.Router }, { type: i1.LocalizationService }] });
+                    ], 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-start\">\r\n                    <div class=\"mb-2 col-4\">\r\n                        <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" formControlName=\"siteId\" (change)=\"siteIdChange()\">\r\n                            <ng-container *ngFor=\"let item of siteList\">\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-4\">\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-4\">\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                </div>\r\n                <div class=\"input-group\">\r\n                    <input type=\"text\" class=\"form-control\" formControlName=\"filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\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 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 container-height\" [rows]=\"data.items\" [list]=\"list\"\r\n                        [columnMode]=\"'force'\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\r\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\">\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\">\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\">\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\">\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-outline-primary btn-sm\" ngbDropdownToggle>\r\n                                        {{'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: SiteAdminService }, { 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,77 +481,81 @@ 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;
-        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: "17.0.9", ngImport: i0, type: FieldGroupAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: FieldGroupAdminService, providedIn: 'root' }); }
+    }
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: FieldGroupAdminService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupAdminService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
+        }], 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;
-        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: "17.0.9", ngImport: i0, type: FormAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: FormAdminService, providedIn: 'root' }); }
+    }
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: FormAdminService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormAdminService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
+        }], 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) => {
@@ -553,35 +569,37 @@ class FieldAbstractsService {
         // return this.fromControlList.filter(el => el.name !== typeName)
         return this.fromControlList;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: FieldAbstractsService, deps: [{ token: FieldGroupAdminService }, { token: FormAdminService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: FieldAbstractsService, providedIn: 'root' }); }
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: FieldAbstractsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAbstractsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: FieldGroupAdminService }, { type: FormAdminService }] });
+        }], 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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsService, providedIn: 'root' }); }
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
+        }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
 class CmsApiService {
+    titleService;
     constructor(titleService) {
         this.titleService = titleService;
     }
@@ -645,20 +663,18 @@ class CmsApiService {
         }
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsApiService, deps: [{ token: i1$2.Title }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsApiService, providedIn: 'root' }); }
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$2.Title }] });
+        }], ctorParameters: function () { return [{ type: i1$2.Title }]; } });
 
 class SimpleReuseStrategy {
-    constructor() {
-        this.handlers = {};
-    }
+    handlers = {};
     //表示对路由允许复用
     shouldDetach(route) {
         //默认对所有路由复用 可通过给路由配置项增加data: { keep: true }来进行选择性使用，代码如下
@@ -701,6 +717,15 @@ class SimpleReuseStrategy {
 }
 
 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;
@@ -711,42 +736,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;
     }
+    /**语言 */
+    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));
@@ -811,6 +837,8 @@ class CreateOrEditEntriesComponent {
                 await this.getAllVersionsList();
         }
     }
+    /**表单控件模板-动态表单配置组件 */
+    FormDynamicontrolRef;
     /**定义自定义异步验证 */
     cultureAsyncValidator_test() {
         return (ctrl) => {
@@ -844,6 +872,7 @@ class CreateOrEditEntriesComponent {
         this.cultureName = source.culture || source.cultureName;
         this.sectionId = source.sectionId;
     }
+    time = 0;
     /**定义自定义异步验证 */
     repetitionAsyncValidator() {
         return (ctrl) => {
@@ -937,13 +966,13 @@ class CreateOrEditEntriesComponent {
             this.getAllVersionsList();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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: "17.0.9", 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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.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 ɵ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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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.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: "17.0.9", ngImport: i0, type: CreateOrEditEntriesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditEntriesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-create-or-edit-entries', 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"] }]
-        }], ctorParameters: () => [{ type: i3.ToasterService }, { type: i2.Location }, { type: i1.ConfigStateService }, { type: SectionAdminService }, { type: EntryAdminService }, { type: i2.DatePipe }, { type: i1.LocalizationService }, { type: i3$1.Router }, { type: CmsApiService }], propDecorators: { isEdit: [{
+        }], ctorParameters: function () { return [{ type: i3.ToasterService }, { type: i2.Location }, { type: i1.ConfigStateService }, { type: SectionAdminService }, { type: EntryAdminService }, { type: i2.DatePipe }, { type: i1.LocalizationService }, { type: i3$1.Router }, { type: CmsApiService }]; }, propDecorators: { isEdit: [{
                 type: Input
             }], ParentQueryParams: [{
                 type: Input
@@ -957,6 +986,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
             }] } });
 
 class CreateComponent {
+    toaster;
+    _location;
+    route;
+    _EntryAdminService;
+    _LocalizationService;
+    router;
     constructor(toaster, _location, route, _EntryAdminService, _LocalizationService, router) {
         this.toaster = toaster;
         this._location = _location;
@@ -964,15 +999,19 @@ class CreateComponent {
         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());
@@ -1016,15 +1055,15 @@ class CreateComponent {
     backTo() {
         this._location.back();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: CreateComponent, selector: "cms-create", providers: [
+    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: [
             {
                 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i12.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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i12.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: "17.0.9", ngImport: i0, type: CreateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-create', providers: [
                         {
@@ -1032,13 +1071,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                             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: () => [{ 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 }, { type: i3$1.Router }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
 
-/* eslint-disable @angular-eslint/use-lifecycle-interface */
 class EditComponent {
+    toaster;
+    _location;
+    route;
+    _EntryAdminService;
+    router;
+    _LocalizationService;
     constructor(toaster, _location, route, _EntryAdminService, router, _LocalizationService) {
         this.toaster = toaster;
         this._location = _location;
@@ -1046,15 +1090,19 @@ class EditComponent {
         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());
@@ -1072,10 +1120,10 @@ class EditComponent {
     /**保存 */
     save(draft) {
         this.newEntity.patchValue({
-            draft: draft
+            draft: draft,
         });
         let input = this.newEntity.value;
-        input.publishTime = new Date(new Date(input.publishTime).getTime() + (8 * 60 * 60 * 1000)).toISOString();
+        input.publishTime = new Date(new Date(input.publishTime).getTime() + 8 * 60 * 60 * 1000).toISOString();
         input.culture = this.newEntity.get('culture').value;
         input.concurrencyStamp = this.entrySelect.concurrencyStamp;
         if (!this.newEntity.valid)
@@ -1097,15 +1145,15 @@ class EditComponent {
     backTo() {
         this._location.back();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: EditComponent, selector: "cms-edit", providers: [
+    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: [
             {
                 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i12.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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i12.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: "17.0.9", ngImport: i0, type: EditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-edit', providers: [
                         {
@@ -1113,54 +1161,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                             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: () => [{ 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: i3$1.Router }, { 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;
-        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: "17.0.9", ngImport: i0, type: FieldAdminService, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: FieldAdminService, providedIn: 'root' }); }
+    }
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: FieldAdminService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldAdminService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.RestService }] });
+        }], 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;
@@ -1168,19 +1223,23 @@ 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();
     }
@@ -1252,17 +1311,24 @@ class FieldGroupComponent {
         this.fieldGroupId = event;
         this.OnGroupClickBack.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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: "17.0.9", 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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 ɵ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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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: "17.0.9", ngImport: i0, type: FieldGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-field-group', 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>" }]
-        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: FieldGroupAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: FieldAbstractsService }, { type: i1.LocalizationService }], propDecorators: { OnGroupClickBack: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: FieldGroupAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: FieldAbstractsService }, { type: i1.LocalizationService }]; }, propDecorators: { OnGroupClickBack: [{
                 type: Output
             }] } });
 
 class FieldsComponent {
+    list;
+    _FieldAdminService;
+    toaster;
+    confirmation;
+    _LocalizationService;
+    router;
+    _CmsApiService;
     constructor(list, _FieldAdminService, toaster, confirmation, _LocalizationService, router, _CmsApiService) {
         this.list = list;
         this._FieldAdminService = _FieldAdminService;
@@ -1271,17 +1337,17 @@ class FieldsComponent {
         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(() => {
@@ -1324,8 +1390,8 @@ class FieldsComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: FieldsComponent, selector: "cms-fields", providers: [
+    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: [
             // [Required]
             ListService,
             // [Optional]
@@ -1336,9 +1402,9 @@ 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 container-height\" [rows]=\"data.items\" [list]=\"list\"\n                                [columnMode]=\"'force'\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                                [scrollbarV]=\"true\" [virtualization]=\"false\" [externalPaging]=\"true\"\n                                [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::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\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value|date:'YYYY/MM/dd HH:mm:s' }}\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\"\n                                                ngbDropdownToggle> {{'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: i7.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: i7.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: i7.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: i12.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 container-height\" [rows]=\"data.items\" [list]=\"list\"\n                                [columnMode]=\"'force'\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                                [scrollbarV]=\"true\" [virtualization]=\"false\" [externalPaging]=\"true\"\n                                [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::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\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value|date:'YYYY/MM/dd HH:mm:s' }}\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\"\n                                                ngbDropdownToggle> {{'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: i7.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: i7.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: i7.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: i12.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: "17.0.9", ngImport: i0, type: FieldsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-fields', providers: [
                         // [Required]
@@ -1352,22 +1418,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                             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 container-height\" [rows]=\"data.items\" [list]=\"list\"\n                                [columnMode]=\"'force'\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                                [scrollbarV]=\"true\" [virtualization]=\"false\" [externalPaging]=\"true\"\n                                [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::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\">\n                                    <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                        {{ value|date:'YYYY/MM/dd HH:mm:s' }}\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\"\n                                                ngbDropdownToggle> {{'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: () => [{ 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 }, { type: CmsApiService }]; } });
 
 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)) {
@@ -1379,6 +1445,12 @@ class CreateOrUpdateFieldInputBase {
 }
 
 class CreateOrEditFieldComponent {
+    _FieldAbstractsService;
+    _CmsApiService;
+    _FieldAdminService;
+    _LocalizationService;
+    /**表单控件模板-动态表单配置组件 */
+    FormDynamicRef;
     constructor(_FieldAbstractsService, _CmsApiService, _FieldAdminService, _LocalizationService) {
         this._FieldAbstractsService = _FieldAbstractsService;
         this._CmsApiService = _CmsApiService;
@@ -1388,6 +1460,8 @@ class CreateOrEditFieldComponent {
             this._FieldAbstractsService.getfieldGroupList();
         }
     }
+    /**表单实体 */
+    _Entity;
     set Entity(v) {
         if (v) {
             this._Entity = v;
@@ -1397,6 +1471,9 @@ class CreateOrEditFieldComponent {
     get formControlName() {
         return this._Entity.get('formControlName');
     }
+    /**选择的表单信息 */
+    _selected_copy;
+    _selected;
     set selected(v) {
         if (v) {
             this._selected = v || '';
@@ -1459,13 +1536,13 @@ class CreateOrEditFieldComponent {
     }
     formControlNameChange() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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: "17.0.9", 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i8.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: "17.0.9", ngImport: i0, type: CreateOrEditFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-create-or-edit-field', 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>" }]
-        }], ctorParameters: () => [{ type: FieldAbstractsService }, { type: CmsApiService }, { type: FieldAdminService }, { type: i1.LocalizationService }], propDecorators: { FormDynamicRef: [{
+        }], ctorParameters: function () { return [{ type: FieldAbstractsService }, { type: CmsApiService }, { type: FieldAdminService }, { type: i1.LocalizationService }]; }, propDecorators: { FormDynamicRef: [{
                 type: ViewChild,
                 args: ['FormDynamicRef', { read: ViewContainerRef, static: true }]
             }], Entity: [{
@@ -1475,6 +1552,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
             }] } });
 
 class CreateFieldComponent {
+    fb;
+    _FieldAdminService;
+    toaster;
+    _location;
+    _LocalizationService;
+    _CmsApiService;
+    router;
     constructor(fb, _FieldAdminService, toaster, _location, _LocalizationService, _CmsApiService, router) {
         this.fb = fb;
         this._FieldAdminService = _FieldAdminService;
@@ -1483,8 +1567,12 @@ class CreateFieldComponent {
         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.
@@ -1507,15 +1595,15 @@ class CreateFieldComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: CreateFieldComponent, selector: "cms-create-field", providers: [
+    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: [
             {
                 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i12.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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i12.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: "17.0.9", ngImport: i0, type: CreateFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-create-field', providers: [
                         {
@@ -1523,12 +1611,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                             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: () => [{ 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 }, { type: i3$1.Router }]; }, 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) {
         this.fb = fb;
         this._FieldAbstractsService = _FieldAbstractsService;
@@ -1539,10 +1636,15 @@ class EditFieldComponent {
         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) {
@@ -1571,6 +1673,7 @@ class EditFieldComponent {
     submitclickBtn() {
         this.submitclick.nativeElement.click();
     }
+    _UpdateListService = inject(UpdateListService);
     /**保存表单 */
     save() {
         let input = this.newEntity.value;
@@ -1584,15 +1687,15 @@ class EditFieldComponent {
             });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: EditFieldComponent, selector: "cms-edit-field", providers: [
+    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: [
             {
                 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                    <cms-create-or-edit-field [Entity]=\"newEntity\" [selected]=\"fieldDetails\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: [""], 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i12.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                    <cms-create-or-edit-field [Entity]=\"newEntity\" [selected]=\"fieldDetails\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: [""], 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i12.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: "17.0.9", ngImport: i0, type: EditFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-edit-field', providers: [
                         {
@@ -1600,18 +1703,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                             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                    <cms-create-or-edit-field [Entity]=\"newEntity\" [selected]=\"fieldDetails\"></cms-create-or-edit-field>\n                </div>\n            </div>\n        </div>\n    </abp-page>\n</form>" }]
-        }], ctorParameters: () => [{ 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 }, { type: i3$1.Router }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
 
 class CreateOrUpdateSitesInputBase {
+    displayName = ['', [Validators.required]];
+    name = ['', [Validators.required]];
+    host = ['https://', [Validators.required]];
+    isActive = [true, []];
+    languages = [[], [Validators.required]];
     constructor(data) {
-        this.displayName = ['', [Validators.required]];
-        this.name = ['', [Validators.required]];
-        this.host = ['https://', [Validators.required]];
-        this.isActive = [true, []];
-        this.languages = [[], [Validators.required]];
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -1623,6 +1726,14 @@ class CreateOrUpdateSitesInputBase {
 }
 
 class SitesComponent {
+    list;
+    _SiteAdminService;
+    toaster;
+    confirmation;
+    fb;
+    configState;
+    _LocalizationService;
+    _CmsApiService;
     constructor(list, _SiteAdminService, toaster, confirmation, fb, configState, _LocalizationService, _CmsApiService) {
         this.list = list;
         this._SiteAdminService = _SiteAdminService;
@@ -1632,20 +1743,28 @@ class SitesComponent {
         this.configState = configState;
         this._LocalizationService = _LocalizationService;
         this._CmsApiService = _CmsApiService;
-        /**创建站点模态框状态 */
-        this.createSitesOpen = false;
-        /**用于确定模态的繁忙状态是否为真 */
-        this.modalBusy = false;
-        this.ColumnMode = ColumnMode;
-        this.data = {
-            items: [],
-            totalCount: 0,
-        };
-        this.filters = {};
     }
+    /**创建站点模态框状态 */
+    createSitesOpen = false;
+    /**用于确定模态的繁忙状态是否为真 */
+    modalBusy = false;
+    /**创建站点表单 */
+    createOrEditForm;
     get languagesInput() {
         return this.createOrEditForm.get('languages').value;
     }
+    /**语言列表 */
+    languages;
+    /**站点给定的表单值 */
+    selected;
+    /**表单控件模板-动态赋值表单控件 */
+    createModalSubmit;
+    ColumnMode = ColumnMode;
+    data = {
+        items: [],
+        totalCount: 0,
+    };
+    filters = {};
     ngOnInit() {
         this.hookToQuery();
     }
@@ -1839,17 +1958,17 @@ class SitesComponent {
             });
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SitesComponent, deps: [{ token: i1.ListService }, { token: SiteAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1$1.FormBuilder }, { token: i1.ConfigStateService }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: SitesComponent, selector: "cms-sites", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SitesComponent, deps: [{ token: i1.ListService }, { token: SiteAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1$1.FormBuilder }, { token: i1.ConfigStateService }, { token: i1.LocalizationService }, { token: CmsApiService }], 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,
             },
-        ], viewQueries: [{ propertyName: "createModalSubmit", first: true, predicate: ["createModalSubmit"], descendants: true }], 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"], 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.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: i7.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: i7.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: i7.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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: i12.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], viewQueries: [{ propertyName: "createModalSubmit", first: true, predicate: ["createModalSubmit"], descendants: true }], 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"], 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.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: i7.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: i7.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: i7.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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: i12.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: "17.0.9", ngImport: i0, type: SitesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SitesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-sites', providers: [
                         ListService,
@@ -1859,27 +1978,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                             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"] }]
-        }], ctorParameters: () => [{ type: i1.ListService }, { type: SiteAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$1.FormBuilder }, { type: i1.ConfigStateService }, { type: i1.LocalizationService }, { type: CmsApiService }], propDecorators: { createModalSubmit: [{
+        }], ctorParameters: function () { return [{ type: i1.ListService }, { type: SiteAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$1.FormBuilder }, { type: i1.ConfigStateService }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { createModalSubmit: [{
                 type: ViewChild,
                 args: ['createModalSubmit', { static: false }]
             }] } });
 
 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)) {
@@ -1899,36 +2018,29 @@ var SectionType;
 const sectionTypeOptions = mapEnumToOptions(SectionType);
 
 class SectionsComponent {
-    constructor(list, _SectionAdminService, _SiteAdminService, toaster, confirmation, fb, configState, _EntryTypeAdminService, _LocalizationService, _CmsApiService, router) {
+    list;
+    _SectionAdminService;
+    _SiteAdminService;
+    toaster;
+    confirmation;
+    fb;
+    _EntryTypeAdminService;
+    _LocalizationService;
+    _CmsApiService;
+    router;
+    constructor(list, _SectionAdminService, _SiteAdminService, toaster, confirmation, fb, _EntryTypeAdminService, _LocalizationService, _CmsApiService, router) {
         this.list = list;
         this._SectionAdminService = _SectionAdminService;
         this._SiteAdminService = _SiteAdminService;
         this.toaster = toaster;
         this.confirmation = confirmation;
         this.fb = fb;
-        this.configState = configState;
         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`], {});
@@ -1937,6 +2049,16 @@ class SectionsComponent {
     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({
@@ -1969,6 +2091,18 @@ class SectionsComponent {
             });
         });
     }
+    /**创建版块模态框状态 */
+    visibleOpen = false;
+    /**用于确定模态的繁忙状态是否为真 */
+    modalBusy = false;
+    /**创建版块表单 */
+    createOrEditForm;
+    /**版块给定的表单值 */
+    selected;
+    _SectionType = SectionType;
+    _sectionTypeOptions = sectionTypeOptions;
+    /**表单控件模板-动态赋值表单控件 */
+    createOrEditModalSubmitBtn;
     /**创建版块模态框状态改变 */
     VisibleChange(event) {
         if (!event) {
@@ -1994,10 +2128,14 @@ class SectionsComponent {
     }
     /**删除某个条目类型 */
     deleteEntryType(row) {
-        this.confirmation.warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`)).subscribe((status) => {
+        this.confirmation
+            .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
+            .subscribe((status) => {
             if (status == 'confirm') {
-                this._EntryTypeAdminService.delete(row.id).pipe(finalize(() => {
-                })).subscribe(res => {
+                this._EntryTypeAdminService
+                    .delete(row.id)
+                    .pipe(finalize(() => { }))
+                    .subscribe(res => {
                     this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
                     this.list.get();
                 });
@@ -2018,10 +2156,13 @@ class SectionsComponent {
         if (!this.createOrEditForm.valid)
             return;
         this.modalBusy = true;
-        this._SectionAdminService.create(input).pipe(finalize(() => {
+        this._SectionAdminService
+            .create(input)
+            .pipe(finalize(() => {
             this.modalBusy = false;
             this.visibleOpen = false;
-        })).subscribe(res => {
+        }))
+            .subscribe(res => {
             this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
             this.list.get();
         });
@@ -2034,20 +2175,27 @@ class SectionsComponent {
         if (!this.createOrEditForm.valid)
             return;
         this.modalBusy = true;
-        this._SectionAdminService.update(this.selected.id, input).pipe(finalize(() => {
+        this._SectionAdminService
+            .update(this.selected.id, input)
+            .pipe(finalize(() => {
             this.modalBusy = false;
             this.visibleOpen = false;
-        })).subscribe(res => {
+        }))
+            .subscribe(res => {
             this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
             this.list.get();
         });
     }
     /**删除版块 */
     deletefield(row) {
-        this.confirmation.warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`)).subscribe((status) => {
+        this.confirmation
+            .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
+            .subscribe((status) => {
             if (status == 'confirm') {
-                this._SectionAdminService.delete(row.id).pipe(finalize(() => {
-                })).subscribe(res => {
+                this._SectionAdminService
+                    .delete(row.id)
+                    .pipe(finalize(() => { }))
+                    .subscribe(res => {
                     this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
                     this.list.get();
                 });
@@ -2109,7 +2257,11 @@ class SectionsComponent {
         return (control) => {
             let inputValue = control.value.toLocaleLowerCase();
             let forbidden = this.typeInput.value == 0 ? false : inputValue.includes('{slug}') ? false : true;
-            return forbidden ? { repetition: this._LocalizationService.instant(`Cms::RouteVerificationTips`, this._LocalizationService.instant(`Cms::Enum:SectionType:` + SectionType[this.typeInput.value]), '{slug}') } : null;
+            return forbidden
+                ? {
+                    repetition: this._LocalizationService.instant(`Cms::RouteVerificationTips`, this._LocalizationService.instant(`Cms::Enum:SectionType:` + SectionType[this.typeInput.value]), '{slug}'),
+                }
+                : null;
         };
     }
     /**定义异步验证方法 */
@@ -2121,12 +2273,16 @@ class SectionsComponent {
                     resolve(null);
                     return;
                 }
-                this._SectionAdminService.nameExists({
+                this._SectionAdminService
+                    .nameExists({
                     siteId: this.filters.siteId,
-                    name: subslug.value
-                }).subscribe(res => {
+                    name: subslug.value,
+                })
+                    .subscribe(res => {
                     if (res) {
-                        resolve({ repetition: this._LocalizationService.instant(`Cms::SectionName{0}AlreadyExist`, ctrl.value) });
+                        resolve({
+                            repetition: this._LocalizationService.instant(`Cms::SectionName{0}AlreadyExist`, ctrl.value),
+                        });
                     }
                     else {
                         resolve(null);
@@ -2144,12 +2300,16 @@ class SectionsComponent {
                     resolve(null);
                     return;
                 }
-                this._SectionAdminService.routeExists({
+                this._SectionAdminService
+                    .routeExists({
                     siteId: this.filters.siteId,
-                    route: subslug
-                }).subscribe(res => {
+                    route: subslug,
+                })
+                    .subscribe(res => {
                     if (res) {
-                        resolve({ repetition: this._LocalizationService.instant(`Cms::SectionRoute{0}AlreadyExist`, ctrl.value) });
+                        resolve({
+                            repetition: this._LocalizationService.instant(`Cms::SectionRoute{0}AlreadyExist`, ctrl.value),
+                        });
                     }
                     else {
                         resolve(null);
@@ -2158,8 +2318,8 @@ class SectionsComponent {
             });
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SectionsComponent, deps: [{ token: i1.ListService }, { token: SectionAdminService }, { token: SiteAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1$1.FormBuilder }, { token: i1.ConfigStateService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }, { token: i3$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: SectionsComponent, selector: "cms-sections", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionsComponent, deps: [{ token: i1.ListService }, { token: SectionAdminService }, { token: SiteAdminService }, { 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: [
             // [Required]
             ListService,
             // [Optional]
@@ -2170,9 +2330,9 @@ 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=\"input-group\">\n                    <select class=\"form-select col-auto\" [(ngModel)]=\"filters.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                    <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::SectionType' | abpLocalization\" prop=\"type\">\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::Default' | abpLocalization\" prop=\"isDefault\">\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\">\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\">\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\">\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 (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 .sections-page .container-height{height:calc(100vh - 220px)}::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: i7.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: i7.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: i7.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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: i12.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-start\">\n                    <div class=\"mb-2 col-4\">\n                        <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.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                </div>\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                        [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::SectionType' | abpLocalization\" prop=\"type\">\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::Default' | abpLocalization\" prop=\"isDefault\">\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\">\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\">\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\">\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 (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: i7.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: i7.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: i7.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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: i12.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: "17.0.9", ngImport: i0, type: SectionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-sections', providers: [
                         // [Required]
@@ -2185,20 +2345,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                             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=\"input-group\">\n                    <select class=\"form-select col-auto\" [(ngModel)]=\"filters.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                    <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::SectionType' | abpLocalization\" prop=\"type\">\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::Default' | abpLocalization\" prop=\"isDefault\">\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\">\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\">\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\">\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 (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 .sections-page .container-height{height:calc(100vh - 220px)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
-        }], ctorParameters: () => [{ type: i1.ListService }, { type: SectionAdminService }, { type: SiteAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$1.FormBuilder }, { type: i1.ConfigStateService }, { 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-start\">\n                    <div class=\"mb-2 col-4\">\n                        <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.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                </div>\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                        [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::SectionType' | abpLocalization\" prop=\"type\">\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::Default' | abpLocalization\" prop=\"isDefault\">\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\">\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\">\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\">\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 (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: SiteAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$1.FormBuilder }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }, { type: i3$1.Router }]; }, 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)) {
@@ -2209,10 +2369,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)) {
@@ -2223,15 +2383,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)) {
@@ -2242,15 +2402,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)) {
@@ -2262,6 +2422,15 @@ 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) {
@@ -2274,37 +2443,22 @@ class CreateOrEditComponent {
         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();
@@ -2413,6 +2567,25 @@ class CreateOrEditComponent {
             });
         });
     }
+    /**
+     * 拖拽 功能*/
+    /**数据源 */
+    /**数据源-字段分组数据-包含字段数据 fields */
+    fieldGroupList = [];
+    /**数据源-所有字段列表 */
+    fieldList = [];
+    /**数据源拖拽的分组下标 */
+    DataSourceGroupIndex;
+    /**数据源拖拽的字段下标 */
+    DataSourceFieldIndex;
+    /**目标源 结果*/
+    resultSource = [];
+    /**从数据源拖拽的元素 */
+    fromDataSourceDragEl;
+    /**从目标源拖拽的元素 */
+    fromResultSourceDragEl;
+    /**来自数据源的集合，用于从目标源拖回数据源时的判断，与取值 */
+    formRightGroup = [];
     /**从数据源开始拖拽 */
     fromDataSourceDragStart(element, fieldIndex, groupIndex) {
         this.fromDataSourceDragEl = element;
@@ -2523,6 +2696,18 @@ class CreateOrEditComponent {
             });
         });
     }
+    /**编辑Tabs表单 */
+    editFieldTabsFrom;
+    /**模态框状态 */
+    visibleTabsOpen = false;
+    /**是否是忙碌状态 */
+    modalBusy = false;
+    /**正在编辑的tabs */
+    editFieldTabsSelect;
+    /**正在选中的nav */
+    navActive = 0;
+    /**表单控件模板-动态赋值表单控件 */
+    editFieldTabsModalSubmitBtn;
     /**模态框状态改变回调 */
     VisibleTabsChange(event) {
         if (!event) {
@@ -2535,6 +2720,8 @@ 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({
@@ -2563,6 +2750,14 @@ class CreateOrEditComponent {
         this.fieldTabs.removeAt(index);
         this.resultSource.splice(index, 1);
     }
+    /**编辑字段模态框状态 */
+    visibleEditFieldOpen = false;
+    /**编辑字段模态框表单 */
+    editFieldFrom;
+    /**表单控件模板-动态赋值表单控件-编辑字段 */
+    editFieldModalSubmitBtn;
+    /**正在编辑的字段下标 */
+    EditFieldIndex;
     /**编辑字段模态框状态状态改变回调 */
     VisibleEditFieldChange(event) {
         if (!event) {
@@ -2598,15 +2793,15 @@ class CreateOrEditComponent {
             return;
         nameInput.patchValue(pinyin);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: CreateOrEditComponent, selector: "cms-create-or-edit", providers: [
+    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: [
             {
                 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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: i12.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)\" [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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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: i12.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CreateOrEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-create-or-edit', providers: [
                         {
@@ -2614,7 +2809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                             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: () => [{ 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: [{
+        }], 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: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }], editFieldTabsModalSubmitBtn: [{
@@ -2626,13 +2821,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
             }] } });
 
 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)) {
@@ -2644,35 +2839,47 @@ class EntryConfig {
 }
 
 class EntryConfigComponent {
+    fb;
+    _SiteAdminService;
+    _SectionAdminService;
     constructor(fb, _SiteAdminService, _SectionAdminService) {
         this.fb = fb;
         this._SiteAdminService = _SiteAdminService;
         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.
@@ -2726,13 +2933,13 @@ class EntryConfigComponent {
     async siteIdChange() {
         await this.getSiteOfSectionList();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: EntryConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: SiteAdminService }, { token: SectionAdminService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: SiteAdminService }, { 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: EntryConfigComponent, decorators: [{
+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>" }]
-        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: SiteAdminService }, { type: SectionAdminService }], propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: SiteAdminService }, { type: SectionAdminService }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
                 type: Input
@@ -2747,39 +2954,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
 
 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();
@@ -2819,13 +3036,13 @@ class EntryControlComponent {
     async SelectChange(event) {
         await this.getEntryAssignList(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: EntryControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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"] }] }); }
+    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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: EntryControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-entry-control', 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"] }]
-        }], ctorParameters: () => [], propDecorators: { entity: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -2841,9 +3058,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
             }] } });
 
 class MatrixConfig {
+    // 矩阵类型
+    'MatrixBlockTypes' = new FormArray([]);
     constructor(data) {
-        // 矩阵类型
-        this['MatrixBlockTypes'] = new FormArray([]);
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -2854,10 +3071,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)) {
@@ -2868,17 +3085,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)) {
@@ -2890,35 +3107,37 @@ class matrixFieldInputBase {
 }
 
 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();
@@ -2955,6 +3174,20 @@ 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) {
@@ -3067,13 +3300,13 @@ class MatrixConfigComponent {
             return;
         FieldnameInput.patchValue(pinyin);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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: "17.0.9", 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&&item\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" [entity]=\"item\"\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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    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                                        <ng-container *ngIf=\"itemf.value.formControlName&&item\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" [entity]=\"item\"\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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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.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: "17.0.9", ngImport: i0, type: MatrixConfigComponent, decorators: [{
+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                                        <ng-container *ngIf=\"itemf.value.formControlName&&item\">\n                                            <df-dynamic [type]=\"itemf.value.formControlName\" [entity]=\"item\"\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: () => [{ type: i1$1.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }], propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
                 type: Input
@@ -3088,34 +3321,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
             }] } });
 
 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) {
@@ -3126,6 +3369,9 @@ class MatrixControlComponent {
                 this.fieldNameControl.patchValue(this._selected);
         }
     }
+    formConfiguration;
+    /**获取表格字段代表的控件 */
+    fieldNameControl;
     AfterInit() {
         return new Promise((resolve, rejects) => {
             let formConfiguration = this._fields.field.formConfiguration;
@@ -3141,6 +3387,8 @@ class MatrixControlComponent {
             resolve(true);
         });
     }
+    /**矩阵列表 */
+    MatrixBlockTypesList = [];
     /**增加指定矩阵控件项 */
     addMatrixControl(item) {
         this.fieldNameControl.push(this.fb.group({
@@ -3153,13 +3401,13 @@ class MatrixControlComponent {
     deleteMatrixControl(index) {
         this.fieldNameControl.removeAt(index);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: MatrixControlComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", 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>\n                                            <df-dynamic [entity]=\"item\"\n                                                [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                [selected]=\"_selected ? _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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }] }); }
+    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>\n                                            <df-dynamic [entity]=\"item\"\n                                                [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                [selected]=\"_selected ? _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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: MatrixControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-matrix-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [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>\n                                            <df-dynamic [entity]=\"item\"\n                                                [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                [selected]=\"_selected ? _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>" }]
-        }], ctorParameters: () => [{ type: i1$1.FormBuilder }], propDecorators: { entity: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }]; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -3175,9 +3423,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
             }] } });
 
 class TableConfig {
+    // 选项
+    TableColumns = new FormArray([]);
     constructor(data) {
-        // 选项
-        this.TableColumns = new FormArray([]);
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -3188,19 +3436,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)) {
@@ -3212,25 +3460,32 @@ class TableFormControl {
 }
 
 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();
@@ -3241,6 +3496,7 @@ class TableConfigComponent {
     get TableColumns() {
         return this.formConfiguration.controls['TableColumns'];
     }
+    submitclick;
     async dataLoaded() {
         if (this._Entity && this._type) {
             await this.AfterInit();
@@ -3274,6 +3530,7 @@ class TableConfigComponent {
             resolve(true);
         });
     }
+    itemForm;
     /**选择表格的表单控件 */
     selectTableControl(event, i, item) {
         this.CurrentSelectionTableControlName = event.target.value;
@@ -3282,6 +3539,19 @@ class TableConfigComponent {
         this.TableColumnsIndex = i;
         this.itemForm = item;
     }
+    CurrentSelectionTableControlName;
+    /**正在创建或编辑的表格项下标 */
+    TableColumnsIndex;
+    /**创建站点模态框状态 */
+    tableSelectOpen = false;
+    /**用于确定模态的繁忙状态是否为真 */
+    modalBusy = false;
+    /**创建站点表单 */
+    tableSelectForm;
+    /**表格已选择数据 */
+    _tableSelected;
+    /**表单控件模板-动态赋值表单控件 */
+    tableSelectModalSubmit;
     /**创建站点模态框状态改变 */
     tableSelectVisibleChange(event) {
         if (!event) {
@@ -3331,13 +3601,13 @@ class TableConfigComponent {
             return;
         nameInput.patchValue(pinyin);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", 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: "17.0.9", 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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i7$1.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.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: "17.0.9", ngImport: i0, type: TableConfigComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-table-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpForms::SelectListItem' | abpLocalization}}</label>\n            <table class=\"table\">\n                <thead>\n                    <tr>\n                        <th scope=\"col\">{{'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"] }]
-        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }], propDecorators: { Entity: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }]; }, propDecorators: { Entity: [{
                 type: Input
             }], selected: [{
                 type: Input
@@ -3353,28 +3623,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
 
 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();
         }
     }
+    submitclick;
+    /** 获取父级字段代表的表单组*/
+    extraProperties;
     /**数据加载完成 */
     async dataLoaded() {
         if (this._fields && this._entity && this._parentFiledName) {
@@ -3383,6 +3662,9 @@ class TableControlComponent {
             this.submitclick.nativeElement.click();
         }
     }
+    formConfiguration;
+    /**获取表格字段代表的控件 */
+    fieldNameControl;
     AfterInit() {
         return new Promise((resolve, rejects) => {
             let ValidatorsArray = [];
@@ -3424,13 +3706,13 @@ class TableControlComponent {
         this.fieldNameControl.insert(lastindex, controlAt);
         this._selected = this.fieldNameControl.value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: TableControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: TableControlComponent, selector: "df-table-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <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\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'\"></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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }] }); }
+    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" }, 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\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'\"></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: i7$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "culture", "parentFiledName", "fields"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: TableControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'df-table-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <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\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'\"></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"] }]
-        }], ctorParameters: () => [], propDecorators: { entity: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -3798,11 +4080,11 @@ const routes = [
     },
 ];
 class CmsRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.9", ngImport: i0, type: CmsRoutingModule, imports: [i3$1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forChild(routes)],
@@ -3825,8 +4107,8 @@ class CmsModule {
     static forLazy(options = {}) {
         return new LazyModuleFactory(CmsModule.forChild(options));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.9", ngImport: i0, type: CmsModule, declarations: [EntriesComponent,
+    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,
             FieldsComponent,
             SitesComponent,
             SectionsComponent,
@@ -3856,8 +4138,8 @@ class CmsModule {
             MatrixConfigComponent,
             MatrixControlComponent,
             EntryConfigComponent,
-            EntryControlComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsModule, imports: [CoreModule,
+            EntryControlComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, imports: [CoreModule,
             ThemeSharedModule,
             CmsRoutingModule,
             FormsModule,
@@ -3867,10 +4149,10 @@ class CmsModule {
             PageModule,
             NzSelectModule,
             DynamicFormModule.forRoot({
-                cmsFieldControlGroup: [...FieldControlGroup, ...fielFieldControlGroup]
-            })] }); }
+                cmsFieldControlGroup: [...FieldControlGroup, ...fielFieldControlGroup, ...ckEditorFieldControlGroup]
+            })] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CmsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -3904,7 +4186,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
                         PageModule,
                         NzSelectModule,
                         DynamicFormModule.forRoot({
-                            cmsFieldControlGroup: [...FieldControlGroup, ...fielFieldControlGroup]
+                            cmsFieldControlGroup: [...FieldControlGroup, ...fielFieldControlGroup, ...ckEditorFieldControlGroup]
                         }),
                     ],
                     exports: [