@dignite-ng/expand.cms 0.0.7 → 0.0.9

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

@@ -5,28 +5,32 @@ import { mapEnumToOptions, ListService, LIST_QUERY_DEBOUNCE_TIME, ConfigStateSer
 import * as i3 from '@abp/ng.theme.shared';
 import { ThemeSharedModule } from '@abp/ng.theme.shared';
 import * as i4 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i9 from '@swimlane/ngx-datatable';
+import { RouterModule, RouteReuseStrategy } from '@angular/router';
+import * as i7 from '@swimlane/ngx-datatable';
 import { ColumnMode } from '@swimlane/ngx-datatable';
 import { finalize } from 'rxjs/operators';
 import { EXTENSIONS_IDENTIFIER, ToolbarAction, ExtensionsService, getObjectExtensionEntitiesFromStore, mapEntitiesToContributors, mergeWithDefaultActions, DateAdapter } from '@abp/ng.theme.shared/extensions';
+import { pinyin } from 'pinyin-pro';
+import * as i1$1 from '@angular/platform-browser';
+import * as i1$2 from '@angular/forms';
+import { Validators, FormGroup, FormControl, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i3$1 from '@angular/common';
-import * as i1$1 from '@angular/forms';
-import { Validators, FormGroup, FormControl, FormArray, FormsModule } from '@angular/forms';
+import * as i6 from '@ngx-validate/core';
+import { NgxValidateCoreModule } from '@ngx-validate/core';
 import * as i10 from '@ng-bootstrap/ng-bootstrap';
 import { NgbDropdownModule, NgbNavModule, NgbAccordionModule, NgbDateAdapter } from '@ng-bootstrap/ng-bootstrap';
-import * as i9$1 from '@abp/ng.components/page';
+import * as i9 from '@abp/ng.components/page';
 import { PageModule } from '@abp/ng.components/page';
-import * as i6 from '@ngx-validate/core';
-import { NgxValidateCoreModule } from '@ngx-validate/core';
-import { pinyin } from 'pinyin-pro';
 import * as i8 from '@dignite-ng/expand.dynamic-form';
 import { DynamicFormModule } from '@dignite-ng/expand.dynamic-form';
+import * as i9$1 from 'ng-zorro-antd/table';
+import { NzTableModule } from 'ng-zorro-antd/table';
 import * as i6$1 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
 import { map, tap } from 'rxjs';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { CommercialUiConfigModule } from '@volo/abp.commercial.ng.ui/config';
+import { ScrollingModule } from '@angular/cdk/scrolling';
 
 var EntryStatus;
 (function (EntryStatus) {
@@ -70,9 +74,16 @@ class EntryAdminService {
         method: 'DELETE',
         url: `/api/cms-admin/entries/${id}`,
     }, { apiName: this.apiName, ...config });
-    entryTypeExists = (input, config) => this.restService.request({
+    // entryTypeExists = (input: EntryTypeExistsInput, config?: Partial<Rest.Config>) =>
+    //   this.restService.request<any, boolean>({
+    //     method: 'GET',
+    //     url: '/api/cms-admin/entries/can-create-for-entry-type',
+    //     params: { culture: input.culture, sectionId: input.sectionId, entryTypeId: input.entryTypeId },
+    //   },
+    //   { apiName: this.apiName,...config });
+    cultureExistWithSingleSection = (input, config) => this.restService.request({
         method: 'GET',
-        url: '/api/cms-admin/entries/can-create-for-entry-type',
+        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({
@@ -268,6 +279,85 @@ var index$p = /*#__PURE__*/Object.freeze({
     SectionAdminService: SectionAdminService
 });
 
+class CmsApiService {
+    titleService;
+    constructor(titleService) {
+        this.titleService = titleService;
+    }
+    /**动态设置浏览器标题 */
+    setBrowserTitle(title) {
+        this.titleService.setTitle(title);
+    }
+    /**
+     * 识别中文转化为拼音，固定返回类型
+     * 汉字转拼音
+     * 大写转小写
+     *
+     *  */
+    chineseToPinyin(value) {
+        //去除字符串中所有的空格
+        // let val = value
+        let val = value.replaceAll(' ', "-");
+        let array = val.split('');
+        let newArray = [];
+        array.forEach((el, index) => {
+            //转化为小写
+            let elChange = el.toLowerCase();
+            let isChinese = (str) => {
+                return /^[\u4e00-\u9fa5]+$/.test(str);
+            };
+            if (isChinese(elChange)) {
+                const resultWithoutTone = pinyin(elChange, { toneType: 'none', type: 'array' });
+                elChange = resultWithoutTone.toString();
+                if (index < array.length - 1)
+                    elChange += '-';
+            }
+            ;
+            newArray.push(elChange);
+        });
+        let pinyinstr = newArray.join('');
+        return pinyinstr || val;
+    }
+    // /**使用Unicode编码范围判断是否是中文字符 */
+    // isChinese(str: string) {
+    //   return /^[\u4e00-\u9fa5]+$/.test(str);
+    // }
+    /**
+    * 深拷贝--方法  */
+    deepClone(obj) {
+        if (typeof obj !== 'object' || obj === null)
+            return obj;
+        const result = Array.isArray(obj) ? [] : {};
+        for (let key in obj) {
+            if (obj.hasOwnProperty(key)) {
+                if (typeof obj[key] === 'object' && obj[key] !== null) {
+                    if (obj[key] instanceof Date) {
+                        result[key] = new Date(obj[key].getTime());
+                    }
+                    else if (obj[key] instanceof RegExp) {
+                        result[key] = new RegExp(obj[key]);
+                    }
+                    else {
+                        result[key] = this.deepClone(obj[key]);
+                    }
+                }
+                else {
+                    result[key] = obj[key];
+                }
+            }
+        }
+        return result;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsApiService, deps: [{ token: i1$1.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: "16.2.12", ngImport: i0, type: CmsApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.Title }]; } });
+
 class EntriesComponent {
     list;
     _EntryAdminService;
@@ -278,7 +368,9 @@ class EntriesComponent {
     configState;
     router;
     _LocalizationService;
-    constructor(list, _EntryAdminService, _SiteAdminService, _SectionAdminService, toaster, confirmation, configState, router, _LocalizationService) {
+    _CmsApiService;
+    fb;
+    constructor(list, _EntryAdminService, _SiteAdminService, _SectionAdminService, toaster, confirmation, configState, router, _LocalizationService, _CmsApiService, fb) {
         this.list = list;
         this._EntryAdminService = _EntryAdminService;
         this._SiteAdminService = _SiteAdminService;
@@ -288,8 +380,11 @@ class EntriesComponent {
         this.configState = configState;
         this.router = router;
         this._LocalizationService = _LocalizationService;
+        this._CmsApiService = _CmsApiService;
+        this.fb = fb;
     }
     ngOnInit() {
+        // 
         this.getPageDate();
     }
     /**站点列表 */
@@ -306,18 +401,33 @@ class EntriesComponent {
     _entryStatusOptions = entryStatusOptions;
     /**获取页面数据 */
     async getPageDate() {
-        // 同时启动所有不依赖彼此的异步操作  
         await this.getsiteList();
         await this.getSiteOfSectionList();
         await this.getSectionLanguagesList();
+        this.filters = this.filtersForm.value;
         this.hookToQuery();
     }
+    /**切换站点 */
+    async siteIdChange() {
+        await this.getSiteOfSectionList();
+        await this.getSectionLanguagesList();
+        this.resetData();
+    }
+    /**切换板块 */
+    async sectionIdChange() {
+        await this.getSectionLanguagesList();
+        this.resetData();
+    }
+    /**切换语言 */
+    async cultureChange() {
+        this.resetData();
+    }
     /**获取站点列表 */
     getsiteList() {
         return new Promise((resolve, rejects) => {
             this._SiteAdminService.getList({}).subscribe(res => {
                 this.siteList = res.items;
-                this.siteId = res.items[0]?.id || '';
+                this.filtersForm.get('siteId').patchValue(res.items[0]?.id || '');
                 resolve(res.items);
             });
         });
@@ -325,12 +435,14 @@ class EntriesComponent {
     /**获取站点下的版块 */
     getSiteOfSectionList() {
         return new Promise((resolve, rejects) => {
+            let siteId = this.filtersForm.get('siteId').value;
             this._SectionAdminService.getList({
                 maxResultCount: 1000,
-                siteId: this.siteId
+                siteId: siteId
             }).subscribe(res => {
                 this.SiteOfSectionList = res.items;
-                this.filters.sectionId = res.items[0]?.id || '';
+                this.filtersForm.get('sectionId').patchValue(res.items[0]?.id || '');
+                // this.filters.sectionId = this.SiteOfSectionList[0]?.id || ''
                 this.getSectionOfEntryType();
                 resolve(res.items);
             });
@@ -338,41 +450,35 @@ class EntriesComponent {
     }
     /**获取版块下的条目类型 */
     getSectionOfEntryType() {
-        this.entryTypeList = this.SiteOfSectionList.find(el => el.id == this.filters.sectionId)?.entryTypes || [];
+        let sectionId = this.filtersForm.get('sectionId').value;
+        this.entryTypeList = this.SiteOfSectionList.find(el => el.id == sectionId)?.entryTypes || [];
     }
     /**获取版块下的语言列表 */
     getSectionLanguagesList() {
         return new Promise((resolve, rejects) => {
+            // 板块列表 */
             let SiteOfSectionList = this.SiteOfSectionList;
+            //获取所有语言 */
             let languages = this.configState.getDeep('localization.languages');
-            let items = SiteOfSectionList.find(el => el.id == this.filters.sectionId)?.site?.languages || [];
-            items.forEach(el => {
-                el.displayName = languages.find(ell => ell.cultureName == el.cultureName).displayName;
-            });
-            if (items.length > 0) {
-                this.sectionLanguagesList = items;
-                this.filters.culture = items[0]?.cultureName || '';
-            }
-            resolve(items);
+            //当前选择的板块id
+            let sectionId = this.filtersForm.get('sectionId').value;
+            //板块下的语言
+            let sectionOfLanguages = this.SiteOfSectionList.find(el => el.id == sectionId)?.site?.languages || [];
+            //获取系统语言 */
+            let systemculture = this.configState.getDeep('localization.currentCulture.name');
+            //获取当前选择的语言
+            let nowculture = this.filtersForm.get('culture').value;
+            //当前选择的语言，是否在版块的的语言列表中
+            let isexist = sectionOfLanguages.find(el => el.cultureName == nowculture);
+            this.filtersForm.get('culture').patchValue(nowculture ? isexist ? nowculture : systemculture : systemculture);
+            this.sectionLanguagesList = languages.filter(el => sectionOfLanguages.find(ell => ell.cultureName === el.cultureName));
+            resolve(sectionOfLanguages);
         });
     }
-    /**切换站点 */
-    async siteIdChange() {
-        await this.getSiteOfSectionList();
-        await this.getSectionLanguagesList();
-        this.list.page = 0;
-        this.list.get();
-    }
-    /**切换版块 */
-    async sectionIdChange() {
-        this.getSectionOfEntryType();
-        await this.getSectionLanguagesList();
-        this.list.page = 0;
-        this.list.get();
-    }
-    /**切换语言 */
-    cultureChange() {
+    resetData() {
+        this.filters = this.filtersForm.value;
         this.list.page = 0;
+        this.data.items = [];
         this.list.get();
     }
     /**新增-单个 */
@@ -388,12 +494,22 @@ class EntriesComponent {
         totalCount: 0,
     };
     filters = {};
+    filtersForm = this.fb.group({
+        siteId: [''],
+        sectionId: [''],
+        culture: [''],
+        filter: [''],
+    });
     hookToQuery() {
         const getData = (query) => this._EntryAdminService.getList({
             ...query,
             ...this.filters,
+            // ...filtersForm
         });
-        const setData = (list) => (this.data = list);
+        const setData = (list) => {
+            list.items.sort((a, b) => a.order - b.order);
+            this.data = list;
+        };
         this.list.hookToQuery(getData).subscribe(setData);
     }
     /**删除条目 */
@@ -408,7 +524,7 @@ class EntriesComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntriesComponent, deps: [{ token: i1.ListService }, { token: EntryAdminService }, { token: SiteAdminService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.ConfigStateService }, { token: i4.Router }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntriesComponent, deps: [{ token: i1.ListService }, { token: EntryAdminService }, { token: SiteAdminService }, { token: SectionAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.ConfigStateService }, { token: i4.Router }, { token: i1.LocalizationService }, { token: CmsApiService }, { token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EntriesComponent, selector: "cms-entries", providers: [
             // [Required]
             ListService,
@@ -420,7 +536,7 @@ class EntriesComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries,
             },
-        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-header px-2 py-sm-2 border-bottom\">\r\n                <div class=\"input-group\">\r\n                    <select class=\"form-select col-auto\" [(ngModel)]=\"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\" [(ngModel)]=\"filters.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\" [(ngModel)]=\"filters.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\" [(ngModel)]=\"filters.filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\r\n                    <button class=\"btn btn-outline-primary px-2\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\r\n                        <i class=\"fa fa-search\"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\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\" [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:m: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' | abpLocalization}}</button>\r\n                                        <button ngbDropdownItem\r\n                                            (click)=\"deletefield(row)\">{{'AbpUi::Delete' | 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{height:57px}::ng-deep .sites-page .card-header input,::ng-deep .sites-page .card-header .form-select{height:34px}::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 - 180px)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.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: i9.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: i9.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: i9.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: i9$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i9$1.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "pipe", type: i3$1.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\">\r\n                <div class=\"input-group\" [formGroup]=\"filtersForm\">\r\n                    <!-- [(ngModel)]=\"siteId\" name=\"siteId\" -->\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\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:m: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:none}.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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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: i9.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i9.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntriesComponent, decorators: [{
             type: Component,
@@ -435,8 +551,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Entries,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \"></abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-header px-2 py-sm-2 border-bottom\">\r\n                <div class=\"input-group\">\r\n                    <select class=\"form-select col-auto\" [(ngModel)]=\"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\" [(ngModel)]=\"filters.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\" [(ngModel)]=\"filters.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\" [(ngModel)]=\"filters.filter\"\r\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\r\n                    <button class=\"btn btn-outline-primary px-2\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\r\n                        <i class=\"fa fa-search\"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\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\" [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:m: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' | abpLocalization}}</button>\r\n                                        <button ngbDropdownItem\r\n                                            (click)=\"deletefield(row)\">{{'AbpUi::Delete' | 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{height:57px}::ng-deep .sites-page .card-header input,::ng-deep .sites-page .card-header .form-select{height:34px}::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 - 180px)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.ListService }, { type: EntryAdminService }, { type: SiteAdminService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.ConfigStateService }, { type: i4.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\">\r\n                <div class=\"input-group\" [formGroup]=\"filtersForm\">\r\n                    <!-- [(ngModel)]=\"siteId\" name=\"siteId\" -->\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\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:m: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:none}.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: i1.ListService }, { type: EntryAdminService }, { type: SiteAdminService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.ConfigStateService }, { type: i4.Router }, { type: i1.LocalizationService }, { type: CmsApiService }, { type: i1$2.FormBuilder }]; } });
 
 // create-or-update-entry-cobfig-base
 class CreateOrUpdateEntryInputBase {
@@ -602,77 +718,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.RestService }]; } });
 
-class CmsApiService {
-    constructor() { }
-    /**
-     * 识别中文转化为拼音，固定返回类型
-     * 汉字转拼音
-     * 大写转小写
-     *
-     *  */
-    chineseToPinyin(value) {
-        //去除字符串中所有的空格
-        let val = value.replace(/\s+/g, "");
-        let array = val.split('');
-        let newArray = [];
-        array.forEach((el, index) => {
-            //转化为小写
-            let elChange = el.toLowerCase();
-            let isChinese = (str) => {
-                return /^[\u4e00-\u9fa5]+$/.test(str);
-            };
-            if (isChinese(elChange)) {
-                const resultWithoutTone = pinyin(elChange, { toneType: 'none', type: 'array' });
-                elChange = resultWithoutTone.toString();
-                if (index < array.length - 1)
-                    elChange += '-';
-            }
-            ;
-            newArray.push(elChange);
-        });
-        let pinyinstr = newArray.join('');
-        return pinyinstr || val;
-    }
-    // /**使用Unicode编码范围判断是否是中文字符 */
-    // isChinese(str: string) {
-    //   return /^[\u4e00-\u9fa5]+$/.test(str);
-    // }
-    /**
-    * 深拷贝--方法  */
-    deepClone(obj) {
-        if (typeof obj !== 'object' || obj === null)
-            return obj;
-        const result = Array.isArray(obj) ? [] : {};
-        for (let key in obj) {
-            if (obj.hasOwnProperty(key)) {
-                if (typeof obj[key] === 'object' && obj[key] !== null) {
-                    if (obj[key] instanceof Date) {
-                        result[key] = new Date(obj[key].getTime());
-                    }
-                    else if (obj[key] instanceof RegExp) {
-                        result[key] = new RegExp(obj[key]);
-                    }
-                    else {
-                        result[key] = this.deepClone(obj[key]);
-                    }
-                }
-                else {
-                    result[key] = obj[key];
-                }
-            }
-        }
-        return result;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsApiService, deps: [], 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: "16.2.12", ngImport: i0, type: CmsApiService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
 class CreateOrEditEntriesComponent {
     fb;
     toaster;
@@ -716,6 +761,8 @@ class CreateOrEditEntriesComponent {
     entryTypesList = [];
     /**版本列表 */
     AllVersionsList = [];
+    /**是否是编辑 */
+    isEdit = false;
     /**来自父组件的传值 */
     FromParentQueryParams = '';
     set ParentQueryParams(v) {
@@ -741,6 +788,14 @@ class CreateOrEditEntriesComponent {
     get sluginput() {
         return this._entity.get('slug');
     }
+    /**语言表单实体 */
+    get cultureinput() {
+        return this._entity.get('culture');
+    }
+    /**语言表单实体影子 */
+    get culture_shadowInput() {
+        return this._entity.get('culture_shadow');
+    }
     /**extraProperties配置表单实体 */
     get extraProperties() {
         return this._entity.get('extraProperties');
@@ -755,6 +810,11 @@ class CreateOrEditEntriesComponent {
                 asyncValidators: this.repetitionAsyncValidator(),
                 updateOn: 'blur'
             }));
+            this._entity.setControl('culture_shadow', new FormControl('', {
+                validators: [Validators.required],
+                asyncValidators: this.cultureAsyncValidator_test(),
+            }));
+            this._entity.get('culture').disable();
             if (queryParams.RevisionEntryId && this.entrySelect) {
                 this.RevisionEntryId = queryParams.RevisionEntryId;
                 this.setEntryconfig(this.entrySelect);
@@ -768,6 +828,30 @@ class CreateOrEditEntriesComponent {
                 await this.getAllVersionsList();
         }
     }
+    /**定义自定义异步验证 */
+    cultureAsyncValidator_test() {
+        return (ctrl) => {
+            return new Promise(resolve => {
+                let subculture = this._entity?.get('culture').value;
+                if (subculture == this.entrySelect?.culture) {
+                    resolve(null);
+                    return;
+                }
+                this._EntryAdminService.cultureExistWithSingleSection({
+                    culture: subculture,
+                    sectionId: this.sectionId,
+                    entryTypeId: this.entryTypeId
+                }).subscribe(res => {
+                    if (res) {
+                        resolve({ repetition: this._LocalizationService.instant(`Cms::EntriesAlreadyExistEntryType`, this.entryTypesItem.displayName, this.languagesList.find(el => el.cultureName == subculture).displayName) });
+                    }
+                    else {
+                        resolve(null);
+                    }
+                });
+            });
+        };
+    }
     /**
    * 设置条目详情
    * @param {object} source - 数据源对象
@@ -777,6 +861,7 @@ class CreateOrEditEntriesComponent {
         this.cultureName = source.culture || source.cultureName;
         this.sectionId = source.sectionId;
     }
+    time = 0;
     /**定义自定义异步验证 */
     repetitionAsyncValidator() {
         return (ctrl) => {
@@ -811,15 +896,14 @@ class CreateOrEditEntriesComponent {
                 this.entryTypesItem = entryTypesItem;
                 this.entryTypesList = res.entryTypes.filter(el => el.id == this.entryTypeId);
                 this._entity.patchValue({
-                    title: this.entrySelect?.title || '',
-                    slug: this.entrySelect?.slug || '',
-                    initialVersionId: this.entrySelect?.initialVersionId || '',
-                    parentId: this.entrySelect?.parentId || '',
-                    versionNotes: this.entrySelect?.versionNotes || '',
+                    ...this.entrySelect,
+                    initialVersionId: this.entrySelect?.initialVersionId || this.RevisionEntryId || '',
                     culture: this.cultureName,
+                    culture_shadow: this.cultureName,
                     entryTypeId: this.entryTypeId,
                     publishTime: this.datePipe.transform(new Date(), 'yyyy-MM-dd HH:mm:ss'),
                 });
+                console.log('获取版块详情');
                 resolve(true);
             });
         });
@@ -835,7 +919,8 @@ class CreateOrEditEntriesComponent {
     }
     /**标题转化别名 */
     setTitleToSlugBlur(event) {
-        let val = event.target.value.replace(/\s+/g, "");
+        let val = event.target.value;
+        // let val = event.target.value.replace(/\s+/g, "")
         let slug = this._entity.get('slug');
         let pinyinstr = '';
         if (slug.value)
@@ -871,13 +956,15 @@ class CreateOrEditEntriesComponent {
             this.getAllVersionsList();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditEntriesComponent, deps: [{ token: i1$1.FormBuilder }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i4.ActivatedRoute }, { token: i1.ConfigStateService }, { token: SectionAdminService }, { token: EntryAdminService }, { token: i3$1.DatePipe }, { token: i1.LocalizationService }, { token: i4.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: { ParentQueryParams: "ParentQueryParams", entity: "entity", parentEntrySelect: "parentEntrySelect" }, 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                    <ng-container *ngFor=\"let item of entryTypesItem?.fieldTabs\">\n                        <ng-container *ngFor=\"let el of item.fields\">\n                            <ng-container *ngIf=\"el&&_entity\">\n                                <df-dynamic [entity]=\"_entity\" [fields]=\"el\"\n                                    [selected]=\"entrySelect ? entrySelect.extraProperties[el.field.name] : ''\"\n                                    [parentFiledName]=\"'extraProperties'\"></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\" required>\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\" disabled>\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                    </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=\"entrySelect\">\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:m: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' | 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' | 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' | 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::IsActive' | 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' | 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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: i4.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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", "parentFiledName", "fields"] }, { kind: "pipe", type: i3$1.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: i1$2.FormBuilder }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i4.ActivatedRoute }, { token: i1.ConfigStateService }, { token: SectionAdminService }, { token: EntryAdminService }, { token: i3$1.DatePipe }, { token: i1.LocalizationService }, { token: i4.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" }, 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                    <ng-container *ngFor=\"let item of entryTypesItem?.fieldTabs\">\n                        <ng-container *ngFor=\"let el of item.fields\">\n                            <ng-container *ngIf=\"el&&_entity\">\n                                <df-dynamic [entity]=\"_entity\" [fields]=\"el\"\n                                    [selected]=\"entrySelect ? entrySelect.extraProperties[el.field.name] : ''\"\n                                    [parentFiledName]=\"'extraProperties'\" ></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\"   [disabled]=\"false\" 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\" 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                    <!-- RevisionEntryId -->\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:m: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' | 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' | 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' | 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' | 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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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", "parentFiledName", "fields"] }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditEntriesComponent, decorators: [{
             type: Component,
-            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                    <ng-container *ngFor=\"let item of entryTypesItem?.fieldTabs\">\n                        <ng-container *ngFor=\"let el of item.fields\">\n                            <ng-container *ngIf=\"el&&_entity\">\n                                <df-dynamic [entity]=\"_entity\" [fields]=\"el\"\n                                    [selected]=\"entrySelect ? entrySelect.extraProperties[el.field.name] : ''\"\n                                    [parentFiledName]=\"'extraProperties'\"></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\" required>\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\" disabled>\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                    </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=\"entrySelect\">\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:m: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' | 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' | 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' | 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::IsActive' | 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' | 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: function () { return [{ type: i1$1.FormBuilder }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i4.ActivatedRoute }, { type: i1.ConfigStateService }, { type: SectionAdminService }, { type: EntryAdminService }, { type: i3$1.DatePipe }, { type: i1.LocalizationService }, { type: i4.Router }, { type: CmsApiService }]; }, propDecorators: { ParentQueryParams: [{
+            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                    <ng-container *ngFor=\"let item of entryTypesItem?.fieldTabs\">\n                        <ng-container *ngFor=\"let el of item.fields\">\n                            <ng-container *ngIf=\"el&&_entity\">\n                                <df-dynamic [entity]=\"_entity\" [fields]=\"el\"\n                                    [selected]=\"entrySelect ? entrySelect.extraProperties[el.field.name] : ''\"\n                                    [parentFiledName]=\"'extraProperties'\" ></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\"   [disabled]=\"false\" 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\" 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                    <!-- RevisionEntryId -->\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:m: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' | 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' | 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' | 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' | 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: function () { return [{ type: i1$2.FormBuilder }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i4.ActivatedRoute }, { type: i1.ConfigStateService }, { type: SectionAdminService }, { type: EntryAdminService }, { type: i3$1.DatePipe }, { type: i1.LocalizationService }, { type: i4.Router }, { type: CmsApiService }]; }, propDecorators: { isEdit: [{
+                type: Input
+            }], ParentQueryParams: [{
                 type: Input
             }], entity: [{
                 type: Input
@@ -891,23 +978,19 @@ class CreateComponent {
     toaster;
     _location;
     route;
-    configState;
-    _SectionAdminService;
     _EntryAdminService;
-    datePipe;
     _LocalizationService;
     router;
-    constructor(fb, toaster, _location, route, configState, _SectionAdminService, _EntryAdminService, datePipe, _LocalizationService, router) {
+    _CmsApiService;
+    constructor(fb, toaster, _location, route, _EntryAdminService, _LocalizationService, router, _CmsApiService) {
         this.fb = fb;
         this.toaster = toaster;
         this._location = _location;
         this.route = route;
-        this.configState = configState;
-        this._SectionAdminService = _SectionAdminService;
         this._EntryAdminService = _EntryAdminService;
-        this.datePipe = datePipe;
         this._LocalizationService = _LocalizationService;
         this.router = router;
+        this._CmsApiService = _CmsApiService;
     }
     /**表单实体 */
     newEntity;
@@ -915,11 +998,24 @@ class CreateComponent {
     draftType = false;
     /**页面传值用于传递到子组件 */
     queryParams = '';
+    /**指定id的条目信息 */
+    entrySelect = '';
     /**获取提交按钮替身，用于真实触发表单提交 */
     submitclick;
     async ngOnInit() {
         this.queryParams = this.route.snapshot.queryParams;
         this.newEntity = this.fb.group(new CreateOrUpdateEntryInputBase());
+        if (this.queryParams.RevisionEntryId)
+            await this.getEntrySelect();
+    }
+    /**获取条目信息 */
+    getEntrySelect() {
+        return new Promise((resolve, rejects) => {
+            this._EntryAdminService.get(this.queryParams.RevisionEntryId).subscribe(res => {
+                this.entrySelect = res;
+                resolve(res);
+            });
+        });
     }
     /**保存 */
     save(draft) {
@@ -928,8 +1024,8 @@ class CreateComponent {
         });
         let input = this.newEntity.value;
         input.publishTime = new Date(new Date(input.publishTime).getTime() + (8 * 60 * 60 * 1000)).toISOString();
-        console.log(input, '保存');
-        return;
+        input.culture = this.newEntity.get('culture').value;
+        // console.log(input, '保存',this.newEntity);
         if (!this.newEntity.valid)
             return;
         this._EntryAdminService.create(input).subscribe(res => {
@@ -948,13 +1044,13 @@ class CreateComponent {
     backTo() {
         this._location.back();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateComponent, deps: [{ token: i1$1.FormBuilder }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i4.ActivatedRoute }, { token: i1.ConfigStateService }, { token: SectionAdminService }, { token: EntryAdminService }, { token: i3$1.DatePipe }, { token: i1.LocalizationService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateComponent, deps: [{ token: i1$2.FormBuilder }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i4.ActivatedRoute }, { token: EntryAdminService }, { token: i1.LocalizationService }, { token: i4.Router }, { token: CmsApiService }], 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: "\n\n\n<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        <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"></cms-create-or-edit-entries>\n    </abp-page>\n</form>\n\n\n", 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: 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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i9$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["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: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i9.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "ParentQueryParams", "entity", "parentEntrySelect"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateComponent, decorators: [{
             type: Component,
@@ -963,8 +1059,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Entries_Create,
                         },
-                    ], template: "\n\n\n<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        <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"></cms-create-or-edit-entries>\n    </abp-page>\n</form>\n\n\n", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i4.ActivatedRoute }, { type: i1.ConfigStateService }, { type: SectionAdminService }, { type: EntryAdminService }, { type: i3$1.DatePipe }, { type: i1.LocalizationService }, { type: i4.Router }]; }, propDecorators: { submitclick: [{
+                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" (ngSubmit)=\"save(draftType)\">\n    <abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"entrySelect; else elseTemplate\">\n            <cms-create-or-edit-entries [entity]=\"newEntity\" [ParentQueryParams]=\"queryParams\"\n                [parentEntrySelect]=\"entrySelect\" ></cms-create-or-edit-entries>\n        </ng-container>\n        <ng-template #elseTemplate>\n            <cms-create-or-edit-entries [entity]=\"newEntity\"\n                [ParentQueryParams]=\"queryParams\" ></cms-create-or-edit-entries>\n        </ng-template>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-or-edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .create-or-edit-entry-page .form-control,::ng-deep .create-or-edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i4.ActivatedRoute }, { type: EntryAdminService }, { type: i1.LocalizationService }, { type: i4.Router }, { type: CmsApiService }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
@@ -974,23 +1070,19 @@ class EditComponent {
     toaster;
     _location;
     route;
-    configState;
-    _SectionAdminService;
     _EntryAdminService;
-    datePipe;
     router;
     _LocalizationService;
-    constructor(fb, toaster, _location, route, configState, _SectionAdminService, _EntryAdminService, datePipe, router, _LocalizationService) {
+    _CmsApiService;
+    constructor(fb, toaster, _location, route, _EntryAdminService, router, _LocalizationService, _CmsApiService) {
         this.fb = fb;
         this.toaster = toaster;
         this._location = _location;
         this.route = route;
-        this.configState = configState;
-        this._SectionAdminService = _SectionAdminService;
         this._EntryAdminService = _EntryAdminService;
-        this.datePipe = datePipe;
         this.router = router;
         this._LocalizationService = _LocalizationService;
+        this._CmsApiService = _CmsApiService;
     }
     /**表单实体 */
     newEntity;
@@ -1023,7 +1115,9 @@ class EditComponent {
         });
         let input = this.newEntity.value;
         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;
+        console.log(input, '保存', this.newEntity);
         if (!this.newEntity.valid)
             return;
         this._EntryAdminService.update(this.entrySelect.id, input).subscribe(res => {
@@ -1042,13 +1136,13 @@ class EditComponent {
     backTo() {
         this._location.back();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditComponent, deps: [{ token: i1$1.FormBuilder }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i4.ActivatedRoute }, { token: i1.ConfigStateService }, { token: SectionAdminService }, { token: EntryAdminService }, { token: i3$1.DatePipe }, { token: i4.Router }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditComponent, deps: [{ token: i1$2.FormBuilder }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i4.ActivatedRoute }, { token: EntryAdminService }, { token: i4.Router }, { token: i1.LocalizationService }, { token: CmsApiService }], 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\" [parentEntrySelect]=\"entrySelect\"></cms-create-or-edit-entries>\n    </ng-container>\n    </abp-page>\n</form>\n\n", 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: i3$1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i9$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["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\" [parentEntrySelect]=\"entrySelect\" [isEdit]=\"true\"></cms-create-or-edit-entries>\n    </ng-container>\n    </abp-page>\n</form>\n\n", 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: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i9.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "ParentQueryParams", "entity", "parentEntrySelect"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditComponent, decorators: [{
             type: Component,
@@ -1057,8 +1151,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             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\" [parentEntrySelect]=\"entrySelect\"></cms-create-or-edit-entries>\n    </ng-container>\n    </abp-page>\n</form>\n\n", styles: ["::ng-deep .edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .edit-entry-page .form-control,::ng-deep .edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .edit-entry-page .cursor-move{cursor:move}::ng-deep .edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i4.ActivatedRoute }, { type: i1.ConfigStateService }, { type: SectionAdminService }, { type: EntryAdminService }, { type: i3$1.DatePipe }, { type: i4.Router }, { type: i1.LocalizationService }]; }, propDecorators: { submitclick: [{
+                    ], 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\" [parentEntrySelect]=\"entrySelect\" [isEdit]=\"true\"></cms-create-or-edit-entries>\n    </ng-container>\n    </abp-page>\n</form>\n\n", styles: ["::ng-deep .edit-entry-page .dignite_page{height:calc(100vh - 125px);overflow:auto;background:transparent}::ng-deep .edit-entry-page .form-control,::ng-deep .edit-entry-page .form-select{padding:.475rem 1.25rem}::ng-deep .edit-entry-page .cursor-move{cursor:move}::ng-deep .edit-entry-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit}::ng-deep .edit-entry-page .flex-between{display:flex;align-items:center;justify-content:space-between}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i4.ActivatedRoute }, { type: EntryAdminService }, { type: i4.Router }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
@@ -1214,13 +1308,13 @@ class FieldGroupComponent {
         this.fieldGroupId = event;
         this.OnGroupClickBack.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupComponent, deps: [{ token: i1$1.FormBuilder }, { token: FieldGroupAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: FieldAbstractsService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FieldGroupComponent, selector: "cms-field-group", outputs: { OnGroupClickBack: "OnGroupClickBack" }, ngImport: i0, template: "<div class=\"card-header px-2 py-sm-2 d-flex justify-content-between align-items-center\">\n    <h6 class=\"h6 mb-0\">{{'Cms::FieldGroup' | abpLocalization}}</h6>\n    <button type=\"button\" class=\"btn btn-link btn-sm ms-2\"><i class=\"fas fa-plus-circle\" aria-hidden=\"true\"\n            (click)=\"createGroupBtn()\"></i></button>\n</div>\n<div class=\"card-body p-0\">\n    <div class=\"container-height overflow-auto\">\n        <ul class=\"list-group list-group-flush\">\n            <li class=\"list-group-item list-group-item-action active\" [class.active]=\"fieldGroupId===''\"\n                (click)=\"fieldGroupChange('')\">{{'Cms::AllFields' | abpLocalization}}</li>\n            <ng-container *ngFor=\"let item of _FieldAbstractsService.fieldGroupList\">\n                <li class=\"list-group-item list-group-item-action d-flex justify-content-between align-items-center\"\n                    [class.active]=\"fieldGroupId===item.id\" (click)=\"fieldGroupChange(item.id)\">\n                    <div>{{item.name}}</div>\n                    <div *ngIf=\"fieldGroupId===item.id\">\n                        <i class=\"fas fa-trash px-1\" role=\"button\" (click.stop)=\"deleteGroupbtn(item)\"></i>\n                        <i class=\"fas fa-edit px-1\" role=\"button\" (click.stop)=\"editGroupBtn(item.name)\"></i>\n                    </div>\n                </li>\n            </ng-container>\n        </ul>\n    </div>\n</div>\n\n<abp-modal [(visible)]=\"createGroupOpen\" [busy]=\"modalBusy\" (visibleChange)=\"createGroupVisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'Cms::New' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <form *ngIf=\"createForm; else loaderRef\" [formGroup]=\"createForm\" (ngSubmit)=\"createSave()\">\n            <div class=\"mb-3\">\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\n                    placeholder=\"\">\n            </div>\n        </form>\n    </ng-template>\n\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"createForm?.invalid\" (click)=\"createSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n<abp-modal [(visible)]=\"editGroupOpen\" [busy]=\"modalBusy\" (visibleChange)=\"editGroupVisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <form *ngIf=\"editGroupForm; else loaderRef\" [formGroup]=\"editGroupForm\" (ngSubmit)=\"editSave()\">\n            <div class=\"mb-3\">\n                <label for=\"exampleFormControlInput1\" class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                <input type=\"text\" class=\"form-control\" id=\"exampleFormControlInput1\" formControlName=\"name\"\n                    placeholder=\"\">\n            </div>\n        </form>\n    </ng-template>\n\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"editGroupForm?.invalid\" (click)=\"editSave()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: [""], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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$2.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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldGroupComponent, decorators: [{
             type: Component,
             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: function () { return [{ type: i1$1.FormBuilder }, { type: FieldGroupAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: FieldAbstractsService }, { type: i1.LocalizationService }]; }, propDecorators: { OnGroupClickBack: [{
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: FieldGroupAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: FieldAbstractsService }, { type: i1.LocalizationService }]; }, propDecorators: { OnGroupClickBack: [{
                 type: Output
             }] } });
 
@@ -1231,13 +1325,15 @@ class FieldsComponent {
     confirmation;
     _LocalizationService;
     router;
-    constructor(list, _FieldAdminService, toaster, confirmation, _LocalizationService, router) {
+    _CmsApiService;
+    constructor(list, _FieldAdminService, toaster, confirmation, _LocalizationService, router, _CmsApiService) {
         this.list = list;
         this._FieldAdminService = _FieldAdminService;
         this.toaster = toaster;
         this.confirmation = confirmation;
         this._LocalizationService = _LocalizationService;
         this.router = router;
+        this._CmsApiService = _CmsApiService;
     }
     /**表格单元格布局类型 */
     ColumnMode = ColumnMode;
@@ -1249,6 +1345,7 @@ class FieldsComponent {
     /**过滤器 */
     filters = {};
     ngOnInit() {
+        // this._CmsApiService.setBrowserTitle('字段')
         this.hookToQuery();
     }
     /**字段分组选择回调 */
@@ -1284,7 +1381,7 @@ class FieldsComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldsComponent, deps: [{ token: i1.ListService }, { token: FieldAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1.LocalizationService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component });
+    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: i4.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,
@@ -1296,7 +1393,7 @@ class FieldsComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Fields,
             },
-        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Fields' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"fields-page\">\n        <div class=\"row \">\n            <div class=\"col-3\">\n                <div class=\"card mb-0\">\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-outline-primary px-2\" 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:m: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 .card-header{height:57px}::ng-deep .fields-page .card-header input{height:34px}::ng-deep .fields-page .container-height{height:calc(100vh - 180px)}\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: i4.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: i9.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: i9.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: i9.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: i9$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: FieldGroupComponent, selector: "cms-field-group", outputs: ["OnGroupClickBack"] }, { kind: "pipe", type: i3$1.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:m: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$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.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: i9.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: FieldGroupComponent, selector: "cms-field-group", outputs: ["OnGroupClickBack"] }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldsComponent, decorators: [{
             type: Component,
@@ -1311,8 +1408,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             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\">\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-outline-primary px-2\" 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:m: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 .card-header{height:57px}::ng-deep .fields-page .card-header input{height:34px}::ng-deep .fields-page .container-height{height:calc(100vh - 180px)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.ListService }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.LocalizationService }, { type: i4.Router }]; } });
+                    ], 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:m: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: function () { return [{ type: i1.ListService }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.LocalizationService }, { type: i4.Router }, { type: CmsApiService }]; } });
 
 class CreateOrUpdateFieldInputBase {
     /**分组id */
@@ -1430,13 +1527,13 @@ class CreateOrEditFieldComponent {
     }
     formControlNameChange() {
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditFieldComponent, deps: [{ token: FieldAbstractsService }, { token: CmsApiService }, { token: FieldAdminService }, { token: i1.LocalizationService }, { token: i1$1.FormBuilder }], 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" }, 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        <!--  -->\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</form>", styles: [""], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "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 }, { token: i1$2.FormBuilder }], 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" }, 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        <!--  -->\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</form>", styles: [""], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditFieldComponent, decorators: [{
             type: Component,
             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        <!--  -->\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</form>" }]
-        }], ctorParameters: function () { return [{ type: FieldAbstractsService }, { type: CmsApiService }, { type: FieldAdminService }, { type: i1.LocalizationService }, { type: i1$1.FormBuilder }]; }, propDecorators: { Entity: [{
+        }], ctorParameters: function () { return [{ type: FieldAbstractsService }, { type: CmsApiService }, { type: FieldAdminService }, { type: i1.LocalizationService }, { type: i1$2.FormBuilder }]; }, propDecorators: { Entity: [{
                 type: Input
             }], selected: [{
                 type: Input
@@ -1448,17 +1545,24 @@ class CreateFieldComponent {
     toaster;
     _location;
     _LocalizationService;
-    constructor(fb, _FieldAdminService, toaster, _location, _LocalizationService) {
+    _CmsApiService;
+    constructor(fb, _FieldAdminService, toaster, _location, _LocalizationService, _CmsApiService) {
         this.fb = fb;
         this._FieldAdminService = _FieldAdminService;
         this.toaster = toaster;
         this._location = _location;
         this._LocalizationService = _LocalizationService;
+        this._CmsApiService = _CmsApiService;
     }
     /**表单实体 */
-    newEntity = this.fb.group(new CreateOrUpdateFieldInputBase());
+    newEntity;
     /**获取提交按钮替身，用于真实触发表单提交 */
     submitclick;
+    ngOnInit() {
+        //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
+        //Add 'implements OnInit' to the class.
+        this.newEntity = this.fb.group(new CreateOrUpdateFieldInputBase());
+    }
     /**触发提交按钮 */
     submitclickBtn() {
         this.submitclick.nativeElement.click();
@@ -1473,13 +1577,13 @@ class CreateFieldComponent {
             this._location.back();
         });
     }
-    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: i3$1.Location }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateFieldComponent, deps: [{ token: i1$2.FormBuilder }, { token: FieldAdminService }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i1.LocalizationService }, { token: CmsApiService }], 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=\"p-3 bg-white rounded-1\">\n                <cms-create-or-edit-field [Entity]=\"newEntity\"></cms-create-or-edit-field>\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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i9$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+        ], 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 class=\"p-3  rounded-1\">\n               \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$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i9.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateFieldComponent, decorators: [{
             type: Component,
@@ -1488,8 +1592,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             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=\"p-3 bg-white rounded-1\">\n                <cms-create-or-edit-field [Entity]=\"newEntity\"></cms-create-or-edit-field>\n            </div>\n        </div>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-field-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-field-page .form-control,::ng-deep .create-field-page .form-select{padding:.475rem 1.25rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i1.LocalizationService }]; }, propDecorators: { submitclick: [{
+                    ], 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 class=\"p-3  rounded-1\">\n               \n            </div> -->\n        </div>\n    </abp-page>\n</form>", styles: ["::ng-deep .create-field-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-field-page .form-control,::ng-deep .create-field-page .form-select{padding:.475rem 1.25rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
@@ -1502,7 +1606,8 @@ class EditFieldComponent {
     toaster;
     _location;
     _LocalizationService;
-    constructor(fb, _FieldAbstractsService, _FieldAdminService, route, toaster, _location, _LocalizationService) {
+    _CmsApiService;
+    constructor(fb, _FieldAbstractsService, _FieldAdminService, route, toaster, _location, _LocalizationService, _CmsApiService) {
         this.fb = fb;
         this._FieldAbstractsService = _FieldAbstractsService;
         this._FieldAdminService = _FieldAdminService;
@@ -1510,6 +1615,7 @@ class EditFieldComponent {
         this.toaster = toaster;
         this._location = _location;
         this._LocalizationService = _LocalizationService;
+        this._CmsApiService = _CmsApiService;
     }
     /**表单实体 */
     newEntity;
@@ -1557,13 +1663,13 @@ class EditFieldComponent {
             this._location.back();
         }));
     }
-    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: i4.ActivatedRoute }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditFieldComponent, deps: [{ token: i1$2.FormBuilder }, { token: FieldAbstractsService }, { token: FieldAdminService }, { token: i4.ActivatedRoute }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i1.LocalizationService }, { token: CmsApiService }], 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                <cms-create-or-edit-field [Entity]=\"newEntity\" [selected]=\"fieldDetails\"></cms-create-or-edit-field>\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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i9$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
+        ], 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$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i9.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditFieldComponent, selector: "cms-create-or-edit-field", inputs: ["Entity", "selected"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditFieldComponent, decorators: [{
             type: Component,
@@ -1572,8 +1678,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             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                <cms-create-or-edit-field [Entity]=\"newEntity\" [selected]=\"fieldDetails\"></cms-create-or-edit-field>\n            </div>\n        </div>\n    </abp-page>\n</form>" }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: FieldAbstractsService }, { type: FieldAdminService }, { type: i4.ActivatedRoute }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i1.LocalizationService }]; }, propDecorators: { submitclick: [{
+                    ], 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: function () { return [{ type: i1$2.FormBuilder }, { type: FieldAbstractsService }, { type: FieldAdminService }, { type: i4.ActivatedRoute }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }] } });
@@ -1833,7 +1939,7 @@ class SitesComponent {
             });
         };
     }
-    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 ɵ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$2.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: [
             // [Required]
             ListService,
@@ -1845,7 +1951,7 @@ class SitesComponent {
                 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 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-outline-primary px-2\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                        <i class=\"fa fa-search\"></i>\n                    </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\" [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\n\n    </div>\n\n\n\n</abp-page>\n\n\n<!-- <dignite-page [title]=\"'Cms::Sites' | abpLocalization\" [back]=\"false\" [class]=\"'sites-page'\">\n    <ng-template #pageHeader>\n        <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" (click.stop)=\"createSitesBtn()\">\n            <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\n        </button>\n    </ng-template>\n    <ng-template #pageBody>\n        \n    </ng-template>\n</dignite-page> -->\n\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 .card-header{height:57px}::ng-deep .sites-page .card-header input{height:34px}::ng-deep .sites-page .container-height{height:calc(100vh - 180px)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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: i9.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: i9.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: i9.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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: i9$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i3$1.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\n\n    </div>\n\n\n\n</abp-page>\n\n\n<!-- <dignite-page [title]=\"'Cms::Sites' | abpLocalization\" [back]=\"false\" [class]=\"'sites-page'\">\n    <ng-template #pageHeader>\n        <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" (click.stop)=\"createSitesBtn()\">\n            <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\n        </button>\n    </ng-template>\n    <ng-template #pageBody>\n        \n    </ng-template>\n</dignite-page> -->\n\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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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: i9.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SitesComponent, decorators: [{
             type: Component,
@@ -1860,8 +1966,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Sites,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Sites' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sites-page\">\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-outline-primary px-2\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                        <i class=\"fa fa-search\"></i>\n                    </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\" [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\n\n    </div>\n\n\n\n</abp-page>\n\n\n<!-- <dignite-page [title]=\"'Cms::Sites' | abpLocalization\" [back]=\"false\" [class]=\"'sites-page'\">\n    <ng-template #pageHeader>\n        <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" (click.stop)=\"createSitesBtn()\">\n            <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\n        </button>\n    </ng-template>\n    <ng-template #pageBody>\n        \n    </ng-template>\n</dignite-page> -->\n\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 .card-header{height:57px}::ng-deep .sites-page .card-header input{height:34px}::ng-deep .sites-page .container-height{height:calc(100vh - 180px)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
-        }], 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: [{
+                    ], 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\n\n    </div>\n\n\n\n</abp-page>\n\n\n<!-- <dignite-page [title]=\"'Cms::Sites' | abpLocalization\" [back]=\"false\" [class]=\"'sites-page'\">\n    <ng-template #pageHeader>\n        <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" (click.stop)=\"createSitesBtn()\">\n            <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::New' | abpLocalization}}\n        </button>\n    </ng-template>\n    <ng-template #pageBody>\n        \n    </ng-template>\n</dignite-page> -->\n\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: function () { return [{ type: i1.ListService }, { type: SiteAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$2.FormBuilder }, { type: i1.ConfigStateService }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { createModalSubmit: [{
                 type: ViewChild,
                 args: ['createModalSubmit', { static: false }]
             }] } });
@@ -2174,7 +2280,7 @@ class SectionsComponent {
             });
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionsComponent, deps: [{ token: i1.ListService }, { token: SectionAdminService }, { token: SiteAdminService }, { token: i3.ToasterService }, { token: i3.ConfirmationService }, { token: i1$1.FormBuilder }, { token: i1.ConfigStateService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component });
+    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$2.FormBuilder }, { token: i1.ConfigStateService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SectionsComponent, selector: "cms-sections", providers: [
             // [Required]
             ListService,
@@ -2186,7 +2292,7 @@ class SectionsComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Sections,
             },
-        ], viewQueries: [{ propertyName: "createOrEditModalSubmitBtn", first: true, predicate: ["createOrEditModalSubmitBtn"], descendants: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card mb-0\">\n            <div class=\"card-header 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\"  [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    <button class=\"btn btn-outline-primary px-2\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                        <i class=\"fa fa-search\"></i>\n                    </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\"\n                        rowHeight=\"auto\" [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::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>\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <button ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\"\n                                                routerLink=\"/cms/admin/sections/{{row.id}}/entry-types/{{item.id}}/edit\">{{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\n                                            </button>\n                                        </ng-container>\n                                        <button ngbDropdownItem\n                                            routerLink=\"/cms/admin/sections/{{row.id}}/entry-types/create\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' | abpLocalization}}</button>\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' | abpLocalization}}</button>\n                                        <button ngbDropdownItem (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\n    </div>\n\n\n</abp-page>\n\n\n\n\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\" (change)=\"radiochange()\" formControlName=\"type\"\n                                    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\" (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        <!--  [disabled]=\"!this.createOrEditForm.valid\" -->\n        <abp-button iconClass=\"fa fa-check\"   (click)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | 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{height:57px}::ng-deep .sections-page .card-header input,::ng-deep .sections-page .card-header .form-select{height:34px}::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 - 180px)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i9.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: i9.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: i9.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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: i9$1.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i3$1.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\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\"  [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\"\n                        rowHeight=\"auto\" [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::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>\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <button ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\"\n                                                routerLink=\"/cms/admin/sections/{{row.id}}/entry-types/{{item.id}}/edit\">{{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\n                                            </button>\n                                        </ng-container>\n                                        <button ngbDropdownItem\n                                            routerLink=\"/cms/admin/sections/{{row.id}}/entry-types/create\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' | abpLocalization}}</button>\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' | abpLocalization}}</button>\n                                        <button ngbDropdownItem (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\n    </div>\n\n\n</abp-page>\n\n\n\n\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\" (change)=\"radiochange()\" formControlName=\"type\"\n                                    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\" (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        <!--  [disabled]=\"!this.createOrEditForm.valid\" -->\n        <abp-button iconClass=\"fa fa-check\"   (click)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | 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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit", "markAsDirtyWhenSubmit"], outputs: ["ngSubmit"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: 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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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: i9.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionsComponent, decorators: [{
             type: Component,
@@ -2201,8 +2307,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Sections,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card mb-0\">\n            <div class=\"card-header 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\"  [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    <button class=\"btn btn-outline-primary px-2\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                        <i class=\"fa fa-search\"></i>\n                    </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\"\n                        rowHeight=\"auto\" [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::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>\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <button ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\"\n                                                routerLink=\"/cms/admin/sections/{{row.id}}/entry-types/{{item.id}}/edit\">{{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\n                                            </button>\n                                        </ng-container>\n                                        <button ngbDropdownItem\n                                            routerLink=\"/cms/admin/sections/{{row.id}}/entry-types/create\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' | abpLocalization}}</button>\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' | abpLocalization}}</button>\n                                        <button ngbDropdownItem (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\n    </div>\n\n\n</abp-page>\n\n\n\n\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\" (change)=\"radiochange()\" formControlName=\"type\"\n                                    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\" (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        <!--  [disabled]=\"!this.createOrEditForm.valid\" -->\n        <abp-button iconClass=\"fa fa-check\"   (click)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | 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{height:57px}::ng-deep .sections-page .card-header input,::ng-deep .sections-page .card-header .form-select{height:34px}::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 - 180px)}::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: i1.ConfigStateService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { createOrEditModalSubmitBtn: [{
+                    ], template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n\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\"  [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\"\n                        rowHeight=\"auto\" [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::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>\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <button ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\"\n                                                routerLink=\"/cms/admin/sections/{{row.id}}/entry-types/{{item.id}}/edit\">{{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\n                                            </button>\n                                        </ng-container>\n                                        <button ngbDropdownItem\n                                            routerLink=\"/cms/admin/sections/{{row.id}}/entry-types/create\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' | abpLocalization}}</button>\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' | abpLocalization}}</button>\n                                        <button ngbDropdownItem (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\n    </div>\n\n\n</abp-page>\n\n\n\n\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\" (change)=\"radiochange()\" formControlName=\"type\"\n                                    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\" (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        <!--  [disabled]=\"!this.createOrEditForm.valid\" -->\n        <abp-button iconClass=\"fa fa-check\"   (click)=\"createOrEditModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | 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: function () { return [{ type: i1.ListService }, { type: SectionAdminService }, { type: SiteAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$2.FormBuilder }, { type: i1.ConfigStateService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { createOrEditModalSubmitBtn: [{
                 type: ViewChild,
                 args: ['createOrEditModalSubmitBtn', { static: false }]
             }] } });
@@ -2636,13 +2742,13 @@ class CreateOrEditComponent {
             return;
         nameInput.patchValue(pinyin);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditComponent, deps: [{ token: i1$1.FormBuilder }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i4.ActivatedRoute }, { token: FieldGroupAdminService }, { token: FieldAdminService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditComponent, deps: [{ token: i1$2.FormBuilder }, { token: i3.ToasterService }, { token: i3$1.Location }, { token: i4.ActivatedRoute }, { token: FieldGroupAdminService }, { token: FieldAdminService }, { token: EntryTypeAdminService }, { token: i1.LocalizationService }, { token: CmsApiService }], 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>\n                                                                <button ngbDropdownItem type=\"button\"\n                                                                    (click.stop)=\"editFieldTabs(item,i)\">\n                                                                    <i class=\"fas fa-edit\"></i>\n                                                                    {{'AbpUi::Edit' | abpLocalization}}\n                                                                </button>\n                                                                <button 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                                                                </button>\n                                                            </div>\n                                                        </button>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\">\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\">\n                                                                            {{ 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                                                                <p class=\"form-text\" *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\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}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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: "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: "component", type: i9$1.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>\n                                                                <button ngbDropdownItem type=\"button\"\n                                                                    (click.stop)=\"editFieldTabs(item,i)\">\n                                                                    <i class=\"fas fa-edit\"></i>\n                                                                    {{'AbpUi::Edit' | abpLocalization}}\n                                                                </button>\n                                                                <button 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                                                                </button>\n                                                            </div>\n                                                        </button>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\">\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\">\n                                                                            {{ 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                                                                <p class=\"form-text\" *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\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}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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: "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: "component", type: i9.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateOrEditComponent, decorators: [{
             type: Component,
@@ -2652,7 +2758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             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>\n                                                                <button ngbDropdownItem type=\"button\"\n                                                                    (click.stop)=\"editFieldTabs(item,i)\">\n                                                                    <i class=\"fas fa-edit\"></i>\n                                                                    {{'AbpUi::Edit' | abpLocalization}}\n                                                                </button>\n                                                                <button 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                                                                </button>\n                                                            </div>\n                                                        </button>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\">\n                                                                <ul class=\"list-group\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\">\n                                                                            {{ 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                                                                <p class=\"form-text\" *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\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}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i4.ActivatedRoute }, { type: FieldGroupAdminService }, { type: FieldAdminService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { submitclick: [{
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: i3.ToasterService }, { type: i3$1.Location }, { type: i4.ActivatedRoute }, { type: FieldGroupAdminService }, { type: FieldAdminService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }]; }, propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
             }], editFieldTabsModalSubmitBtn: [{
@@ -2840,13 +2946,13 @@ class TableConfigComponent {
             return;
         nameInput.patchValue(pinyin);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableConfigComponent, selector: "cms-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)\">\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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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", "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$2.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableConfigComponent, selector: "cms-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)\">\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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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", "parentFiledName", "fields"] }, { kind: "directive", type: i9$1.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i9$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i9$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i9$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i9$1.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-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)\">\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: function () { return [{ type: i1$1.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }]; }, propDecorators: { Entity: [{
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }]; }, propDecorators: { Entity: [{
                 type: Input
             }], selected: [{
                 type: Input
@@ -2934,13 +3040,13 @@ class TableControlComponent {
             'extraProperties': this.fb.group({})
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableControlComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableControlComponent, selector: "cms-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\">\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=\"flex-end\">\n                                <button class=\"btn btn-light btn-sm\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "parentFiledName", "fields"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableControlComponent, deps: [{ token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableControlComponent, selector: "cms-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\">\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=\"flex-end\">\n                                <button class=\"btn btn-light btn-sm\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "parentFiledName", "fields"] }, { kind: "directive", type: i9$1.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i9$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i9$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i9$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i9$1.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-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\">\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=\"flex-end\">\n                                <button class=\"btn btn-light btn-sm\">\n                                    <i class=\"fas fa-minus\"></i>\n                                </button>\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: function () { return [{ type: i1$1.FormBuilder }]; }, propDecorators: { entity: [{
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }]; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -3067,13 +3173,13 @@ class EntryConfigComponent {
     async siteIdChange() {
         await this.getSiteOfSectionList();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: 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" }, 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: i3$1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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$2.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" }, 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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-entry-config', template: "<div class=\"mb-2\">\n    <label class=\"form-label\">{{'Cms::Sites' | abpLocalization}}</label>\n    <select class=\"form-select col-auto\"  [(ngModel)]=\"siteId\" (change)=\"siteIdChange()\">\n        <ng-container *ngFor=\"let item of siteList\">\n            <option [value]=\"item.id\">{{item.displayName}}</option>\n        </ng-container>\n    </select>\n</div>\n<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        \n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}</label>\n            <select class=\"form-select col-auto\" formControlName=\"Entry.SectionId\">\n                <ng-container *ngFor=\"let item of SiteOfSectionList\">\n                    <option [value]=\"item.id\">{{item.displayName}}</option>\n                </ng-container>\n            </select>\n        </div>\n\n        <div class=\"mb-2\">\n            <div class=\"form-check form-check-inline\">\n                <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"Entry.Multiple\" id=\"Multiple\">\n                <label class=\"form-check-label\" for=\"Multiple\">\n                    {{'Cms::Multiple' | abpLocalization}}\n                </label>\n            </div>\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'Cms::Placeholder' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Entry.Placeholder\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: SiteAdminService }, { type: SectionAdminService }]; }, propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: SiteAdminService }, { type: SectionAdminService }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
                 type: Input
@@ -3168,13 +3274,13 @@ class EntryControlComponent {
     async SelectChange(event) {
         await this.getEntryAssignList(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryControlComponent, deps: [{ token: i1$1.FormBuilder }, { token: EntryAdminService }, { token: i4.Router }, { token: i4.ActivatedRoute }], 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" }, 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>\r\n\r\n\r\n     <!-- <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] ===_TextEditMode.SingleLine\">\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\r\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\r\n            </ng-container>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] === _TextEditMode.MultipleLine\">\r\n                <textarea class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\r\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" rows=\"3\"></textarea>\r\n            </ng-container> -->", 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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i6$1.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$1.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: [{ token: i1$2.FormBuilder }, { token: EntryAdminService }, { token: i4.Router }, { token: i4.ActivatedRoute }], 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" }, 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>\r\n\r\n\r\n     <!-- <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] ===_TextEditMode.SingleLine\">\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\r\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\r\n            </ng-container>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] === _TextEditMode.MultipleLine\">\r\n                <textarea class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\r\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" rows=\"3\"></textarea>\r\n            </ng-container> -->", 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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i6$1.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntryControlComponent, decorators: [{
             type: Component,
             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>\r\n\r\n\r\n     <!-- <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] ===_TextEditMode.SingleLine\">\r\n                <input type=\"text\" class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\r\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" />\r\n            </ng-container>\r\n            <ng-container *ngIf=\"_fields.field.formConfiguration['TextEdit.Mode'] === _TextEditMode.MultipleLine\">\r\n                <textarea class=\"form-control\" formControlName=\"{{_fields.field.name}}\"\r\n                    [placeholder]=\"_fields.field.formConfiguration['TextEdit.Placeholder']\" rows=\"3\"></textarea>\r\n            </ng-container> -->", 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: function () { return [{ type: i1$1.FormBuilder }, { type: EntryAdminService }, { type: i4.Router }, { type: i4.ActivatedRoute }]; }, propDecorators: { entity: [{
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: EntryAdminService }, { type: i4.Router }, { type: i4.ActivatedRoute }]; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -3446,13 +3552,13 @@ class MatrixConfigComponent {
             return;
         FieldnameInput.patchValue(pinyin);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixConfigComponent, deps: [{ token: i1$1.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MatrixConfigComponent, selector: "cms-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 item 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\">\n                                                <ng-container *ngFor=\"let item of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"item.name\">{{item.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"item.value.formControlName&&item\">\n                                            <df-dynamic [type]=\"item.value.formControlName\" [entity]=\"item\"\n                                                [selected]=\"\"></df-dynamic>\n                                        </ng-container>\n\n\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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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", "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$2.FormBuilder }, { token: CmsApiService }, { token: FieldAbstractsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MatrixConfigComponent, selector: "cms-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 item 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\">\n                                                <ng-container *ngFor=\"let item of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"item.name\">{{item.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"item.value.formControlName&&item\">\n                                            <df-dynamic [type]=\"item.value.formControlName\" [entity]=\"item\"\n                                                [selected]=\"\"></df-dynamic>\n                                        </ng-container>\n\n\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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i6.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", "parentFiledName", "fields"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-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 item 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\">\n                                                <ng-container *ngFor=\"let item of _FieldControlGroup;let i =index\">\n                                                    <option [value]=\"item.name\">{{item.displayName}}</option>\n                                                </ng-container>\n                                            </select>\n                                        </div>\n                                        <ng-container *ngIf=\"item.value.formControlName&&item\">\n                                            <df-dynamic [type]=\"item.value.formControlName\" [entity]=\"item\"\n                                                [selected]=\"\"></df-dynamic>\n                                        </ng-container>\n\n\n                                    </div>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n\n            </div>\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>\n\n\n\n<abp-modal [(visible)]=\"matrixModalOpen\" [busy]=\"modalBusy\" (visibleChange)=\"matrixModalVisibleChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{isMatrixEdit?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"matrixModalForm; else loaderRef\">\n            <form class=\"sites-modal-form\" #myForm=\"ngForm\" [formGroup]=\"matrixModalForm\"\n                (ngSubmit)=\"createOrEditSave()\">\n                <button type=\"submit\" #matrixModalModalSubmit style=\"display: none\"></button>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\" for=\"displayName\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                        (blur)=\"displayNameInputBlur($event)\">\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\" for=\"name\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\">\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\"\n            (click)=\"matrixModalModalSubmit.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>" }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }]; }, propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }, { type: CmsApiService }, { type: FieldAbstractsService }]; }, propDecorators: { type: [{
                 type: Input
             }], Entity: [{
                 type: Input
@@ -3542,13 +3648,13 @@ class MatrixControlComponent {
     deleteMatrixControl(index) {
         this.fieldNameControl.removeAt(index);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixControlComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MatrixControlComponent, selector: "cms-matrix-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [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 class=\"fas fa-trash p-2\"></i></button>\n                        </div>\n                        <div class=\"card-body\">\n                            <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                <ng-container *ngIf=\"el.name === item.value.matrixBlockTypeName\">\n                                    <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                        <ng-container *ngIf=\"item&&elf\">\n                                            <df-dynamic [entity]=\"item\" [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                            [selected]=\"\"\n                                            [parentFiledName]=\"'extraProperties'\"></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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.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: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "parentFiledName", "fields"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixControlComponent, deps: [{ token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MatrixControlComponent, selector: "cms-matrix-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [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 class=\"fas fa-trash p-2\"></i></button>\n                        </div>\n                        <div class=\"card-body\">\n                            <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                <ng-container *ngIf=\"el.name === item.value.matrixBlockTypeName\">\n                                    <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                        <ng-container *ngIf=\"item&&elf\">\n                                            <df-dynamic [entity]=\"item\" [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                            [selected]=\"\"\n                                            [parentFiledName]=\"'extraProperties'\"></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: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i6.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i8.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "entity", "parentFiledName", "fields"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MatrixControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cms-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 class=\"fas fa-trash p-2\"></i></button>\n                        </div>\n                        <div class=\"card-body\">\n                            <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                <ng-container *ngIf=\"el.name === item.value.matrixBlockTypeName\">\n                                    <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                        <ng-container *ngIf=\"item&&elf\">\n                                            <df-dynamic [entity]=\"item\" [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                            [selected]=\"\"\n                                            [parentFiledName]=\"'extraProperties'\"></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: function () { return [{ type: i1$1.FormBuilder }]; }, propDecorators: { entity: [{
+        }], ctorParameters: function () { return [{ type: i1$2.FormBuilder }]; }, propDecorators: { entity: [{
                 type: Input
             }], fields: [{
                 type: Input
@@ -3843,6 +3949,13 @@ var styles = `
     padding: 1.25em 2em 1.25em;
 }
 
+h1,h2,h3,h4,h5,h6{
+    color: inherit;
+}
+.lpx-settings .lpx-context-menu {
+    overflow: auto; 
+}
+
 `;
 
 let isAppentStyle = false;
@@ -3870,6 +3983,7 @@ const routes = [
                     {
                         path: '',
                         component: EntriesComponent,
+                        data: { keep: true }
                     },
                     {
                         path: 'create',
@@ -3890,6 +4004,7 @@ const routes = [
                             {
                                 path: '',
                                 component: FieldsComponent,
+                                data: { keep: true }
                             },
                             {
                                 path: 'create',
@@ -3904,12 +4019,14 @@ const routes = [
                     {
                         path: 'sites',
                         component: SitesComponent,
+                        data: { keep: true }
                     },
                     {
                         path: 'sections',
                         children: [
                             {
                                 path: '',
+                                data: { keep: true },
                                 component: SectionsComponent,
                             },
                             {
@@ -3945,6 +4062,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class SimpleReuseStrategy {
+    handlers = {};
+    //表示对路由允许复用
+    shouldDetach(route) {
+        //默认对所有路由复用 可通过给路由配置项增加data: { keep: true }来进行选择性使用，代码如下
+        //如果是懒加载路由需要在生命组件的位置进行配置
+        if (!route.data.keep) {
+            return false;
+        }
+        return true;
+    }
+    //当路由离开时会触发。按path作为key存储路由快照&组件当前实例对象
+    store(route, handle) {
+        const key = route.component.name;
+        if (key) {
+            this.handlers[key] = handle;
+        }
+    }
+    //若path在缓存中有的都认为允许还原路由
+    shouldAttach(route) {
+        if (route.component?.name) {
+            return !!this.handlers[route.component?.name];
+        }
+        return false;
+    }
+    // 从缓存中获取快照，若无则返回null
+    retrieve(route) {
+        if (!route.routeConfig)
+            return null;
+        //在loadChildren路径上通过修改自定义RouteReuseStrategy中的检索函数时从不检索分离的路由。
+        if (route.routeConfig.loadChildren)
+            return null;
+        if (route.component?.name) {
+            return this.handlers[route.component?.name];
+        }
+        return null;
+    }
+    //进入路由触发，判断是否同一路由
+    shouldReuseRoute(future, current) {
+        // console.log('进入路由触发，判断是否同一路由');
+        return future.routeConfig === current.routeConfig;
+    }
+}
+
 class CmsModule {
     static forChild(options = {}) {
         return {
@@ -3983,13 +4144,15 @@ class CmsModule {
             CmsRoutingModule,
             NgbDropdownModule,
             FormsModule,
+            ReactiveFormsModule,
             NgxValidateCoreModule,
             NgbNavModule,
             NgbAccordionModule,
             DragDropModule,
             PageModule,
             CommercialUiConfigModule,
-            NzSelectModule, i8.DynamicFormModule], exports: [TableConfigComponent,
+            NzSelectModule, i8.DynamicFormModule, NzTableModule,
+            ScrollingModule], exports: [TableConfigComponent,
             TableControlComponent,
             MatrixConfigComponent,
             MatrixControlComponent,
@@ -3997,11 +4160,13 @@ class CmsModule {
             EntryControlComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, providers: [
             { provide: NgbDateAdapter, useClass: DateAdapter },
+            { provide: RouteReuseStrategy, useClass: SimpleReuseStrategy }
         ], imports: [CoreModule,
             ThemeSharedModule,
             CmsRoutingModule,
             NgbDropdownModule,
             FormsModule,
+            ReactiveFormsModule,
             NgxValidateCoreModule,
             NgbNavModule,
             NgbAccordionModule,
@@ -4011,7 +4176,9 @@ class CmsModule {
             NzSelectModule,
             DynamicFormModule.forRoot({
                 cmsFieldControlGroup: FieldControlGroup
-            })] });
+            }),
+            NzTableModule,
+            ScrollingModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CmsModule, decorators: [{
             type: NgModule,
@@ -4042,6 +4209,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CmsRoutingModule,
                         NgbDropdownModule,
                         FormsModule,
+                        ReactiveFormsModule,
                         NgxValidateCoreModule,
                         NgbNavModule,
                         NgbAccordionModule,
@@ -4052,6 +4220,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         DynamicFormModule.forRoot({
                             cmsFieldControlGroup: FieldControlGroup
                         }),
+                        NzTableModule,
+                        ScrollingModule
                     ],
                     exports: [
                         TableConfigComponent,
@@ -4063,6 +4233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     providers: [
                         { provide: NgbDateAdapter, useClass: DateAdapter },
+                        { provide: RouteReuseStrategy, useClass: SimpleReuseStrategy }
                     ],
                 }]
         }] });