@dignite-ng/expand.cms 3.0.0-rc.39 → 3.0.0-rc.41

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

@@ -1,18 +1,18 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, Component, ChangeDetectorRef, ViewChild, Input, EventEmitter, Output, RendererFactory2, InjectionToken, Injector, NgModule } from '@angular/core';
+import { Injectable, inject, Component, ChangeDetectorRef, EventEmitter, ViewChild, Input, Output, RendererFactory2, InjectionToken, Injector, NgModule } from '@angular/core';
 import * as i1 from '@abp/ng.core';
 import { mapEnumToOptions, ListService, ConfigStateService, LIST_QUERY_DEBOUNCE_TIME, LocalizationService, AuthGuard, PermissionGuard, LazyModuleFactory, CoreModule } from '@abp/ng.core';
 import * as i3 from '@abp/ng.theme.shared';
 import { ToasterService, ThemeSharedModule } from '@abp/ng.theme.shared';
 import * as i4 from '@angular/router';
 import { Router, ActivatedRoute, RouterModule } from '@angular/router';
-import * as i7$1 from '@abp/ng.components/extensible';
+import * as i8 from '@abp/ng.components/extensible';
 import { EXTENSIONS_IDENTIFIER, ToolbarAction, EntityProp, EntityAction, ExtensionsService, getObjectExtensionEntitiesFromStore, mapEntitiesToContributors, mergeWithDefaultActions, mergeWithDefaultProps, ExtensibleModule } from '@abp/ng.components/extensible';
 import * as i1$2 from '@angular/forms';
 import { FormBuilder, Validators, FormGroup, FormControl, FormArray, FormsModule } from '@angular/forms';
 import * as i11 from '@swimlane/ngx-datatable';
 import { ColumnMode, NgxDatatableModule } from '@swimlane/ngx-datatable';
-import { finalize, map, tap } from 'rxjs';
+import { finalize, of, map, tap } from 'rxjs';
 import { UpdateListService, ValidatorsService } from '@dignite-ng/expand.core';
 import * as i7 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
@@ -434,6 +434,8 @@ class EntriesComponent {
     ngOnInit() {
         this.getPageDate();
         this._UpdateListService.updateListEvent.subscribe(() => {
+            this.data.items = [];
+            this.data.totalCount = 0;
             this.list.get();
         });
     }
@@ -521,7 +523,6 @@ class EntriesComponent {
         const _entryTypeList = SectionInfo?.entryTypes || [];
         // let _entryTypeList = this.SiteOfSectionList.find(el => el.id == sectionId)?.entryTypes || [];
         this.entryTypeList = _entryTypeList;
-        console.log(this.entryTypeList, 'entryTypeList');
         //选择板块的类型SectionType
         this.SiteOfSectionType = this.SiteOfSectionList.find(el => el.id == sectionId)?.type;
         if (this.SiteOfSectionType == SectionType.Structure) {
@@ -658,11 +659,17 @@ class EntriesComponent {
             maxResultCount: this.maxResultCount,
         });
         const setData = (list) => {
+            this.data.items = [];
+            this.data.totalCount = 0;
             if (this.SiteOfSectionType == SectionType.Structure) {
                 list.items = list.items.sort((a, b) => {
                     return a.order - b.order;
                 });
             }
+            for (const element of list.items) {
+                const sectionItem = this.SiteOfSectionList.find(el => el.id == element.sectionId);
+                element.sectionType = sectionItem.type;
+            }
             this.data = list;
             this.scrollToTop();
         };
@@ -725,7 +732,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 \">\r\n    </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                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i>{{item.displayName}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </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                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\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 \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\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                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\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                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        <!-- -->\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Title' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr *ngFor=\"let item of data.items\" cdkDrag>\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages' |\r\n                                                abpLocalization}}</button>\r\n                                                <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n                                                \r\n                                            <button ngbDropdownItem (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{item.title}}</td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                <td>{{item.slug}}</td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.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: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i11.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: i11.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: i11.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i14.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "component", type: i15.DynamicViewComponent, selector: "df-dynamic-view", inputs: ["showInList", "fields", "type", "value"] }, { kind: "component", type: i15.DynamicSearchComponent, selector: "df-dynamic-search", inputs: ["culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }] }); }
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </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                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i>{{item.displayName}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </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                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\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 \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\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                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\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::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\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                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            *ngIf=\"row.culture===defaultCultureName\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        <!-- -->\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Title' | abpLocalization}}</th>\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n\r\n                             \r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr *ngFor=\"let item of data.items\" cdkDrag>\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                *ngIf=\"item.culture===defaultCultureName\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\r\n                                            <button ngbDropdownItem (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{item.title}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                abpLocalization }}\r\n                                </td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                <td>{{item.slug}}</td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.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: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i11.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: i11.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: i11.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i14.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "component", type: i15.DynamicViewComponent, selector: "df-dynamic-view", inputs: ["showInList", "fields", "type", "value"] }, { kind: "component", type: i15.DynamicSearchComponent, selector: "df-dynamic-search", inputs: ["culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntriesComponent, decorators: [{
             type: Component,
@@ -738,7 +745,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Entries,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </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                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i>{{item.displayName}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </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                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\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 \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\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                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\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                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        <!-- -->\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Title' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr *ngFor=\"let item of data.items\" cdkDrag>\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages' |\r\n                                                abpLocalization}}</button>\r\n                                                <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n                                                \r\n                                            <button ngbDropdownItem (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{item.title}}</td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                <td>{{item.slug}}</td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}\n"] }]
+                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </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                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i>{{item.displayName}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </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                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\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 \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\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                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\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::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\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                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            *ngIf=\"row.culture===defaultCultureName\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        <!-- -->\r\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Title' | abpLocalization}}</th>\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n\r\n                             \r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr *ngFor=\"let item of data.items\" cdkDrag>\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                *ngIf=\"item.culture===defaultCultureName\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\r\n                                            <button ngbDropdownItem (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{item.title}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                abpLocalization }}\r\n                                </td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                <td>{{item.slug}}</td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}\n"] }]
         }], ctorParameters: () => [{ type: EntryAdminService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.ConfigStateService }, { type: i4.Router }, { type: i1.LocalizationService }, { type: FormAdminService }, { type: FieldAdminService }, { type: i0.ChangeDetectorRef }, { type: FormControlsService }] });
 
 class CreateOrUpdateEntryInputBase {
@@ -776,8 +783,11 @@ class FieldAbstractsService {
     }
     /**获取字段分组列表 */
     getfieldGroupList() {
-        this._FieldGroupAdminService.getList({}).subscribe((res) => {
-            this.fieldGroupList = res.items;
+        return new Promise((resolve, reject) => {
+            this._FieldGroupAdminService.getList({}).subscribe((res) => {
+                this.fieldGroupList = res.items;
+                resolve(res.items);
+            });
         });
     }
     /**获取表单控件类型 */
@@ -789,6 +799,7 @@ class FieldAbstractsService {
             });
         });
     }
+    /**获取排除指定控件类型的表单控件类型 */
     getExcludeAssignControl(typeName) {
         // return this.fromControlList.filter(el => el.name !== typeName)
         return this.fromControlList;
@@ -799,7 +810,7 @@ class FieldAbstractsService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldAbstractsService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: FieldGroupAdminService }, { type: FormAdminService }] });
 
@@ -925,7 +936,7 @@ class CreateOrEditEntriesComponent {
         this.router = inject(Router);
         this._CmsApiService = inject(CmsApiService);
         this.cdRef = inject(ChangeDetectorRef);
-        this.config = inject(ConfigStateService);
+        this._RegionalizationService = inject(RegionalizationService);
         /**语言列表 */
         this.languagesList = [];
         /**条目列表-选择上级条目 */
@@ -940,17 +951,25 @@ class CreateOrEditEntriesComponent {
         this.entryVersionId = '';
         /**版本列表 */
         this.AllVersionsList = [];
+        //tab切换下标
+        this.tabActive = 0;
         this.isEdit = false;
         //是否正在创建版本
         this.isCreateVersion = false;
         this.sectionId = '';
         this.entryTypeId = '';
+        /**向父级反馈信息 */
+        this.feedbackChildInfo = new EventEmitter();
         /**是否加载完成 */
         this.isLoad = false;
         /**是否创建其他语言本 */
         this.isOther = 0;
         /**系统默认语言 */
         this.DefaultLanguage = '';
+        /**站点设置语言 */
+        this.SiteSettingsAdminLanguages = [];
+        /**站点设置的默认语言 */
+        this.defaultCultureName = '';
     }
     set select(v) {
         this.entryVersionId = v.id;
@@ -972,13 +991,29 @@ class CreateOrEditEntriesComponent {
     get initialVersionIdInput() {
         return this.formEntity?.get('initialVersionId');
     }
+    /**
+     * 获取站点设置语言
+     */
+    getSiteSettingsLanguages() {
+        return new Promise((resolve, rejects) => {
+            this._RegionalizationService.get().subscribe(res => {
+                this.SiteSettingsAdminLanguages = res.availableCultureNames;
+                this.defaultCultureName = res.defaultCultureName;
+                resolve(res);
+            });
+        });
+    }
     /**加载数据 */
     async loadData() {
+        await this.getSiteSettingsLanguages();
         //获取语言列表
-        const languages = this.configState.getDeep('localization.languages');
+        const languagesSystem = this.configState.getDeep('localization.languages');
         //获取系统默认语言 */
-        this.DefaultLanguage = this.config.getSetting('Abp.Regionalization.DefaultCultureName');
-        this.languagesList = languages;
+        this.DefaultLanguage = this.defaultCultureName;
+        // this.DefaultLanguage = this.configState.getSetting('Abp.Regionalization.DefaultCultureName');
+        //选中languagesSystem中的cultureName在 languagesSystem中存在的数组项
+        this.languagesList = languagesSystem.filter(el => this.SiteSettingsAdminLanguages.includes(el.cultureName));
+        this.cdRef.detectChanges();
         if (this.sectionId) {
             await this.getSectionInfo();
             await this.getEntryList();
@@ -1011,6 +1046,9 @@ class CreateOrEditEntriesComponent {
             });
         }
         this.cdRef.detectChanges();
+        this.feedbackChildInfo.emit({
+            showEntryType: this.showEntryType,
+        });
         this.isLoad = true;
         if (this.isOther == 1) {
             this.initialVersionIdInput.patchValue('');
@@ -1077,7 +1115,6 @@ class CreateOrEditEntriesComponent {
         return new Promise((resolve, reject) => {
             this._SectionAdminService.get(this.sectionId).subscribe(res => {
                 this.showEntryType = res.entryTypes.find(el => el.id == this.entryTypeId);
-                console.log(this.showEntryType, 'showEntryType');
                 this.sectionInfo = res;
                 resolve(res);
             });
@@ -1173,11 +1210,11 @@ class CreateOrEditEntriesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditEntriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: { isEdit: "isEdit", isCreateVersion: "isCreateVersion", sectionId: "sectionId", entryTypeId: "entryTypeId", select: "select", entity: "entity", isOther: "isOther" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div>\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                            <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                <ng-container *ngIf=\"el&&formEntity\">\r\n                                    <df-dynamic [fields]=\"el\"\r\n                                        [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                        [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                        [entity]=\"formEntity\"></df-dynamic>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\r\n                        <div class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\" >{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.title}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.title}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: { isEdit: "isEdit", isCreateVersion: "isCreateVersion", sectionId: "sectionId", entryTypeId: "entryTypeId", select: "select", entity: "entity", isOther: "isOther" }, outputs: { feedbackChildInfo: "feedbackChildInfo" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row create-or-edit-entries-page\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div>\r\n\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"tabActive\" [destroyOnHide]=\"false\" class=\"nav-tabs mb-0\">\r\n                            <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                                <li [ngbNavItem]=\"i\" [destroyOnHide]=\"false\">\r\n                                    <button ngbNavLink *ngIf=\"showEntryType?.fieldTabs.length>1\">{{item.name}}</button>\r\n                                    <ng-template ngbNavContent>\r\n                                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                            <ng-container *ngIf=\"el&&formEntity\">\r\n                                                <df-dynamic [fields]=\"el\"\r\n                                                    [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                                    [entity]=\"formEntity\"></df-dynamic>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n\r\n                        <div [ngbNavOutlet]=\"nav\" class=\"\"></div>\r\n                    </ng-container>\r\n\r\n\r\n\r\n\r\n\r\n\r\n                    <!-- <ng-container *ngIf=\"isLoad\">\r\n                        <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                            <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                <ng-container *ngIf=\"el&&formEntity\">\r\n                                    <df-dynamic [fields]=\"el\"\r\n                                        [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                        [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                        [entity]=\"formEntity\"></df-dynamic>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container> -->\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\r\n                        <div class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.title}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.title}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd\r\n                                        HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</div>", styles: ["::ng-deep .create-or-edit-entries-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "directive", type: i11$1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i11$1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i11$1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i11$1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i11$1.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i11$1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i11$1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditEntriesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cms-create-or-edit-entries', template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div>\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                            <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                <ng-container *ngIf=\"el&&formEntity\">\r\n                                    <df-dynamic [fields]=\"el\"\r\n                                        [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                        [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                        [entity]=\"formEntity\"></df-dynamic>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\r\n                        <div class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\" >{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.title}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.title}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</div>" }]
+            args: [{ selector: 'cms-create-or-edit-entries', template: "<div [formGroup]=\"formEntity\">\r\n    <div class=\"row create-or-edit-entries-page\">\r\n        <div class=\"col-md-8\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Title' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"title\"\r\n                            (blur)=\"setTitleToSlugBlur($event)\">\r\n                    </div>\r\n\r\n                    <ng-container *ngIf=\"isLoad\">\r\n                        <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"tabActive\" [destroyOnHide]=\"false\" class=\"nav-tabs mb-0\">\r\n                            <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                                <li [ngbNavItem]=\"i\" [destroyOnHide]=\"false\">\r\n                                    <button ngbNavLink *ngIf=\"showEntryType?.fieldTabs.length>1\">{{item.name}}</button>\r\n                                    <ng-template ngbNavContent>\r\n                                        <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                            <ng-container *ngIf=\"el&&formEntity\">\r\n                                                <df-dynamic [fields]=\"el\"\r\n                                                    [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                                    [entity]=\"formEntity\"></df-dynamic>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n\r\n                        <div [ngbNavOutlet]=\"nav\" class=\"\"></div>\r\n                    </ng-container>\r\n\r\n\r\n\r\n\r\n\r\n\r\n                    <!-- <ng-container *ngIf=\"isLoad\">\r\n                        <ng-container *ngFor=\"let item of showEntryType?.fieldTabs;let i =index\">\r\n                            <ng-container *ngFor=\"let el of item.fields;let i1 =index\">\r\n                                <ng-container *ngIf=\"el&&formEntity\">\r\n                                    <df-dynamic [fields]=\"el\"\r\n                                        [selected]=\"entryInfo ? entryInfo.extraProperties[el.field.name] : ''\"\r\n                                        [parentFiledName]=\"'extraProperties'\" [culture]=\"cultureInput.value\"\r\n                                        [entity]=\"formEntity\"></df-dynamic>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </ng-container> -->\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-md-4\">\r\n            <div class=\"card\">\r\n                <div class=\"card-body\">\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::Slug' | abpLocalization}}</div>\r\n                        <input type=\"text\" class=\"form-control\" formControlName=\"slug\">\r\n                        <div class=\"text-danger\" *ngIf=\"slugInput.dirty\">\r\n                            {{slugInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}</div>\r\n                        <select class=\"form-select form-select-multiple\" formControlName=\"culture\">\r\n                            <ng-container *ngFor=\"let item of languagesList;let i =index\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                        <div class=\"text-danger\" *ngIf=\"cultureInput.dirty\">\r\n                            {{cultureInput?.errors?.repetition}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <div class=\"form-label\">{{'Cms::EntryType' | abpLocalization}}</div>\r\n                        <input type=\"text\" disabled [value]=\"showEntryType?.displayName||''\" class=\"form-select\" />\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"sectionInfo.type===1\">\r\n                        <label class=\"form-label\" for=\"parentId\">{{'Cms::ParentEntry' | abpLocalization}}</label>\r\n                        <select class=\"form-select \" formControlName=\"parentId\">\r\n                            <option value=\"\"></option>\r\n                            <ng-container *ngFor=\"let item of entryList;let i =index\">\r\n                                <option [value]=\"item.id\">{{item.title}}</option>\r\n                                <ng-container *ngFor=\"let el of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                        $implicit: {\r\n                                        value: el,\r\n                                        }\r\n                                    }\"></ng-container>\r\n                                    <ng-template #childTemplate let-data>\r\n                                        <option [value]=\"data.value.id\">\r\n                                            <ng-container *ngFor=\"let item of data.value.layer\">--</ng-container>\r\n                                            {{data.value.title}}\r\n                                        </option>\r\n                                        <ng-container *ngFor=\"let el of data.value.children\">\r\n                                            <ng-container *ngTemplateOutlet=\"childTemplate; context: {\r\n                                                $implicit: {\r\n                                                value: el,\r\n                                                }\r\n                                            }\"></ng-container>\r\n                                        </ng-container>\r\n                                    </ng-template>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3\">\r\n                        <label class=\"form-label\" for=\"publishTime\">{{'Cms::PublishTime' | abpLocalization}}</label>\r\n                        <input type=\"datetime-local\" class=\"form-control\" step=\"1\" formControlName=\"publishTime\">\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"isEdit\">\r\n                        <label class=\"form-label\" for=\"Version\">{{'Cms::Version' | abpLocalization}}</label>\r\n                        <ul class=\"list-group\">\r\n                            <ng-container *ngFor=\"let item of AllVersionsList\">\r\n                                <li\r\n                                    class=\"list-group-item flex-between d-flex align-items-center justify-content-between\">\r\n                                    <div>\r\n                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd\r\n                                        HH:mm:s'):('Cms::InitialVersion' | abpLocalization)}}\r\n                                        <span class=\"badge text-bg-success ms-1\"\r\n                                            *ngIf=\"item.isActivatedVersion\">{{'Cms::IsActive' | abpLocalization}}</span>\r\n                                        <span class=\"badge text-bg-primary ms-1\"\r\n                                            *ngIf=\"item.id === entryVersionId\">{{'Cms::Editing' |\r\n                                            abpLocalization}}</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div ngbDropdown class=\"d-inline-block\">\r\n                                            <button type=\"button\" class=\"btn btn-link-primary p-2 \"\r\n                                                style=\"line-height: 0;\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                                            </button>\r\n                                            <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                                <button ngbDropdownItem type=\"button\" *ngIf=\"!item.isActivatedVersion\"\r\n                                                    (click)=\"ActivatedVersion(item.id)\">\r\n                                                    <i class=\"fas fa-check me-1\"></i>{{'Cms::IsActive' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    routerLink=\"/cms/admin/entries/create\"\r\n                                                    [queryParams]=\"{entryVersionId:item.id}\">\r\n                                                    <i class=\"fas fa-plus me-1\"></i>{{'Cms::NewVersion' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\" (click.stop)=\"toEditUrl(item.id)\"\r\n                                                    *ngIf=\"item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-edit me-1\"></i>{{'AbpUi::Edit' | abpLocalization}}\r\n                                                </button>\r\n                                                <button ngbDropdownItem type=\"button\"\r\n                                                    (click.stop)=\"delectVersion(item.id)\"\r\n                                                    *ngIf=\"item.initialVersionId&&!item.isActivatedVersion&&item.id !== entryVersionId\">\r\n                                                    <i class=\"fas fa-trash me-1\"></i>{{'AbpUi::Delete' |\r\n                                                    abpLocalization}}\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"mb-3\" *ngIf=\"entryInfo\">\r\n                        <label class=\"form-label\" for=\"versionNotes\">{{'Cms::RevisionNotes' | abpLocalization}}</label>\r\n                        <textarea class=\"form-control\" formControlName=\"versionNotes\" rows=\"3\"></textarea>\r\n                    </div>\r\n\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n</div>", styles: ["::ng-deep .create-or-edit-entries-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"] }]
         }], propDecorators: { isEdit: [{
                 type: Input
             }], isCreateVersion: [{
@@ -1188,6 +1225,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 type: Input
             }], select: [{
                 type: Input
+            }], feedbackChildInfo: [{
+                type: Output
             }], entity: [{
                 type: Input
             }], isOther: [{
@@ -1226,6 +1265,8 @@ class CreateComponent {
         this.entryInfo = '';
         /**是否创建其他语言版本 */
         this.isOther = 0;
+        /**显示条目类型信息 */
+        this.showEntryTypeInfo = '';
         this.isSubmit = false;
     }
     /**是否草稿控件*/
@@ -1244,9 +1285,9 @@ class CreateComponent {
         this.entryVersionId = queryParams.entryVersionId;
         this.isOther = queryParams.isOther;
         this.formEntity = this.fb.group(new CreateOrUpdateEntryInputBase());
+        this.cultureInput.patchValue(this.cultureName);
         if (this.entryVersionId)
             await this.getEntryInfo();
-        this.cultureInput.patchValue(this.cultureName);
     }
     /**获取条目信息 */
     getEntryInfo() {
@@ -1260,14 +1301,53 @@ class CreateComponent {
             });
         });
     }
+    /**反馈子级页面信息 */
+    _feedbackChildInfo(event) {
+        this.showEntryTypeInfo = event?.showEntryType || '';
+    }
+    /**当返回结果为true时表示未通过验证 */
+    isCheckFormCms(input, module) {
+        for (const key in input) {
+            if (input[key] === false) {
+                let info = `"${this._LocalizationService.instant(`${module}::${key}`)}" `;
+                //检查key中是否含有ExtraProperties.
+                if (key.includes('ExtraProperties.')) {
+                    const arr = key.split('.');
+                    const keyName = arr[1];
+                    //将keyName的首字母转为小写
+                    const keyNameLower = keyName.charAt(0).toLowerCase() + keyName.slice(1);
+                    if (this.showEntryTypeInfo && this.showEntryTypeInfo.fieldTabs.length > 0) {
+                        for (const item of this.showEntryTypeInfo.fieldTabs) {
+                            for (const el of item.fields) {
+                                if (el.field.name == keyNameLower) {
+                                    // info = `"${this._LocalizationService.instant(`${module}::${item.name}下的${el.field.displayName}字段`)}"`;
+                                    info = `${this._LocalizationService.instant(`${module}::The{1}FieldUnderThe{0}TAB`, item.name, el.field.displayName)}`;
+                                }
+                            }
+                        }
+                    }
+                }
+                info = info + this._LocalizationService.instant(`AbpValidation::ThisFieldIsNotValid.`);
+                //使用abp多语言提示
+                this.toaster.warn(info);
+                return true;
+            }
+        }
+        return false;
+    }
     /**提交 */
     save() {
+        const input = this.formEntity?.value;
         this.formValidation = this._ValidatorsService.getFormValidationStatus(this.formEntity);
-        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms')) {
+        if (this.isCheckFormCms(this.formValidation, 'Cms')) {
             this.isSubmit = false;
             return this.cultureInput.disable();
         }
-        const input = this.formEntity?.value;
+        // if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms')) {
+        //   //   this.isSubmit = false;
+        //   //   return this.cultureInput.disable();
+        // }
+        // return;
         // input.culture = this.cultureName;
         input.publishTime = new Date(new Date(input.publishTime).getTime() + 8 * 60 * 60 * 1000).toISOString();
         if (!this.formEntity.valid)
@@ -1285,9 +1365,8 @@ class CreateComponent {
     }
     /**点击提交 */
     clickSubmit(type) {
-        if (this.isSubmit)
-            return;
-        this.isSubmit = true;
+        // if (this.isSubmit) return;
+        // this.isSubmit = true;
         this.draftInput.patchValue(type);
         this.cultureInput.enable();
         this.submitclick?.nativeElement?.click();
@@ -1302,7 +1381,7 @@ class CreateComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries_Create,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\r\n    <form class=\"row g-3 needs-validation\" [formGroup]=\"formEntity\" [class]=\"{'was-validated':formValidation}\"\r\n        (submit)=\"save()\">\r\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        <ng-container *ngIf=\"formEntity&&sectionId\">\r\n            <ng-container *ngIf=\"entryVersionId; else elseTemplate\">\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"false\"\r\n                    [select]=\"entryInfo\" [isCreateVersion]=\"true\" [isOther]=\"isOther\" [entity]=\"formEntity\"></cms-create-or-edit-entries>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\"\r\n                    [entity]=\"formEntity\"></cms-create-or-edit-entries>\r\n            </ng-template>\r\n        </ng-container>\r\n    </form>\r\n</abp-page>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "isCreateVersion", "sectionId", "entryTypeId", "select", "entity", "isOther"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\r\n    <form class=\"row g-3 needs-validation\" [formGroup]=\"formEntity\" [class]=\"{'was-validated':formValidation}\"\r\n        (submit)=\"save()\">\r\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        <ng-container *ngIf=\"formEntity&&sectionId\">\r\n            <ng-container *ngIf=\"entryVersionId; else elseTemplate\">\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"false\"\r\n                    [select]=\"entryInfo\" [isCreateVersion]=\"true\" [isOther]=\"isOther\"  (feedbackChildInfo)=\"_feedbackChildInfo($event)\" [entity]=\"formEntity\"></cms-create-or-edit-entries>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" (feedbackChildInfo)=\"_feedbackChildInfo($event)\"\r\n                    [isEdit]=\"false\" [select]=\"entryInfo\" [isOther]=\"isOther\"\r\n                    [entity]=\"formEntity\" ></cms-create-or-edit-entries>\r\n            </ng-template>\r\n        </ng-container>\r\n    </form>\r\n</abp-page>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "isCreateVersion", "sectionId", "entryTypeId", "select", "entity", "isOther"], outputs: ["feedbackChildInfo"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateComponent, decorators: [{
             type: Component,
@@ -1311,7 +1390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Entries_Create,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\r\n    <form class=\"row g-3 needs-validation\" [formGroup]=\"formEntity\" [class]=\"{'was-validated':formValidation}\"\r\n        (submit)=\"save()\">\r\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        <ng-container *ngIf=\"formEntity&&sectionId\">\r\n            <ng-container *ngIf=\"entryVersionId; else elseTemplate\">\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"false\"\r\n                    [select]=\"entryInfo\" [isCreateVersion]=\"true\" [isOther]=\"isOther\" [entity]=\"formEntity\"></cms-create-or-edit-entries>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\"\r\n                    [entity]=\"formEntity\"></cms-create-or-edit-entries>\r\n            </ng-template>\r\n        </ng-container>\r\n    </form>\r\n</abp-page>" }]
+                    ], template: "<abp-page [title]=\"'Cms::New'| abpLocalization\" [toolbar]=\"true\">\r\n    <form class=\"row g-3 needs-validation\" [formGroup]=\"formEntity\" [class]=\"{'was-validated':formValidation}\"\r\n        (submit)=\"save()\">\r\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\r\n        <ng-container *ngIf=\"formEntity&&sectionId\">\r\n            <ng-container *ngIf=\"entryVersionId; else elseTemplate\">\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"false\"\r\n                    [select]=\"entryInfo\" [isCreateVersion]=\"true\" [isOther]=\"isOther\"  (feedbackChildInfo)=\"_feedbackChildInfo($event)\" [entity]=\"formEntity\"></cms-create-or-edit-entries>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <cms-create-or-edit-entries [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" (feedbackChildInfo)=\"_feedbackChildInfo($event)\"\r\n                    [isEdit]=\"false\" [select]=\"entryInfo\" [isOther]=\"isOther\"\r\n                    [entity]=\"formEntity\" ></cms-create-or-edit-entries>\r\n            </ng-template>\r\n        </ng-container>\r\n    </form>\r\n</abp-page>" }]
         }], propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
@@ -1348,6 +1427,8 @@ class EditComponent {
         this.entrieId = '';
         /**条目信息 */
         this.entryInfo = '';
+        /**显示条目类型信息 */
+        this.showEntryTypeInfo = '';
         this.isSubmit = false;
         this.draftValue = '';
     }
@@ -1378,6 +1459,99 @@ class EditComponent {
             });
         });
     }
+    /**反馈子级页面信息 */
+    _feedbackChildInfo(event) {
+        this.showEntryTypeInfo = event?.showEntryType || '';
+    }
+    // /**当返回结果为true时表示未通过验证 */
+    isCheckFormCms(input, module) {
+        for (const key in input) {
+            if (input[key] === false) {
+                let info = ``;
+                //检查key中是否含有ExtraProperties.
+                if (key.includes('extraProperties.')) {
+                    const arr = key.split('.');
+                    const keyName = arr[1];
+                    // if (keyName.includes('[')) {
+                    //   //使用正则提取keyName中[]中的数字下标,并且转化为数字类型，并且去掉keyName中的[*]
+                    //   const keyNameArr = keyName.match(/\d+/g);
+                    //   const keyNameArrNum = keyNameArr.map(item => Number(item));
+                    //   const keyNameArrNumStr = keyNameArrNum.join('.');
+                    // } else {
+                    //将keyName的首字母转为小写
+                    const keyNameLower = keyName;
+                    // const keyNameLower = keyName.charAt(0).toLowerCase() + keyName.slice(1);
+                    if (this.showEntryTypeInfo && this.showEntryTypeInfo.fieldTabs.length > 0) {
+                        for (const item of this.showEntryTypeInfo.fieldTabs) {
+                            for (const el of item.fields) {
+                                if (el.field.name == keyNameLower) {
+                                    // info = `"${this._LocalizationService.instant(`${module}::${item.name}下的${el.field.displayName}字段`)}"`;
+                                    info = `${this._LocalizationService.instant(`${module}::The{1}FieldUnderThe{0}TAB`, item.name, el.field.displayName)}`;
+                                }
+                            }
+                        }
+                    }
+                    // }
+                }
+                else {
+                    const displayName = key.charAt(0).toUpperCase() + key.slice(1);
+                    info = `"${this._LocalizationService.instant(`${module}::${displayName}`)}" `;
+                }
+                info = info + this._LocalizationService.instant(`AbpValidation::ThisFieldIsNotValid.`);
+                //使用abp多语言提示
+                this.toaster.warn(info);
+                return true;
+            }
+        }
+        return false;
+    }
+    // /**获取表单所有字段是否通过验证 */
+    // getFormValidationStatus(formEntity: FormGroup | FormArray): { [key: string]: any } {
+    //   const validationStatus: { [key: string]: any } = {};
+    //   // 递归遍历表单组和表单控件集合
+    //   const traverseForm = (form: FormGroup | FormArray, prefix = '') => {
+    //     if (form instanceof FormGroup) {
+    //       Object.keys(form.controls).forEach(key => {
+    //         const control = form.controls[key];
+    //         // const displayName = key.charAt(0).toUpperCase() + key.slice(1);
+    //         const displayName = key;
+    //         const fullKey = prefix ? `${prefix}.${displayName}` : displayName;
+    //         if (control instanceof FormControl) {
+    //           validationStatus[fullKey] = control.valid;
+    //         } else if (control instanceof FormArray) {
+    //           traverseForm(control, fullKey);
+    //         } else if (control instanceof FormGroup) {
+    //           traverseForm(control, fullKey);
+    //         }
+    //       });
+    //     } else if (form instanceof FormArray) {
+    //       form.controls.forEach((control, index) => {
+    //         const fullKey = prefix ? `${prefix}[${index}]` : `[${index}]`;
+    //         if (control instanceof FormControl) {
+    //           validationStatus[fullKey] = control.valid;
+    //         } else if (control instanceof FormArray) {
+    //           traverseForm(control, fullKey);
+    //         } else if (control instanceof FormGroup) {
+    //           traverseForm(control, fullKey);
+    //         }
+    //       });
+    //     }
+    //   };
+    //   traverseForm(formEntity);
+    //   return validationStatus;
+    // }
+    /**获取表单验证状态 */
+    // getFormValidationStatus(formEntity: FormGroup | FormArray): { [key: string]: any } {
+    //   const validationStatus: { [key: string]: any } = {};
+    //   const traverseForm = (form: FormGroup | FormArray, prefix = '') => {
+    //     //检查form是否为FormGroup还是formArray,如果是FormGroup则继续遍历,如果是FormArray则遍历FormArray
+    //     if (form instanceof FormGroup) {
+    //     } else if (form instanceof FormArray) {
+    //     } 
+    //   }
+    //   traverseForm(formEntity);
+    //   return validationStatus
+    // }
     /**提交 */
     save() {
         this.cultureInput.enable();
@@ -1387,10 +1561,17 @@ class EditComponent {
         input.publishTime = new Date(new Date(input.publishTime).getTime() + 8 * 60 * 60 * 1000).toISOString();
         input.concurrencyStamp = this.entryInfo.concurrencyStamp;
         this.formValidation = this._ValidatorsService.getFormValidationStatus(this.formEntity);
-        if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms')) {
+        // if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms')){
+        //   this.isSubmit = false;
+        //   return this.cultureInput.disable();
+        // }
+        // this.formValidation = this.getFormValidationStatus(this.formEntity);
+        if (this.isCheckFormCms(this.formValidation, 'Cms')) {
             this.isSubmit = false;
             return this.cultureInput.disable();
         }
+        // this.formValidation = this.getFormValidationStatus(this.formEntity);
+        // return this.isSubmit=false;
         if (!this.formEntity.valid)
             return;
         this._EntryAdminService
@@ -1423,7 +1604,7 @@ class EditComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries_Edit,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::Edit'| abpLocalization\" [toolbar]=\"true\">\n    <form class=\"row g-3 needs-validation\"\n        [class]=\"{'was-validated':formValidation}\"  [formGroup]=\"formEntity\"  (submit)=\"save()\" >\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"formEntity&&entryInfo\">\n                <cms-create-or-edit-entries  [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"true\" [select]=\"entryInfo\"  [entity]=\"formEntity\"></cms-create-or-edit-entries>\n        </ng-container>\n        \n    </form>\n</abp-page>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "isCreateVersion", "sectionId", "entryTypeId", "select", "entity", "isOther"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<abp-page [title]=\"'Cms::Edit'| abpLocalization\" [toolbar]=\"true\">\n    <form class=\"row g-3 needs-validation\"\n        [class]=\"{'was-validated':formValidation}\"  [formGroup]=\"formEntity\"  (submit)=\"save()\" >\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"formEntity&&entryInfo\">\n                <cms-create-or-edit-entries  [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"true\" [select]=\"entryInfo\"  (feedbackChildInfo)=\"_feedbackChildInfo($event)\"  [entity]=\"formEntity\"></cms-create-or-edit-entries>\n        </ng-container>\n        \n    </form>\n</abp-page>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditEntriesComponent, selector: "cms-create-or-edit-entries", inputs: ["isEdit", "isCreateVersion", "sectionId", "entryTypeId", "select", "entity", "isOther"], outputs: ["feedbackChildInfo"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EditComponent, decorators: [{
             type: Component,
@@ -1432,7 +1613,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Entries_Edit,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Edit'| abpLocalization\" [toolbar]=\"true\">\n    <form class=\"row g-3 needs-validation\"\n        [class]=\"{'was-validated':formValidation}\"  [formGroup]=\"formEntity\"  (submit)=\"save()\" >\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"formEntity&&entryInfo\">\n                <cms-create-or-edit-entries  [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"true\" [select]=\"entryInfo\"  [entity]=\"formEntity\"></cms-create-or-edit-entries>\n        </ng-container>\n        \n    </form>\n</abp-page>\n" }]
+                    ], template: "<abp-page [title]=\"'Cms::Edit'| abpLocalization\" [toolbar]=\"true\">\n    <form class=\"row g-3 needs-validation\"\n        [class]=\"{'was-validated':formValidation}\"  [formGroup]=\"formEntity\"  (submit)=\"save()\" >\n        <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n        <ng-container *ngIf=\"formEntity&&entryInfo\">\n                <cms-create-or-edit-entries  [sectionId]=\"sectionId\" [entryTypeId]=\"entryTypeId\" [isEdit]=\"true\" [select]=\"entryInfo\"  (feedbackChildInfo)=\"_feedbackChildInfo($event)\"  [entity]=\"formEntity\"></cms-create-or-edit-entries>\n        </ng-container>\n        \n    </form>\n</abp-page>\n" }]
         }], propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
@@ -1576,6 +1757,7 @@ class FieldsComponent {
         this._LocalizationService = _LocalizationService;
         this.router = router;
         this._UpdateListService = inject(UpdateListService);
+        this._FieldAbstractsService = inject(FieldAbstractsService);
         /**表格单元格布局类型 */
         this.ColumnMode = ColumnMode;
         /**表格数据 */
@@ -1585,8 +1767,12 @@ class FieldsComponent {
         };
         /**过滤器 */
         this.filters = {};
+        /**是否初始化完成 */
+        this.isInit = true;
     }
-    ngOnInit() {
+    async ngOnInit() {
+        await this._FieldAbstractsService.getFromControlList();
+        this.isInit = true;
         this.hookToQuery();
         this._UpdateListService.updateListEvent.subscribe(() => {
             this.list.get();
@@ -1620,15 +1806,21 @@ class FieldsComponent {
     /**新建字段按钮 */
     toFieldsCreateBtn() {
         this.router.navigate(['/cms/admin/fields/create'], {
-            queryParams: {}
+            queryParams: {
+                groupId: this.filters.groupId,
+            },
         });
     }
     /**删除字段 */
     deletefield(row) {
-        this.confirmation.warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`)).subscribe((status) => {
+        this.confirmation
+            .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
+            .subscribe((status) => {
             if (status == 'confirm') {
-                this._FieldAdminService.delete(row.id).pipe(finalize(() => {
-                })).subscribe(res => {
+                this._FieldAdminService
+                    .delete(row.id)
+                    .pipe(finalize(() => { }))
+                    .subscribe(res => {
                     this.toaster.success(this._LocalizationService.instant(`AbpUi::DeletedSuccessfully`));
                     this.list.get();
                 });
@@ -1647,7 +1839,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-md-3 mb-2\">\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-md-9 mb-2\">\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                    <abp-extensible-table [data]=\"data?.items\" [recordsTotal]=\"data?.totalCount\" [list]=\"list\"></abp-extensible-table>\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: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i7$1.ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate"], outputs: ["tableActivate"], exportAs: ["abpExtensibleTable"] }, { kind: "component", type: FieldGroupComponent, selector: "cms-field-group", outputs: ["OnGroupClickBack"] }, { 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-md-3 mb-2\">\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-md-9 mb-2\">\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                    <ng-container *ngIf=\"isInit\">\n                        <abp-extensible-table [data]=\"data?.items\" [recordsTotal]=\"data?.totalCount\" [list]=\"list\"></abp-extensible-table>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</abp-page>", styles: ["::ng-deep .fields-page .dignite_page{background:transparent}::ng-deep .fields-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .fields-page .container-height{height:calc(100vh - 200px)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i8.ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate"], outputs: ["tableActivate"], exportAs: ["abpExtensibleTable"] }, { kind: "component", type: FieldGroupComponent, selector: "cms-field-group", outputs: ["OnGroupClickBack"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: FieldsComponent, decorators: [{
             type: Component,
@@ -1662,11 +1854,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             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-md-3 mb-2\">\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-md-9 mb-2\">\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                    <abp-extensible-table [data]=\"data?.items\" [recordsTotal]=\"data?.totalCount\" [list]=\"list\"></abp-extensible-table>\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"] }]
+                    ], template: "<abp-page [title]=\"'Cms::Fields' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"fields-page\">\n        <div class=\"row \">\n            <div class=\"col-md-3 mb-2\">\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-md-9 mb-2\">\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                    <ng-container *ngIf=\"isInit\">\n                        <abp-extensible-table [data]=\"data?.items\" [recordsTotal]=\"data?.totalCount\" [list]=\"list\"></abp-extensible-table>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </div>\n\n</abp-page>", styles: ["::ng-deep .fields-page .dignite_page{background:transparent}::ng-deep .fields-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .fields-page .container-height{height:calc(100vh - 200px)}\n"] }]
         }], ctorParameters: () => [{ type: i1.ListService }, { type: FieldAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.LocalizationService }, { type: i4.Router }] });
 
 class CreateOrUpdateFieldInputBase {
-    constructor(data) {
+    constructor() {
         /**分组id */
         this.groupId = ['', []];
         /**字段名称 Display name of this field */
@@ -1679,13 +1871,6 @@ class CreateOrUpdateFieldInputBase {
         this.formControlName = [undefined, [Validators.required]];
         /**动态表单配置 */
         this.formConfiguration = new FormGroup({});
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
     }
 }
 
@@ -1799,6 +1984,7 @@ class CreateFieldComponent {
         this._location = _location;
         this._LocalizationService = _LocalizationService;
         this._CmsApiService = _CmsApiService;
+        this.route = inject(ActivatedRoute);
         this._UpdateListService = inject(UpdateListService);
         this.isSubmit = false;
         this._ValidatorsService = inject(ValidatorsService);
@@ -1809,10 +1995,17 @@ class CreateFieldComponent {
          */
         this.formValidation = '';
     }
+    get groupIdInput() {
+        return this.newEntity?.get('groupId');
+    }
     ngOnInit() {
         //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
         //Add 'implements OnInit' to the class.
+        const { groupId } = this.route.snapshot.queryParams;
         this.newEntity = this.fb.group(new CreateOrUpdateFieldInputBase());
+        if (groupId) {
+            this.groupIdInput.patchValue(groupId);
+        }
     }
     /**触发提交按钮 */
     submitclickBtn() {
@@ -2278,7 +2471,7 @@ class SectionsComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Sections,
             },
-        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card \" >\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"row align-items-end\">\n                    <div class=\"mb-3 col-md-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"\"></option>\n                            <option [value]=\"true\">{{'AbpUi::Yes'|abpLocalization}}</option>\n                            <option [value]=\"false\">{{'AbpUi::No'|abpLocalization}}</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-3 col-md-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-3 col-md-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsDefault' | abpLocalization\" prop=\"isDefault\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"SiteId\" [width]=\"100\"  [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-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\" [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'\"\n                                                >{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/create'\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"   [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<cms-create-or-edit-sections-modal  (visibleChange)=\"visibleChange($event)\" [formEntity]=\"formEntity\" [visible]=\"isVisibleOpen\"></cms-create-or-edit-sections-modal>\n", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.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.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", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i11.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: i11.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: i11.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditSectionsModalComponent, selector: "cms-create-or-edit-sections-modal", inputs: ["visible", "formEntity"], outputs: ["visibleChange"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card \" >\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"row align-items-end\">\n                    <div class=\"mb-3 col-md-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"''\" >--</option>\n                            <option [value]=\"true\">{{'AbpUi::Yes'|abpLocalization}}</option>\n                            <option [value]=\"false\">{{'AbpUi::No'|abpLocalization}}</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-3 col-md-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-3 col-md-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsDefault' | abpLocalization\" prop=\"isDefault\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"SiteId\" [width]=\"100\"  [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-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\" [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'\"\n                                                >{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/create'\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | shortDateTime }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"   [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<cms-create-or-edit-sections-modal  (visibleChange)=\"visibleChange($event)\" [formEntity]=\"formEntity\" [visible]=\"isVisibleOpen\"></cms-create-or-edit-sections-modal>\n", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.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.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", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i11.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: i11.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: i11.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: CreateOrEditSectionsModalComponent, selector: "cms-create-or-edit-sections-modal", inputs: ["visible", "formEntity"], outputs: ["visibleChange"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SectionsComponent, decorators: [{
             type: Component,
@@ -2293,7 +2486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Sections,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card \" >\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"row align-items-end\">\n                    <div class=\"mb-3 col-md-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"\"></option>\n                            <option [value]=\"true\">{{'AbpUi::Yes'|abpLocalization}}</option>\n                            <option [value]=\"false\">{{'AbpUi::No'|abpLocalization}}</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-3 col-md-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-3 col-md-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsDefault' | abpLocalization\" prop=\"isDefault\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"SiteId\" [width]=\"100\"  [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-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\" [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'\"\n                                                >{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/create'\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"   [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<cms-create-or-edit-sections-modal  (visibleChange)=\"visibleChange($event)\" [formEntity]=\"formEntity\" [visible]=\"isVisibleOpen\"></cms-create-or-edit-sections-modal>\n", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
+                    ], template: "<abp-page [title]=\"'Cms::Sections' | abpLocalization\" [toolbar]=\"true\">\n    <div class=\"sections-page\">\n        <div class=\"card \" >\n            <div class=\"card-body px-2 py-sm-2 border-bottom\">\n                <div class=\"row align-items-end\">\n                    <div class=\"mb-3 col-md-3\">\n                        <label class=\"form-label\">{{'Cms::IsActive' | abpLocalization}}\uFF1A</label>\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.isActive\" (change)=\"siteIdChange()\">\n                            <option [value]=\"''\" >--</option>\n                            <option [value]=\"true\">{{'AbpUi::Yes'|abpLocalization}}</option>\n                            <option [value]=\"false\">{{'AbpUi::No'|abpLocalization}}</option>\n                        </select>\n                    </div>\n                    <div class=\"mb-3 col-md-3\">\n                        <label class=\"form-label\">{{'AbpUi::Search' | abpLocalization}}\uFF1A</label>\n                        <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\n                        [placeholder]=\"'AbpUi::Search' | abpLocalization\" />\n                    </div>\n                    <div class=\"mb-3 col-md-4\">\n                        <button class=\"btn btn-primary px-3\" type=\"button\" id=\"button-addon2\" (click)=\"list.get()\">\n                            <i class=\"fa fa-search\"></i>\n                        </button>\n                    </div>\n                </div> \n            </div>\n        </div>\n        <div class=\"card mb-0\">\n            <div class=\"card-body p-0\">\n                <div class=\"table-responsive table-fixed-header\">\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\"\n                        [columnMode]=\"ColumnMode.force\" [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\"\n                        [virtualization]=\"false\" [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\n                        <ngx-datatable-column [name]=\"'Cms::DisplayName' | abpLocalization\" prop=\"displayName\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::Name' | abpLocalization\" prop=\"name\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"type\" [width]=\"80\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsDefault' | abpLocalization\" prop=\"isDefault\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::IsActive' | abpLocalization\" prop=\"isActive\" [width]=\"60\"  [sortable]=\"false\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <i class=\"fas fa-check text-success\" *ngIf=\"value\"></i>\n                                <i class=\"fas fa-times text-danger\" *ngIf=\"!value\"></i>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"SiteId\" [width]=\"100\"  [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-link\" ngbDropdownToggle id=\"dropdownBasic1\">\n                                        {{'Cms::EntryType' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\n                                        <ng-container *ngFor=\"let item of row.entryTypes;let i =index\">\n                                            <li ngbDropdownItem\n                                                class=\"d-flex align-items-center justify-content-between\" [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'\"\n                                                >{{item.displayName}}\n                                                <button class=\"btn btn-light btn-sm p-0\"\n                                                    (click.stop)=\"deleteEntryType(item)\"><i class=\"fas fa-trash p-sm-1\"\n                                                        style=\"font-size: 12px;\" role=\"button\"></i></button>\n                                            </li>\n                                        </ng-container>\n                                        <li ngbDropdownItem [routerLink]=\"'/cms/admin/sections/'+row.id+'/entry-types/create'\"><i\n                                                class=\"fas fa-plus-circle me-2\"></i>{{'Cms::New' |\n                                            abpLocalization}}</li>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [name]=\"'Cms::CreationTime' | abpLocalization\" prop=\"creationTime\" [minWidth]=\"190\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                {{ value | shortDateTime }}\n                            </ng-template>\n                        </ngx-datatable-column>\n                        <ngx-datatable-column [sortable]=\"false\"  [name]=\"'AbpUi::Actions' | abpLocalization\"   [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\n                                <div ngbDropdown container=\"body\">\n                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\n                                    </button>\n                                    <div ngbDropdownMenu>\n                                        <button ngbDropdownItem (click)=\"editSectionBtn(row)\">{{'AbpUi::Edit' |\n                                            abpLocalization}}</button>\n                                        <button ngbDropdownItem (click)=\"deletefield(row)\">{{'AbpUi::Delete' |\n                                            abpLocalization}}</button>\n                                    </div>\n                                </div>\n                            </ng-template>\n                        </ngx-datatable-column>\n                    </ngx-datatable>\n                </div>\n            </div>\n        </div>\n    </div>\n</abp-page>\n<cms-create-or-edit-sections-modal  (visibleChange)=\"visibleChange($event)\" [formEntity]=\"formEntity\" [visible]=\"isVisibleOpen\"></cms-create-or-edit-sections-modal>\n", styles: ["::ng-deep .sections-page .dignite_page{background:transparent}::ng-deep .sections-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sections-page .card-header input{flex:2 1 auto}::ng-deep .sections-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.ListService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1$2.FormBuilder }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }] });
 
 class CreateOrEditEntryTypeInputBase {
@@ -2343,8 +2536,6 @@ class CreateOrEditComponent {
         this._FormControlsService = _FormControlsService;
         this.fb = inject(FormBuilder);
         this._UpdateListService = inject(UpdateListService);
-        /**表单实体 */
-        this.newEntity = this.fb.group(new CreateOrEditEntryTypeInputBase());
         /**版块id */
         this.sectionId = '';
         /**条目类型id */
@@ -2392,19 +2583,63 @@ class CreateOrEditComponent {
     }
     async ngOnInit() {
         const sectionId = this.route.snapshot.params.sectionsId;
+        //条目类型id
         this.entryTypesId = this.route.snapshot.params.entryTypesId || '';
+        //板块id
+        this.sectionId = sectionId;
+        this.newEntity = this.fb.group(new CreateOrEditEntryTypeInputBase());
+        //
         // this.enableSearchTypeList=await this._FormControlsService.getEnableSearchTypeList();
         // this.disableshowinTypeList= this._FormControlsService.getdisableshowinTypeList();
-        if (sectionId) {
-            this.sectionId = sectionId;
-            this.addControlToFieldTabs();
-            this.getFieldGroup();
+        // if (sectionId) {
+        //   this.sectionId = sectionId;
+        //   this.addControlToFieldTabs();
+        //   this.getFieldGroup();
+        // }
+        //获取条目类型详情
+        if (this.entryTypesId) {
+            await this.getEntryTypes();
         }
+        //获取字段分组
+        await this.getFieldGroup();
+        //处理数据
+        this.processData();
+    }
+    /**处理数据 */
+    processData() {
+        return new Promise((resolve, rejects) => {
+            const fieldList = this.deepClone(this.fieldList);
+            const res = this.entryTypesSelect;
+            if (!res) {
+                this.addControlToFieldTabs();
+            }
+            else {
+                res.fieldTabs.forEach(el => {
+                    this.addControlToFieldTabs();
+                    el.fields.forEach((eld) => {
+                        eld.id = eld.fieldId;
+                        eld.groupId = fieldList.find(elfd => elfd.id == eld.fieldId).groupId;
+                        this.formRightGroup.push(eld);
+                        const fieldindex = fieldList.findIndex(elfl => elfl.id == eld.fieldId);
+                        fieldList.splice(fieldindex, 1);
+                    });
+                });
+                this.fieldGroupList.forEach((el, index) => {
+                    el.fields = fieldList.filter(els => els.groupId === el.id);
+                });
+                this.newEntity?.patchValue(res);
+                this.navActive = 0;
+                this.resultSource = res.fieldTabs;
+            }
+            resolve(true);
+        });
     }
     /**给fieldTabs添加新控件 */
     addControlToFieldTabs(nameValue = '') {
         const newFormGroup = this.fb.group(new fieldTabsBase());
-        newFormGroup.get('name')?.patchValue(this.fieldTabs.length === 0
+        newFormGroup
+            .get('name')
+            ?.patchValue(this.fieldTabs.length === 0
             ? this._LocalizationService.instant(`Cms::FieldTab`)
             : nameValue);
         this.fieldTabs.push(newFormGroup);
@@ -2413,45 +2648,54 @@ class CreateOrEditComponent {
     }
     /**获取字段分组 */
     getFieldGroup() {
-        this._FieldGroupAdminService.getList({}).subscribe(async (res) => {
-            const fieldList = await this.getFieldList();
-            const fieldGroupList = res.items;
-            fieldGroupList.unshift({
-                id: null,
-                name: 'UngroupedFields',
-            });
-            fieldGroupList.forEach((el, index) => {
-                el.fields = fieldList.filter(els => els.groupId === el.id);
+        return new Promise((resolve, rejects) => {
+            this._FieldGroupAdminService.getList({}).subscribe(async (res) => {
+                const fieldList = await this.getFieldList();
+                const fieldGroupList = res.items;
+                fieldGroupList.unshift({
+                    id: null,
+                    name: 'UngroupedFields',
+                });
+                fieldGroupList.forEach((el, index) => {
+                    el.fields = fieldList.filter(els => els.groupId === el.id);
+                });
+                this.fieldGroupList = fieldGroupList;
+                this.fieldList = this.deepClone(fieldList);
+                // const entryTypesId = this.entryTypesId;
+                // if (entryTypesId) {
+                //   this.entryTypesId = entryTypesId;
+                //   this.getEntryTypes();
+                // }
+                resolve(res);
             });
-            this.fieldGroupList = fieldGroupList;
-            this.fieldList = this.deepClone(fieldList);
-            const entryTypesId = this.entryTypesId;
-            if (entryTypesId) {
-                this.entryTypesId = entryTypesId;
-                this.getEntryTypes();
-            }
         });
     }
     /**获取条目类型详情 */
     getEntryTypes() {
-        const fieldList = this.deepClone(this.fieldList);
-        this._EntryTypeAdminService.get(this.entryTypesId).subscribe(res => {
-            res.fieldTabs.forEach(el => {
-                el.fields.forEach((eld) => {
-                    eld.id = eld.fieldId;
-                    eld.groupId = fieldList.find(elfd => elfd.id == eld.fieldId).groupId;
-                    this.formRightGroup.push(eld);
-                    const fieldindex = fieldList.findIndex(elfl => elfl.id == eld.fieldId);
-                    fieldList.splice(fieldindex, 1);
-                });
-            });
-            this.fieldGroupList.forEach((el, index) => {
-                el.fields = fieldList.filter(els => els.groupId === el.id);
+        return new Promise((resolve, rejects) => {
+            this._EntryTypeAdminService.get(this.entryTypesId).subscribe(res => {
+                this.entryTypesSelect = res;
+                resolve(res);
             });
-            this.newEntity?.patchValue(res);
-            this.entryTypesSelect = res;
-            this.resultSource = res.fieldTabs;
         });
+        // // const fieldList: any = this.deepClone(this.fieldList);
+        // this._EntryTypeAdminService.get(this.entryTypesId).subscribe(res => {
+        //   // res.fieldTabs.forEach(el => {
+        //   //   el.fields.forEach((eld: any) => {
+        //   //     eld.id = eld.fieldId;
+        //   //     eld.groupId = fieldList.find(elfd => elfd.id == eld.fieldId).groupId;
+        //   //     this.formRightGroup.push(eld);
+        //   //     const fieldindex = fieldList.findIndex(elfl => elfl.id == eld.fieldId);
+        //   //     fieldList.splice(fieldindex, 1);
+        //   //   });
+        //   // });
+        //   // this.fieldGroupList.forEach((el: any, index) => {
+        //   //   el.fields = fieldList.filter(els => els.groupId === el.id);
+        //   // });
+        //   // this.newEntity?.patchValue(res);
+        //   this.entryTypesSelect = res;
+        //   // this.resultSource = res.fieldTabs;
+        // });
     }
     /**
      * 深拷贝--方法
@@ -2517,7 +2761,9 @@ class CreateOrEditComponent {
     /**拖拽到数据源时触发 */
     dragToDataSourceDropped() {
         //从数据源拖拽到数据源-排序
-        if (this.fromDataSourceDragEl) { /* empty */ }
+        if (this.fromDataSourceDragEl) {
+            /* empty */
+        }
         const _fromResultSourceDragEl = this.fromResultSourceDragEl;
         const formRightGroup = this.deepClone(this.formRightGroup);
         const fieldList = this.deepClone(this.fieldList);
@@ -2595,11 +2841,14 @@ class CreateOrEditComponent {
         const input = this.newEntity?.value;
         this.formValidation = this._ValidatorsService.getFormValidationStatus(this.newEntity);
         if (this._ValidatorsService.isCheckForm(this.formValidation, 'Cms'))
-            return this.isSubmit = false;
+            return (this.isSubmit = false);
         if (this.entryTypesSelect) {
-            this._EntryTypeAdminService.update(this.entryTypesSelect.id, input).pipe(finalize(() => {
+            this._EntryTypeAdminService
+                .update(this.entryTypesSelect.id, input)
+                .pipe(finalize(() => {
                 this.isSubmit = false;
-            })).subscribe(res => {
+            }))
+                .subscribe(res => {
                 this.toaster.success(this._LocalizationService.instant(`Cms::SavedSuccessfully`));
                 this._location.back();
                 this._UpdateListService.updateList();
@@ -2607,9 +2856,12 @@ class CreateOrEditComponent {
             return;
         }
         input.sectionId = this.sectionId;
-        this._EntryTypeAdminService.create(input).pipe(finalize(() => {
+        this._EntryTypeAdminService
+            .create(input)
+            .pipe(finalize(() => {
             this.isSubmit = false;
-        })).subscribe(res => {
+        }))
+            .subscribe(res => {
             this.toaster.success(this._LocalizationService.instant(`Cms::SavedSuccessfully`));
             this._location.back();
             this._UpdateListService.updateList();
@@ -2625,6 +2877,7 @@ class CreateOrEditComponent {
     }
     /**新建增加FieldTabs */
     addFieldTabs() {
+        this.editFieldTabsSelect = '';
         this.editFieldTabsFrom = this.fb.group(new fieldTabsBase());
         this.visibleTabsOpen = true;
     }
@@ -2653,12 +2906,19 @@ class CreateOrEditComponent {
             this.addControlToFieldTabs(this.editFieldTabsFrom.value.name);
         }
         this.visibleTabsOpen = false;
+        this.VisibleTabsChange(false);
         this.setfieldTabsFrom();
     }
     /**删除某个tabs表单 */
     deleteFieldTabs(index) {
         this.fieldTabs.removeAt(index);
         this.resultSource.splice(index, 1);
+        if (this.navActive === index) {
+            this.navActive = 0;
+        }
+        if (this.navActive > index) {
+            this.navActive = this.navActive - 1;
+        }
     }
     /**编辑字段模态框状态状态改变回调 */
     VisibleEditFieldChange(event) {
@@ -2707,7 +2967,7 @@ class CreateOrEditComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.SectionsCreateOrEdit,
             },
-        ], viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }, { propertyName: "editFieldTabsModalSubmitBtn", first: true, predicate: ["editFieldTabsModalSubmitBtn"], descendants: true }, { propertyName: "editFieldModalSubmitBtn", first: true, predicate: ["editFieldModalSubmitBtn"], descendants: true }], ngImport: i0, template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" \n    [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                                <span ngbDropdownItem type=\"button\"\n                                                                    (click.stop)=\"editFieldTabs(item,i)\">\n                                                                    <i class=\"fas fa-edit\"></i>\n                                                                    {{'AbpUi::Edit' | abpLocalization}}\n                                                                </span>\n                                                                <span ngbDropdownItem *ngIf=\"resultSource.length !== 1\"\n                                                                    type=\"button\" (click.stop)=\"deleteFieldTabs(i)\">\n                                                                    <i class=\"fas fa-trash\"></i>\n                                                                    {{'AbpUi::Delete' | abpLocalization}}\n                                                                </span>\n                                                            </div>\n                                                        </button>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\"\n                                                                style=\"height: 100%;\">\n                                                                <p class=\"form-text text-muted\"\n                                                                    *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\n                                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                                            style=\"position: unset;\">\n                                                                            {{ el.displayName }}\n                                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                                type=\"button\"><i\n                                                                                    class=\"fas fa-wrench p-sm-1\"\n                                                                                    role=\"button\"></i></button>\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n\n                                                            </div>\n                                                        </ng-template>\n                                                    </li>\n                                                </ng-container>\n                                                <li class=\"nav-item\" role=\"presentation\">\n                                                    <button type=\"button\" class=\"nav-link\"\n                                                        (click.stop)=\"addFieldTabs()\">\n                                                        <i class=\"fas fa-plus-circle\"></i>\n                                                        {{'Cms::NewTab' | abpLocalization}}\n                                                    </button>\n                                                </li>\n                                            </ul>\n                                            <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                        </div>\n                                        <div class=\"col-sm-4\">\n                                            <div ngbAccordion #accordion=\"ngbAccordion\"\n                                                ondragover=\"event.preventDefault();\" (drop)=\"dragToDataSourceDropped()\"\n                                                style=\"min-height: 80px;\">\n                                                <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                    <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                        <h2 ngbAccordionHeader>\n                                                            <button ngbAccordionButton>{{\n                                                                ('Cms::'+item.name) | abpLocalization }}</button>\n                                                        </h2>\n                                                        <div ngbAccordionCollapse>\n                                                            <div ngbAccordionBody>\n                                                                <ng-template>\n                                                                    <ul class=\"list-group\">\n                                                                        <ng-container\n                                                                            *ngFor=\"let el of item.fields; let ii = index\">\n                                                                            <li draggable=\"true\"\n                                                                                (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                                class=\"list-group-item\">\n                                                                                {{ el.displayName }}\n                                                                            </li>\n                                                                        </ng-container>\n                                                                    </ul>\n                                                                </ng-template>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </ng-container>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        <!-- </div> -->\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" \n                [class]=\"{'was-validated':formValidation}\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save'\n            | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" \n                (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                @if(isShowInList){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showInList\"\n                            id=\"showInList\" />\n                        <label class=\"form-check-label\" for=\"showInList\"> {{'Cms::ShowInList' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n                @if(isEnableSearch){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"enableSearch\"\n                            id=\"enableSearch\" />\n                        <label class=\"form-check-label\" for=\"enableSearch\"> {{'Cms::EnableSearch' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i11$1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i11$1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i11$1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i11$1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i11$1.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i11$1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i11$1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i11$1.NgbAccordionButton, selector: "button[ngbAccordionButton]" }, { kind: "directive", type: i11$1.NgbAccordionDirective, selector: "[ngbAccordion]", inputs: ["animation", "closeOthers", "destroyOnHide"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordion"] }, { kind: "directive", type: i11$1.NgbAccordionItem, selector: "[ngbAccordionItem]", inputs: ["ngbAccordionItem", "destroyOnHide", "disabled", "collapsed"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordionItem"] }, { kind: "directive", type: i11$1.NgbAccordionHeader, selector: "[ngbAccordionHeader]" }, { kind: "directive", type: i11$1.NgbAccordionBody, selector: "[ngbAccordionBody]" }, { kind: "directive", type: i11$1.NgbAccordionCollapse, selector: "[ngbAccordionCollapse]", exportAs: ["ngbAccordionCollapse"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
+        ], 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\" [class]=\"{'was-validated':formValidation}\"\n    (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8 border rounded\">\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\" ngbDropdown class=\"nav-item\" role=\"presentation\"> \n                                                        <button type=\"button\" ngbNavLink class=\"nav-link\">\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                        </button>\n                                                        <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                            <span ngbDropdownItem type=\"button\"\n                                                                (click.stop)=\"editFieldTabs(item,i)\">\n                                                                <i class=\"fas fa-edit\"></i>\n                                                                {{'AbpUi::Edit' | abpLocalization}}\n                                                            </span>\n                                                            <span ngbDropdownItem *ngIf=\"resultSource.length !== 1\"\n                                                                type=\"button\" (click.stop)=\"deleteFieldTabs(i)\">\n                                                                <i class=\"fas fa-trash\"></i>\n                                                                {{'AbpUi::Delete' | abpLocalization}}\n                                                            </span>\n                                                        </div>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\"\n                                                                style=\"height: 100%;\">\n                                                                <p class=\"form-text text-muted\"\n                                                                    *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\n                                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                                            style=\"position: unset;\">\n                                                                            {{ el.displayName }}\n                                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                                type=\"button\"><i\n                                                                                    class=\"fas fa-wrench p-sm-1\"\n                                                                                    role=\"button\"></i></button>\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n\n                                                            </div>\n                                                        </ng-template>\n                                                    </li>\n                                                </ng-container>\n                                                <li class=\"nav-item\" role=\"presentation\">\n                                                    <button type=\"button\" class=\"nav-link\"\n                                                        (click.stop)=\"addFieldTabs()\">\n                                                        <i class=\"fas fa-plus-circle\"></i>\n                                                        {{'Cms::NewTab' | abpLocalization}}\n                                                    </button>\n                                                </li>\n                                            </ul>\n                                            <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                        </div>\n                                        <div class=\"col-sm-4\">\n                                            <div ngbAccordion #accordion=\"ngbAccordion\"\n                                                ondragover=\"event.preventDefault();\" (drop)=\"dragToDataSourceDropped()\"\n                                                style=\"min-height: 80px;\">\n                                                <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                    <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                        <h2 ngbAccordionHeader>\n                                                            <button ngbAccordionButton>{{\n                                                                ('Cms::'+item.name) | abpLocalization }}</button>\n                                                        </h2>\n                                                        <div ngbAccordionCollapse>\n                                                            <div ngbAccordionBody>\n                                                                <ng-template>\n                                                                    <ul class=\"list-group\">\n                                                                        <ng-container\n                                                                            *ngFor=\"let el of item.fields; let ii = index\">\n                                                                            <li draggable=\"true\"\n                                                                                (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                                class=\"list-group-item\">\n                                                                                {{ el.displayName }}\n                                                                            </li>\n                                                                        </ng-container>\n                                                                    </ul>\n                                                                </ng-template>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </ng-container>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        <!-- </div> -->\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" [class]=\"{'was-validated':formValidation}\"\n                (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save'\n            | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                @if(isShowInList){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showInList\"\n                            id=\"showInList\" />\n                        <label class=\"form-check-label\" for=\"showInList\"> {{'Cms::ShowInList' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n                @if(isEnableSearch){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"enableSearch\"\n                            id=\"enableSearch\" />\n                        <label class=\"form-check-label\" for=\"enableSearch\"> {{'Cms::EnableSearch' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}::ng-deep .create-or-edit-entry-type-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "directive", type: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i5.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i3.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: i3.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: i3.ModalCloseDirective, selector: "[abpClose]" }, { kind: "directive", type: i11$1.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i11$1.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i11$1.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i11$1.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i11$1.NgbNavLinkButton, selector: "button[ngbNavLink]" }, { kind: "directive", type: i11$1.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i11$1.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i11$1.NgbAccordionButton, selector: "button[ngbAccordionButton]" }, { kind: "directive", type: i11$1.NgbAccordionDirective, selector: "[ngbAccordion]", inputs: ["animation", "closeOthers", "destroyOnHide"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordion"] }, { kind: "directive", type: i11$1.NgbAccordionItem, selector: "[ngbAccordionItem]", inputs: ["ngbAccordionItem", "destroyOnHide", "disabled", "collapsed"], outputs: ["show", "shown", "hide", "hidden"], exportAs: ["ngbAccordionItem"] }, { kind: "directive", type: i11$1.NgbAccordionHeader, selector: "[ngbAccordionHeader]" }, { kind: "directive", type: i11$1.NgbAccordionBody, selector: "[ngbAccordionBody]" }, { kind: "directive", type: i11$1.NgbAccordionCollapse, selector: "[ngbAccordionCollapse]", exportAs: ["ngbAccordionCollapse"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CreateOrEditComponent, decorators: [{
             type: Component,
@@ -2716,7 +2976,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.SectionsCreateOrEdit,
                         },
-                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" \n    [class]=\"{'was-validated':formValidation}\" (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8\">\n                                            <ul ngbNav #nav=\"ngbNav\" [(activeId)]=\"navActive\" class=\"nav nav-tabs\">\n                                                <ng-container *ngFor=\"let item of resultSource; let i = index\">\n                                                    <li [ngbNavItem]=\"i\">\n                                                        <button type=\"button\" ngbDropdown ngbNavLink>\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                            <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                                <span ngbDropdownItem type=\"button\"\n                                                                    (click.stop)=\"editFieldTabs(item,i)\">\n                                                                    <i class=\"fas fa-edit\"></i>\n                                                                    {{'AbpUi::Edit' | abpLocalization}}\n                                                                </span>\n                                                                <span ngbDropdownItem *ngIf=\"resultSource.length !== 1\"\n                                                                    type=\"button\" (click.stop)=\"deleteFieldTabs(i)\">\n                                                                    <i class=\"fas fa-trash\"></i>\n                                                                    {{'AbpUi::Delete' | abpLocalization}}\n                                                                </span>\n                                                            </div>\n                                                        </button>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\"\n                                                                style=\"height: 100%;\">\n                                                                <p class=\"form-text text-muted\"\n                                                                    *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\n                                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                                            style=\"position: unset;\">\n                                                                            {{ el.displayName }}\n                                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                                type=\"button\"><i\n                                                                                    class=\"fas fa-wrench p-sm-1\"\n                                                                                    role=\"button\"></i></button>\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n\n                                                            </div>\n                                                        </ng-template>\n                                                    </li>\n                                                </ng-container>\n                                                <li class=\"nav-item\" role=\"presentation\">\n                                                    <button type=\"button\" class=\"nav-link\"\n                                                        (click.stop)=\"addFieldTabs()\">\n                                                        <i class=\"fas fa-plus-circle\"></i>\n                                                        {{'Cms::NewTab' | abpLocalization}}\n                                                    </button>\n                                                </li>\n                                            </ul>\n                                            <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                        </div>\n                                        <div class=\"col-sm-4\">\n                                            <div ngbAccordion #accordion=\"ngbAccordion\"\n                                                ondragover=\"event.preventDefault();\" (drop)=\"dragToDataSourceDropped()\"\n                                                style=\"min-height: 80px;\">\n                                                <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                    <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                        <h2 ngbAccordionHeader>\n                                                            <button ngbAccordionButton>{{\n                                                                ('Cms::'+item.name) | abpLocalization }}</button>\n                                                        </h2>\n                                                        <div ngbAccordionCollapse>\n                                                            <div ngbAccordionBody>\n                                                                <ng-template>\n                                                                    <ul class=\"list-group\">\n                                                                        <ng-container\n                                                                            *ngFor=\"let el of item.fields; let ii = index\">\n                                                                            <li draggable=\"true\"\n                                                                                (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                                class=\"list-group-item\">\n                                                                                {{ el.displayName }}\n                                                                            </li>\n                                                                        </ng-container>\n                                                                    </ul>\n                                                                </ng-template>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </ng-container>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        <!-- </div> -->\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" \n                [class]=\"{'was-validated':formValidation}\" (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save'\n            | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" \n                (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                @if(isShowInList){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showInList\"\n                            id=\"showInList\" />\n                        <label class=\"form-check-label\" for=\"showInList\"> {{'Cms::ShowInList' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n                @if(isEnableSearch){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"enableSearch\"\n                            id=\"enableSearch\" />\n                        <label class=\"form-check-label\" for=\"enableSearch\"> {{'Cms::EnableSearch' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}\n"] }]
+                    ], template: "<form class=\"row g-3 needs-validation\" [formGroup]=\"newEntity\" [class]=\"{'was-validated':formValidation}\"\n    (submit)=\"save()\">\n    <abp-page [title]=\"entryTypesId ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)\"\n        [toolbar]=\"true\">\n        <div class=\"create-or-edit-entry-type-page\">\n            <div class=\"card\">\n                <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n                <div class=\"card-body\">\n                    <div class=\"\">\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"displayName\"\n                                (blur)=\"disPlayNameInputBlur($event)\" placeholder=\"\" />\n                        </div>\n                        <div class=\"mb-3\">\n                            <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                            <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                        </div>\n                        <div formArrayName=\"fieldTabs\">\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\">{{'Cms::FieldLayout' | abpLocalization}}</label>\n                                <div class=\"container\">\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-8 border rounded\">\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\" ngbDropdown class=\"nav-item\" role=\"presentation\"> \n                                                        <button type=\"button\" ngbNavLink class=\"nav-link\">\n                                                            {{ item.name }}\n                                                            <span class=\"ms-1\" (click.stop)=\"$event.stopPropagation()\"\n                                                                ngbDropdownToggle></span>\n                                                        </button>\n                                                        <div ngbDropdownMenu style=\"z-index: 999;\">\n                                                            <span ngbDropdownItem type=\"button\"\n                                                                (click.stop)=\"editFieldTabs(item,i)\">\n                                                                <i class=\"fas fa-edit\"></i>\n                                                                {{'AbpUi::Edit' | abpLocalization}}\n                                                            </span>\n                                                            <span ngbDropdownItem *ngIf=\"resultSource.length !== 1\"\n                                                                type=\"button\" (click.stop)=\"deleteFieldTabs(i)\">\n                                                                <i class=\"fas fa-trash\"></i>\n                                                                {{'AbpUi::Delete' | abpLocalization}}\n                                                            </span>\n                                                        </div>\n                                                        <ng-template ngbNavContent>\n                                                            <div class=\"p-2\" ondragover=\"event.preventDefault();\"\n                                                                (drop)=\"dragToResultSourceDropped(item,i)\"\n                                                                style=\"height: 100%;\">\n                                                                <p class=\"form-text text-muted\"\n                                                                    *ngIf=\"item.fields.length === 0\">\n                                                                    {{'Cms::DragAndDropFieldTips' | abpLocalization}}\n                                                                </p>\n                                                                <ul class=\"list-group\" style=\"height: 100%;\">\n                                                                    <ng-container\n                                                                        *ngFor=\"let el of item.fields; let iel = index\">\n                                                                        <li draggable=\"true\"\n                                                                            (dragstart)=\"fromResultSourceDragStart(el)\"\n                                                                            (drop)=\"dragToResultSourceItemDropped(iel)\"\n                                                                            class=\"list-group-item d-flex align-items-center justify-content-between py-1\"\n                                                                            style=\"position: unset;\">\n                                                                            {{ el.displayName }}\n                                                                            <button class=\"p-0 btn btn-sm btn-light\"\n                                                                                (click.stop)=\"EditFieldModalOpen(el,iel)\"\n                                                                                type=\"button\"><i\n                                                                                    class=\"fas fa-wrench p-sm-1\"\n                                                                                    role=\"button\"></i></button>\n                                                                        </li>\n                                                                    </ng-container>\n                                                                </ul>\n\n                                                            </div>\n                                                        </ng-template>\n                                                    </li>\n                                                </ng-container>\n                                                <li class=\"nav-item\" role=\"presentation\">\n                                                    <button type=\"button\" class=\"nav-link\"\n                                                        (click.stop)=\"addFieldTabs()\">\n                                                        <i class=\"fas fa-plus-circle\"></i>\n                                                        {{'Cms::NewTab' | abpLocalization}}\n                                                    </button>\n                                                </li>\n                                            </ul>\n                                            <div [ngbNavOutlet]=\"nav\" class=\"mt-2 bordernNavs p-0\"></div>\n                                        </div>\n                                        <div class=\"col-sm-4\">\n                                            <div ngbAccordion #accordion=\"ngbAccordion\"\n                                                ondragover=\"event.preventDefault();\" (drop)=\"dragToDataSourceDropped()\"\n                                                style=\"min-height: 80px;\">\n                                                <ng-container *ngFor=\"let item of fieldGroupList; let i = index\">\n                                                    <div [ngbAccordionItem]=\"item.name\" *ngIf=\"item.fields.length > 0\">\n                                                        <h2 ngbAccordionHeader>\n                                                            <button ngbAccordionButton>{{\n                                                                ('Cms::'+item.name) | abpLocalization }}</button>\n                                                        </h2>\n                                                        <div ngbAccordionCollapse>\n                                                            <div ngbAccordionBody>\n                                                                <ng-template>\n                                                                    <ul class=\"list-group\">\n                                                                        <ng-container\n                                                                            *ngFor=\"let el of item.fields; let ii = index\">\n                                                                            <li draggable=\"true\"\n                                                                                (dragstart)=\"fromDataSourceDragStart(el,ii,i)\"\n                                                                                class=\"list-group-item\">\n                                                                                {{ el.displayName }}\n                                                                            </li>\n                                                                        </ng-container>\n                                                                    </ul>\n                                                                </ng-template>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </ng-container>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n\n        <!-- </div> -->\n    </abp-page>\n\n</form>\n\n<abp-modal [(visible)]=\"visibleTabsOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleTabsChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{ editFieldTabsSelect ? ('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldTabsFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldTabsFrom\" [class]=\"{'was-validated':formValidation}\"\n                (submit)=\"editFieldTabsSave()\">\n                <button type=\"submit\" #editFieldTabsModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::Name' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"name\" placeholder=\"\" />\n                </div>\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" (click)=\"editFieldTabsModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save'\n            | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>\n\n\n<abp-modal [(visible)]=\"visibleEditFieldOpen\" [busy]=\"modalBusy\" (visibleChange)=\"VisibleEditFieldChange($event)\">\n    <ng-template #abpHeader>\n        <h3>{{'AbpUi::Edit' | abpLocalization}}</h3>\n    </ng-template>\n    <ng-template #abpBody>\n        <ng-template #loaderRef>\n            <div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i></div>\n        </ng-template>\n        <ng-container *ngIf=\"editFieldFrom; else loaderRef\">\n            <form class=\"sites-modal-form\" [formGroup]=\"editFieldFrom\" (submit)=\"editFieldSave()\">\n                <button type=\"submit\" #editFieldModalSubmitBtn style=\"display: none\"></button>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">{{'Cms::DisplayName' | abpLocalization}}</label>\n                    <input type=\"text\" class=\"form-control\" formControlName=\"displayName\" placeholder=\"\" />\n                </div>\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"required\"\n                            id=\"required\" />\n                        <label class=\"form-check-label\" for=\"required\"> {{'Cms::Required' | abpLocalization}} </label>\n                    </div>\n                </div>\n                @if(isShowInList){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"showInList\"\n                            id=\"showInList\" />\n                        <label class=\"form-check-label\" for=\"showInList\"> {{'Cms::ShowInList' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n                @if(isEnableSearch){\n                <div class=\"mb-3\">\n                    <div class=\"form-check form-check-inline\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"true\" formControlName=\"enableSearch\"\n                            id=\"enableSearch\" />\n                        <label class=\"form-check-label\" for=\"enableSearch\"> {{'Cms::EnableSearch' | abpLocalization}}\n                        </label>\n                    </div>\n                </div>\n                }\n            </form>\n        </ng-container>\n    </ng-template>\n    <ng-template #abpFooter>\n        <button type=\"button\" class=\"btn btn-secondary\" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>\n        <abp-button iconClass=\"fa fa-check\" [disabled]=\"!editFieldFrom.valid\"\n            (click)=\"editFieldModalSubmitBtn.nativeElement.click()\">{{'AbpUi::Save' | abpLocalization}}</abp-button>\n    </ng-template>\n</abp-modal>", styles: ["::ng-deep .create-or-edit-entry-type-page .dignite_page{height:calc(100vh - 125px);overflow:auto}::ng-deep .create-or-edit-entry-type-page .form-control,::ng-deep .create-or-edit-entry-type-page .form-select{padding:.475rem 1.25rem}::ng-deep .create-or-edit-entry-type-page .cursor-move{cursor:move}::ng-deep .create-or-edit-entry-type-page .bordernNavs{border:var(--bs-border-width) solid var(--lpx-border-color);padding-left:inherit;padding-right:inherit;height:calc(100% - 60px)}::ng-deep .create-or-edit-entry-type-page .tab-pane{height:100%}::ng-deep .create-or-edit-entry-type-page .nav-tabs .nav-link.active{border-color:var(--bs-nav-tabs-link-active-border-color)!important}\n"] }]
         }], ctorParameters: () => [{ type: i3.ToasterService }, { type: i1$1.Location }, { type: i4.ActivatedRoute }, { type: FieldGroupAdminService }, { type: FieldAdminService }, { type: EntryTypeAdminService }, { type: i1.LocalizationService }, { type: CmsApiService }, { type: FormControlsService }], propDecorators: { submitclick: [{
                 type: ViewChild,
                 args: ['submitclick', { static: true }]
@@ -3429,15 +3689,20 @@ class MatrixControlComponent {
             await this.AfterInit();
             this.cdr.detectChanges(); // 手动触发变更检测
             this.submitclick?.nativeElement?.click();
-            if (this._selected)
+            if (this._selected) {
                 this.fieldNameControl.patchValue(this._selected);
+                for (const index of Object.keys(this.fieldNameControl.controls)) {
+                    const item = this.fieldNameControl.at(Number(index));
+                    item.get('isOpen').patchValue(false);
+                }
+            }
             this._selected = '';
         }
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            let formConfiguration = this._fields.field.formConfiguration;
-            let newArrayGroup = this.fb.array([]);
+            const formConfiguration = this._fields.field.formConfiguration;
+            const newArrayGroup = this.fb.array([]);
             this.extraProperties.setControl(this._fields.field.name, newArrayGroup);
             this.fieldNameControl = this.extraProperties.get(this._fields.field.name);
             if (this._selected) {
@@ -3445,6 +3710,11 @@ class MatrixControlComponent {
                     this.addMatrixControl(formConfiguration.MatrixBlockTypes.find(item => item.name == el.matrixBlockTypeName));
                 });
             }
+            if (this._fields.required) {
+                for (const element of formConfiguration.MatrixBlockTypes) {
+                    element.required = true;
+                }
+            }
             this.MatrixBlockTypesList = formConfiguration.MatrixBlockTypes;
             resolve(true);
         });
@@ -3455,8 +3725,14 @@ class MatrixControlComponent {
             extraProperties: new FormGroup({}),
             matrixBlockTypeName: new FormControl(item.name),
             displayName: new FormControl(item.displayName),
+            isOpen: new FormControl(true),
         }));
     }
+    /**展开，收缩矩阵 */
+    ExpandChange(index) {
+        const fieldNameControlItem = this.fieldNameControl.controls[index];
+        fieldNameControlItem.get('isOpen').patchValue(!fieldNameControlItem.get('isOpen').value);
+    }
     /**删除矩阵控件 */
     deleteMatrixControl(index, item) {
         this.fieldNameControl.removeAt(index);
@@ -3467,11 +3743,11 @@ class MatrixControlComponent {
         this.fieldNameControl.updateValueAndValidity();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixControlComponent, deps: [{ token: i1$2.FormBuilder }, { token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: MatrixControlComponent, selector: "df-matrix-control", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture", entity: "entity" }, 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-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [class]=\"fieldNameControl?.controls?.length>0?'border p-2 rounded-2':''\">\n                <div [formArrayName]=\"_fields.field.name\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\"  cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                            <div class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                                <div class=\"d-flex\"> <div class=\"drag-handle me-2\" cdkDragHandle> \n                                    <span class=\"bi bi-arrows-move fs-5\"></span>\n                                </div>{{item.value.displayName}}</div>\n                                <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                        class=\"fas fa-trash p-2\"></i></button>\n                            </div>\n                            <div class=\"card-body\">\n                                <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                    <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                        <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                            <ng-container *ngIf=\"item&&elf&&_culture\">\n                                                <df-dynamic \n                                                    [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\" [entity]=\"item\"></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 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-dark soft btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n            </div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: MatrixControlComponent, selector: "df-matrix-control", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture", entity: "entity" }, 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-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [class]=\"fieldNameControl?.controls?.length>0?'border p-2 rounded-2':''\">\n                <div [formArrayName]=\"_fields.field.name\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\"\n                            [cdkDragData]=\"item\">\n                            <div type=\"button\"\n                                class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\" (click.stop)=\"ExpandChange(i)\">\n                                <div class=\"d-flex\">\n                                    <div class=\"drag-handle me-2\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>{{item.value.displayName}}\n                                </div>\n                                <div class=\"d-flex align-items-center\">\n                                    <button class=\"btn btn-sm btn-light p-0\"\n                                        (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                            class=\"fas fa-trash p-2\"></i></button>\n                                        <i class=\"bi bi-chevron-down ms-2 \" [style]=\"{display: 'inline-block', transform: item.value.isOpen?'rotate(180deg)':'rotate(0deg)'}\" ></i>\n                                </div>\n                            </div>\n                            <div class=\"card-body\" style=\"overflow:hidden;transition: all 0.2s;\" [style]=\"item.value.isOpen?'height:auto;':'height:0px;padding-top:0px;padding-bottom:0px;'\">\n                                <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                    <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                        <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                            <ng-container *ngIf=\"item&&elf&&_culture\">\n                                                <df-dynamic [fields]=\"{ field: elf,displayName:elf.displayName,required:el?.required||false }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                    [entity]=\"item\"></df-dynamic>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                        </div>\n                        <!-- <div class=\"card mb-3 border \" [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\"\n                            [cdkDragData]=\"item\">\n                            <div ngbAccordion #accordion=\"ngbAccordion\">\n                                <div ngbAccordionItem=\"first\">\n                                    <h2 ngbAccordionHeader>\n                                        <button ngbAccordionButton>\n                                            <div type=\"button\"\n                                                class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                                                <div class=\"d-flex\">\n                                                    <div class=\"drag-handle me-2\" cdkDragHandle>\n                                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                                    </div>{{item.value.displayName}}\n                                                </div>\n                                                <div>\n                                                    <button class=\"btn btn-sm btn-light p-0\"\n                                                        (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                                            class=\"fas fa-trash p-2\"></i></button>\n                                                    <i class=\"bi bi-chevron-down ms-2\"></i>\n                                                </div>\n                                            </div>\n                                        </button>\n                                    </h2>\n                                    <div ngbAccordionCollapse>\n                                        <div ngbAccordionBody>\n                                            <ng-template>\n                                                <div class=\"card-body\">\n                                                    <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                                        <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                                            <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                                                <ng-container *ngIf=\"item&&elf&&_culture\">\n                                                                    <df-dynamic\n                                                                        [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                                        [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                                        [parentFiledName]=\"'extraProperties'\"\n                                                                        [culture]=\"_culture\"\n                                                                        [entity]=\"item\"></df-dynamic>\n                                                                </ng-container>\n                                                            </ng-container>\n                                                        </ng-container>\n                                                    </ng-container>\n                                                </div>\n                                            </ng-template>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div> -->\n\n\n                        <!--  -->\n                    </ng-container>\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-dark soft btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                <small class=\"form-text text-muted d-block\"\n                    *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n            </div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: MatrixControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-matrix-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">   \n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [class]=\"fieldNameControl?.controls?.length>0?'border p-2 rounded-2':''\">\n                <div [formArrayName]=\"_fields.field.name\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\"  cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                            <div class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                                <div class=\"d-flex\"> <div class=\"drag-handle me-2\" cdkDragHandle> \n                                    <span class=\"bi bi-arrows-move fs-5\"></span>\n                                </div>{{item.value.displayName}}</div>\n                                <button class=\"btn btn-sm btn-light p-0\" (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                        class=\"fas fa-trash p-2\"></i></button>\n                            </div>\n                            <div class=\"card-body\">\n                                <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                    <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                        <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                            <ng-container *ngIf=\"item&&elf&&_culture\">\n                                                <df-dynamic \n                                                    [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\" [entity]=\"item\"></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 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-dark soft btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n            </div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>" }]
+            args: [{ selector: 'df-matrix-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div [class]=\"fieldNameControl?.controls?.length>0?'border p-2 rounded-2':''\">\n                <div [formArrayName]=\"_fields.field.name\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <ng-container *ngFor=\"let item of fieldNameControl.controls;let i=index\">\n                        <div class=\"card mb-3 border \" [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\"\n                            [cdkDragData]=\"item\">\n                            <div type=\"button\"\n                                class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\" (click.stop)=\"ExpandChange(i)\">\n                                <div class=\"d-flex\">\n                                    <div class=\"drag-handle me-2\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>{{item.value.displayName}}\n                                </div>\n                                <div class=\"d-flex align-items-center\">\n                                    <button class=\"btn btn-sm btn-light p-0\"\n                                        (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                            class=\"fas fa-trash p-2\"></i></button>\n                                        <i class=\"bi bi-chevron-down ms-2 \" [style]=\"{display: 'inline-block', transform: item.value.isOpen?'rotate(180deg)':'rotate(0deg)'}\" ></i>\n                                </div>\n                            </div>\n                            <div class=\"card-body\" style=\"overflow:hidden;transition: all 0.2s;\" [style]=\"item.value.isOpen?'height:auto;':'height:0px;padding-top:0px;padding-bottom:0px;'\">\n                                <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                    <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                        <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                            <ng-container *ngIf=\"item&&elf&&_culture\">\n                                                <df-dynamic [fields]=\"{ field: elf,displayName:elf.displayName,required:el?.required||false }\"\n                                                    [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                    [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                    [entity]=\"item\"></df-dynamic>\n                                            </ng-container>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                        </div>\n                        <!-- <div class=\"card mb-3 border \" [formGroupName]=\"i\" cdkDrag cdkDragLockAxis=\"y\"\n                            [cdkDragData]=\"item\">\n                            <div ngbAccordion #accordion=\"ngbAccordion\">\n                                <div ngbAccordionItem=\"first\">\n                                    <h2 ngbAccordionHeader>\n                                        <button ngbAccordionButton>\n                                            <div type=\"button\"\n                                                class=\"card-header d-flex align-items-center justify-content-between border-bottom pt-1\">\n                                                <div class=\"d-flex\">\n                                                    <div class=\"drag-handle me-2\" cdkDragHandle>\n                                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                                    </div>{{item.value.displayName}}\n                                                </div>\n                                                <div>\n                                                    <button class=\"btn btn-sm btn-light p-0\"\n                                                        (click.stop)=\"deleteMatrixControl(i,item)\"><i\n                                                            class=\"fas fa-trash p-2\"></i></button>\n                                                    <i class=\"bi bi-chevron-down ms-2\"></i>\n                                                </div>\n                                            </div>\n                                        </button>\n                                    </h2>\n                                    <div ngbAccordionCollapse>\n                                        <div ngbAccordionBody>\n                                            <ng-template>\n                                                <div class=\"card-body\">\n                                                    <ng-container *ngFor=\"let el of MatrixBlockTypesList;let il =index\">\n                                                        <ng-container *ngIf=\"el.name===item.value.matrixBlockTypeName\">\n                                                            <ng-container *ngFor=\"let elf of el.fields; let fi=index\">\n                                                                <ng-container *ngIf=\"item&&elf&&_culture\">\n                                                                    <df-dynamic\n                                                                        [fields]=\"{ field: elf,displayName:elf.displayName }\"\n                                                                        [selected]=\"_selected ? _selected[i]?_selected[i][_parentFiledName][elf.name]:'': ''\"\n                                                                        [parentFiledName]=\"'extraProperties'\"\n                                                                        [culture]=\"_culture\"\n                                                                        [entity]=\"item\"></df-dynamic>\n                                                                </ng-container>\n                                                            </ng-container>\n                                                        </ng-container>\n                                                    </ng-container>\n                                                </div>\n                                            </ng-template>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div> -->\n\n\n                        <!--  -->\n                    </ng-container>\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-dark soft btn-sm\" (click.stop)=\"addMatrixControl(item)\"><i\n                                class=\"fas fa-plus me-1\"></i>{{item.displayName}}</button>\n                    </ng-container>\n                </div>\n                <small class=\"form-text text-muted d-block\"\n                    *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n            </div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none\" #submitclick></button>\n</form>" }]
         }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: CmsApiService }], propDecorators: { fields: [{
                 type: Input
             }], parentFiledName: [{
@@ -3751,13 +4027,18 @@ class TableControlComponent {
     }
     AfterInit() {
         return new Promise((resolve, rejects) => {
-            let ValidatorsArray = [];
+            const ValidatorsArray = [];
             if (this._fields.required) {
                 ValidatorsArray.push(Validators.required);
             }
-            let formConfiguration = this._fields.field.formConfiguration;
+            const formConfiguration = this._fields.field.formConfiguration;
+            if (this._fields.required) {
+                for (const element of formConfiguration.TableColumns) {
+                    element.required = true;
+                }
+            }
             this.formConfiguration = formConfiguration;
-            let newArrayGroup = this.fb.array([]);
+            const newArrayGroup = this.fb.array([]);
             this.extraProperties.setControl(this._fields.field.name, newArrayGroup);
             this.fieldNameControl = this.extraProperties.get(this._fields.field.name);
             if (this._selected) {
@@ -3784,9 +4065,9 @@ class TableControlComponent {
     }
     /**调整表格位置 */
     TableArrowUpOrDown(type, index) {
-        let controlAt = this.fieldNameControl.at(index);
+        const controlAt = this.fieldNameControl.at(index);
         this.fieldNameControl.removeAt(index);
-        let lastindex = type == 'up' ? index - 1 : index + 1;
+        const lastindex = type == 'up' ? index - 1 : index + 1;
         this.fieldNameControl.insert(lastindex, controlAt);
         this._selected = this.fieldNameControl.value;
     }
@@ -3796,11 +4077,11 @@ class TableControlComponent {
         this.fieldNameControl.updateValueAndValidity();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableControlComponent, deps: [{ token: CmsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TableControlComponent, selector: "df-table-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\" >\n        <div class=\"mb-3 table-control\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"table-responsive table-fixed-header\">\n                <table class=\"table overflow-nowrap mb-0\"  cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <thead>\n                        <tr>\n                            <th ></th>\n                            <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                                <th  [attr.field-type]=\"item.formControlName\" >{{ item.displayName }}</th>\n                            </ng-container>\n                            <th  class=\"sticky-right-card-bg\" >\n                                <div class=\"flex-end\">\n                                    <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                        <i class=\"fas fa-plus-circle\"></i>\n                                    </button>\n                                </div>\n                                \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 cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                                <td>\n                                    <div class=\"drag-handle\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>\n                                </td>\n                                <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                    <td>\n                                        <ng-container *ngIf=\"item&&el\">\n                                            <df-dynamic [fields]=\"{ field: el }\"\n                                                [selected]=\"_selected?_selected[i]?.extraProperties[''+el.name+'']:''\"\n                                                [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                [entity]=\"item\"></df-dynamic>\n                                        </ng-container>\n                                    </td>\n                                </ng-container>\n                                <td scope=\"row\" class=\"sticky-right-card-bg\">\n                                    <div class=\"flex-end mb-3\">\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"minusTableControlItem(i)\">\n                                            <i class=\"fas fa-minus\"></i>\n                                        </button>\n                                        <!-- <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('up',i)\" *ngIf=\"i!==0\">\n                                            <i class=\"fas fa-arrow-up\"></i>\n                                        </button>\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                            *ngIf=\"i!==fieldNameControl.controls.length-1\">\n                                            <i class=\"fas fa-arrow-down\"></i>\n                                        </button> -->\n                                    </div>\n                                </td>\n                            </tr>\n                        </ng-container>\n                    </tbody>\n                </table>\n            </div>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\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}.table-control .sticky-right-card-bg{position:sticky;right:0;background:var(--bs-card-bg)}.table-control .table th{white-space:nowrap}.table-control .table th[field-type=TextEdit],.table-control .table th[field-type=Select],.table-control .table th[field-type=DateEdit],.table-control .table th[field-type=NumericEdit],.table-control .table th[field-type=Entry]{min-width:200px}.table-control .table th[field-type=FileExplorer],.table-control .table th[field-type=CkEditor]{min-width:300px}.table-control .table th[field-type=Matrix]{min-width:400px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: TableControlComponent, selector: "df-table-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected", culture: "culture" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\" >\n        <div class=\"mb-3 table-control\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"table-responsive table-fixed-header\">\n                <table class=\"table overflow-nowrap mb-0\"  cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <thead>\n                        <tr>\n                            <th ></th>\n                            <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                                <th  [attr.field-type]=\"item.formControlName\" >{{ item.displayName }}</th>\n                            </ng-container>\n                            <th  class=\"sticky-right-card-bg\" >\n                                <div class=\"flex-end\">\n                                    <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                        <i class=\"fas fa-plus-circle\"></i>\n                                    </button>\n                                </div>\n                                \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 cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                                <td>\n                                    <div class=\"drag-handle\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>\n                                </td>\n                                <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                    <td>\n                                        <ng-container *ngIf=\"item&&el\">\n                                            <df-dynamic [fields]=\"{ field: el,required:el?.required||false }\"\n                                                [selected]=\"_selected?_selected[i]?.extraProperties[''+el.name+'']:''\"\n                                                [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                [entity]=\"item\"></df-dynamic>\n                                        </ng-container>\n                                    </td>\n                                </ng-container>\n                                <td scope=\"row\" class=\"sticky-right-card-bg\">\n                                    <div class=\"flex-end mb-3\">\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"minusTableControlItem(i)\">\n                                            <i class=\"fas fa-minus\"></i>\n                                        </button>\n                                        <!-- <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('up',i)\" *ngIf=\"i!==0\">\n                                            <i class=\"fas fa-arrow-up\"></i>\n                                        </button>\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                            *ngIf=\"i!==fieldNameControl.controls.length-1\">\n                                            <i class=\"fas fa-arrow-down\"></i>\n                                        </button> -->\n                                    </div>\n                                </td>\n                            </tr>\n                        </ng-container>\n                    </tbody>\n                </table>\n            </div>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\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}.table-control .sticky-right-card-bg{position:sticky;right:0;background:var(--bs-card-bg)}.table-control .table th{white-space:nowrap}.table-control .table th[field-type=TextEdit],.table-control .table th[field-type=Select],.table-control .table th[field-type=DateEdit],.table-control .table th[field-type=NumericEdit],.table-control .table th[field-type=Entry]{min-width:200px}.table-control .table th[field-type=FileExplorer],.table-control .table th[field-type=CkEditor]{min-width:300px}.table-control .table th[field-type=Matrix]{min-width:400px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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: i5.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: i15.DynamicComponent, selector: "df-dynamic", inputs: ["selected", "type", "culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: TableControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'df-table-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\" >\n        <div class=\"mb-3 table-control\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"table-responsive table-fixed-header\">\n                <table class=\"table overflow-nowrap mb-0\"  cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <thead>\n                        <tr>\n                            <th ></th>\n                            <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                                <th  [attr.field-type]=\"item.formControlName\" >{{ item.displayName }}</th>\n                            </ng-container>\n                            <th  class=\"sticky-right-card-bg\" >\n                                <div class=\"flex-end\">\n                                    <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                        <i class=\"fas fa-plus-circle\"></i>\n                                    </button>\n                                </div>\n                                \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 cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                                <td>\n                                    <div class=\"drag-handle\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>\n                                </td>\n                                <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                    <td>\n                                        <ng-container *ngIf=\"item&&el\">\n                                            <df-dynamic [fields]=\"{ field: el }\"\n                                                [selected]=\"_selected?_selected[i]?.extraProperties[''+el.name+'']:''\"\n                                                [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                [entity]=\"item\"></df-dynamic>\n                                        </ng-container>\n                                    </td>\n                                </ng-container>\n                                <td scope=\"row\" class=\"sticky-right-card-bg\">\n                                    <div class=\"flex-end mb-3\">\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"minusTableControlItem(i)\">\n                                            <i class=\"fas fa-minus\"></i>\n                                        </button>\n                                        <!-- <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('up',i)\" *ngIf=\"i!==0\">\n                                            <i class=\"fas fa-arrow-up\"></i>\n                                        </button>\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                            *ngIf=\"i!==fieldNameControl.controls.length-1\">\n                                            <i class=\"fas fa-arrow-down\"></i>\n                                        </button> -->\n                                    </div>\n                                </td>\n                            </tr>\n                        </ng-container>\n                    </tbody>\n                </table>\n            </div>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\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}.table-control .sticky-right-card-bg{position:sticky;right:0;background:var(--bs-card-bg)}.table-control .table th{white-space:nowrap}.table-control .table th[field-type=TextEdit],.table-control .table th[field-type=Select],.table-control .table th[field-type=DateEdit],.table-control .table th[field-type=NumericEdit],.table-control .table th[field-type=Entry]{min-width:200px}.table-control .table th[field-type=FileExplorer],.table-control .table th[field-type=CkEditor]{min-width:300px}.table-control .table th[field-type=Matrix]{min-width:400px}\n"] }]
+            args: [{ selector: 'df-table-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\" >\n        <div class=\"mb-3 table-control\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <div class=\"table-responsive table-fixed-header\">\n                <table class=\"table overflow-nowrap mb-0\"  cdkDropList (cdkDropListDropped)=\"drop($event)\">\n                    <thead>\n                        <tr>\n                            <th ></th>\n                            <ng-container *ngFor=\"let item of formConfiguration.TableColumns\">\n                                <th  [attr.field-type]=\"item.formControlName\" >{{ item.displayName }}</th>\n                            </ng-container>\n                            <th  class=\"sticky-right-card-bg\" >\n                                <div class=\"flex-end\">\n                                    <button class=\"btn btn-light btn-sm\" (click.stop)=\"addTableControlItem()\">\n                                        <i class=\"fas fa-plus-circle\"></i>\n                                    </button>\n                                </div>\n                                \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 cdkDrag cdkDragLockAxis=\"y\" [cdkDragData]=\"item\">\n                                <td>\n                                    <div class=\"drag-handle\" cdkDragHandle>\n                                        <span class=\"bi bi-arrows-move fs-5\"></span>\n                                    </div>\n                                </td>\n                                <ng-container *ngFor=\"let el of formConfiguration.TableColumns\">\n                                    <td>\n                                        <ng-container *ngIf=\"item&&el\">\n                                            <df-dynamic [fields]=\"{ field: el,required:el?.required||false }\"\n                                                [selected]=\"_selected?_selected[i]?.extraProperties[''+el.name+'']:''\"\n                                                [parentFiledName]=\"'extraProperties'\" [culture]=\"_culture\"\n                                                [entity]=\"item\"></df-dynamic>\n                                        </ng-container>\n                                    </td>\n                                </ng-container>\n                                <td scope=\"row\" class=\"sticky-right-card-bg\">\n                                    <div class=\"flex-end mb-3\">\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"minusTableControlItem(i)\">\n                                            <i class=\"fas fa-minus\"></i>\n                                        </button>\n                                        <!-- <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('up',i)\" *ngIf=\"i!==0\">\n                                            <i class=\"fas fa-arrow-up\"></i>\n                                        </button>\n                                        <button class=\"btn btn-light btn-sm ms-1\"\n                                            (click.stop)=\"TableArrowUpOrDown('down',i)\"\n                                            *ngIf=\"i!==fieldNameControl.controls.length-1\">\n                                            <i class=\"fas fa-arrow-down\"></i>\n                                        </button> -->\n                                    </div>\n                                </td>\n                            </tr>\n                        </ng-container>\n                    </tbody>\n                </table>\n            </div>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\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}.table-control .sticky-right-card-bg{position:sticky;right:0;background:var(--bs-card-bg)}.table-control .table th{white-space:nowrap}.table-control .table th[field-type=TextEdit],.table-control .table th[field-type=Select],.table-control .table th[field-type=DateEdit],.table-control .table th[field-type=NumericEdit],.table-control .table th[field-type=Entry]{min-width:200px}.table-control .table th[field-type=FileExplorer],.table-control .table th[field-type=CkEditor]{min-width:300px}.table-control .table th[field-type=Matrix]{min-width:400px}\n"] }]
         }], ctorParameters: () => [{ type: CmsApiService }], propDecorators: { entity: [{
                 type: Input
             }], fields: [{
@@ -4091,12 +4372,21 @@ const Fields_Entity_Props = EntityProp.createMany([
         name: 'formControlName',
         displayName: 'Cms::FormControlName',
         sortable: false,
+        valueResolver: (data) => {
+            const _FieldAbstractsService = data.getInjected(FieldAbstractsService);
+            const fromControlList = _FieldAbstractsService.getExcludeAssignControl();
+            const formControlDisplayName = fromControlList.find(el => el.name == data.record.formControlName)?.displayName;
+            return of(formControlDisplayName || data.record.formControlName);
+        },
     },
     {
         type: "string" /* ePropType.String */,
         name: 'groupName',
         displayName: 'Cms::Group',
         sortable: false,
+        valueResolver: (data) => {
+            return of(data.record.groupName || '--');
+        },
     },
     {
         type: "datetime" /* ePropType.DateTime */,