barsa-sap-ui 2.0.53 → 2.0.56

package/fesm2022/barsa-sap-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, Pipe, EventEmitter, ElementRef, SkipSelf, ViewChild, HostBinding, Output, ViewEncapsulation, ViewChildren, Inject, Optional, Self, TemplateRef, HostListener, Directive, inject, ViewContainerRef, NgModule, signal, ChangeDetectorRef, Injectable, APP_INITIALIZER, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, Pipe, EventEmitter, ElementRef, SkipSelf, ViewChild, HostBinding, Output, ViewEncapsulation, ViewChildren, Inject, Optional, Self, TemplateRef, HostListener, Directive, inject, ViewContainerRef, signal, NgModule, ChangeDetectorRef, Injectable, APP_INITIALIZER, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i2 from 'barsa-novin-ray-core';
 import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, LayoutService, SortDirection, BaseUlvSettingComponent, getResetGridSettings, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, SelectionMode, GetAllColumnsSorted, measureText, getParentHeight, getControlSizeMode, getDeviceIsDesktop, getDeviceIsTablet, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, getAllItemsPerChildren, setOneDepthLevel, BaseViewItemPropsComponent, MoReportValuePipe, ExecuteDynamicCommand, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, BaseColumnPropsComponent, ColumnService, TableHeaderWidthMode, calcContextMenuWidth, setColumnWidthByMaxMoContentWidth, calculateWidthOfListColumn, DateRanges, LogService, UlvMainService, isFunction, UploadService, FilesValidationHelper, getValidExtension, getImagePath, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, getFieldValue, ContainerComponent, DIALOG_SERVICE, FORM_DIALOG_COMPONENT, ContainerService, FindToolbarItem, FindLayoutSettingFromLayout94, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, executeUlvCommandHandler, FillAllLayoutControls, PictureFieldSourcePipe, BreadcrumbService, getDeviceIsPhone, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, ResizableModule } from 'barsa-novin-ray-core';
 import moment from 'moment';
@@ -1024,8 +1024,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
             }] } });
 
 class GridMoDataList {
-    constructor(moDataList$, gridSetting$, visibleColumns$, searchTerm$) {
-        this.data$ = merge(moDataList$.pipe(tap((items) => (this.items = items))), gridSetting$.pipe(tap((gridSetting) => (this.gridSetting = gridSetting))), searchTerm$.pipe(tap((searchTerm) => (this.searchTerm = searchTerm))), visibleColumns$.pipe(tap((visibleColumns) => (this.visibleColumns = visibleColumns)))).pipe(filter(() => !!this.items), map(() => this.searchTerm
+    constructor(moDataList$, gridSetting$, visibleColumns$, searchTerm$, inlineEditMode$) {
+        this.data$ = merge(moDataList$.pipe(tap((items) => (this.items = items))), gridSetting$.pipe(tap((gridSetting) => (this.gridSetting = gridSetting))), searchTerm$.pipe(tap((searchTerm) => (this.searchTerm = searchTerm))), visibleColumns$.pipe(tap((visibleColumns) => (this.visibleColumns = visibleColumns))), inlineEditMode$.pipe(tap((inlineEditMode) => (this.inlineEditMode = inlineEditMode)))).pipe(filter(() => !!this.items), map(() => this.searchTerm
             ? searchEx(this.searchTerm, this.visibleColumns.map((c) => c.Name), this.items)
             : this.items), map(() => this.gridSetting?.SortSettingList
             ? this.items.slice().sort(multilevelSort(this.getSortby()))
@@ -1740,6 +1740,7 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
         this.selectionMode = this.context.ViewSetting?.IsCheckList ? this.multipleSelection : this.singleSelection;
         this._openOnClick = this.viewSetting?.OpenOnClick;
         this.customRowHeight = BarsaApi.Common.Util.TryGetValue(this.context.Setting, 'Extra.ExtraJsonPropReport.GridRowHeight');
+        this.simpleInlineEdit = BarsaApi.Common.Util.TryGetValue(this.context.Setting, 'Extra.ExtraJsonPropReport.SimpleInlineEdit');
         this.rtl$ = this._portalService.rtl$;
         this.navigationArrow$ = this._portalService.rtl$.pipe(map((isRtl) => (isRtl ? 'navigation-left-arrow' : 'navigation-right-arrow')));
         this.allowInlineEdit$ = this._ulvMainService.allowInlineEdit$;
@@ -1748,7 +1749,7 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
         this._ulvMainService.setCanSaveGridSettings(this.viewSetting?.CanSaveGridSetting);
         this.hasSelected$ = this.moDataList$.pipe(map((moList) => moList.some((c) => c.$IsChecked)));
         this.moDataList$ = this.moDataList$.pipe(map((items) => this._mapCartableMo(items)));
-        const gridDataSource = new GridMoDataList(this.moDataList$, this.gridSetting$, this.visibleColumns$, this.searchTerm$);
+        const gridDataSource = new GridMoDataList(this.moDataList$, this.gridSetting$, this.visibleColumns$, this.searchTerm$, this.inlineEditMode$);
         this.gridDataSource = gridDataSource;
         this.columns$ = combineLatest([this.gridSetting$, this.secondaryColumns$]).pipe(map(([_, secondaryColumns]) => {
             const secondaries = secondaryColumns.map((c) => c.Name);
@@ -1806,8 +1807,9 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
             this._setInlineEdit(false);
         }
     }
-    onEditFormPanelValueChange(mo) {
-        this._inlineFormPanelValueChange(mo);
+    onEditFormPanelValueChange(e) {
+        this._inlineFormPanelValueChange(e.mo);
+        this.context.fireEvent('CellEdited', BarsaApi.Bw._wrap(e.mo), e.fieldDbName);
     }
     onColumnResized(columns) {
         this._handleColumnsResized(columns);
@@ -2046,6 +2048,10 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
                     c.$NewInlineMo = undefined;
                     c.$IsChecked = false;
                 });
+                if (!this._access.Add) {
+                    this._resetMoDataList(newMoDataList);
+                    return;
+                }
                 this._addInlineMoToModataList(this._inlineReportCreateNewMo(true), true);
             }
             return;
@@ -2063,6 +2069,10 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
         if (existsIndex > -1) {
             newMoDataList[existsIndex] = mo;
         }
+        const canAdd = this._access.Add;
+        if (!canAdd) {
+            return;
+        }
         newMoDataList.map((c) => {
             c.$NewInlineMo = undefined;
             c.$IsChecked = false;
@@ -2410,9 +2420,16 @@ class UlvToolbarComponent extends BaseComponent {
     ngOnChanges(changes) {
         super.ngOnChanges(changes);
         const { toolbarButtons } = changes;
-        if (toolbarButtons && !toolbarButtons.firstChange) {
-            this._refreshToolbar();
-            this._cdr.detectChanges();
+        if (toolbarButtons) {
+            if (toolbarButtons.firstChange) {
+                setTimeout(() => {
+                    this._refreshToolbar();
+                });
+            }
+            else {
+                this._refreshToolbar();
+                this._cdr.detectChanges();
+            }
         }
     }
     onGroupbySettings() {
@@ -4462,11 +4479,11 @@ class ColumnRendererComponent extends BaseComponent {
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ColumnRendererComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: { column: "column", mo: "mo", index: "index", editMode: "editMode", customRowHeight: "customRowHeight", controlUi: "controlUi", formLayoutShowLabel: "formLayoutShowLabel", isChecked: "isChecked", isNewInlineMo: "isNewInlineMo", containerDom: "containerDom", disableEllapsis: "disableEllapsis", rtl: "rtl", deviceName: "deviceName", deviceSize: "deviceSize", value: "value", icon: "icon" }, host: { properties: { "class.isMobile": "this._isSmall" } }, usesInheritance: true, ngImport: i0, template: "@if (column) {\n<ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\n}\n<ng-template #renderCellTemplate>\n    @switch (column.FieldTypeId) { @case (42) {\n    <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\n    } @case (33) {\n    <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\n    } @case (31) {\n    <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\n    } @case (11) {\n    <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\n    } @case (5) {\n    <ng-container\n        *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\n    ></ng-container>\n    } @default {\n    <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\n    } }\n</ng-template>\n<ng-template #renderGeneral>\n    <div style=\"display: flex; width: 100%; height: 100%; align-items: center; justify-content: start\" [style.width]=\"\">\n        @if (icon) {\n        <img [attr.rtl]=\"rtl\" [src]=\"icon\" />\n        }\n        <!-- <fd-text\n    #fdText\n    *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\n    [maxLines]=\"1\"\n    [text]=\"value\"\n    [fd-inline-help]=\"value\"\n    [disabled]=\"!fdText._hasMore\"\n  ></fd-text> -->\n\n        <!-- <bsu-barsa-text-ellipsis\n  [style.width]=\"column.$Width\"\n  *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\n  [text]=\"value\"\n></bsu-barsa-text-ellipsis> -->\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\n{{ value }}\n</div> -->\n        @if (column.Extra?.IconDisplayTypeEnum !== 'Image') {\n        <div\n            [ellapsisText]=\"value\"\n            [class.ellapsis]=\"!disableEllapsis\"\n            (ellapsised)=\"onElapsised($event)\"\n            (click)=\"showMore && helpPopover.open()\"\n        >\n            {{ value }}\n        </div>\n        }\n        <fd-popover #helpPopover>\n            <fd-popover-control> </fd-popover-control>\n            <fd-popover-body class=\"help-popover-body\">\n                <div fd-popover-body-header>\n                    <div fd-bar>\n                        <div fd-bar-left>\n                            <fd-bar-element style=\"white-space: break-spaces\"\n                                >{{ column.Alias | bbbTranslate }}:</fd-bar-element\n                            >\n                        </div>\n                        <div fd-bar-right>\n                            <fd-bar-element\n                                ><button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    glyph=\"decline\"\n                                    (click)=\"helpPopover.close()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"help-content\">{{ value }}</div>\n            </fd-popover-body>\n        </fd-popover>\n    </div>\n</ng-template>\n<ng-template #formControlTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\n                ? renderCellTemplate\n                : layoutControlTemplate\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #layoutControlTemplate>\n    @if (controlUi) {\n    <bsu-layout-control\n        [inlineEdit]=\"true\"\n        [caption]=\"column.Caption\"\n        [config]=\"controlUi\"\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\n        [showLabel]=\"formLayoutShowLabel\"\n    ></bsu-layout-control>\n    }\n</ng-template>\n<ng-template #renderCellListTasavir>\n    @if (mo[column.Name] && mo[column.Name].Images) {\n    <div style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\n        @for (pic of mo[column.Name].Images; track pic) {\n        <img\n            fullscreen\n            fullscreenFiles\n            [files]=\"mo[column.Name].Images\"\n            [isImageGallery]=\"true\"\n            [deviceSize]=\"deviceSize\"\n            [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\n            style=\"width: 3rem; height: 3rem\"\n        />\n        }\n    </div>\n    }\n</ng-template>\n<ng-template #renderCellFileListKhati>\n    @if (mo[column.Name]) {\n    <div class=\"file-viewer-attachments\">\n        @for (file of mo[column.Name].Files; track file) { @if (!file.IsDeleted) {\n        <bsu-file-viewer-popover\n            [style.width.px]=\"containerDom ? containerDom.offsetWidth : null\"\n            [file]=\"file\"\n            [files]=\"mo[column.Name].Files\"\n            [deviceSize]=\"deviceSize\"\n            [canDownload]=\"true\"\n            [disableRemove]=\"true\"\n            [fdType]=\"'transparent'\"\n        ></bsu-file-viewer-popover>\n        }\n        <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\n        }\n    </div>\n    }\n</ng-template>\n<ng-template #renderCellFileInfo>\n    @if (mo[column.Name]) {\n    <fd-avatar\n        [transparent]=\"true\"\n        [size]=\"deviceSize === 's' ? 's' : 'm'\"\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\n    ></fd-avatar>\n    }\n</ng-template>\n<ng-template #renderCellChecbox>\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\n</ng-template>\n<ng-template #renderChecboxImage>\n    @if (column.Extra?.TrueImage === '') {\n    {{ value }}\n    } @if (column.Extra?.TrueImage !== '') {\n    <img [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\" aling=\"middle\" />\n    }\n</ng-template>\n<ng-template #renderCellImage>\n    @if (mo[column.Name] && mo[column.Name]['Url']) {\n    <fd-avatar\n        [size]=\"column.FieldTypeId === '42' ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\n        [transparent]=\"true\"\n        [image]=\"mo[column.Name]['Url']\"\n    ></fd-avatar>\n    }\n</ng-template>\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllapsisTextDirective, selector: "[ellapsisText]", inputs: ["ellapsisText", "fontSize"], outputs: ["ellapsised"] }, { kind: "component", type: i3$3.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: { column: "column", mo: "mo", index: "index", editMode: "editMode", customRowHeight: "customRowHeight", controlUi: "controlUi", formLayoutShowLabel: "formLayoutShowLabel", isChecked: "isChecked", isNewInlineMo: "isNewInlineMo", containerDom: "containerDom", disableEllapsis: "disableEllapsis", rtl: "rtl", deviceName: "deviceName", deviceSize: "deviceSize", value: "value", icon: "icon" }, host: { properties: { "class.isMobile": "this._isSmall" } }, usesInheritance: true, ngImport: i0, template: "@if (column) {\r\n<ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\r\n}\r\n<ng-template #renderCellTemplate>\r\n    @switch (column.FieldTypeId) { @case (42) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\r\n    } @case (33) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\r\n    } @case (31) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\r\n    } @case (11) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\r\n    } @case (5) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\r\n    ></ng-container>\r\n    } @default {\r\n    <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\r\n    } }\r\n</ng-template>\r\n<ng-template #renderGeneral>\r\n    <div style=\"display: flex; width: 100%; height: 100%; align-items: center; justify-content: start\" [style.width]=\"\">\r\n        @if (icon) {\r\n        <img [attr.rtl]=\"rtl\" [src]=\"icon\" />\r\n        }\r\n        <!-- <fd-text\r\n    #fdText\r\n    *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n    [maxLines]=\"1\"\r\n    [text]=\"value\"\r\n    [fd-inline-help]=\"value\"\r\n    [disabled]=\"!fdText._hasMore\"\r\n  ></fd-text> -->\r\n\r\n        <!-- <bsu-barsa-text-ellipsis\r\n  [style.width]=\"column.$Width\"\r\n  *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n  [text]=\"value\"\r\n></bsu-barsa-text-ellipsis> -->\r\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\r\n{{ value }}\r\n</div> -->\r\n        @if (column.Extra?.IconDisplayTypeEnum !== 'Image') {\r\n        <div\r\n            [ellapsisText]=\"value\"\r\n            [class.ellapsis]=\"!disableEllapsis\"\r\n            (ellapsised)=\"onElapsised($event)\"\r\n            (click)=\"showMore && helpPopover.open()\"\r\n        >\r\n            {{ value }}\r\n        </div>\r\n        }\r\n        <fd-popover #helpPopover>\r\n            <fd-popover-control> </fd-popover-control>\r\n            <fd-popover-body class=\"help-popover-body\">\r\n                <div fd-popover-body-header>\r\n                    <div fd-bar>\r\n                        <div fd-bar-left>\r\n                            <fd-bar-element style=\"white-space: break-spaces\"\r\n                                >{{ column.Alias | bbbTranslate }}:</fd-bar-element\r\n                            >\r\n                        </div>\r\n                        <div fd-bar-right>\r\n                            <fd-bar-element\r\n                                ><button\r\n                                    fd-button\r\n                                    fdType=\"transparent\"\r\n                                    glyph=\"decline\"\r\n                                    (click)=\"helpPopover.close()\"\r\n                                ></button>\r\n                            </fd-bar-element>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"help-content\">{{ value }}</div>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n    </div>\r\n</ng-template>\r\n<ng-template #formControlTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\r\n                ? renderCellTemplate\r\n                : layoutControlTemplate\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #layoutControlTemplate>\r\n    @if (controlUi) {\r\n    <bsu-layout-control\r\n        [inlineEdit]=\"true\"\r\n        [caption]=\"column.Caption\"\r\n        [config]=\"controlUi\"\r\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\r\n        [showLabel]=\"formLayoutShowLabel\"\r\n    ></bsu-layout-control>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellListTasavir>\r\n    @if (mo[column.Name] && mo[column.Name].Images) {\r\n    <div style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\r\n        @for (pic of mo[column.Name].Images; track pic) {\r\n        <img\r\n            fullscreen\r\n            fullscreenFiles\r\n            [files]=\"mo[column.Name].Images\"\r\n            [isImageGallery]=\"true\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\r\n            style=\"width: 3rem; height: 3rem\"\r\n        />\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileListKhati>\r\n    @if (mo[column.Name]) {\r\n    <div class=\"file-viewer-attachments\">\r\n        @for (file of mo[column.Name].Files; track file) { @if (!file.IsDeleted) {\r\n        <bsu-file-viewer-popover\r\n            [style.width.px]=\"containerDom ? containerDom.offsetWidth : null\"\r\n            [file]=\"file\"\r\n            [files]=\"mo[column.Name].Files\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [canDownload]=\"true\"\r\n            [disableRemove]=\"true\"\r\n            [fdType]=\"'transparent'\"\r\n        ></bsu-file-viewer-popover>\r\n        }\r\n        <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileInfo>\r\n    @if (mo[column.Name]) {\r\n    <fd-avatar\r\n        [transparent]=\"true\"\r\n        [size]=\"deviceSize === 's' ? 's' : 'm'\"\r\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellChecbox>\r\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\r\n</ng-template>\r\n<ng-template #renderChecboxImage>\r\n    @if (column.Extra?.TrueImage === '') {\r\n    {{ value }}\r\n    } @if (column.Extra?.TrueImage !== '') {\r\n    <img [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\" aling=\"middle\" />\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellImage>\r\n    @if (mo[column.Name] && mo[column.Name]['Url']) {\r\n    <fd-avatar\r\n        [size]=\"column.FieldTypeId === '42' ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [transparent]=\"true\"\r\n        [image]=\"mo[column.Name]['Url']\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllapsisTextDirective, selector: "[ellapsisText]", inputs: ["ellapsisText", "fontSize"], outputs: ["ellapsised"] }, { kind: "component", type: i3$3.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ColumnRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-column-renderer,[colRenderer]', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (column) {\n<ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\n}\n<ng-template #renderCellTemplate>\n    @switch (column.FieldTypeId) { @case (42) {\n    <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\n    } @case (33) {\n    <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\n    } @case (31) {\n    <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\n    } @case (11) {\n    <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\n    } @case (5) {\n    <ng-container\n        *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\n    ></ng-container>\n    } @default {\n    <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\n    } }\n</ng-template>\n<ng-template #renderGeneral>\n    <div style=\"display: flex; width: 100%; height: 100%; align-items: center; justify-content: start\" [style.width]=\"\">\n        @if (icon) {\n        <img [attr.rtl]=\"rtl\" [src]=\"icon\" />\n        }\n        <!-- <fd-text\n    #fdText\n    *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\n    [maxLines]=\"1\"\n    [text]=\"value\"\n    [fd-inline-help]=\"value\"\n    [disabled]=\"!fdText._hasMore\"\n  ></fd-text> -->\n\n        <!-- <bsu-barsa-text-ellipsis\n  [style.width]=\"column.$Width\"\n  *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\n  [text]=\"value\"\n></bsu-barsa-text-ellipsis> -->\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\n{{ value }}\n</div> -->\n        @if (column.Extra?.IconDisplayTypeEnum !== 'Image') {\n        <div\n            [ellapsisText]=\"value\"\n            [class.ellapsis]=\"!disableEllapsis\"\n            (ellapsised)=\"onElapsised($event)\"\n            (click)=\"showMore && helpPopover.open()\"\n        >\n            {{ value }}\n        </div>\n        }\n        <fd-popover #helpPopover>\n            <fd-popover-control> </fd-popover-control>\n            <fd-popover-body class=\"help-popover-body\">\n                <div fd-popover-body-header>\n                    <div fd-bar>\n                        <div fd-bar-left>\n                            <fd-bar-element style=\"white-space: break-spaces\"\n                                >{{ column.Alias | bbbTranslate }}:</fd-bar-element\n                            >\n                        </div>\n                        <div fd-bar-right>\n                            <fd-bar-element\n                                ><button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    glyph=\"decline\"\n                                    (click)=\"helpPopover.close()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"help-content\">{{ value }}</div>\n            </fd-popover-body>\n        </fd-popover>\n    </div>\n</ng-template>\n<ng-template #formControlTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\n                ? renderCellTemplate\n                : layoutControlTemplate\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #layoutControlTemplate>\n    @if (controlUi) {\n    <bsu-layout-control\n        [inlineEdit]=\"true\"\n        [caption]=\"column.Caption\"\n        [config]=\"controlUi\"\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\n        [showLabel]=\"formLayoutShowLabel\"\n    ></bsu-layout-control>\n    }\n</ng-template>\n<ng-template #renderCellListTasavir>\n    @if (mo[column.Name] && mo[column.Name].Images) {\n    <div style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\n        @for (pic of mo[column.Name].Images; track pic) {\n        <img\n            fullscreen\n            fullscreenFiles\n            [files]=\"mo[column.Name].Images\"\n            [isImageGallery]=\"true\"\n            [deviceSize]=\"deviceSize\"\n            [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\n            style=\"width: 3rem; height: 3rem\"\n        />\n        }\n    </div>\n    }\n</ng-template>\n<ng-template #renderCellFileListKhati>\n    @if (mo[column.Name]) {\n    <div class=\"file-viewer-attachments\">\n        @for (file of mo[column.Name].Files; track file) { @if (!file.IsDeleted) {\n        <bsu-file-viewer-popover\n            [style.width.px]=\"containerDom ? containerDom.offsetWidth : null\"\n            [file]=\"file\"\n            [files]=\"mo[column.Name].Files\"\n            [deviceSize]=\"deviceSize\"\n            [canDownload]=\"true\"\n            [disableRemove]=\"true\"\n            [fdType]=\"'transparent'\"\n        ></bsu-file-viewer-popover>\n        }\n        <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\n        }\n    </div>\n    }\n</ng-template>\n<ng-template #renderCellFileInfo>\n    @if (mo[column.Name]) {\n    <fd-avatar\n        [transparent]=\"true\"\n        [size]=\"deviceSize === 's' ? 's' : 'm'\"\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\n    ></fd-avatar>\n    }\n</ng-template>\n<ng-template #renderCellChecbox>\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\n</ng-template>\n<ng-template #renderChecboxImage>\n    @if (column.Extra?.TrueImage === '') {\n    {{ value }}\n    } @if (column.Extra?.TrueImage !== '') {\n    <img [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\" aling=\"middle\" />\n    }\n</ng-template>\n<ng-template #renderCellImage>\n    @if (mo[column.Name] && mo[column.Name]['Url']) {\n    <fd-avatar\n        [size]=\"column.FieldTypeId === '42' ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\n        [transparent]=\"true\"\n        [image]=\"mo[column.Name]['Url']\"\n    ></fd-avatar>\n    }\n</ng-template>\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}\n"] }]
+            args: [{ selector: 'bsu-column-renderer,[colRenderer]', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (column) {\r\n<ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\r\n}\r\n<ng-template #renderCellTemplate>\r\n    @switch (column.FieldTypeId) { @case (42) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\r\n    } @case (33) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\r\n    } @case (31) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\r\n    } @case (11) {\r\n    <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\r\n    } @case (5) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\r\n    ></ng-container>\r\n    } @default {\r\n    <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\r\n    } }\r\n</ng-template>\r\n<ng-template #renderGeneral>\r\n    <div style=\"display: flex; width: 100%; height: 100%; align-items: center; justify-content: start\" [style.width]=\"\">\r\n        @if (icon) {\r\n        <img [attr.rtl]=\"rtl\" [src]=\"icon\" />\r\n        }\r\n        <!-- <fd-text\r\n    #fdText\r\n    *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n    [maxLines]=\"1\"\r\n    [text]=\"value\"\r\n    [fd-inline-help]=\"value\"\r\n    [disabled]=\"!fdText._hasMore\"\r\n  ></fd-text> -->\r\n\r\n        <!-- <bsu-barsa-text-ellipsis\r\n  [style.width]=\"column.$Width\"\r\n  *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n  [text]=\"value\"\r\n></bsu-barsa-text-ellipsis> -->\r\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\r\n{{ value }}\r\n</div> -->\r\n        @if (column.Extra?.IconDisplayTypeEnum !== 'Image') {\r\n        <div\r\n            [ellapsisText]=\"value\"\r\n            [class.ellapsis]=\"!disableEllapsis\"\r\n            (ellapsised)=\"onElapsised($event)\"\r\n            (click)=\"showMore && helpPopover.open()\"\r\n        >\r\n            {{ value }}\r\n        </div>\r\n        }\r\n        <fd-popover #helpPopover>\r\n            <fd-popover-control> </fd-popover-control>\r\n            <fd-popover-body class=\"help-popover-body\">\r\n                <div fd-popover-body-header>\r\n                    <div fd-bar>\r\n                        <div fd-bar-left>\r\n                            <fd-bar-element style=\"white-space: break-spaces\"\r\n                                >{{ column.Alias | bbbTranslate }}:</fd-bar-element\r\n                            >\r\n                        </div>\r\n                        <div fd-bar-right>\r\n                            <fd-bar-element\r\n                                ><button\r\n                                    fd-button\r\n                                    fdType=\"transparent\"\r\n                                    glyph=\"decline\"\r\n                                    (click)=\"helpPopover.close()\"\r\n                                ></button>\r\n                            </fd-bar-element>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"help-content\">{{ value }}</div>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n    </div>\r\n</ng-template>\r\n<ng-template #formControlTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\r\n                ? renderCellTemplate\r\n                : layoutControlTemplate\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #layoutControlTemplate>\r\n    @if (controlUi) {\r\n    <bsu-layout-control\r\n        [inlineEdit]=\"true\"\r\n        [caption]=\"column.Caption\"\r\n        [config]=\"controlUi\"\r\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\r\n        [showLabel]=\"formLayoutShowLabel\"\r\n    ></bsu-layout-control>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellListTasavir>\r\n    @if (mo[column.Name] && mo[column.Name].Images) {\r\n    <div style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\r\n        @for (pic of mo[column.Name].Images; track pic) {\r\n        <img\r\n            fullscreen\r\n            fullscreenFiles\r\n            [files]=\"mo[column.Name].Images\"\r\n            [isImageGallery]=\"true\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\r\n            style=\"width: 3rem; height: 3rem\"\r\n        />\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileListKhati>\r\n    @if (mo[column.Name]) {\r\n    <div class=\"file-viewer-attachments\">\r\n        @for (file of mo[column.Name].Files; track file) { @if (!file.IsDeleted) {\r\n        <bsu-file-viewer-popover\r\n            [style.width.px]=\"containerDom ? containerDom.offsetWidth : null\"\r\n            [file]=\"file\"\r\n            [files]=\"mo[column.Name].Files\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [canDownload]=\"true\"\r\n            [disableRemove]=\"true\"\r\n            [fdType]=\"'transparent'\"\r\n        ></bsu-file-viewer-popover>\r\n        }\r\n        <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellFileInfo>\r\n    @if (mo[column.Name]) {\r\n    <fd-avatar\r\n        [transparent]=\"true\"\r\n        [size]=\"deviceSize === 's' ? 's' : 'm'\"\r\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellChecbox>\r\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\r\n</ng-template>\r\n<ng-template #renderChecboxImage>\r\n    @if (column.Extra?.TrueImage === '') {\r\n    {{ value }}\r\n    } @if (column.Extra?.TrueImage !== '') {\r\n    <img [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\" aling=\"middle\" />\r\n    }\r\n</ng-template>\r\n<ng-template #renderCellImage>\r\n    @if (mo[column.Name] && mo[column.Name]['Url']) {\r\n    <fd-avatar\r\n        [size]=\"column.FieldTypeId === '42' ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [transparent]=\"true\"\r\n        [image]=\"mo[column.Name]['Url']\"\r\n    ></fd-avatar>\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { _isSmall: [{
                 type: HostBinding,
                 args: ['class.isMobile']
@@ -4638,6 +4655,7 @@ class ReportViewRendererDirective extends BaseDirective {
             instance.moDataList = this.moDataList;
             instance.contextSetting = this.contextSetting;
             instance.groupby = this.groupby;
+            instance.simpleInlineEdit = this.simpleInlineEdit;
             instance.UlvMainCtrlr = this.UlvMainCtrlr;
             instance.pagingSetting = this.pagingSetting;
             instance.hideSearchpanel = this.hideSearchpanel;
@@ -4694,8 +4712,10 @@ class ReportViewRendererDirective extends BaseDirective {
             instance.resetWorkflowState?.pipe(takeUntil(this._onDestroy$)).subscribe((mo) => {
                 this.resetWorkflowState.emit(mo);
             });
-            instance.editFormPanelValueChange?.pipe(takeUntil(this._onDestroy$)).subscribe((mo) => {
-                this.editFormPanelValueChange.emit(mo);
+            instance.editFormPanelValueChange
+                ?.pipe(takeUntil(this._onDestroy$))
+                .subscribe(({ mo, fieldDbName }) => {
+                this.editFormPanelValueChange.emit({ mo, fieldDbName });
             });
             instance.selectNextInlineRecord?.pipe(takeUntil(this._onDestroy$)).subscribe((mo) => {
                 this.selectNextInlineRecord.emit(mo);
@@ -4767,7 +4787,7 @@ class ReportViewRendererDirective extends BaseDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ReportViewRendererDirective, deps: [{ token: i2.PortalService }, { token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: ReportViewRendererDirective, selector: "[reportViewRenderer]", inputs: { view: "view", moDataList: "moDataList", allChecked: "allChecked", contextSetting: "contextSetting", groupby: "groupby", isCheckList: "isCheckList", hasInlineDeleteButton: "hasInlineDeleteButton", hasInlineEditButton: "hasInlineEditButton", selectedCount: "selectedCount", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", pagingSetting: "pagingSetting", UlvMainCtrlr: "UlvMainCtrlr", hasSummary: "hasSummary", relationList: "relationList", columns: "columns", columnsCount: "columnsCount", secondaryColumns: "secondaryColumns", contextMenuItems: "contextMenuItems", conditionalFormats: "conditionalFormats", deviceName: "deviceName", deviceSize: "deviceSize", mobileOrTablet: "mobileOrTablet", access: "access", title: "title", customFieldInfo: "customFieldInfo", selectedMo: "selectedMo", allColumns: "allColumns", viewSetting: "viewSetting", inlineEditMode: "inlineEditMode", onlyInlineEdit: "onlyInlineEdit", allowInlineEdit: "allowInlineEdit", popin: "popin", hasSelected: "hasSelected", formSetting: "formSetting", disableOverflowContextMenu: "disableOverflowContextMenu", navigationArrow: "navigationArrow", typeDefId: "typeDefId", reportId: "reportId", listEditViewId: "listEditViewId", typeViewId: "typeViewId", containerWidth: "containerWidth", extraRelation: "extraRelation", contextView: "contextView", contentDensity: "contentDensity", hideOpenIcon: "hideOpenIcon", openOnClick: "openOnClick", inDialog: "inDialog", isMultiSelect: "isMultiSelect", rtl: "rtl", disableResponsive: "disableResponsive", hideSearchpanel: "hideSearchpanel", gridFreeColumnSizing: "gridFreeColumnSizing", cartableTemplates: "cartableTemplates", cartableChildsMo: "cartableChildsMo" }, outputs: { editFormPanelCancel: "editFormPanelCancel", editFormPanelValueChange: "editFormPanelValueChange", resetWorkflowState: "resetWorkflowState", ulvCommandClick: "ulvCommandClick", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter", deselectAll: "deselectAll", rowCheck: "rowCheck", rowClick: "rowClick", executeToolbarButton: "executeToolbarButton", expandClick: "expandClick", trackBySelectedFn: "trackBySelectedFn", cartableFormClosed: "cartableFormClosed", createNewMo: "createNewMo", updateMo: "updateMo", hasDetailsInRow: "hasDetailsInRow", allCheckbox: "allCheckbox", mandatory: "mandatory", editFormPanelSave: "editFormPanelSave", columnResized: "columnResized", selectNextInlineRecord: "selectNextInlineRecord", workflowShareButtons: "workflowShareButtons", escapeKey: "escapeKey", resetGridSettings: "resetGridSettings" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: ReportViewRendererDirective, selector: "[reportViewRenderer]", inputs: { view: "view", moDataList: "moDataList", allChecked: "allChecked", contextSetting: "contextSetting", groupby: "groupby", isCheckList: "isCheckList", hasInlineDeleteButton: "hasInlineDeleteButton", hasInlineEditButton: "hasInlineEditButton", selectedCount: "selectedCount", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", pagingSetting: "pagingSetting", UlvMainCtrlr: "UlvMainCtrlr", hasSummary: "hasSummary", relationList: "relationList", columns: "columns", columnsCount: "columnsCount", secondaryColumns: "secondaryColumns", contextMenuItems: "contextMenuItems", conditionalFormats: "conditionalFormats", deviceName: "deviceName", deviceSize: "deviceSize", mobileOrTablet: "mobileOrTablet", access: "access", title: "title", customFieldInfo: "customFieldInfo", selectedMo: "selectedMo", allColumns: "allColumns", viewSetting: "viewSetting", inlineEditMode: "inlineEditMode", onlyInlineEdit: "onlyInlineEdit", allowInlineEdit: "allowInlineEdit", popin: "popin", hasSelected: "hasSelected", formSetting: "formSetting", disableOverflowContextMenu: "disableOverflowContextMenu", navigationArrow: "navigationArrow", typeDefId: "typeDefId", reportId: "reportId", listEditViewId: "listEditViewId", typeViewId: "typeViewId", containerWidth: "containerWidth", extraRelation: "extraRelation", contextView: "contextView", contentDensity: "contentDensity", hideOpenIcon: "hideOpenIcon", openOnClick: "openOnClick", inDialog: "inDialog", isMultiSelect: "isMultiSelect", rtl: "rtl", disableResponsive: "disableResponsive", simpleInlineEdit: "simpleInlineEdit", hideSearchpanel: "hideSearchpanel", gridFreeColumnSizing: "gridFreeColumnSizing", cartableTemplates: "cartableTemplates", cartableChildsMo: "cartableChildsMo" }, outputs: { editFormPanelCancel: "editFormPanelCancel", editFormPanelValueChange: "editFormPanelValueChange", resetWorkflowState: "resetWorkflowState", ulvCommandClick: "ulvCommandClick", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter", deselectAll: "deselectAll", rowCheck: "rowCheck", rowClick: "rowClick", executeToolbarButton: "executeToolbarButton", expandClick: "expandClick", trackBySelectedFn: "trackBySelectedFn", cartableFormClosed: "cartableFormClosed", createNewMo: "createNewMo", updateMo: "updateMo", hasDetailsInRow: "hasDetailsInRow", allCheckbox: "allCheckbox", mandatory: "mandatory", editFormPanelSave: "editFormPanelSave", columnResized: "columnResized", selectNextInlineRecord: "selectNextInlineRecord", workflowShareButtons: "workflowShareButtons", escapeKey: "escapeKey", resetGridSettings: "resetGridSettings" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ReportViewRendererDirective, decorators: [{
             type: Directive,
@@ -4876,6 +4896,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                 type: Input
             }], disableResponsive: [{
                 type: Input
+            }], simpleInlineEdit: [{
+                type: Input
             }], hideSearchpanel: [{
                 type: Input
             }], gridFreeColumnSizing: [{
@@ -4958,11 +4980,11 @@ class UiReportContainerComponent extends SapUiReportBaseComponent {
         this.selectedView = uiComponent;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiReportContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiReportContainerComponent, selector: "bsu-ui-report-container", viewQueries: [{ propertyName: "tableView", first: true, predicate: ["renderTable"], descendants: true, static: true }, { propertyName: "cardListView", first: true, predicate: ["renderCardList"], descendants: true, static: true }, { propertyName: "listView", first: true, predicate: ["renderList"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            icon: viewSetting?.Icon,\n            rtl: rtl$ | async,\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\n            selectedView: selectedView,\n            viewCollection: viewCollection,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            contentDensity: contentDensity$ | async,\n            formLayout: layout$ | async,\n            hasSelected: hasSelected$ | async,\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\n            showCreateForm: viewSetting.ShowCreateForm,\n            hideOpenIcon: viewSetting.HideOpenIcon,\n            openOnClick: viewSetting.OpenOnClick,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            formSetting: context.Setting.FormTemplate,\n            extraRelation: context.Setting.Extra?.Relation,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            disableResponsive: viewSetting.DisableResponsive,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            contextSetting: context.Setting,\n            customFieldInfo: context.Setting.CustomFieldInfo,\n            selectedMo: selectedMo$ | async,\n            hideSearchpanel: hideSearchpanel$ | async,\n            selectedCount: selectedCount$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            hasInlineEditButton: viewSetting.HasInlineEditButton,\n            hasInlineDeleteButton: viewSetting.HasInlineDeleteButton,\n            pagingSetting: pagingSetting$ | async\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-onlyInlineEdit=\"onlyInlineEdit\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-selectedView=\"selectedView\"\n    let-viewCollection=\"viewCollection\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formLayout=\"formLayout\"\n    let-hasSelected=\"hasSelected\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-hasSummary=\"hasSummary\"\n    let-typeDefId=\"typeDefId\"\n    let-formSetting=\"formSetting\"\n    let-extraRelation=\"extraRelation\"\n    let-contextView=\"contextView\"\n    let-showCreateForm=\"showCreateForm\"\n    let-hideOpenIcon=\"hideOpenIcon\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-openOnClick=\"openOnClick\"\n    let-disableResponsive=\"disableResponsive\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-customFieldInfo=\"customFieldInfo\"\n    let-selectedMo=\"selectedMo\"\n    let-selectedCount=\"selectedCount\"\n    let-hideSearchpanel=\"hideSearchpanel\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n    let-hasInlineDeleteButton=\"hasInlineDeleteButton\"\n    let-hasInlineEditButton=\"hasInlineEditButton\"\n    let-contextSetting=\"contextSetting\"\n    let-icon=\"icon\"\n>\n    @if (showCreateForm) {\n    <div>\n        <bsu-report-new-top-form\n            [extraRelation]=\"extraRelation\"\n            [moDataListCount]=\"moDataList.length\"\n            [selectedMo]=\"selectedMo\"\n            [formSetting]=\"formSetting\"\n            [typeDefId]=\"typeDefId\"\n            [inlineEditMode]=\"true\"\n            [isChecked]=\"true\"\n            (add)=\"onNewTopFormAdd($event)\"\n            (save)=\"onSaveTopForm($event)\"\n        ></bsu-report-new-top-form>\n    </div>\n    }\n    <bsu-ulv-toolbar\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [icon]=\"icon\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [viewCollection]=\"viewCollection\"\n        [reportView]=\"selectedView\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        (sortClick)=\"onSortSettings($event)\"\n        (groupbyClick)=\"onGroupbySettings($event)\"\n        (columnClick)=\"onColumnSettings($event)\"\n        (editModeClick)=\"onEditMode()\"\n        (viewClick)=\"onChangeView($event)\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n\n    <div\n        reportViewRenderer\n        class=\"report-view\"\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [hideToolbar]=\"hideToolbar\"\n        [hasInlineDeleteButton]=\"hasInlineDeleteButton\"\n        [hasInlineEditButton]=\"hasInlineEditButton\"\n        [contextSetting]=\"contextSetting\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [pagingSetting]=\"pagingSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [reportId]=\"reportId\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [hideSearchpanel]=\"hideSearchpanel\"\n        [selectedMo]=\"selectedMo\"\n        [selectedCount]=\"selectedCount\"\n        [hasSelected]=\"hasSelected\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [customFieldInfo]=\"customFieldInfo\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [openOnClick]=\"openOnClick\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [extraRelation]=\"extraRelation\"\n        [typeDefId]=\"typeDefId\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [view]=\"selectedView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [contentDensity]=\"contentDensity\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [formSetting]=\"formSetting\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [rtl]=\"rtl\"\n        [allColumns]=\"allColumns\"\n        [hasSummary]=\"hasSummary\"\n        [columnsCount]=\"columnsCount\"\n        [formLayout]=\"formLayout\"\n        [disableResponsive]=\"disableResponsive\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n        (createNewMo)=\"onCreateNewMo()\"\n        (updateMo)=\"onUpdateMo($event)\"\n        (mandatory)=\"onMandatory($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (resetGridSettings)=\"onResetGridSettings()\"\n    ></div>\n</ng-template>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}.view-row{cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.5rem;background-color:var(--sapBaseColor)}.header span{font-size:1.7rem;font-weight:300}.btn-margin{margin:0 8px 0 0}.table-header-btn-group{display:flex;justify-content:flex-end;flex-grow:1}.context-command{margin:0 2px}.body-wrapper,.body-wrapper table{width:100%}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.root-grouped{color:green}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.single-select{min-width:2rem;max-width:2rem;width:2rem;text-align:center}.grid-editable-btn-group{display:flex;justify-content:space-evenly;align-items:center}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}::ng-deep span.fd-toolbar__spacer{display:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "icon", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: ReportNewTopFormComponent, selector: "bsu-report-new-top-form", inputs: ["selectedMo"], outputs: ["add", "save"] }, { kind: "directive", type: ReportViewRendererDirective, selector: "[reportViewRenderer]", inputs: ["view", "moDataList", "allChecked", "contextSetting", "groupby", "isCheckList", "hasInlineDeleteButton", "hasInlineEditButton", "selectedCount", "hideToolbar", "toolbarButtons", "pagingSetting", "UlvMainCtrlr", "hasSummary", "relationList", "columns", "columnsCount", "secondaryColumns", "contextMenuItems", "conditionalFormats", "deviceName", "deviceSize", "mobileOrTablet", "access", "title", "customFieldInfo", "selectedMo", "allColumns", "viewSetting", "inlineEditMode", "onlyInlineEdit", "allowInlineEdit", "popin", "hasSelected", "formSetting", "disableOverflowContextMenu", "navigationArrow", "typeDefId", "reportId", "listEditViewId", "typeViewId", "containerWidth", "extraRelation", "contextView", "contentDensity", "hideOpenIcon", "openOnClick", "inDialog", "isMultiSelect", "rtl", "disableResponsive", "hideSearchpanel", "gridFreeColumnSizing", "cartableTemplates", "cartableChildsMo"], outputs: ["editFormPanelCancel", "editFormPanelValueChange", "resetWorkflowState", "ulvCommandClick", "sortAscending", "sortDescending", "filter", "deselectAll", "rowCheck", "rowClick", "executeToolbarButton", "expandClick", "trackBySelectedFn", "cartableFormClosed", "createNewMo", "updateMo", "hasDetailsInRow", "allCheckbox", "mandatory", "editFormPanelSave", "columnResized", "selectNextInlineRecord", "workflowShareButtons", "escapeKey", "resetGridSettings"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiReportContainerComponent, selector: "bsu-ui-report-container", viewQueries: [{ propertyName: "tableView", first: true, predicate: ["renderTable"], descendants: true, static: true }, { propertyName: "cardListView", first: true, predicate: ["renderCardList"], descendants: true, static: true }, { propertyName: "listView", first: true, predicate: ["renderList"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            icon: viewSetting?.Icon,\n            rtl: rtl$ | async,\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\n            selectedView: selectedView,\n            viewCollection: viewCollection,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            contentDensity: contentDensity$ | async,\n            formLayout: layout$ | async,\n            hasSelected: hasSelected$ | async,\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\n            showCreateForm: viewSetting.ShowCreateForm,\n            hideOpenIcon: viewSetting.HideOpenIcon,\n            openOnClick: viewSetting.OpenOnClick,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            formSetting: context.Setting.FormTemplate,\n            extraRelation: context.Setting.Extra?.Relation,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            disableResponsive: viewSetting.DisableResponsive,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            contextSetting: context.Setting,\n            customFieldInfo: context.Setting.CustomFieldInfo,\n            selectedMo: selectedMo$ | async,\n            hideSearchpanel: hideSearchpanel$ | async,\n            selectedCount: selectedCount$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            hasInlineEditButton: viewSetting.HasInlineEditButton,\n            hasInlineDeleteButton: viewSetting.HasInlineDeleteButton,\n            pagingSetting: pagingSetting$ | async,\n            simpleInlineEdit: simpleInlineEdit\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-onlyInlineEdit=\"onlyInlineEdit\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-selectedView=\"selectedView\"\n    let-viewCollection=\"viewCollection\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formLayout=\"formLayout\"\n    let-hasSelected=\"hasSelected\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-hasSummary=\"hasSummary\"\n    let-typeDefId=\"typeDefId\"\n    let-formSetting=\"formSetting\"\n    let-extraRelation=\"extraRelation\"\n    let-contextView=\"contextView\"\n    let-showCreateForm=\"showCreateForm\"\n    let-hideOpenIcon=\"hideOpenIcon\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-openOnClick=\"openOnClick\"\n    let-disableResponsive=\"disableResponsive\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-customFieldInfo=\"customFieldInfo\"\n    let-selectedMo=\"selectedMo\"\n    let-selectedCount=\"selectedCount\"\n    let-hideSearchpanel=\"hideSearchpanel\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n    let-hasInlineDeleteButton=\"hasInlineDeleteButton\"\n    let-hasInlineEditButton=\"hasInlineEditButton\"\n    let-contextSetting=\"contextSetting\"\n    let-icon=\"icon\"\n    let-simpleInlineEdit=\"simpleInlineEdit\"\n>\n    @if (showCreateForm) {\n    <div>\n        <bsu-report-new-top-form\n            [extraRelation]=\"extraRelation\"\n            [moDataListCount]=\"moDataList.length\"\n            [selectedMo]=\"selectedMo\"\n            [formSetting]=\"formSetting\"\n            [typeDefId]=\"typeDefId\"\n            [inlineEditMode]=\"true\"\n            [isChecked]=\"true\"\n            (add)=\"onNewTopFormAdd($event)\"\n            (save)=\"onSaveTopForm($event)\"\n        ></bsu-report-new-top-form>\n    </div>\n    }\n    <bsu-ulv-toolbar\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [icon]=\"icon\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [viewCollection]=\"viewCollection\"\n        [reportView]=\"selectedView\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        (sortClick)=\"onSortSettings($event)\"\n        (groupbyClick)=\"onGroupbySettings($event)\"\n        (columnClick)=\"onColumnSettings($event)\"\n        (editModeClick)=\"onEditMode()\"\n        (viewClick)=\"onChangeView($event)\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n\n    <div\n        reportViewRenderer\n        [simpleInlineEdit]=\"simpleInlineEdit\"\n        class=\"report-view\"\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [hideToolbar]=\"hideToolbar\"\n        [hasInlineDeleteButton]=\"hasInlineDeleteButton\"\n        [hasInlineEditButton]=\"hasInlineEditButton\"\n        [contextSetting]=\"contextSetting\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [pagingSetting]=\"pagingSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [reportId]=\"reportId\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [hideSearchpanel]=\"hideSearchpanel\"\n        [selectedMo]=\"selectedMo\"\n        [selectedCount]=\"selectedCount\"\n        [hasSelected]=\"hasSelected\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [customFieldInfo]=\"customFieldInfo\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [openOnClick]=\"openOnClick\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [extraRelation]=\"extraRelation\"\n        [typeDefId]=\"typeDefId\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [view]=\"selectedView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [contentDensity]=\"contentDensity\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [formSetting]=\"formSetting\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [rtl]=\"rtl\"\n        [allColumns]=\"allColumns\"\n        [hasSummary]=\"hasSummary\"\n        [columnsCount]=\"columnsCount\"\n        [formLayout]=\"formLayout\"\n        [disableResponsive]=\"disableResponsive\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n        (createNewMo)=\"onCreateNewMo()\"\n        (updateMo)=\"onUpdateMo($event)\"\n        (mandatory)=\"onMandatory($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (resetGridSettings)=\"onResetGridSettings()\"\n    ></div>\n</ng-template>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}.view-row{cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.5rem;background-color:var(--sapBaseColor)}.header span{font-size:1.7rem;font-weight:300}.btn-margin{margin:0 8px 0 0}.table-header-btn-group{display:flex;justify-content:flex-end;flex-grow:1}.context-command{margin:0 2px}.body-wrapper,.body-wrapper table{width:100%}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.root-grouped{color:green}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.single-select{min-width:2rem;max-width:2rem;width:2rem;text-align:center}.grid-editable-btn-group{display:flex;justify-content:space-evenly;align-items:center}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}::ng-deep span.fd-toolbar__spacer{display:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "icon", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: ReportNewTopFormComponent, selector: "bsu-report-new-top-form", inputs: ["selectedMo"], outputs: ["add", "save"] }, { kind: "directive", type: ReportViewRendererDirective, selector: "[reportViewRenderer]", inputs: ["view", "moDataList", "allChecked", "contextSetting", "groupby", "isCheckList", "hasInlineDeleteButton", "hasInlineEditButton", "selectedCount", "hideToolbar", "toolbarButtons", "pagingSetting", "UlvMainCtrlr", "hasSummary", "relationList", "columns", "columnsCount", "secondaryColumns", "contextMenuItems", "conditionalFormats", "deviceName", "deviceSize", "mobileOrTablet", "access", "title", "customFieldInfo", "selectedMo", "allColumns", "viewSetting", "inlineEditMode", "onlyInlineEdit", "allowInlineEdit", "popin", "hasSelected", "formSetting", "disableOverflowContextMenu", "navigationArrow", "typeDefId", "reportId", "listEditViewId", "typeViewId", "containerWidth", "extraRelation", "contextView", "contentDensity", "hideOpenIcon", "openOnClick", "inDialog", "isMultiSelect", "rtl", "disableResponsive", "simpleInlineEdit", "hideSearchpanel", "gridFreeColumnSizing", "cartableTemplates", "cartableChildsMo"], outputs: ["editFormPanelCancel", "editFormPanelValueChange", "resetWorkflowState", "ulvCommandClick", "sortAscending", "sortDescending", "filter", "deselectAll", "rowCheck", "rowClick", "executeToolbarButton", "expandClick", "trackBySelectedFn", "cartableFormClosed", "createNewMo", "updateMo", "hasDetailsInRow", "allCheckbox", "mandatory", "editFormPanelSave", "columnResized", "selectNextInlineRecord", "workflowShareButtons", "escapeKey", "resetGridSettings"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiReportContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-report-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            icon: viewSetting?.Icon,\n            rtl: rtl$ | async,\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\n            selectedView: selectedView,\n            viewCollection: viewCollection,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            contentDensity: contentDensity$ | async,\n            formLayout: layout$ | async,\n            hasSelected: hasSelected$ | async,\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\n            showCreateForm: viewSetting.ShowCreateForm,\n            hideOpenIcon: viewSetting.HideOpenIcon,\n            openOnClick: viewSetting.OpenOnClick,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            formSetting: context.Setting.FormTemplate,\n            extraRelation: context.Setting.Extra?.Relation,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            disableResponsive: viewSetting.DisableResponsive,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            contextSetting: context.Setting,\n            customFieldInfo: context.Setting.CustomFieldInfo,\n            selectedMo: selectedMo$ | async,\n            hideSearchpanel: hideSearchpanel$ | async,\n            selectedCount: selectedCount$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            hasInlineEditButton: viewSetting.HasInlineEditButton,\n            hasInlineDeleteButton: viewSetting.HasInlineDeleteButton,\n            pagingSetting: pagingSetting$ | async\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-onlyInlineEdit=\"onlyInlineEdit\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-selectedView=\"selectedView\"\n    let-viewCollection=\"viewCollection\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formLayout=\"formLayout\"\n    let-hasSelected=\"hasSelected\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-hasSummary=\"hasSummary\"\n    let-typeDefId=\"typeDefId\"\n    let-formSetting=\"formSetting\"\n    let-extraRelation=\"extraRelation\"\n    let-contextView=\"contextView\"\n    let-showCreateForm=\"showCreateForm\"\n    let-hideOpenIcon=\"hideOpenIcon\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-openOnClick=\"openOnClick\"\n    let-disableResponsive=\"disableResponsive\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-customFieldInfo=\"customFieldInfo\"\n    let-selectedMo=\"selectedMo\"\n    let-selectedCount=\"selectedCount\"\n    let-hideSearchpanel=\"hideSearchpanel\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n    let-hasInlineDeleteButton=\"hasInlineDeleteButton\"\n    let-hasInlineEditButton=\"hasInlineEditButton\"\n    let-contextSetting=\"contextSetting\"\n    let-icon=\"icon\"\n>\n    @if (showCreateForm) {\n    <div>\n        <bsu-report-new-top-form\n            [extraRelation]=\"extraRelation\"\n            [moDataListCount]=\"moDataList.length\"\n            [selectedMo]=\"selectedMo\"\n            [formSetting]=\"formSetting\"\n            [typeDefId]=\"typeDefId\"\n            [inlineEditMode]=\"true\"\n            [isChecked]=\"true\"\n            (add)=\"onNewTopFormAdd($event)\"\n            (save)=\"onSaveTopForm($event)\"\n        ></bsu-report-new-top-form>\n    </div>\n    }\n    <bsu-ulv-toolbar\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [icon]=\"icon\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [viewCollection]=\"viewCollection\"\n        [reportView]=\"selectedView\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        (sortClick)=\"onSortSettings($event)\"\n        (groupbyClick)=\"onGroupbySettings($event)\"\n        (columnClick)=\"onColumnSettings($event)\"\n        (editModeClick)=\"onEditMode()\"\n        (viewClick)=\"onChangeView($event)\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n\n    <div\n        reportViewRenderer\n        class=\"report-view\"\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [hideToolbar]=\"hideToolbar\"\n        [hasInlineDeleteButton]=\"hasInlineDeleteButton\"\n        [hasInlineEditButton]=\"hasInlineEditButton\"\n        [contextSetting]=\"contextSetting\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [pagingSetting]=\"pagingSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [reportId]=\"reportId\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [hideSearchpanel]=\"hideSearchpanel\"\n        [selectedMo]=\"selectedMo\"\n        [selectedCount]=\"selectedCount\"\n        [hasSelected]=\"hasSelected\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [customFieldInfo]=\"customFieldInfo\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [openOnClick]=\"openOnClick\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [extraRelation]=\"extraRelation\"\n        [typeDefId]=\"typeDefId\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [view]=\"selectedView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [contentDensity]=\"contentDensity\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [formSetting]=\"formSetting\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [rtl]=\"rtl\"\n        [allColumns]=\"allColumns\"\n        [hasSummary]=\"hasSummary\"\n        [columnsCount]=\"columnsCount\"\n        [formLayout]=\"formLayout\"\n        [disableResponsive]=\"disableResponsive\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n        (createNewMo)=\"onCreateNewMo()\"\n        (updateMo)=\"onUpdateMo($event)\"\n        (mandatory)=\"onMandatory($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (resetGridSettings)=\"onResetGridSettings()\"\n    ></div>\n</ng-template>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}.view-row{cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.5rem;background-color:var(--sapBaseColor)}.header span{font-size:1.7rem;font-weight:300}.btn-margin{margin:0 8px 0 0}.table-header-btn-group{display:flex;justify-content:flex-end;flex-grow:1}.context-command{margin:0 2px}.body-wrapper,.body-wrapper table{width:100%}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.root-grouped{color:green}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.single-select{min-width:2rem;max-width:2rem;width:2rem;text-align:center}.grid-editable-btn-group{display:flex;justify-content:space-evenly;align-items:center}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}::ng-deep span.fd-toolbar__spacer{display:none}\n"] }]
+            args: [{ selector: 'bsu-ui-report-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            icon: viewSetting?.Icon,\n            rtl: rtl$ | async,\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\n            selectedView: selectedView,\n            viewCollection: viewCollection,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            contentDensity: contentDensity$ | async,\n            formLayout: layout$ | async,\n            hasSelected: hasSelected$ | async,\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\n            showCreateForm: viewSetting.ShowCreateForm,\n            hideOpenIcon: viewSetting.HideOpenIcon,\n            openOnClick: viewSetting.OpenOnClick,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            formSetting: context.Setting.FormTemplate,\n            extraRelation: context.Setting.Extra?.Relation,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            disableResponsive: viewSetting.DisableResponsive,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            contextSetting: context.Setting,\n            customFieldInfo: context.Setting.CustomFieldInfo,\n            selectedMo: selectedMo$ | async,\n            hideSearchpanel: hideSearchpanel$ | async,\n            selectedCount: selectedCount$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            hasInlineEditButton: viewSetting.HasInlineEditButton,\n            hasInlineDeleteButton: viewSetting.HasInlineDeleteButton,\n            pagingSetting: pagingSetting$ | async,\n            simpleInlineEdit: simpleInlineEdit\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-onlyInlineEdit=\"onlyInlineEdit\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-selectedView=\"selectedView\"\n    let-viewCollection=\"viewCollection\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formLayout=\"formLayout\"\n    let-hasSelected=\"hasSelected\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-hasSummary=\"hasSummary\"\n    let-typeDefId=\"typeDefId\"\n    let-formSetting=\"formSetting\"\n    let-extraRelation=\"extraRelation\"\n    let-contextView=\"contextView\"\n    let-showCreateForm=\"showCreateForm\"\n    let-hideOpenIcon=\"hideOpenIcon\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-openOnClick=\"openOnClick\"\n    let-disableResponsive=\"disableResponsive\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-customFieldInfo=\"customFieldInfo\"\n    let-selectedMo=\"selectedMo\"\n    let-selectedCount=\"selectedCount\"\n    let-hideSearchpanel=\"hideSearchpanel\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n    let-hasInlineDeleteButton=\"hasInlineDeleteButton\"\n    let-hasInlineEditButton=\"hasInlineEditButton\"\n    let-contextSetting=\"contextSetting\"\n    let-icon=\"icon\"\n    let-simpleInlineEdit=\"simpleInlineEdit\"\n>\n    @if (showCreateForm) {\n    <div>\n        <bsu-report-new-top-form\n            [extraRelation]=\"extraRelation\"\n            [moDataListCount]=\"moDataList.length\"\n            [selectedMo]=\"selectedMo\"\n            [formSetting]=\"formSetting\"\n            [typeDefId]=\"typeDefId\"\n            [inlineEditMode]=\"true\"\n            [isChecked]=\"true\"\n            (add)=\"onNewTopFormAdd($event)\"\n            (save)=\"onSaveTopForm($event)\"\n        ></bsu-report-new-top-form>\n    </div>\n    }\n    <bsu-ulv-toolbar\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [icon]=\"icon\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [viewCollection]=\"viewCollection\"\n        [reportView]=\"selectedView\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        (sortClick)=\"onSortSettings($event)\"\n        (groupbyClick)=\"onGroupbySettings($event)\"\n        (columnClick)=\"onColumnSettings($event)\"\n        (editModeClick)=\"onEditMode()\"\n        (viewClick)=\"onChangeView($event)\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n\n    <div\n        reportViewRenderer\n        [simpleInlineEdit]=\"simpleInlineEdit\"\n        class=\"report-view\"\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [hideToolbar]=\"hideToolbar\"\n        [hasInlineDeleteButton]=\"hasInlineDeleteButton\"\n        [hasInlineEditButton]=\"hasInlineEditButton\"\n        [contextSetting]=\"contextSetting\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [pagingSetting]=\"pagingSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [reportId]=\"reportId\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [hideSearchpanel]=\"hideSearchpanel\"\n        [selectedMo]=\"selectedMo\"\n        [selectedCount]=\"selectedCount\"\n        [hasSelected]=\"hasSelected\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [customFieldInfo]=\"customFieldInfo\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [openOnClick]=\"openOnClick\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [extraRelation]=\"extraRelation\"\n        [typeDefId]=\"typeDefId\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [view]=\"selectedView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [contentDensity]=\"contentDensity\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [formSetting]=\"formSetting\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [rtl]=\"rtl\"\n        [allColumns]=\"allColumns\"\n        [hasSummary]=\"hasSummary\"\n        [columnsCount]=\"columnsCount\"\n        [formLayout]=\"formLayout\"\n        [disableResponsive]=\"disableResponsive\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n        (createNewMo)=\"onCreateNewMo()\"\n        (updateMo)=\"onUpdateMo($event)\"\n        (mandatory)=\"onMandatory($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (resetGridSettings)=\"onResetGridSettings()\"\n    ></div>\n</ng-template>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}.view-row{cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.5rem;background-color:var(--sapBaseColor)}.header span{font-size:1.7rem;font-weight:300}.btn-margin{margin:0 8px 0 0}.table-header-btn-group{display:flex;justify-content:flex-end;flex-grow:1}.context-command{margin:0 2px}.body-wrapper,.body-wrapper table{width:100%}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.root-grouped{color:green}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.single-select{min-width:2rem;max-width:2rem;width:2rem;text-align:center}.grid-editable-btn-group{display:flex;justify-content:space-evenly;align-items:center}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}::ng-deep span.fd-toolbar__spacer{display:none}\n"] }]
         }], propDecorators: { tableView: [{
                 type: ViewChild,
                 args: ['renderTable', { static: true }]
@@ -5039,11 +5061,11 @@ class CardItemComponent extends BaseViewItemPropsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardItemComponent, selector: "bsu-card-item", inputs: { setting: "setting" }, providers: [FormPanelService], viewQueries: [{ propertyName: "_quickViewTemplate", first: true, predicate: ["quickViewTemplate"], descendants: true, static: true }, { propertyName: "_contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-card\n    [cardType]=\"setting.CardType$Caption\"\n    class=\"docs-flex-item-margin\"\n    [class.openOnClick]=\"setting.openOnClick\"\n    [style.width]=\"cardWidth\"\n    [style.min-width]=\"minWidth\"\n    [style.max-width]=\"maxWidth\"\n>\n    <ng-container\n        *ngTemplateOutlet=\"\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\n            context: {\n                $implicit: mo,\n                index: this.index\n            }\n        \"\n    ></ng-container>\n\n    @if (!noContent || contextMenuItems) {\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify>\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\n                    context: {\n                        $implicit: mo,\n                        index: this.index\n                    }\n                \"\n            ></ng-container>\n        </div>\n        @if (contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n        <div\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [footerMode]=\"true\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"styleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"onUlvCommand()\"\n        ></div>\n        }\n    </fd-card-content>\n    }\n</fd-card>\n\n<ng-template #columnTemplate let-column let-mo=\"mo\" let-index=\"index\" let-layout94=\"layout94\"\n    >@if (column) {\n    <div\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [isChecked]=\"isChecked\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n    }\n</ng-template>\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\n    @if (!noContent) {\n    <fd-quick-view [id]=\"'id'\">\n        <fd-quick-view-group>\n            @if (setting.Avatar || setting.AvatarField || setting.TitleField || setting.SubtitleField) {\n            <fd-quick-view-subheader>\n                @if (setting.AvatarField || setting.Avatar) {\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [circle]=\"setting.CircleAvatar\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"\n                        deviceSize === 'xl' || deviceSize === 'l'\n                            ? setting.AvatarSizeDesktop$Caption\n                            : setting.AvatarSize$Caption\n                    \"\n                    [glyph]=\"\n                        setting.Avatar ||\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n                } @if (setting.TitleField) {\n                <fd-quick-view-subheader-title>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-title>\n                } @if (setting.SubtitleField) {\n                <fd-quick-view-subheader-subtitle>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-subtitle>\n                }\n            </fd-quick-view-subheader>\n            } @for (column of setting.FieldListMapped; track column) {\n            <fd-quick-view-group-item>\n                @if (column) {\n                <fd-quick-view-group-item-label>\n                    {{ column.Caption | bbbTranslate }}\n                </fd-quick-view-group-item-label>\n                <fd-quick-view-group-item-content>\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: column,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            } @if (setting.DescriptionField) {\n            <fd-quick-view-group-item>\n                <fd-quick-view-group-item-content>\n                    @if (inlineEditMode && allowInlineEdit) {\n                    <fd-quick-view-group-item-label>\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                    </fd-quick-view-group-item-label>\n                    }\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.DescriptionField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                @if (setting.ActionFieldNameField) {\n                <fd-quick-view-group-item-content\n                    class=\"action\"\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\n                >\n                    <a fd-link>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.ActionFieldNameField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </a>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            }\n        </fd-quick-view-group>\n    </fd-quick-view>\n    }\n</ng-template>\n<ng-template #contentTemplate let-mo let-index=\"index\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow style=\"align-items: center\">\n            <div [fdLayoutGridCol]=\"deviceSize | avatarGridCol\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        avatar;\n                        context: {\n                            $implicit: setting.Avatar,\n                            visible: setting.AvatarField || setting.Avatar,\n                            circle: setting.CircleAvatar,\n                            avatarField: setting.AvatarField\n                        }\n                    \"\n                ></ng-container>\n            </div>\n\n            <div [fdLayoutGridCol]=\"deviceSize | avatarGridCol: false\">\n                @if (setting.TitleField) {\n                <span style=\"font-weight: bold\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n                } @if (setting.SubtitleField) {\n                <span>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n                }\n            </div>\n\n            <div [fdLayoutGridCol]=\"12\">\n                @for (column of setting.FieldListMapped; track column) {\n                <div style=\"display: flex\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-11\">{{ column.Caption | bbbTranslate }}</label>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: column,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n                }\n            </div>\n            @if (setting.DescriptionField) {\n            <div [fdLayoutGridCol]=\"12\">\n                @if (inlineEditMode && allowInlineEdit) {\n                <label>\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                </label>\n                }\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.DescriptionField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </div>\n            }\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\n    @if (visible) {\n    <fd-avatar\n        alterIcon=\"alt|content|backup|default-icon\"\n        [circle]=\"circle\"\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\n        [size]=\"\n            deviceSize === 'xl' || deviceSize === 'l' ? setting.AvatarSizeDesktop$Caption : setting.AvatarSize$Caption\n        \"\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\n    >\n    </fd-avatar>\n    }\n</ng-template>\n\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.ContentComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.ContentComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n\n<ng-template #renderHeader let-mo let-index=\"index\">\n    @if ( (isCheckList || deviceName !== 'desktop' || (contextMenuItems && contextMenuItems.length > 0 &&\n    !contextMenuInFooter)) && !(!isCheckList && openOnClick && !contextMenuItems?.length) ) {\n    <fd-card-header>\n        <div\n            fd-card-title\n            [style.justify-content]=\"!isCheckList && canView && deviceName !== 'desktop' ? 'left' : 'space-between'\"\n        >\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n                @if (isCheckList) {\n                <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n                } @if (!contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n                <div\n                    ulvContextMenu\n                    [allColumns]=\"allColumns\"\n                    [menuItems]=\"contextMenuItems\"\n                    [styleIndex]=\"styleIndex\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></div>\n                }\n            </div>\n            @if (canView) {\n            <button\n                fd-button\n                class=\"view-btn\"\n                (click)=\"onRowClick()\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n            }\n        </div>\n    </fd-card-header>\n    }\n</ng-template>\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.HeaderComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.HeaderComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n", styles: ["fd-card:hover{box-shadow:0 0 0 .0625rem #2235487a,0 .625rem 1.875rem #22354840}fd-card fd-card-content{padding:0!important}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i3$3.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2$4.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i5$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i5$3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i4$2.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$2.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$2.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i11.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i11.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i11.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i11.QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle" }, { kind: "component", type: i11.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i11.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i11.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i11.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i11.QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]" }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }, { kind: "pipe", type: AvatarGridColPipe, name: "avatarGridCol" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardItemComponent, selector: "bsu-card-item", inputs: { setting: "setting" }, providers: [FormPanelService], viewQueries: [{ propertyName: "_quickViewTemplate", first: true, predicate: ["quickViewTemplate"], descendants: true, static: true }, { propertyName: "_contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-card\n    [cardType]=\"setting.CardType$Caption\"\n    class=\"docs-flex-item-margin\"\n    [class.openOnClick]=\"setting.openOnClick\"\n    [style.width]=\"cardWidth\"\n    [style.min-width]=\"minWidth\"\n    [style.max-width]=\"maxWidth\"\n>\n    <ng-container\n        *ngTemplateOutlet=\"\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\n            context: {\n                $implicit: mo,\n                index: this.index\n            }\n        \"\n    ></ng-container>\n\n    @if (!noContent || contextMenuItems) {\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify>\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\n                    context: {\n                        $implicit: mo,\n                        index: this.index\n                    }\n                \"\n            ></ng-container>\n        </div>\n        @if (contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n        <div\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [footerMode]=\"true\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"styleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"onUlvCommand()\"\n        ></div>\n        }\n    </fd-card-content>\n    }\n</fd-card>\n\n<ng-template #columnTemplate let-column let-mo=\"mo\" let-index=\"index\" let-layout94=\"layout94\"\n    >@if (column) {\n    <div\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [isChecked]=\"isChecked\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n    }\n</ng-template>\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\n    @if (!noContent) {\n    <fd-quick-view [id]=\"'id'\">\n        <fd-quick-view-group>\n            @if (setting.Avatar || setting.AvatarField || setting.TitleField || setting.SubtitleField) {\n            <fd-quick-view-subheader>\n                @if (setting.AvatarField || setting.Avatar) {\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [circle]=\"setting.CircleAvatar\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"\n                        deviceSize === 'xl' || deviceSize === 'l'\n                            ? setting.AvatarSizeDesktop$Caption\n                            : setting.AvatarSize$Caption\n                    \"\n                    [glyph]=\"\n                        setting.Avatar ||\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n                } @if (setting.TitleField) {\n                <fd-quick-view-subheader-title>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-title>\n                } @if (setting.SubtitleField) {\n                <fd-quick-view-subheader-subtitle>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-subtitle>\n                }\n            </fd-quick-view-subheader>\n            } @for (column of setting.FieldListMapped; track column) {\n            <fd-quick-view-group-item>\n                @if (column) {\n                <fd-quick-view-group-item-label>\n                    {{ column.Caption | bbbTranslate }}\n                </fd-quick-view-group-item-label>\n                <fd-quick-view-group-item-content>\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: column,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            } @if (setting.DescriptionField) {\n            <fd-quick-view-group-item>\n                <fd-quick-view-group-item-content>\n                    @if (inlineEditMode && allowInlineEdit) {\n                    <fd-quick-view-group-item-label>\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                    </fd-quick-view-group-item-label>\n                    }\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.DescriptionField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                @if (setting.ActionFieldNameField) {\n                <fd-quick-view-group-item-content\n                    class=\"action\"\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\n                >\n                    <a fd-link>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.ActionFieldNameField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </a>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            }\n        </fd-quick-view-group>\n    </fd-quick-view>\n    }\n</ng-template>\n<ng-template #contentTemplate let-mo let-index=\"index\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow style=\"align-items: center\">\n            <div [fdLayoutGridCol]=\"deviceSize | avatarGridCol\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        avatar;\n                        context: {\n                            $implicit: setting.Avatar,\n                            visible: setting.AvatarField || setting.Avatar,\n                            circle: setting.CircleAvatar,\n                            avatarField: setting.AvatarField\n                        }\n                    \"\n                ></ng-container>\n            </div>\n\n            <div [fdLayoutGridCol]=\"deviceSize | avatarGridCol: false\">\n                @if (setting.TitleField) {\n                <span style=\"font-weight: bold\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n                } @if (setting.SubtitleField) {\n                <span>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n                }\n            </div>\n\n            <div [fdLayoutGridCol]=\"12\">\n                @for (column of setting.FieldListMapped; track column) {\n                <div style=\"display: flex\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-11\">{{ column.Caption | bbbTranslate }}</label>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: column,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n                }\n            </div>\n            @if (setting.DescriptionField) {\n            <div [fdLayoutGridCol]=\"12\">\n                @if (inlineEditMode && allowInlineEdit) {\n                <label>\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                </label>\n                }\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.DescriptionField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </div>\n            }\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\n    @if (visible) {\n    <fd-avatar\n        alterIcon=\"alt|content|backup|default-icon\"\n        [circle]=\"circle\"\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\n        [size]=\"\n            deviceSize === 'xl' || deviceSize === 'l' ? setting.AvatarSizeDesktop$Caption : setting.AvatarSize$Caption\n        \"\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\n    >\n    </fd-avatar>\n    }\n</ng-template>\n\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.ContentComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.ContentComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n\n<ng-template #renderHeader let-mo let-index=\"index\">\n    @if ( (isCheckList || deviceName !== 'desktop' || (contextMenuItems && contextMenuItems.length > 0 &&\n    !contextMenuInFooter)) && !(!isCheckList && openOnClick && !contextMenuItems?.length) ) {\n    <fd-card-header>\n        <div\n            fd-card-title\n            [style.justify-content]=\"!isCheckList && canView && deviceName !== 'desktop' ? 'left' : 'space-between'\"\n        >\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n                @if (isCheckList) {\n                <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n                } @if (!contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n                <div\n                    ulvContextMenu\n                    [allColumns]=\"allColumns\"\n                    [menuItems]=\"contextMenuItems\"\n                    [styleIndex]=\"styleIndex\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></div>\n                }\n            </div>\n            @if (canView) {\n            <button\n                fd-button\n                class=\"view-btn\"\n                (click)=\"onRowClick()\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n            }\n        </div>\n    </fd-card-header>\n    }\n</ng-template>\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.HeaderComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.HeaderComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n", styles: ["fd-card:hover{box-shadow:0 0 0 .0625rem #2235487a,0 .625rem 1.875rem #22354840}fd-card fd-card-content{padding:0!important}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i3$3.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i2$4.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i5$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i5$3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i4$2.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$2.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$2.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i11.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i11.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i11.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i11.QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle" }, { kind: "component", type: i11.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i11.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i11.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i11.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i11.QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]" }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }, { kind: "pipe", type: AvatarGridColPipe, name: "avatarGridCol" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-card-item', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card\n    [cardType]=\"setting.CardType$Caption\"\n    class=\"docs-flex-item-margin\"\n    [class.openOnClick]=\"setting.openOnClick\"\n    [style.width]=\"cardWidth\"\n    [style.min-width]=\"minWidth\"\n    [style.max-width]=\"maxWidth\"\n>\n    <ng-container\n        *ngTemplateOutlet=\"\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\n            context: {\n                $implicit: mo,\n                index: this.index\n            }\n        \"\n    ></ng-container>\n\n    @if (!noContent || contextMenuItems) {\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify>\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\n                    context: {\n                        $implicit: mo,\n                        index: this.index\n                    }\n                \"\n            ></ng-container>\n        </div>\n        @if (contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n        <div\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [footerMode]=\"true\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"styleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"onUlvCommand()\"\n        ></div>\n        }\n    </fd-card-content>\n    }\n</fd-card>\n\n<ng-template #columnTemplate let-column let-mo=\"mo\" let-index=\"index\" let-layout94=\"layout94\"\n    >@if (column) {\n    <div\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [isChecked]=\"isChecked\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n    }\n</ng-template>\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\n    @if (!noContent) {\n    <fd-quick-view [id]=\"'id'\">\n        <fd-quick-view-group>\n            @if (setting.Avatar || setting.AvatarField || setting.TitleField || setting.SubtitleField) {\n            <fd-quick-view-subheader>\n                @if (setting.AvatarField || setting.Avatar) {\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [circle]=\"setting.CircleAvatar\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"\n                        deviceSize === 'xl' || deviceSize === 'l'\n                            ? setting.AvatarSizeDesktop$Caption\n                            : setting.AvatarSize$Caption\n                    \"\n                    [glyph]=\"\n                        setting.Avatar ||\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n                } @if (setting.TitleField) {\n                <fd-quick-view-subheader-title>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-title>\n                } @if (setting.SubtitleField) {\n                <fd-quick-view-subheader-subtitle>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-subtitle>\n                }\n            </fd-quick-view-subheader>\n            } @for (column of setting.FieldListMapped; track column) {\n            <fd-quick-view-group-item>\n                @if (column) {\n                <fd-quick-view-group-item-label>\n                    {{ column.Caption | bbbTranslate }}\n                </fd-quick-view-group-item-label>\n                <fd-quick-view-group-item-content>\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: column,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            } @if (setting.DescriptionField) {\n            <fd-quick-view-group-item>\n                <fd-quick-view-group-item-content>\n                    @if (inlineEditMode && allowInlineEdit) {\n                    <fd-quick-view-group-item-label>\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                    </fd-quick-view-group-item-label>\n                    }\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.DescriptionField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                @if (setting.ActionFieldNameField) {\n                <fd-quick-view-group-item-content\n                    class=\"action\"\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\n                >\n                    <a fd-link>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.ActionFieldNameField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </a>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            }\n        </fd-quick-view-group>\n    </fd-quick-view>\n    }\n</ng-template>\n<ng-template #contentTemplate let-mo let-index=\"index\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow style=\"align-items: center\">\n            <div [fdLayoutGridCol]=\"deviceSize | avatarGridCol\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        avatar;\n                        context: {\n                            $implicit: setting.Avatar,\n                            visible: setting.AvatarField || setting.Avatar,\n                            circle: setting.CircleAvatar,\n                            avatarField: setting.AvatarField\n                        }\n                    \"\n                ></ng-container>\n            </div>\n\n            <div [fdLayoutGridCol]=\"deviceSize | avatarGridCol: false\">\n                @if (setting.TitleField) {\n                <span style=\"font-weight: bold\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n                } @if (setting.SubtitleField) {\n                <span>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n                }\n            </div>\n\n            <div [fdLayoutGridCol]=\"12\">\n                @for (column of setting.FieldListMapped; track column) {\n                <div style=\"display: flex\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-11\">{{ column.Caption | bbbTranslate }}</label>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: column,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n                }\n            </div>\n            @if (setting.DescriptionField) {\n            <div [fdLayoutGridCol]=\"12\">\n                @if (inlineEditMode && allowInlineEdit) {\n                <label>\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                </label>\n                }\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.DescriptionField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </div>\n            }\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\n    @if (visible) {\n    <fd-avatar\n        alterIcon=\"alt|content|backup|default-icon\"\n        [circle]=\"circle\"\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\n        [size]=\"\n            deviceSize === 'xl' || deviceSize === 'l' ? setting.AvatarSizeDesktop$Caption : setting.AvatarSize$Caption\n        \"\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\n    >\n    </fd-avatar>\n    }\n</ng-template>\n\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.ContentComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.ContentComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n\n<ng-template #renderHeader let-mo let-index=\"index\">\n    @if ( (isCheckList || deviceName !== 'desktop' || (contextMenuItems && contextMenuItems.length > 0 &&\n    !contextMenuInFooter)) && !(!isCheckList && openOnClick && !contextMenuItems?.length) ) {\n    <fd-card-header>\n        <div\n            fd-card-title\n            [style.justify-content]=\"!isCheckList && canView && deviceName !== 'desktop' ? 'left' : 'space-between'\"\n        >\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n                @if (isCheckList) {\n                <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n                } @if (!contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n                <div\n                    ulvContextMenu\n                    [allColumns]=\"allColumns\"\n                    [menuItems]=\"contextMenuItems\"\n                    [styleIndex]=\"styleIndex\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></div>\n                }\n            </div>\n            @if (canView) {\n            <button\n                fd-button\n                class=\"view-btn\"\n                (click)=\"onRowClick()\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n            }\n        </div>\n    </fd-card-header>\n    }\n</ng-template>\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.HeaderComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.HeaderComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n", styles: ["fd-card:hover{box-shadow:0 0 0 .0625rem #2235487a,0 .625rem 1.875rem #22354840}fd-card fd-card-content{padding:0!important}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"] }]
+            args: [{ selector: 'bsu-card-item', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card\n    [cardType]=\"setting.CardType$Caption\"\n    class=\"docs-flex-item-margin\"\n    [class.openOnClick]=\"setting.openOnClick\"\n    [style.width]=\"cardWidth\"\n    [style.min-width]=\"minWidth\"\n    [style.max-width]=\"maxWidth\"\n>\n    <ng-container\n        *ngTemplateOutlet=\"\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\n            context: {\n                $implicit: mo,\n                index: this.index\n            }\n        \"\n    ></ng-container>\n\n    @if (!noContent || contextMenuItems) {\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify>\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\n                    context: {\n                        $implicit: mo,\n                        index: this.index\n                    }\n                \"\n            ></ng-container>\n        </div>\n        @if (contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n        <div\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [footerMode]=\"true\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"styleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"onUlvCommand()\"\n        ></div>\n        }\n    </fd-card-content>\n    }\n</fd-card>\n\n<ng-template #columnTemplate let-column let-mo=\"mo\" let-index=\"index\" let-layout94=\"layout94\"\n    >@if (column) {\n    <div\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [isChecked]=\"isChecked\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n    }\n</ng-template>\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\n    @if (!noContent) {\n    <fd-quick-view [id]=\"'id'\">\n        <fd-quick-view-group>\n            @if (setting.Avatar || setting.AvatarField || setting.TitleField || setting.SubtitleField) {\n            <fd-quick-view-subheader>\n                @if (setting.AvatarField || setting.Avatar) {\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [circle]=\"setting.CircleAvatar\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"\n                        deviceSize === 'xl' || deviceSize === 'l'\n                            ? setting.AvatarSizeDesktop$Caption\n                            : setting.AvatarSize$Caption\n                    \"\n                    [glyph]=\"\n                        setting.Avatar ||\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n                } @if (setting.TitleField) {\n                <fd-quick-view-subheader-title>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-title>\n                } @if (setting.SubtitleField) {\n                <fd-quick-view-subheader-subtitle>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-subtitle>\n                }\n            </fd-quick-view-subheader>\n            } @for (column of setting.FieldListMapped; track column) {\n            <fd-quick-view-group-item>\n                @if (column) {\n                <fd-quick-view-group-item-label>\n                    {{ column.Caption | bbbTranslate }}\n                </fd-quick-view-group-item-label>\n                <fd-quick-view-group-item-content>\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: column,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            } @if (setting.DescriptionField) {\n            <fd-quick-view-group-item>\n                <fd-quick-view-group-item-content>\n                    @if (inlineEditMode && allowInlineEdit) {\n                    <fd-quick-view-group-item-label>\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                    </fd-quick-view-group-item-label>\n                    }\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.DescriptionField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                @if (setting.ActionFieldNameField) {\n                <fd-quick-view-group-item-content\n                    class=\"action\"\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\n                >\n                    <a fd-link>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.ActionFieldNameField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </a>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            }\n        </fd-quick-view-group>\n    </fd-quick-view>\n    }\n</ng-template>\n<ng-template #contentTemplate let-mo let-index=\"index\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow style=\"align-items: center\">\n            <div [fdLayoutGridCol]=\"deviceSize | avatarGridCol\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        avatar;\n                        context: {\n                            $implicit: setting.Avatar,\n                            visible: setting.AvatarField || setting.Avatar,\n                            circle: setting.CircleAvatar,\n                            avatarField: setting.AvatarField\n                        }\n                    \"\n                ></ng-container>\n            </div>\n\n            <div [fdLayoutGridCol]=\"deviceSize | avatarGridCol: false\">\n                @if (setting.TitleField) {\n                <span style=\"font-weight: bold\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n                } @if (setting.SubtitleField) {\n                <span>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n                }\n            </div>\n\n            <div [fdLayoutGridCol]=\"12\">\n                @for (column of setting.FieldListMapped; track column) {\n                <div style=\"display: flex\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-11\">{{ column.Caption | bbbTranslate }}</label>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: column,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n                }\n            </div>\n            @if (setting.DescriptionField) {\n            <div [fdLayoutGridCol]=\"12\">\n                @if (inlineEditMode && allowInlineEdit) {\n                <label>\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                </label>\n                }\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.DescriptionField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </div>\n            }\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\n    @if (visible) {\n    <fd-avatar\n        alterIcon=\"alt|content|backup|default-icon\"\n        [circle]=\"circle\"\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\n        [size]=\"\n            deviceSize === 'xl' || deviceSize === 'l' ? setting.AvatarSizeDesktop$Caption : setting.AvatarSize$Caption\n        \"\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\n    >\n    </fd-avatar>\n    }\n</ng-template>\n\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.ContentComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.ContentComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n\n<ng-template #renderHeader let-mo let-index=\"index\">\n    @if ( (isCheckList || deviceName !== 'desktop' || (contextMenuItems && contextMenuItems.length > 0 &&\n    !contextMenuInFooter)) && !(!isCheckList && openOnClick && !contextMenuItems?.length) ) {\n    <fd-card-header>\n        <div\n            fd-card-title\n            [style.justify-content]=\"!isCheckList && canView && deviceName !== 'desktop' ? 'left' : 'space-between'\"\n        >\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n                @if (isCheckList) {\n                <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n                } @if (!contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n                <div\n                    ulvContextMenu\n                    [allColumns]=\"allColumns\"\n                    [menuItems]=\"contextMenuItems\"\n                    [styleIndex]=\"styleIndex\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></div>\n                }\n            </div>\n            @if (canView) {\n            <button\n                fd-button\n                class=\"view-btn\"\n                (click)=\"onRowClick()\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n            }\n        </div>\n    </fd-card-header>\n    }\n</ng-template>\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.HeaderComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.HeaderComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n", styles: ["fd-card:hover{box-shadow:0 0 0 .0625rem #2235487a,0 .625rem 1.875rem #22354840}fd-card fd-card-content{padding:0!important}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"] }]
         }], propDecorators: { setting: [{
                 type: Input
             }], _quickViewTemplate: [{
@@ -5148,11 +5170,11 @@ class ListItemComponent extends BaseViewItemPropsComponent {
         PreventDefaulEvent(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ListItemComponent, selector: "bsu-list-item", inputs: { setting: "setting", isDisplayType: "isDisplayType" }, usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"isDisplayType ? displayTemplate : standardTemplate; context: { $implicit: mo }\"\n></ng-container>\n<ng-template #standardTemplate let-mo>\n    <li\n        fd-list-item\n        class=\"standard-list-row\"\n        [ngClass]=\"deviceSize\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [class.selected]=\"isChecked === true\"\n        [selected]=\"isChecked === true\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n        >\n            @if (isCheckList) {\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (change)=\"onRowCheck2($event)\"></fd-checkbox>\n            } @if (setting.IconFont || setting.AvatarField) {\n            <span fd-list-thumbnail>\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [style.color]=\"setting.IconColor ? setting.IconColor : null\"\n                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\n                    [transparent]=\"true\"\n                    [glyph]=\"\n                        setting.IconFont ??\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n            </span>\n            }\n            <div fd-list-content>\n                <div fd-list-byline [twoCol]=\"true\">\n                    <div fd-list-title>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.TitleField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats,\n                                    index: 0\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                    <div fd-list-byline [style.padding-left]=\"canView && deviceName === 'desktop' ? '.9rem' : '0'\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.StatusField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n                <div fd-list-byline>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderColumn;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                conditionalFormats: conditionalFormats\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n            </div>\n            @if (contextMenuItems.length) {\n            <bsu-ulv-context-menu\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n            } @if (canView && !hideOpenIcon) {\n            <button (click)=\"onRowClick()\" fdType=\"transparent\" [glyph]=\"navigationArrow\" fd-button></button>\n            }\n        </a>\n    </li>\n</ng-template>\n<ng-template #displayTemplate let-mo>\n    @if (!mo.parent || mo.parent?.expanded) {\n    <li\n        class=\"display\"\n        [ngClass]=\"deviceSize\"\n        fd-list-item\n        [interactive]=\"false\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            style=\"cursor: default\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n            style=\"column-gap: 3px\"\n        >\n            @if (setting.AvatarField) {\n            <img\n                [src]=\"mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId\"\n                style=\"width: 24px; height: 24px\"\n            />\n            } @if (setting.IconFont) {\n            <i fd-list-icon [glyph]=\"setting.IconFont\" [style.color]=\"setting.IconColor ? setting.IconColor : null\">\n            </i>\n            } @if (!setting.IconFont && mo.$State === 'New' && !isChecked) {\n            <i fd-list-icon glyph=\"favorite\"></i>\n            } @if (!setting.IconFont && inlineEditMode && isChecked) {\n            <i fd-list-icon glyph=\"edit\"></i>\n            } @if (isCheckList) {\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (change)=\"onRowCheck2($event)\"></fd-checkbox>\n            }\n            <span fd-list-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.TitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: 0\n                        }\n                    \"\n                ></ng-container>\n            </span>\n            <span fd-list-secondary [dir]=\"rtl ? 'ltr' : 'rtl'\" [class.flex1]=\"contextMenuItems.length === 0\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n                @if (canView && !hideOpenIcon) {\n                <button fd-button (click)=\"onRowClick()\" [glyph]=\"navigationArrow\" fdType=\"transparent\"></button>\n                } @if (contextMenuItems.length) {\n                <bsu-ulv-context-menu\n                    [menuItems]=\"contextMenuItems\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [styleIndex]=\"styleIndex\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></bsu-ulv-context-menu>\n                }\n            </span>\n        </a>\n    </li>\n    }\n</ng-template>\n<ng-template\n    #renderColumn\n    let-column\n    let-mo=\"mo\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-index=\"index\"\n    let-layout94=\"layout94\"\n>\n    @if (column) {\n    <div\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [disableEllapsis]=\"true\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n    }\n</ng-template>\n", styles: [":host li.s{height:auto}:host .flex1{flex:1;display:flex;justify-content:start;flex-direction:row-reverse}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$3.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: i7.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i7.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i7.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "directive", type: i7$4.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ListItemComponent, selector: "bsu-list-item", inputs: { setting: "setting", isDisplayType: "isDisplayType" }, usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"isDisplayType ? displayTemplate : standardTemplate; context: { $implicit: mo }\"\n></ng-container>\n<ng-template #standardTemplate let-mo>\n    <li\n        fd-list-item\n        class=\"standard-list-row\"\n        [ngClass]=\"deviceSize\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [class.selected]=\"isChecked === true\"\n        [selected]=\"isChecked === true\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n        >\n            @if (isCheckList) {\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (change)=\"onRowCheck2($event)\"></fd-checkbox>\n            } @if (setting.IconFont || setting.AvatarField) {\n            <span fd-list-thumbnail>\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [style.color]=\"setting.IconColor ? setting.IconColor : null\"\n                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\n                    [transparent]=\"true\"\n                    [glyph]=\"\n                        setting.IconFont ??\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n            </span>\n            }\n            <div fd-list-content>\n                <div fd-list-byline [twoCol]=\"true\">\n                    <div fd-list-title>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.TitleField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats,\n                                    index: 0\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                    <div fd-list-byline [style.padding-left]=\"canView && deviceName === 'desktop' ? '.9rem' : '0'\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.StatusField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n                <div fd-list-byline>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderColumn;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                conditionalFormats: conditionalFormats\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n            </div>\n            @if (contextMenuItems.length) {\n            <bsu-ulv-context-menu\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n            } @if (canView && !hideOpenIcon) {\n            <button (click)=\"onRowClick()\" fdType=\"transparent\" [glyph]=\"navigationArrow\" fd-button></button>\n            }\n        </a>\n    </li>\n</ng-template>\n<ng-template #displayTemplate let-mo>\n    @if (!mo.parent || mo.parent?.expanded) {\n    <li\n        class=\"display\"\n        [ngClass]=\"deviceSize\"\n        fd-list-item\n        [interactive]=\"false\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            style=\"cursor: default\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n            style=\"column-gap: 3px\"\n        >\n            @if (setting.AvatarField) {\n            <img\n                [src]=\"mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId\"\n                style=\"width: 24px; height: 24px\"\n            />\n            } @if (setting.IconFont) {\n            <i fd-list-icon [glyph]=\"setting.IconFont\" [style.color]=\"setting.IconColor ? setting.IconColor : null\">\n            </i>\n            } @if (!setting.IconFont && mo.$State === 'New' && !isChecked) {\n            <i fd-list-icon glyph=\"favorite\"></i>\n            } @if (!setting.IconFont && inlineEditMode && isChecked) {\n            <i fd-list-icon glyph=\"edit\"></i>\n            } @if (isCheckList) {\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (change)=\"onRowCheck2($event)\"></fd-checkbox>\n            }\n            <span fd-list-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.TitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: 0\n                        }\n                    \"\n                ></ng-container>\n            </span>\n            <span fd-list-secondary [dir]=\"rtl ? 'ltr' : 'rtl'\" [class.flex1]=\"contextMenuItems.length === 0\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n                @if (canView && !hideOpenIcon) {\n                <button fd-button (click)=\"onRowClick()\" [glyph]=\"navigationArrow\" fdType=\"transparent\"></button>\n                } @if (contextMenuItems.length) {\n                <bsu-ulv-context-menu\n                    [menuItems]=\"contextMenuItems\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [styleIndex]=\"styleIndex\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></bsu-ulv-context-menu>\n                }\n            </span>\n        </a>\n    </li>\n    }\n</ng-template>\n<ng-template\n    #renderColumn\n    let-column\n    let-mo=\"mo\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-index=\"index\"\n    let-layout94=\"layout94\"\n>\n    @if (column) {\n    <div\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [disableEllapsis]=\"true\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n    }\n</ng-template>\n", styles: [":host li.s{height:auto}:host .flex1{flex:1;display:flex;justify-content:start;flex-direction:row-reverse}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$3.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: i7.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i7.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i7.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "directive", type: i7$4.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ListItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"isDisplayType ? displayTemplate : standardTemplate; context: { $implicit: mo }\"\n></ng-container>\n<ng-template #standardTemplate let-mo>\n    <li\n        fd-list-item\n        class=\"standard-list-row\"\n        [ngClass]=\"deviceSize\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [class.selected]=\"isChecked === true\"\n        [selected]=\"isChecked === true\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n        >\n            @if (isCheckList) {\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (change)=\"onRowCheck2($event)\"></fd-checkbox>\n            } @if (setting.IconFont || setting.AvatarField) {\n            <span fd-list-thumbnail>\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [style.color]=\"setting.IconColor ? setting.IconColor : null\"\n                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\n                    [transparent]=\"true\"\n                    [glyph]=\"\n                        setting.IconFont ??\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n            </span>\n            }\n            <div fd-list-content>\n                <div fd-list-byline [twoCol]=\"true\">\n                    <div fd-list-title>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.TitleField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats,\n                                    index: 0\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                    <div fd-list-byline [style.padding-left]=\"canView && deviceName === 'desktop' ? '.9rem' : '0'\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.StatusField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n                <div fd-list-byline>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderColumn;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                conditionalFormats: conditionalFormats\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n            </div>\n            @if (contextMenuItems.length) {\n            <bsu-ulv-context-menu\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n            } @if (canView && !hideOpenIcon) {\n            <button (click)=\"onRowClick()\" fdType=\"transparent\" [glyph]=\"navigationArrow\" fd-button></button>\n            }\n        </a>\n    </li>\n</ng-template>\n<ng-template #displayTemplate let-mo>\n    @if (!mo.parent || mo.parent?.expanded) {\n    <li\n        class=\"display\"\n        [ngClass]=\"deviceSize\"\n        fd-list-item\n        [interactive]=\"false\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            style=\"cursor: default\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n            style=\"column-gap: 3px\"\n        >\n            @if (setting.AvatarField) {\n            <img\n                [src]=\"mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId\"\n                style=\"width: 24px; height: 24px\"\n            />\n            } @if (setting.IconFont) {\n            <i fd-list-icon [glyph]=\"setting.IconFont\" [style.color]=\"setting.IconColor ? setting.IconColor : null\">\n            </i>\n            } @if (!setting.IconFont && mo.$State === 'New' && !isChecked) {\n            <i fd-list-icon glyph=\"favorite\"></i>\n            } @if (!setting.IconFont && inlineEditMode && isChecked) {\n            <i fd-list-icon glyph=\"edit\"></i>\n            } @if (isCheckList) {\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (change)=\"onRowCheck2($event)\"></fd-checkbox>\n            }\n            <span fd-list-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.TitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: 0\n                        }\n                    \"\n                ></ng-container>\n            </span>\n            <span fd-list-secondary [dir]=\"rtl ? 'ltr' : 'rtl'\" [class.flex1]=\"contextMenuItems.length === 0\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n                @if (canView && !hideOpenIcon) {\n                <button fd-button (click)=\"onRowClick()\" [glyph]=\"navigationArrow\" fdType=\"transparent\"></button>\n                } @if (contextMenuItems.length) {\n                <bsu-ulv-context-menu\n                    [menuItems]=\"contextMenuItems\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [styleIndex]=\"styleIndex\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></bsu-ulv-context-menu>\n                }\n            </span>\n        </a>\n    </li>\n    }\n</ng-template>\n<ng-template\n    #renderColumn\n    let-column\n    let-mo=\"mo\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-index=\"index\"\n    let-layout94=\"layout94\"\n>\n    @if (column) {\n    <div\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [disableEllapsis]=\"true\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n    }\n</ng-template>\n", styles: [":host li.s{height:auto}:host .flex1{flex:1;display:flex;justify-content:start;flex-direction:row-reverse}\n"] }]
+            args: [{ selector: 'bsu-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"isDisplayType ? displayTemplate : standardTemplate; context: { $implicit: mo }\"\n></ng-container>\n<ng-template #standardTemplate let-mo>\n    <li\n        fd-list-item\n        class=\"standard-list-row\"\n        [ngClass]=\"deviceSize\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [class.selected]=\"isChecked === true\"\n        [selected]=\"isChecked === true\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n        >\n            @if (isCheckList) {\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (change)=\"onRowCheck2($event)\"></fd-checkbox>\n            } @if (setting.IconFont || setting.AvatarField) {\n            <span fd-list-thumbnail>\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [style.color]=\"setting.IconColor ? setting.IconColor : null\"\n                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\n                    [transparent]=\"true\"\n                    [glyph]=\"\n                        setting.IconFont ??\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n            </span>\n            }\n            <div fd-list-content>\n                <div fd-list-byline [twoCol]=\"true\">\n                    <div fd-list-title>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.TitleField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats,\n                                    index: 0\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                    <div fd-list-byline [style.padding-left]=\"canView && deviceName === 'desktop' ? '.9rem' : '0'\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.StatusField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n                <div fd-list-byline>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderColumn;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                conditionalFormats: conditionalFormats\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n            </div>\n            @if (contextMenuItems.length) {\n            <bsu-ulv-context-menu\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n            } @if (canView && !hideOpenIcon) {\n            <button (click)=\"onRowClick()\" fdType=\"transparent\" [glyph]=\"navigationArrow\" fd-button></button>\n            }\n        </a>\n    </li>\n</ng-template>\n<ng-template #displayTemplate let-mo>\n    @if (!mo.parent || mo.parent?.expanded) {\n    <li\n        class=\"display\"\n        [ngClass]=\"deviceSize\"\n        fd-list-item\n        [interactive]=\"false\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            style=\"cursor: default\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n            style=\"column-gap: 3px\"\n        >\n            @if (setting.AvatarField) {\n            <img\n                [src]=\"mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId\"\n                style=\"width: 24px; height: 24px\"\n            />\n            } @if (setting.IconFont) {\n            <i fd-list-icon [glyph]=\"setting.IconFont\" [style.color]=\"setting.IconColor ? setting.IconColor : null\">\n            </i>\n            } @if (!setting.IconFont && mo.$State === 'New' && !isChecked) {\n            <i fd-list-icon glyph=\"favorite\"></i>\n            } @if (!setting.IconFont && inlineEditMode && isChecked) {\n            <i fd-list-icon glyph=\"edit\"></i>\n            } @if (isCheckList) {\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (change)=\"onRowCheck2($event)\"></fd-checkbox>\n            }\n            <span fd-list-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.TitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: 0\n                        }\n                    \"\n                ></ng-container>\n            </span>\n            <span fd-list-secondary [dir]=\"rtl ? 'ltr' : 'rtl'\" [class.flex1]=\"contextMenuItems.length === 0\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n                @if (canView && !hideOpenIcon) {\n                <button fd-button (click)=\"onRowClick()\" [glyph]=\"navigationArrow\" fdType=\"transparent\"></button>\n                } @if (contextMenuItems.length) {\n                <bsu-ulv-context-menu\n                    [menuItems]=\"contextMenuItems\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [styleIndex]=\"styleIndex\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></bsu-ulv-context-menu>\n                }\n            </span>\n        </a>\n    </li>\n    }\n</ng-template>\n<ng-template\n    #renderColumn\n    let-column\n    let-mo=\"mo\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-index=\"index\"\n    let-layout94=\"layout94\"\n>\n    @if (column) {\n    <div\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [disableEllapsis]=\"true\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n    }\n</ng-template>\n", styles: [":host li.s{height:auto}:host .flex1{flex:1;display:flex;justify-content:start;flex-direction:row-reverse}\n"] }]
         }], propDecorators: { setting: [{
                 type: Input
             }], isDisplayType: [{
@@ -5233,10 +5255,12 @@ class BarsaTableHeaderComponent extends BaseComponent {
         this.sortDescending = new EventEmitter();
         this.filter = new EventEmitter();
         this.resetGridSettings = new EventEmitter();
+        this.headerRender = new EventEmitter();
         this.resizeHeader = false;
     }
     ngOnInit() {
         super.ngOnInit();
+        this.headerRender.emit(this.theadRef.nativeElement);
         // this._prepareColumnsWidth(this.tableWidth, this.columns, true);
     }
     ngOnChanges(changes) {
@@ -5337,14 +5361,17 @@ class BarsaTableHeaderComponent extends BaseComponent {
         return `${column.Name}${index}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: { allChecked: "allChecked", isCheckList: "isCheckList", columns: "columns", fitWidth: "fitWidth", contextMenuItems: "contextMenuItems", contextMenuWidth: "contextMenuWidth", showViewButton: "showViewButton", hasSelected: "hasSelected", hideOpenIcon: "hideOpenIcon", disableOverflowContextMenu: "disableOverflowContextMenu", inlineEditMode: "inlineEditMode", hideHeader: "hideHeader", showDetailsInRow: "showDetailsInRow", viewSetting: "viewSetting", tableWidth: "tableWidth", resizedByUser: "resizedByUser", disableResponsive: "disableResponsive", actionList: "actionList", rowIndicator: "rowIndicator", rtl: "rtl", showRowNumber: "showRowNumber", disableResize: "disableResize", disableHeaderContextMenu: "disableHeaderContextMenu", deviceSize: "deviceSize", tableHeaderMode: "tableHeaderMode" }, outputs: { allCheckbox: "allCheckbox", columnResize: "columnResize", fitToContent: "fitToContent", fitToContainer: "fitToContainer", fitToColumn: "fitToColumn", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter", resetGridSettings: "resetGridSettings" }, viewQueries: [{ propertyName: "thList", predicate: ["thRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<thead\n    fd-table-header\n    [class.inline-edit]=\"inlineEditMode\"\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\n    [attr.columnsWidth]=\"columnsWidth\"\n    [attr.tableWidth]=\"tableWidth\"\n>\n    <tr fd-table-row>\n        @if (!hideHeader) { @if (rowIndicator) {\n        <th fd-table-cell fd-table-status-indicator></th>\n        } @if (showRowNumber) {\n        <th fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\n        } @if (isCheckList) {\n        <th fd-table-cell>\n            <fd-checkbox\n                name=\"allCheckbox\"\n                [ngModel]=\"allChecked\"\n                (ngModelChange)=\"onAllCheckbox($event)\"\n            ></fd-checkbox>\n        </th>\n        } @if (!isCheckList && !showRowNumber) {\n        <th fd-table-cell class=\"single-select\"></th>\n        } @for (column of columns; track _trackByColumn(i, column); let i = $index; let last = $last) { @if (startIndex\n        <= i) {\n        <th\n            #thRef\n            [columnIndex]=\"i\"\n            fd-table-cell\n            [style.width]=\"\n                inlineEditMode\n                    ? column.FieldTypeId === 5\n                        ? column.$Width2\n                        : last\n                        ? '100%'\n                        : '210px'\n                    : last && column.$Width !== '100%'\n                    ? null\n                    : column.FieldTypeId === 38 ||\n                      column.FieldTypeId === 42 ||\n                      ((column.FieldTypeId === 6 || column.FieldTypeId === 5) &&\n                          column.Extra?.IconDisplayTypeEnum === 'Image')\n                    ? '40px'\n                    : column.$Width2 || column.$Width\n            \"\n            [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\n            resizable\n            [rtl]=\"rtl\"\n            [disableResize]=\"\n                disableResize ||\n                last ||\n                column.Extra?.IconDisplayTypeEnum === 'Image' ||\n                column.FieldTypeId === 38 ||\n                column.FieldTypeId === 42 ||\n                ((column.FieldTypeId === 6 || column.FieldTypeId === 5) &&\n                    column.Extra?.IconDisplayTypeEnum === 'Image')\n            \"\n            (widthChange)=\"onColumnWidthChange(column)\"\n            (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\n            [disableResponsive]=\"disableResponsive\"\n            [tableWidth]=\"tableWidth\"\n            [columnsWidth]=\"columnsWidth\"\n            [attr.columnName]=\"column.Name\"\n            [attr.index]=\"i\"\n            [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\n            [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\n        >\n            @if(!disableHeaderContextMenu){\n            <fd-popover #menu>\n                <fd-popover-control>\n                    <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\n                </fd-popover-control>\n                <fd-popover-body>\n                    <ul fd-list>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortAscending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-ascending\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortDescending(column, menu)\" bodyClick>\n                                <fd-menu-addon position=\"before\" glyph=\"sort-descending\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToContent.emit(column)\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToContainer.emit()\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToColumn.emit()\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onResetColumnsSettings()\" bodyClick>\n                                <fd-menu-addon position=\"before\" glyph=\"reset\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ 'GridSettingBase' | bbbTranslate }}</span>\n                            </a>\n                        </li>\n                        <!-- <li fd-list-item>\n                          <a fd-list-link (click)=\"onFilter(column, menu)\">\n                            <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\n                            <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\n                          </a>\n                        </li> -->\n                    </ul>\n                </fd-popover-body>\n            </fd-popover>\n            } @else{\n            <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\n            }\n        </th>\n        } } @if (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode) {\n        <th\n            class=\"col-header col-context-menu\"\n            fd-table-cell\n            [fitContent]=\"disableOverflowContextMenu\"\n            [style.width.px]=\"contextMenuWidth\"\n        ></th>\n        } @if (showDetailsInRow && !inlineEditMode) {\n        <th class=\"col-header col-details\" [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\" fd-table-cell></th>\n        } @if (showViewButton) {\n        <th class=\"col-header col-view\" [style.width.px]=\"26.5 * (actionList?.length ?? 0) + 8\" fd-table-cell></th>\n        } }\n    </tr>\n</thead>\n<ng-template #headerValue let-column>\n    <div style=\"display: flex\">\n        <!-- FieldTypeId 38 means it is auto row number field-->\n        @if ( (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) && column.Icon) {\n        <img [src]=\"column.Icon\" />\n        } @else {\n        {{ column.Caption | bbbTranslate }}\n        }\n    </div>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i6$2.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i3$1.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY", "nonInteractive"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$1.TableStatusIndicatorDirective, selector: "[fdTableStatusIndicator], [fd-table-status-indicator]", inputs: ["status"] }, { kind: "component", type: i2.ResizableComponent, selector: "th[resizable]", inputs: ["disableResize", "rtl"], outputs: ["widthChange", "widthChanging"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: { allChecked: "allChecked", isCheckList: "isCheckList", columns: "columns", fitWidth: "fitWidth", contextMenuItems: "contextMenuItems", contextMenuWidth: "contextMenuWidth", showViewButton: "showViewButton", hasSelected: "hasSelected", hideOpenIcon: "hideOpenIcon", disableOverflowContextMenu: "disableOverflowContextMenu", inlineEditMode: "inlineEditMode", hideHeader: "hideHeader", showDetailsInRow: "showDetailsInRow", viewSetting: "viewSetting", tableWidth: "tableWidth", resizedByUser: "resizedByUser", disableResponsive: "disableResponsive", actionList: "actionList", rowIndicator: "rowIndicator", rtl: "rtl", sticky: "sticky", showRowNumber: "showRowNumber", disableResize: "disableResize", disableHeaderContextMenu: "disableHeaderContextMenu", deviceSize: "deviceSize", tableHeaderMode: "tableHeaderMode" }, outputs: { allCheckbox: "allCheckbox", columnResize: "columnResize", fitToContent: "fitToContent", fitToContainer: "fitToContainer", fitToColumn: "fitToColumn", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter", resetGridSettings: "resetGridSettings", headerRender: "headerRender" }, viewQueries: [{ propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "thList", predicate: ["thRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<thead\n    fd-table-header\n    [class.inline-edit]=\"inlineEditMode\"\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\n    [attr.columnsWidth]=\"columnsWidth\"\n    [attr.tableWidth]=\"tableWidth\"\n    [style.position]=\"sticky ? 'sticky' : null\"\n    #theadRef\n>\n    <tr fd-table-row>\n        @if (!hideHeader) { @if (rowIndicator) {\n        <th fd-table-cell fd-table-status-indicator></th>\n        } @if (showRowNumber) {\n        <th fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\n        } @if (isCheckList) {\n        <th fd-table-cell>\n            <fd-checkbox\n                name=\"allCheckbox\"\n                [ngModel]=\"allChecked\"\n                (ngModelChange)=\"onAllCheckbox($event)\"\n            ></fd-checkbox>\n        </th>\n        } @if (!isCheckList && !showRowNumber) {\n        <th fd-table-cell class=\"single-select\"></th>\n        } @for (column of columns; track _trackByColumn(i, column); let i = $index; let last = $last) { @if (startIndex\n        <= i) {\n        <th\n            #thRef\n            [columnIndex]=\"i\"\n            fd-table-cell\n            [style.width]=\"\n                inlineEditMode\n                    ? column.FieldTypeId === 5\n                        ? column.$Width2\n                        : last\n                        ? '100%'\n                        : '210px'\n                    : last && column.$Width !== '100%'\n                    ? null\n                    : column.FieldTypeId === 38 ||\n                      column.FieldTypeId === 42 ||\n                      ((column.FieldTypeId === 6 || column.FieldTypeId === 5) &&\n                          column.Extra?.IconDisplayTypeEnum === 'Image')\n                    ? '40px'\n                    : column.$Width2 || column.$Width\n            \"\n            [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\n            resizable\n            [rtl]=\"rtl\"\n            [disableResize]=\"\n                disableResize ||\n                last ||\n                column.Extra?.IconDisplayTypeEnum === 'Image' ||\n                column.FieldTypeId === 38 ||\n                column.FieldTypeId === 42 ||\n                ((column.FieldTypeId === 6 || column.FieldTypeId === 5) &&\n                    column.Extra?.IconDisplayTypeEnum === 'Image')\n            \"\n            (widthChange)=\"onColumnWidthChange(column)\"\n            (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\n            [disableResponsive]=\"disableResponsive\"\n            [tableWidth]=\"tableWidth\"\n            [columnsWidth]=\"columnsWidth\"\n            [attr.columnName]=\"column.Name\"\n            [attr.index]=\"i\"\n            [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\n            [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\n        >\n            @if(!disableHeaderContextMenu){\n            <fd-popover #menu>\n                <fd-popover-control>\n                    <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\n                </fd-popover-control>\n                <fd-popover-body>\n                    <ul fd-list>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortAscending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-ascending\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortDescending(column, menu)\" bodyClick>\n                                <fd-menu-addon position=\"before\" glyph=\"sort-descending\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToContent.emit(column)\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToContainer.emit()\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToColumn.emit()\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onResetColumnsSettings()\" bodyClick>\n                                <fd-menu-addon position=\"before\" glyph=\"reset\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ 'GridSettingBase' | bbbTranslate }}</span>\n                            </a>\n                        </li>\n                        <!-- <li fd-list-item>\n                          <a fd-list-link (click)=\"onFilter(column, menu)\">\n                            <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\n                            <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\n                          </a>\n                        </li> -->\n                    </ul>\n                </fd-popover-body>\n            </fd-popover>\n            } @else{\n            <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\n            }\n        </th>\n        } } @if (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode) {\n        <th\n            class=\"col-header col-context-menu\"\n            fd-table-cell\n            [fitContent]=\"disableOverflowContextMenu\"\n            [style.width.px]=\"contextMenuWidth\"\n        ></th>\n        } @if (showDetailsInRow && !inlineEditMode) {\n        <th class=\"col-header col-details\" [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\" fd-table-cell></th>\n        } @if (showViewButton) {\n        <th class=\"col-header col-view\" [style.width.px]=\"26.5 * (actionList?.length ?? 0) + 8\" fd-table-cell></th>\n        } }\n    </tr>\n</thead>\n<ng-template #headerValue let-column>\n    <div style=\"display: flex\">\n        <!-- FieldTypeId 38 means it is auto row number field-->\n        @if ( (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) && column.Icon) {\n        <img [src]=\"column.Icon\" />\n        } @else {\n        {{ column.Caption | bbbTranslate }}\n        }\n    </div>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i6$2.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i3$1.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY", "nonInteractive"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$1.TableStatusIndicatorDirective, selector: "[fdTableStatusIndicator], [fd-table-status-indicator]", inputs: ["status"] }, { kind: "component", type: i2.ResizableComponent, selector: "th[resizable]", inputs: ["disableResize", "rtl"], outputs: ["widthChange", "widthChanging"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<thead\n    fd-table-header\n    [class.inline-edit]=\"inlineEditMode\"\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\n    [attr.columnsWidth]=\"columnsWidth\"\n    [attr.tableWidth]=\"tableWidth\"\n>\n    <tr fd-table-row>\n        @if (!hideHeader) { @if (rowIndicator) {\n        <th fd-table-cell fd-table-status-indicator></th>\n        } @if (showRowNumber) {\n        <th fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\n        } @if (isCheckList) {\n        <th fd-table-cell>\n            <fd-checkbox\n                name=\"allCheckbox\"\n                [ngModel]=\"allChecked\"\n                (ngModelChange)=\"onAllCheckbox($event)\"\n            ></fd-checkbox>\n        </th>\n        } @if (!isCheckList && !showRowNumber) {\n        <th fd-table-cell class=\"single-select\"></th>\n        } @for (column of columns; track _trackByColumn(i, column); let i = $index; let last = $last) { @if (startIndex\n        <= i) {\n        <th\n            #thRef\n            [columnIndex]=\"i\"\n            fd-table-cell\n            [style.width]=\"\n                inlineEditMode\n                    ? column.FieldTypeId === 5\n                        ? column.$Width2\n                        : last\n                        ? '100%'\n                        : '210px'\n                    : last && column.$Width !== '100%'\n                    ? null\n                    : column.FieldTypeId === 38 ||\n                      column.FieldTypeId === 42 ||\n                      ((column.FieldTypeId === 6 || column.FieldTypeId === 5) &&\n                          column.Extra?.IconDisplayTypeEnum === 'Image')\n                    ? '40px'\n                    : column.$Width2 || column.$Width\n            \"\n            [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\n            resizable\n            [rtl]=\"rtl\"\n            [disableResize]=\"\n                disableResize ||\n                last ||\n                column.Extra?.IconDisplayTypeEnum === 'Image' ||\n                column.FieldTypeId === 38 ||\n                column.FieldTypeId === 42 ||\n                ((column.FieldTypeId === 6 || column.FieldTypeId === 5) &&\n                    column.Extra?.IconDisplayTypeEnum === 'Image')\n            \"\n            (widthChange)=\"onColumnWidthChange(column)\"\n            (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\n            [disableResponsive]=\"disableResponsive\"\n            [tableWidth]=\"tableWidth\"\n            [columnsWidth]=\"columnsWidth\"\n            [attr.columnName]=\"column.Name\"\n            [attr.index]=\"i\"\n            [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\n            [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\n        >\n            @if(!disableHeaderContextMenu){\n            <fd-popover #menu>\n                <fd-popover-control>\n                    <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\n                </fd-popover-control>\n                <fd-popover-body>\n                    <ul fd-list>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortAscending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-ascending\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortDescending(column, menu)\" bodyClick>\n                                <fd-menu-addon position=\"before\" glyph=\"sort-descending\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToContent.emit(column)\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToContainer.emit()\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToColumn.emit()\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onResetColumnsSettings()\" bodyClick>\n                                <fd-menu-addon position=\"before\" glyph=\"reset\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ 'GridSettingBase' | bbbTranslate }}</span>\n                            </a>\n                        </li>\n                        <!-- <li fd-list-item>\n                          <a fd-list-link (click)=\"onFilter(column, menu)\">\n                            <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\n                            <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\n                          </a>\n                        </li> -->\n                    </ul>\n                </fd-popover-body>\n            </fd-popover>\n            } @else{\n            <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\n            }\n        </th>\n        } } @if (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode) {\n        <th\n            class=\"col-header col-context-menu\"\n            fd-table-cell\n            [fitContent]=\"disableOverflowContextMenu\"\n            [style.width.px]=\"contextMenuWidth\"\n        ></th>\n        } @if (showDetailsInRow && !inlineEditMode) {\n        <th class=\"col-header col-details\" [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\" fd-table-cell></th>\n        } @if (showViewButton) {\n        <th class=\"col-header col-view\" [style.width.px]=\"26.5 * (actionList?.length ?? 0) + 8\" fd-table-cell></th>\n        } }\n    </tr>\n</thead>\n<ng-template #headerValue let-column>\n    <div style=\"display: flex\">\n        <!-- FieldTypeId 38 means it is auto row number field-->\n        @if ( (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) && column.Icon) {\n        <img [src]=\"column.Icon\" />\n        } @else {\n        {{ column.Caption | bbbTranslate }}\n        }\n    </div>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<thead\n    fd-table-header\n    [class.inline-edit]=\"inlineEditMode\"\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\n    [attr.columnsWidth]=\"columnsWidth\"\n    [attr.tableWidth]=\"tableWidth\"\n    [style.position]=\"sticky ? 'sticky' : null\"\n    #theadRef\n>\n    <tr fd-table-row>\n        @if (!hideHeader) { @if (rowIndicator) {\n        <th fd-table-cell fd-table-status-indicator></th>\n        } @if (showRowNumber) {\n        <th fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\n        } @if (isCheckList) {\n        <th fd-table-cell>\n            <fd-checkbox\n                name=\"allCheckbox\"\n                [ngModel]=\"allChecked\"\n                (ngModelChange)=\"onAllCheckbox($event)\"\n            ></fd-checkbox>\n        </th>\n        } @if (!isCheckList && !showRowNumber) {\n        <th fd-table-cell class=\"single-select\"></th>\n        } @for (column of columns; track _trackByColumn(i, column); let i = $index; let last = $last) { @if (startIndex\n        <= i) {\n        <th\n            #thRef\n            [columnIndex]=\"i\"\n            fd-table-cell\n            [style.width]=\"\n                inlineEditMode\n                    ? column.FieldTypeId === 5\n                        ? column.$Width2\n                        : last\n                        ? '100%'\n                        : '210px'\n                    : last && column.$Width !== '100%'\n                    ? null\n                    : column.FieldTypeId === 38 ||\n                      column.FieldTypeId === 42 ||\n                      ((column.FieldTypeId === 6 || column.FieldTypeId === 5) &&\n                          column.Extra?.IconDisplayTypeEnum === 'Image')\n                    ? '40px'\n                    : column.$Width2 || column.$Width\n            \"\n            [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\n            resizable\n            [rtl]=\"rtl\"\n            [disableResize]=\"\n                disableResize ||\n                last ||\n                column.Extra?.IconDisplayTypeEnum === 'Image' ||\n                column.FieldTypeId === 38 ||\n                column.FieldTypeId === 42 ||\n                ((column.FieldTypeId === 6 || column.FieldTypeId === 5) &&\n                    column.Extra?.IconDisplayTypeEnum === 'Image')\n            \"\n            (widthChange)=\"onColumnWidthChange(column)\"\n            (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\n            [disableResponsive]=\"disableResponsive\"\n            [tableWidth]=\"tableWidth\"\n            [columnsWidth]=\"columnsWidth\"\n            [attr.columnName]=\"column.Name\"\n            [attr.index]=\"i\"\n            [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\n            [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\n        >\n            @if(!disableHeaderContextMenu){\n            <fd-popover #menu>\n                <fd-popover-control>\n                    <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\n                </fd-popover-control>\n                <fd-popover-body>\n                    <ul fd-list>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortAscending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-ascending\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortDescending(column, menu)\" bodyClick>\n                                <fd-menu-addon position=\"before\" glyph=\"sort-descending\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToContent.emit(column)\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToContainer.emit()\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"fitToColumn.emit()\" bodyClick>\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onResetColumnsSettings()\" bodyClick>\n                                <fd-menu-addon position=\"before\" glyph=\"reset\" fd-list-icon></fd-menu-addon>\n                                <span fd-list-title>{{ 'GridSettingBase' | bbbTranslate }}</span>\n                            </a>\n                        </li>\n                        <!-- <li fd-list-item>\n                          <a fd-list-link (click)=\"onFilter(column, menu)\">\n                            <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\n                            <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\n                          </a>\n                        </li> -->\n                    </ul>\n                </fd-popover-body>\n            </fd-popover>\n            } @else{\n            <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\n            }\n        </th>\n        } } @if (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode) {\n        <th\n            class=\"col-header col-context-menu\"\n            fd-table-cell\n            [fitContent]=\"disableOverflowContextMenu\"\n            [style.width.px]=\"contextMenuWidth\"\n        ></th>\n        } @if (showDetailsInRow && !inlineEditMode) {\n        <th class=\"col-header col-details\" [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\" fd-table-cell></th>\n        } @if (showViewButton) {\n        <th class=\"col-header col-view\" [style.width.px]=\"26.5 * (actionList?.length ?? 0) + 8\" fd-table-cell></th>\n        } }\n    </tr>\n</thead>\n<ng-template #headerValue let-column>\n    <div style=\"display: flex\">\n        <!-- FieldTypeId 38 means it is auto row number field-->\n        @if ( (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) && column.Icon) {\n        <img [src]=\"column.Icon\" />\n        } @else {\n        {{ column.Caption | bbbTranslate }}\n        }\n    </div>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { thList: [{
                 type: ViewChildren,
                 args: ['thRef', { read: ElementRef }]
+            }], theadRef: [{
+                type: ViewChild,
+                args: ['theadRef', { read: ElementRef, static: true }]
             }], allChecked: [{
                 type: Input
             }], isCheckList: [{
@@ -5385,6 +5412,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                 type: Input
             }], rtl: [{
                 type: Input
+            }], sticky: [{
+                type: Input
             }], showRowNumber: [{
                 type: Input
             }], disableResize: [{
@@ -5413,6 +5442,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                 type: Output
             }], resetGridSettings: [{
                 type: Output
+            }], headerRender: [{
+                type: Output
             }] } });
 
 class BarsaTableColumnComponent extends BaseColumnPropsComponent {
@@ -5427,11 +5458,11 @@ class BarsaTableColumnComponent extends BaseColumnPropsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: { disableEllapsis: "disableEllapsis" }, providers: [FormPanelService, ColumnService], usesInheritance: true, ngImport: i0, template: "<div\n    [class.editMode]=\"editMode\"\n    #divDom\n    style=\"display: flex; width: 100%\"\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\n>\n    @if (customComponent) {\n    <bnrc-dynamic-item-component\n        [component]=\"customComponent\"\n        [mo]=\"mo\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"detailsComponentSetting\"\n        [parameters]=\"customComponent.Settings\"\n        [column]=\"column\"\n        [value]=\"value\"\n        [icon]=\"icon\"\n        [editMode]=\"editMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [containerDom]=\"divDom\"\n    ></bnrc-dynamic-item-component>\n    } @else {\n    <bsu-column-renderer\n        [mo]=\"mo\"\n        [containerDom]=\"divDom\"\n        [column]=\"column\"\n        [disableEllapsis]=\"disableEllapsis\"\n        [value]=\"value | bbbTranslate\"\n        [icon]=\"icon\"\n        [editMode]=\"editMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [formLayoutShowLabel]=\"false\"\n        [deviceSize]=\"deviceSize\"\n        [controlUi]=\"column.Caption | controlUi: layout94\"\n        (keyup.control.enter)=\"save.emit($event)\"\n        (keyup.esc)=\"cancel.emit($event)\"\n        (keydown.Tab)=\"tab.emit($event)\"\n    ></bsu-column-renderer>\n    } @if (editMode) { @for (fieldCaption of column.$MergedFieldsToColumn; track fieldCaption) { @if (fieldCaption |\n    controlUi: layout94; as layoutConfig) {\n    <bsu-layout-control\n        [caption]=\"fieldCaption\"\n        [config]=\"layoutConfig\"\n        [showLabel]=\"false\"\n        [inlineEdit]=\"true\"\n        (keyup.control.enter)=\"save.emit($event)\"\n        (keyup.esc)=\"cancel.emit($event)\"\n        (keydown.Tab)=\"tab.emit($event)\"\n    ></bsu-layout-control>\n    } } }\n</div>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"], dependencies: [{ kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: { disableEllapsis: "disableEllapsis" }, providers: [FormPanelService, ColumnService], usesInheritance: true, ngImport: i0, template: "<div\n    [class.editMode]=\"editMode\"\n    [class.isdirty]=\"isdirty\"\n    #divDom\n    style=\"display: flex; width: 100%\"\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\n>\n    @if (customComponent) {\n    <bnrc-dynamic-item-component\n        [component]=\"customComponent\"\n        [mo]=\"mo\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"detailsComponentSetting\"\n        [parameters]=\"customComponent.Settings\"\n        [column]=\"column\"\n        [value]=\"value\"\n        [icon]=\"icon\"\n        [editMode]=\"editMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [containerDom]=\"divDom\"\n    ></bnrc-dynamic-item-component>\n    } @else {\n    <bsu-column-renderer\n        [mo]=\"mo\"\n        [containerDom]=\"divDom\"\n        [column]=\"column\"\n        [disableEllapsis]=\"disableEllapsis\"\n        [value]=\"value | bbbTranslate\"\n        [icon]=\"icon\"\n        [editMode]=\"editMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [formLayoutShowLabel]=\"false\"\n        [deviceSize]=\"deviceSize\"\n        [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\n        (keyup.control.enter)=\"save.emit($event)\"\n        (keyup.esc)=\"cancel.emit($event)\"\n        (keydown.Tab)=\"tab.emit($event)\"\n    ></bsu-column-renderer>\n    } @if (editMode) { @for (fieldCaption of column.$MergedFieldsToColumn; track fieldCaption) { @if (fieldCaption |\n    controlUi: layout94; as layoutConfig) {\n    <bsu-layout-control\n        [caption]=\"fieldCaption\"\n        [config]=\"layoutConfig\"\n        [showLabel]=\"false\"\n        [inlineEdit]=\"true\"\n        (keyup.control.enter)=\"save.emit($event)\"\n        (keyup.esc)=\"cancel.emit($event)\"\n        (keydown.Tab)=\"tab.emit($event)\"\n    ></bsu-layout-control>\n    } } }\n</div>\n", styles: [":host{display:contents;width:100%}:host>div.isdirty{background:url(/Lib/ui/resources/images/default/grid/dirty.gif);background-repeat:no-repeat}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"], dependencies: [{ kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"], outputs: ["events"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-column', providers: [FormPanelService, ColumnService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [class.editMode]=\"editMode\"\n    #divDom\n    style=\"display: flex; width: 100%\"\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\n>\n    @if (customComponent) {\n    <bnrc-dynamic-item-component\n        [component]=\"customComponent\"\n        [mo]=\"mo\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"detailsComponentSetting\"\n        [parameters]=\"customComponent.Settings\"\n        [column]=\"column\"\n        [value]=\"value\"\n        [icon]=\"icon\"\n        [editMode]=\"editMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [containerDom]=\"divDom\"\n    ></bnrc-dynamic-item-component>\n    } @else {\n    <bsu-column-renderer\n        [mo]=\"mo\"\n        [containerDom]=\"divDom\"\n        [column]=\"column\"\n        [disableEllapsis]=\"disableEllapsis\"\n        [value]=\"value | bbbTranslate\"\n        [icon]=\"icon\"\n        [editMode]=\"editMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [formLayoutShowLabel]=\"false\"\n        [deviceSize]=\"deviceSize\"\n        [controlUi]=\"column.Caption | controlUi: layout94\"\n        (keyup.control.enter)=\"save.emit($event)\"\n        (keyup.esc)=\"cancel.emit($event)\"\n        (keydown.Tab)=\"tab.emit($event)\"\n    ></bsu-column-renderer>\n    } @if (editMode) { @for (fieldCaption of column.$MergedFieldsToColumn; track fieldCaption) { @if (fieldCaption |\n    controlUi: layout94; as layoutConfig) {\n    <bsu-layout-control\n        [caption]=\"fieldCaption\"\n        [config]=\"layoutConfig\"\n        [showLabel]=\"false\"\n        [inlineEdit]=\"true\"\n        (keyup.control.enter)=\"save.emit($event)\"\n        (keyup.esc)=\"cancel.emit($event)\"\n        (keydown.Tab)=\"tab.emit($event)\"\n    ></bsu-layout-control>\n    } } }\n</div>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-column', providers: [FormPanelService, ColumnService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [class.editMode]=\"editMode\"\n    [class.isdirty]=\"isdirty\"\n    #divDom\n    style=\"display: flex; width: 100%\"\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\n>\n    @if (customComponent) {\n    <bnrc-dynamic-item-component\n        [component]=\"customComponent\"\n        [mo]=\"mo\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"detailsComponentSetting\"\n        [parameters]=\"customComponent.Settings\"\n        [column]=\"column\"\n        [value]=\"value\"\n        [icon]=\"icon\"\n        [editMode]=\"editMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [containerDom]=\"divDom\"\n    ></bnrc-dynamic-item-component>\n    } @else {\n    <bsu-column-renderer\n        [mo]=\"mo\"\n        [containerDom]=\"divDom\"\n        [column]=\"column\"\n        [disableEllapsis]=\"disableEllapsis\"\n        [value]=\"value | bbbTranslate\"\n        [icon]=\"icon\"\n        [editMode]=\"editMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [formLayoutShowLabel]=\"false\"\n        [deviceSize]=\"deviceSize\"\n        [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\n        (keyup.control.enter)=\"save.emit($event)\"\n        (keyup.esc)=\"cancel.emit($event)\"\n        (keydown.Tab)=\"tab.emit($event)\"\n    ></bsu-column-renderer>\n    } @if (editMode) { @for (fieldCaption of column.$MergedFieldsToColumn; track fieldCaption) { @if (fieldCaption |\n    controlUi: layout94; as layoutConfig) {\n    <bsu-layout-control\n        [caption]=\"fieldCaption\"\n        [config]=\"layoutConfig\"\n        [showLabel]=\"false\"\n        [inlineEdit]=\"true\"\n        (keyup.control.enter)=\"save.emit($event)\"\n        (keyup.esc)=\"cancel.emit($event)\"\n        (keydown.Tab)=\"tab.emit($event)\"\n    ></bsu-layout-control>\n    } } }\n</div>\n", styles: [":host{display:contents;width:100%}:host>div.isdirty{background:url(/Lib/ui/resources/images/default/grid/dirty.gif);background-repeat:no-repeat}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"] }]
         }], propDecorators: { disableEllapsis: [{
                 type: Input
             }] } });
@@ -5494,11 +5525,11 @@ class BarsaTableRowComponent extends BaseViewItemPropsComponent {
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", columnComponents: "columnComponents", actionList: "actionList" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group }}\n    </td>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @if (!checkboxComponent?.Selector) {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column; let columnIndex = $index) { @if ((rowIndicator && columnIndex > 0) ||\n    !rowIndicator) {\n    <td\n        [attr.dbName]=\"column.Name\"\n        #tdEl\n        fd-table-cell\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"tdEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"column.Name\"\n        [focusable]=\"false\"\n        (click)=\"onColumnClick()\"\n        (dblclick)=\"onRowClick()\"\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                columnTemplate;\n                context: {\n                    $implicit: column,\n                    mo: mo,\n                    index: columnIndex,\n                    inlineEditMode: inlineEditMode,\n                    layout94: layout$ | async\n                }\n            \"\n        ></ng-container>\n    </td>\n    } } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n        ></bsu-ulv-context-menu>\n    </td>\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || cartableParams?.moId) {\n        <button\n            fd-button\n            [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onRowDetails()\"\n        ></button>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        @for (a of actionList; track a) {\n        <button\n            fd-button\n            [glyph]=\"a.glyph\"\n            [navigation]=\"a.navigation\"\n            [fdType]=\"'transparent'\"\n            [role]=\"a.role\"\n            bodyClick\n            [disableBodyClick]=\"!a.closeOnClick\"\n            (click)=\"a.handler({mo, index})\"\n        ></button>\n        }\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && detailsComponent?.Selector) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n}\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n        }\n    </div>\n</ng-template>\n@if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\n    </bsu-barsa-column-rownumber>\n    }\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i1$5.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i9$1.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$1.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis"] }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "component", type: BarsaColumnRowNumberComponent, selector: "bsu-barsa-column-rownumber", inputs: ["rowNumber"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", columnComponents: "columnComponents", actionList: "actionList", dirtyColumns: "dirtyColumns" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\n    </td>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @if (!checkboxComponent?.Selector) {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column; let columnIndex = $index) { @if ((rowIndicator && columnIndex > 0) ||\n    !rowIndicator) {\n    <td\n        class=\"rep-column\"\n        [attr.dbName]=\"column.Name\"\n        #tdEl\n        fd-table-cell\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"tdEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"column.Name\"\n        [focusable]=\"false\"\n        (click)=\"onColumnClick()\"\n        (dblclick)=\"onRowClick()\"\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\n        [class.control-readonly]=\"column.IsReadonly\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                columnTemplate;\n                context: {\n                    $implicit: column,\n                    mo: mo,\n                    index: columnIndex,\n                    inlineEditMode: inlineEditMode,\n                    layout94: layout$ | async\n                }\n            \"\n        ></ng-container>\n    </td>\n    } } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n        ></bsu-ulv-context-menu>\n    </td>\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || cartableParams?.moId) {\n        <button\n            fd-button\n            [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onRowDetails()\"\n        ></button>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        @for (a of actionList; track a) {\n        <button\n            fd-button\n            [glyph]=\"a.glyph\"\n            [navigation]=\"a.navigation\"\n            [fdType]=\"'transparent'\"\n            [role]=\"a.role\"\n            bodyClick\n            [disableBodyClick]=\"!a.closeOnClick\"\n            (click)=\"a.handler({mo, index})\"\n        ></button>\n        }\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && detailsComponent?.Selector) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n}\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n        }\n    </div>\n</ng-template>\n@if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\n    </bsu-barsa-column-rownumber>\n    }\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}td.control-readonly{background-color:var(--sapList_HeaderBackground)}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}tr td.rep-column:first-child{position:sticky;right:0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i1$5.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i9$1.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$1.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis"] }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "component", type: BarsaColumnRowNumberComponent, selector: "bsu-barsa-column-rownumber", inputs: ["rowNumber"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group }}\n    </td>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @if (!checkboxComponent?.Selector) {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column; let columnIndex = $index) { @if ((rowIndicator && columnIndex > 0) ||\n    !rowIndicator) {\n    <td\n        [attr.dbName]=\"column.Name\"\n        #tdEl\n        fd-table-cell\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"tdEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"column.Name\"\n        [focusable]=\"false\"\n        (click)=\"onColumnClick()\"\n        (dblclick)=\"onRowClick()\"\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                columnTemplate;\n                context: {\n                    $implicit: column,\n                    mo: mo,\n                    index: columnIndex,\n                    inlineEditMode: inlineEditMode,\n                    layout94: layout$ | async\n                }\n            \"\n        ></ng-container>\n    </td>\n    } } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n        ></bsu-ulv-context-menu>\n    </td>\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || cartableParams?.moId) {\n        <button\n            fd-button\n            [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onRowDetails()\"\n        ></button>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        @for (a of actionList; track a) {\n        <button\n            fd-button\n            [glyph]=\"a.glyph\"\n            [navigation]=\"a.navigation\"\n            [fdType]=\"'transparent'\"\n            [role]=\"a.role\"\n            bodyClick\n            [disableBodyClick]=\"!a.closeOnClick\"\n            (click)=\"a.handler({mo, index})\"\n        ></button>\n        }\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && detailsComponent?.Selector) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n}\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n        }\n    </div>\n</ng-template>\n@if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\n    </bsu-barsa-column-rownumber>\n    }\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\n    </td>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @if (!checkboxComponent?.Selector) {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column; let columnIndex = $index) { @if ((rowIndicator && columnIndex > 0) ||\n    !rowIndicator) {\n    <td\n        class=\"rep-column\"\n        [attr.dbName]=\"column.Name\"\n        #tdEl\n        fd-table-cell\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"tdEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"column.Name\"\n        [focusable]=\"false\"\n        (click)=\"onColumnClick()\"\n        (dblclick)=\"onRowClick()\"\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\n        [class.control-readonly]=\"column.IsReadonly\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                columnTemplate;\n                context: {\n                    $implicit: column,\n                    mo: mo,\n                    index: columnIndex,\n                    inlineEditMode: inlineEditMode,\n                    layout94: layout$ | async\n                }\n            \"\n        ></ng-container>\n    </td>\n    } } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n        ></bsu-ulv-context-menu>\n    </td>\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || cartableParams?.moId) {\n        <button\n            fd-button\n            [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onRowDetails()\"\n        ></button>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        @for (a of actionList; track a) {\n        <button\n            fd-button\n            [glyph]=\"a.glyph\"\n            [navigation]=\"a.navigation\"\n            [fdType]=\"'transparent'\"\n            [role]=\"a.role\"\n            bodyClick\n            [disableBodyClick]=\"!a.closeOnClick\"\n            (click)=\"a.handler({mo, index})\"\n        ></button>\n        }\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && detailsComponent?.Selector) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n}\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n        }\n    </div>\n</ng-template>\n@if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\n    </bsu-barsa-column-rownumber>\n    }\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}td.control-readonly{background-color:var(--sapList_HeaderBackground)}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}tr td.rep-column:first-child{position:sticky;right:0}\n"] }]
         }], propDecorators: { showDetailsInRow: [{
                 type: Input
             }], detailsComponent: [{
@@ -5511,6 +5542,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                 type: Input
             }], actionList: [{
                 type: Input
+            }], dirtyColumns: [{
+                type: Input
             }], detailsFormItems: [{
                 type: ViewChild,
                 args: ['detailsFormItems', { static: true }]
@@ -5525,6 +5558,14 @@ class UiTableViewComponent extends ReportViewBaseComponent {
         this.detailsColumns = [];
         this.columnComponents = [];
         this.tableHeaderMode = TableHeaderWidthMode.FitToContainer;
+        this.stickyEnable = signal(false);
+        this.rowVisibiltyChange = signal(false);
+        this._headerTop$ = new Subject();
+        this.rowVisible$ = new Subject();
+        this.tableHeaderTop = 0;
+        this.tableHeaderHeight = 0;
+        this.notVisibleItems = [];
+        this.visibleItems = [];
     }
     ngOnInit() {
         super.ngOnInit();
@@ -5547,6 +5588,28 @@ class UiTableViewComponent extends ReportViewBaseComponent {
         this._setHeight(this.parentHeight);
         this._setRowIndicator(this.columns);
         this._calculateColumnsWidth(this.moDataList);
+        // const x$ = this.rowVisible$.pipe(
+        //     debounceTime(50),
+        //     pairwise(),
+        //     map(([a, b]) => (a.index < b.index ? a : b)),
+        //     distinctUntilChanged((a, b) => a.index === b.index)
+        // );
+        // merge(
+        //     fromEvent(document.body, 'click'),
+        //     fromEvent(document.body, 'mouseup'),
+        //     fromEvent(document.body, 'wheel'),
+        //     fromEvent(document.body, 'mousedown')
+        // )
+        //     .pipe(debounceTime(50), takeUntil(this._onDestroy$), withLatestFrom(x$))
+        //     .subscribe(([_, x]) => this._calculateHeaderStickyTop(x.dom));
+        // x$.subscribe((c) => (console.log(c), this._calculateHeaderStickyTop(c.dom)));
+        // this._headerTop$
+        //     .asObservable()
+        //     .pipe(takeUntil(this._onDestroy$))
+        //     .subscribe((c) => {
+        //         console.log(c);
+        //         this._renderer2.setStyle(this.tableHeaderDom, 'top', c);
+        //     });
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
@@ -5596,6 +5659,48 @@ class UiTableViewComponent extends ReportViewBaseComponent {
         setColumnWidthByMaxMoContentWidth(this.moDataList, column);
         this._fireResizeChanged();
     }
+    onSetTableHeaderDom(dom) {
+        this.tableHeaderDom = dom;
+        const rect = dom.getBoundingClientRect();
+        this.tableHeaderTop = rect.top;
+        this.tableHeaderHeight = rect.height;
+    }
+    onHeaderVisibilityChange(e, dom) {
+        return;
+        this.headerObserverDom = dom;
+        if (e === 'NotVisible') {
+            this.stickyEnable.set(true);
+        }
+        else {
+            this.stickyEnable.set(false);
+        }
+    }
+    onRowVisibilityChange(e, index, dom) {
+        return;
+        if (e !== 'Pending') {
+            if (e === 'NotVisible') {
+                if (this.visibleItems.indexOf(index) !== -1) {
+                    this.rowVisible$.next({ index, dom });
+                    this.visibleItems = this.visibleItems.filter((c) => c !== index);
+                }
+                this.notVisibleItems.push(index);
+            }
+            if (e === 'Visible') {
+                this.notVisibleItems = this.notVisibleItems.filter((c) => c !== index);
+                this.visibleItems.push(index);
+            }
+            // this.rowVisible$.next({ index, dom });
+        }
+    }
+    _calculateHeaderStickyTop(dom) {
+        if (this.stickyEnable() && this.tableHeaderDom) {
+            // const rec = this.headerObserverDom.getBoundingClientRect();
+            // const top = rec.top;
+            // const calc = this.tableHeaderTop - top - this.tableHeaderHeight + 'px';
+            const rec = dom.getBoundingClientRect();
+            this._headerTop$.next(rec.top - 12 + this.tableHeaderHeight + 'px');
+        }
+    }
     _fireResizeChanged() {
         this.columnResized.emit({
             columns: this.columns,
@@ -5639,11 +5744,11 @@ class UiTableViewComponent extends ReportViewBaseComponent {
         this._renderer2.setStyle(this._el.nativeElement, 'width', this._width);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTableViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", disableResize: "disableResize", disableHeaderContextMenu: "disableHeaderContextMenu", rowResizer: "rowResizer", enableResizing: "enableResizing", disableFixedTableLayout: "disableFixedTableLayout" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        [disableResize]=\"disableResize\"\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (resetGridSettings)=\"resetGridSettings.emit()\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i3$1.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$1.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i3$1.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "contextMenuWidth", "showViewButton", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "actionList", "rowIndicator", "rtl", "showRowNumber", "disableResize", "disableHeaderContextMenu", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "fitToContent", "fitToContainer", "fitToColumn", "sortAscending", "sortDescending", "filter", "resetGridSettings"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "columnComponents", "actionList"] }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.TotalSummaryPipe, name: "totalSummary" }, { kind: "pipe", type: i2.MergeFieldsToColumnsPipe, name: "mergeFieldsToColumns" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }, { kind: "pipe", type: i2.ColumnCustomComponentPipe, name: "columnCustomComponent" }, { kind: "pipe", type: i2.RowNumberPipe, name: "rowNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", disableResize: "disableResize", disableHeaderContextMenu: "disableHeaderContextMenu", rowResizer: "rowResizer", enableResizing: "enableResizing", disableFixedTableLayout: "disableFixedTableLayout" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\n    fd-table\n    #tableTpl\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [sticky]=\"stickyEnable()\"\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        [disableResize]=\"disableResize\"\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\n        (headerRender)=\"onSetTableHeaderDom($event)\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (resetGridSettings)=\"resetGridSettings.emit()\"\n    ></bsu-barsa-table-header>\n    <div\n        #headerBottomObserver\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onHeaderVisibilityChange($event, headerBottomObserver)\"\n    ></div>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        #body\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [simpleInlineEdit]=\"simpleInlineEdit\"\n        [noSaveInlineEditInServer]=\"simpleInlineEdit\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n    <div\n        #rowBottom\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onRowVisibilityChange($event, index, rowBottom)\"\n    ></div>\n</ng-template>\n<div #tableBottomObserve></div>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i3$1.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$1.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i3$1.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "contextMenuWidth", "showViewButton", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "actionList", "rowIndicator", "rtl", "sticky", "showRowNumber", "disableResize", "disableHeaderContextMenu", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "fitToContent", "fitToContainer", "fitToColumn", "sortAscending", "sortDescending", "filter", "resetGridSettings", "headerRender"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "columnComponents", "actionList", "dirtyColumns"] }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.TotalSummaryPipe, name: "totalSummary" }, { kind: "pipe", type: i2.MergeFieldsToColumnsPipe, name: "mergeFieldsToColumns" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }, { kind: "pipe", type: i2.ColumnCustomComponentPipe, name: "columnCustomComponent" }, { kind: "pipe", type: i2.RowNumberPipe, name: "rowNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTableViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        [disableResize]=\"disableResize\"\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (resetGridSettings)=\"resetGridSettings.emit()\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"] }]
+            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\n    fd-table\n    #tableTpl\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [sticky]=\"stickyEnable()\"\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        [disableResize]=\"disableResize\"\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\n        (headerRender)=\"onSetTableHeaderDom($event)\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (resetGridSettings)=\"resetGridSettings.emit()\"\n    ></bsu-barsa-table-header>\n    <div\n        #headerBottomObserver\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onHeaderVisibilityChange($event, headerBottomObserver)\"\n    ></div>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        #body\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [dirtyColumns]=\"mo.$DirtyColumns\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [simpleInlineEdit]=\"simpleInlineEdit\"\n        [noSaveInlineEditInServer]=\"simpleInlineEdit\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n    <div\n        #rowBottom\n        intersectionObserver\n        [intersectionThreshold]=\"0.1\"\n        (visibilityChange)=\"onRowVisibilityChange($event, index, rowBottom)\"\n    ></div>\n</ng-template>\n<div #tableBottomObserve></div>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"] }]
         }], propDecorators: { columnWidth: [{
                 type: Input
             }], minWidth: [{
@@ -6791,11 +6896,11 @@ class UiUlvMainUiComponent extends BaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiUlvMainUiComponent, deps: [{ token: i1$1.DialogService }, { token: i2.UlvMainService }, { token: i0.ElementRef }, { token: i2$6.Router }, { token: i2.PortalService }, { token: i0.ChangeDetectorRef }, { token: i2$6.ActivatedRoute }, { token: i1$1.ContentDensityService }, { token: i2.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: { context: "context", isReportPage: "isReportPage", inDialog: "inDialog", isMultiSelect: "isMultiSelect", layoutInfo: "layoutInfo", fullscreen: "fullscreen" }, host: { properties: { "class.control-readonly": "this.readonly", "class.control-disabled": "this.disable", "class.margin-ulv": "this.marginUlv" } }, providers: [UlvMainService], viewQueries: [{ propertyName: "searchPanelComponent", first: true, predicate: SearchPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<bsu-barsa-ulv-main\n    [style.margin]=\"isReportPage ? null : 'var(--fdInput_Field_Margin, .25rem 0)'\"\n    [layoutInfo]=\"layoutInfo\"\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [isReportPage]=\"isReportPage\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [title]=\"title\"\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\n    [canSaveGridSetting]=\"(canSaveGridSetting$ | async) === true\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\n    [context]=\"context\"\n    [contentDensity]=\"contentDensity$ | async\"\n    (closeEvent)=\"onClose()\"\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\n    (openManageFilters)=\"onOpenManageFilters()\"\n    (collapsedChange)=\"onCollapsedChange($event)\"\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\n    (filterSave)=\"onFilterSave()\"\n    (filterSaveAs)=\"onFilterSaveAs()\"\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\n    (manageFilters)=\"onManageFilters()\"\n    (clearSearch)=\"onClearSearch()\"\n    (search)=\"onSearch()\"\n    (pageChange)=\"onPageChange($event)\"\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\n>\n</bsu-barsa-ulv-main>\n", styles: [":host{width:100%;min-height:100%;height:auto;display:flex;flex-direction:column;cursor:default}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"], dependencies: [{ kind: "component", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: ["viewerControl", "loading", "viewerLoading", "isReportPage", "deviceSize", "title", "searchPanelUi", "breadCrumbs", "allSearchPanelSettings", "isAnonymous", "canSaveGridSetting", "rtl", "selectedSearchPanelSettings", "searchPanelMoChanged", "selectedSearchPanelSettingsId", "hideSearchPanel", "pagingSetting", "contentDensity", "context", "isMobile", "standalone", "landscape", "layoutInfo"], outputs: ["closeEvent", "searchPanelMoChange", "openManageFilters", "collapsedChange", "hideSearchPanelClick", "filterSave", "filterSaveAs", "pageChange", "showFilterFieldsSetting", "manageFilters", "clearSearch", "search", "selectSearchPanelSettings"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: { context: "context", isReportPage: "isReportPage", inDialog: "inDialog", isMultiSelect: "isMultiSelect", layoutInfo: "layoutInfo", fullscreen: "fullscreen" }, host: { properties: { "class.control-readonly": "this.readonly", "class.control-disabled": "this.disable", "class.margin-ulv": "this.marginUlv" } }, providers: [UlvMainService], viewQueries: [{ propertyName: "searchPanelComponent", first: true, predicate: SearchPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<bsu-barsa-ulv-main\n    [style.margin]=\"isReportPage ? null : 'var(--fdInput_Field_Margin, .25rem 0)'\"\n    [style.style.width]=\"!isMobile ? null : '100%'\"\n    [layoutInfo]=\"layoutInfo\"\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [isReportPage]=\"isReportPage\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [title]=\"title\"\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\n    [canSaveGridSetting]=\"(canSaveGridSetting$ | async) === true\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\n    [context]=\"context\"\n    [contentDensity]=\"contentDensity$ | async\"\n    (closeEvent)=\"onClose()\"\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\n    (openManageFilters)=\"onOpenManageFilters()\"\n    (collapsedChange)=\"onCollapsedChange($event)\"\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\n    (filterSave)=\"onFilterSave()\"\n    (filterSaveAs)=\"onFilterSaveAs()\"\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\n    (manageFilters)=\"onManageFilters()\"\n    (clearSearch)=\"onClearSearch()\"\n    (search)=\"onSearch()\"\n    (pageChange)=\"onPageChange($event)\"\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\n>\n</bsu-barsa-ulv-main>\n", styles: [":host{width:100%;min-height:100%;height:auto;display:flex;flex-direction:column;cursor:default}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"], dependencies: [{ kind: "component", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: ["viewerControl", "loading", "viewerLoading", "isReportPage", "deviceSize", "title", "searchPanelUi", "breadCrumbs", "allSearchPanelSettings", "isAnonymous", "canSaveGridSetting", "rtl", "selectedSearchPanelSettings", "searchPanelMoChanged", "selectedSearchPanelSettingsId", "hideSearchPanel", "pagingSetting", "contentDensity", "context", "isMobile", "standalone", "landscape", "layoutInfo"], outputs: ["closeEvent", "searchPanelMoChange", "openManageFilters", "collapsedChange", "hideSearchPanelClick", "filterSave", "filterSaveAs", "pageChange", "showFilterFieldsSetting", "manageFilters", "clearSearch", "search", "selectSearchPanelSettings"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiUlvMainUiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-ulv-main-ui', providers: [UlvMainService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bsu-barsa-ulv-main\n    [style.margin]=\"isReportPage ? null : 'var(--fdInput_Field_Margin, .25rem 0)'\"\n    [layoutInfo]=\"layoutInfo\"\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [isReportPage]=\"isReportPage\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [title]=\"title\"\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\n    [canSaveGridSetting]=\"(canSaveGridSetting$ | async) === true\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\n    [context]=\"context\"\n    [contentDensity]=\"contentDensity$ | async\"\n    (closeEvent)=\"onClose()\"\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\n    (openManageFilters)=\"onOpenManageFilters()\"\n    (collapsedChange)=\"onCollapsedChange($event)\"\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\n    (filterSave)=\"onFilterSave()\"\n    (filterSaveAs)=\"onFilterSaveAs()\"\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\n    (manageFilters)=\"onManageFilters()\"\n    (clearSearch)=\"onClearSearch()\"\n    (search)=\"onSearch()\"\n    (pageChange)=\"onPageChange($event)\"\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\n>\n</bsu-barsa-ulv-main>\n", styles: [":host{width:100%;min-height:100%;height:auto;display:flex;flex-direction:column;cursor:default}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"] }]
+            args: [{ selector: 'bsu-ui-ulv-main-ui', providers: [UlvMainService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bsu-barsa-ulv-main\n    [style.margin]=\"isReportPage ? null : 'var(--fdInput_Field_Margin, .25rem 0)'\"\n    [style.style.width]=\"!isMobile ? null : '100%'\"\n    [layoutInfo]=\"layoutInfo\"\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [isReportPage]=\"isReportPage\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [title]=\"title\"\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\n    [canSaveGridSetting]=\"(canSaveGridSetting$ | async) === true\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\n    [context]=\"context\"\n    [contentDensity]=\"contentDensity$ | async\"\n    (closeEvent)=\"onClose()\"\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\n    (openManageFilters)=\"onOpenManageFilters()\"\n    (collapsedChange)=\"onCollapsedChange($event)\"\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\n    (filterSave)=\"onFilterSave()\"\n    (filterSaveAs)=\"onFilterSaveAs()\"\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\n    (manageFilters)=\"onManageFilters()\"\n    (clearSearch)=\"onClearSearch()\"\n    (search)=\"onSearch()\"\n    (pageChange)=\"onPageChange($event)\"\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\n>\n</bsu-barsa-ulv-main>\n", styles: [":host{width:100%;min-height:100%;height:auto;display:flex;flex-direction:column;cursor:default}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.DialogService }, { type: i2.UlvMainService }, { type: i0.ElementRef }, { type: i2$6.Router }, { type: i2.PortalService }, { type: i0.ChangeDetectorRef }, { type: i2$6.ActivatedRoute }, { type: i1$1.ContentDensityService }, { type: i2.BreadcrumbService }], propDecorators: { context: [{
                 type: Input
             }], isReportPage: [{
@@ -11170,11 +11275,11 @@ class UlvPagingComponent extends BaseComponent {
         this.pageChange.emit(pageNumber);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvPagingComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.BbbTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvPagingComponent, selector: "bsu-ulv-paging", inputs: { pagingSetting: "pagingSetting" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "height.px": "this.height" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"config?.Setting?.Data?.Paging?.HasPaging\">\n<div class=\"icons\">\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === totalPage - 1 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onEndClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage + 1 >= totalPage ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-left-arrow\"\n    (click)=\"onNextClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage - 1 < 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-right-arrow\"\n    (click)=\"onPreviousClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onFirstClick()\"\n  ></button>\n</div>\n<div class=\"pagesize\">\n  <label style=\"padding: 0 5px\"\n    >{{ currentPage * pageSize }}-{{ currentPage * pageSize + pageSize }} \u0627\u0632\n    {{ config.Setting.Data.Paging.TotalRows }}</label\n    >\n    <fd-select (valueChange)=\"onPageSizeChange($event)\" [value]=\"pageSize\">\n      <fd-option [value]=\"24\">24</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n    </fd-select>\n\n    <label style=\"padding: 0 5px\">{{ ItemsPerPage }}:</label>\n  </div>\n</ng-container> -->\n@if (pagingSetting) {\n  @if (pagingSetting && pagingSetting.HasPaging) {\n    <fd-pagination\n      dir=\"rtl\"\n      [totalItems]=\"pagingSetting.TotalRows\"\n      (pageChangeStart)=\"onPageChange($event)\"\n      [itemsPerPage]=\"pagingSetting.PageSize\"\n      [currentPage]=\"currentPage\"\n      [displayTextTemplate]=\"showingItems\"\n    ></fd-pagination>\n  }\n}\n<ng-template #showingItems let-showing=\"showing\">\n  <span dir=\"ltr\">\n    {{ 'From' | bbbTranslate }} {{ showing.from }} {{ 'To' | bbbTranslate }} {{ showing.to }} {{ totalPageStr }}\n  </span>\n</ng-template>\n", styles: [":host{align-items:center;display:flex;justify-content:center;flex-direction:row-reverse;width:100%}.icons{display:flex;justify-content:space-between;padding:0 15px}.icons ui5-button{color:var(--sapContent_LabelColor)}.icons ui5-button:hover{background:var(--sapBackgroundColor)!important;border-color:transparent!important}.pagesize{align-items:center;display:flex;justify-content:flex-start;flex-direction:row-reverse}\n"], dependencies: [{ kind: "component", type: i2$9.PaginationComponent, selector: "fd-pagination", inputs: ["id", "mobile", "totalItems", "currentPage", "itemsPerPage", "itemsPerPageTemplate", "itemsPerPageOptions", "displayTotalItems", "displayTextTemplate"], outputs: ["pageChangeStart", "itemsPerPageChange"] }, { kind: "directive", type: i7$4.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvPagingComponent, selector: "bsu-ulv-paging", inputs: { pagingSetting: "pagingSetting" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "height.px": "this.height" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"config?.Setting?.Data?.Paging?.HasPaging\">\n<div class=\"icons\">\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === totalPage - 1 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onEndClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage + 1 >= totalPage ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-left-arrow\"\n    (click)=\"onNextClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage - 1 < 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-right-arrow\"\n    (click)=\"onPreviousClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onFirstClick()\"\n  ></button>\n</div>\n<div class=\"pagesize\">\n  <label style=\"padding: 0 5px\"\n    >{{ currentPage * pageSize }}-{{ currentPage * pageSize + pageSize }} \u0627\u0632\n    {{ config.Setting.Data.Paging.TotalRows }}</label\n    >\n    <fd-select (valueChange)=\"onPageSizeChange($event)\" [value]=\"pageSize\">\n      <fd-option [value]=\"24\">24</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n    </fd-select>\n\n    <label style=\"padding: 0 5px\">{{ ItemsPerPage }}:</label>\n  </div>\n</ng-container> -->\n@if (pagingSetting) { @if (pagingSetting && pagingSetting.HasPaging && pagingSetting.TotalPages>1) {\n<fd-pagination\n    dir=\"rtl\"\n    [totalItems]=\"pagingSetting.TotalRows\"\n    (pageChangeStart)=\"onPageChange($event)\"\n    [itemsPerPage]=\"pagingSetting.PageSize\"\n    [currentPage]=\"currentPage\"\n    [displayTextTemplate]=\"showingItems\"\n></fd-pagination>\n} }\n<ng-template #showingItems let-showing=\"showing\">\n    <span dir=\"ltr\">\n        {{ 'From' | bbbTranslate }} {{ showing.from }} {{ 'To' | bbbTranslate }} {{ showing.to }} {{ totalPageStr }}\n    </span>\n</ng-template>\n", styles: [":host{align-items:center;display:flex;justify-content:center;flex-direction:row-reverse;width:100%}.icons{display:flex;justify-content:space-between;padding:0 15px}.icons ui5-button{color:var(--sapContent_LabelColor)}.icons ui5-button:hover{background:var(--sapBackgroundColor)!important;border-color:transparent!important}.pagesize{align-items:center;display:flex;justify-content:flex-start;flex-direction:row-reverse}\n"], dependencies: [{ kind: "component", type: i2$9.PaginationComponent, selector: "fd-pagination", inputs: ["id", "mobile", "totalItems", "currentPage", "itemsPerPage", "itemsPerPageTemplate", "itemsPerPageOptions", "displayTotalItems", "displayTextTemplate"], outputs: ["pageChangeStart", "itemsPerPageChange"] }, { kind: "directive", type: i7$4.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvPagingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ulv-paging', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <ng-container *ngIf=\"config?.Setting?.Data?.Paging?.HasPaging\">\n<div class=\"icons\">\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === totalPage - 1 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onEndClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage + 1 >= totalPage ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-left-arrow\"\n    (click)=\"onNextClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage - 1 < 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-right-arrow\"\n    (click)=\"onPreviousClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onFirstClick()\"\n  ></button>\n</div>\n<div class=\"pagesize\">\n  <label style=\"padding: 0 5px\"\n    >{{ currentPage * pageSize }}-{{ currentPage * pageSize + pageSize }} \u0627\u0632\n    {{ config.Setting.Data.Paging.TotalRows }}</label\n    >\n    <fd-select (valueChange)=\"onPageSizeChange($event)\" [value]=\"pageSize\">\n      <fd-option [value]=\"24\">24</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n    </fd-select>\n\n    <label style=\"padding: 0 5px\">{{ ItemsPerPage }}:</label>\n  </div>\n</ng-container> -->\n@if (pagingSetting) {\n  @if (pagingSetting && pagingSetting.HasPaging) {\n    <fd-pagination\n      dir=\"rtl\"\n      [totalItems]=\"pagingSetting.TotalRows\"\n      (pageChangeStart)=\"onPageChange($event)\"\n      [itemsPerPage]=\"pagingSetting.PageSize\"\n      [currentPage]=\"currentPage\"\n      [displayTextTemplate]=\"showingItems\"\n    ></fd-pagination>\n  }\n}\n<ng-template #showingItems let-showing=\"showing\">\n  <span dir=\"ltr\">\n    {{ 'From' | bbbTranslate }} {{ showing.from }} {{ 'To' | bbbTranslate }} {{ showing.to }} {{ totalPageStr }}\n  </span>\n</ng-template>\n", styles: [":host{align-items:center;display:flex;justify-content:center;flex-direction:row-reverse;width:100%}.icons{display:flex;justify-content:space-between;padding:0 15px}.icons ui5-button{color:var(--sapContent_LabelColor)}.icons ui5-button:hover{background:var(--sapBackgroundColor)!important;border-color:transparent!important}.pagesize{align-items:center;display:flex;justify-content:flex-start;flex-direction:row-reverse}\n"] }]
+            args: [{ selector: 'bsu-ulv-paging', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <ng-container *ngIf=\"config?.Setting?.Data?.Paging?.HasPaging\">\n<div class=\"icons\">\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === totalPage - 1 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onEndClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage + 1 >= totalPage ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-left-arrow\"\n    (click)=\"onNextClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage - 1 < 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"navigation-right-arrow\"\n    (click)=\"onPreviousClick()\"\n  ></button>\n  <button\n    fd-button\n    [attr.disabled]=\"currentPage === 0 ? true : null\"\n    fdType=\"transparent\"\n    glyph=\"begin\"\n    (click)=\"onFirstClick()\"\n  ></button>\n</div>\n<div class=\"pagesize\">\n  <label style=\"padding: 0 5px\"\n    >{{ currentPage * pageSize }}-{{ currentPage * pageSize + pageSize }} \u0627\u0632\n    {{ config.Setting.Data.Paging.TotalRows }}</label\n    >\n    <fd-select (valueChange)=\"onPageSizeChange($event)\" [value]=\"pageSize\">\n      <fd-option [value]=\"24\">24</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n    </fd-select>\n\n    <label style=\"padding: 0 5px\">{{ ItemsPerPage }}:</label>\n  </div>\n</ng-container> -->\n@if (pagingSetting) { @if (pagingSetting && pagingSetting.HasPaging && pagingSetting.TotalPages>1) {\n<fd-pagination\n    dir=\"rtl\"\n    [totalItems]=\"pagingSetting.TotalRows\"\n    (pageChangeStart)=\"onPageChange($event)\"\n    [itemsPerPage]=\"pagingSetting.PageSize\"\n    [currentPage]=\"currentPage\"\n    [displayTextTemplate]=\"showingItems\"\n></fd-pagination>\n} }\n<ng-template #showingItems let-showing=\"showing\">\n    <span dir=\"ltr\">\n        {{ 'From' | bbbTranslate }} {{ showing.from }} {{ 'To' | bbbTranslate }} {{ showing.to }} {{ totalPageStr }}\n    </span>\n</ng-template>\n", styles: [":host{align-items:center;display:flex;justify-content:center;flex-direction:row-reverse;width:100%}.icons{display:flex;justify-content:space-between;padding:0 15px}.icons ui5-button{color:var(--sapContent_LabelColor)}.icons ui5-button:hover{background:var(--sapBackgroundColor)!important;border-color:transparent!important}.pagesize{align-items:center;display:flex;justify-content:flex-start;flex-direction:row-reverse}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i2.BbbTranslatePipe }], propDecorators: { pageChange: [{
                 type: Output
             }], pageSizeChange: [{
@@ -11354,12 +11459,21 @@ class UiNumDecimalUiComponent extends NumberBaseComponent {
     raiseValueChange(val) {
         this.valueChange.emit(val);
     }
+    onFocus() {
+        if (this.inputElement) {
+            const val = this.inputElement.value;
+            const index = val.indexOf('.');
+            if (index !== -1) {
+                this.inputElement.setSelectionRange(index, index);
+            }
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiNumDecimalUiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiNumDecimalUiComponent, selector: "bsu-ui-num-decimal-ui", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<input\n    #inputRef\n    fd-form-control\n    [id]=\"id\"\n    [placeholder]=\"Setting.NullText || ''\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    class=\"number-input\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    (keydown)=\"onKeyDown($event)\"\n    (input)=\"onValueChange($event)\"\n/>\n@if (Setting.CurrencySymbol) {\n<label fd-form-label flexShrink=\"0\">{{ Setting.CurrencySymbol }} </label>\n}\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center}.number-input{display:block}label{flex-shrink:0;padding:0!important}\n"], dependencies: [{ kind: "component", type: i1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiNumDecimalUiComponent, selector: "bsu-ui-num-decimal-ui", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<input\n    #inputRef\n    fd-form-control\n    [id]=\"id\"\n    [placeholder]=\"Setting.NullText || ''\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    class=\"number-input\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    (keydown)=\"onKeyDown($event)\"\n    (input)=\"onValueChange($event)\"\n    (focus)=\"onFocus()\"\n/>\n@if (Setting.CurrencySymbol) {\n<label fd-form-label flexShrink=\"0\">{{ Setting.CurrencySymbol }} </label>\n}\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center}.number-input{display:block}label{flex-shrink:0;padding:0!important}\n"], dependencies: [{ kind: "component", type: i1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiNumDecimalUiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-num-decimal-ui', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n    #inputRef\n    fd-form-control\n    [id]=\"id\"\n    [placeholder]=\"Setting.NullText || ''\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    class=\"number-input\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    (keydown)=\"onKeyDown($event)\"\n    (input)=\"onValueChange($event)\"\n/>\n@if (Setting.CurrencySymbol) {\n<label fd-form-label flexShrink=\"0\">{{ Setting.CurrencySymbol }} </label>\n}\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center}.number-input{display:block}label{flex-shrink:0;padding:0!important}\n"] }]
+            args: [{ selector: 'bsu-ui-num-decimal-ui', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n    #inputRef\n    fd-form-control\n    [id]=\"id\"\n    [placeholder]=\"Setting.NullText || ''\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    class=\"number-input\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    (keydown)=\"onKeyDown($event)\"\n    (input)=\"onValueChange($event)\"\n    (focus)=\"onFocus()\"\n/>\n@if (Setting.CurrencySymbol) {\n<label fd-form-label flexShrink=\"0\">{{ Setting.CurrencySymbol }} </label>\n}\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center}.number-input{display:block}label{flex-shrink:0;padding:0!important}\n"] }]
         }], propDecorators: { inputRef: [{
                 type: ViewChild,
                 args: ['inputRef', { read: ElementRef, static: true }]
@@ -12085,11 +12199,11 @@ class UiGridComponent extends SapUiReportBaseComponent {
         this.widthTypeEnum = WidthTypeEnum;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiGridComponent, selector: "bsu-ui-grid", inputs: { showOkCancelButtons: "showOkCancelButtons" }, usesInheritance: true, ngImport: i0, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            extraRelation: context.Setting.Extra?.Relation,\n            title: title$ | async,\n            rtl: rtl$ | async,\n            hideToolbar: hideToolbar$ | async,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            formSetting: context.Setting.FormTemplate,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            newInlineEditMo: newInlineEditMo$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableResponsive: disableResponsive$ | async,\n            fullscreen: fullscreen$ | async,\n            selectedMo: selectedMo$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            pagingSetting: pagingSetting$ | async\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formSetting=\"formSetting\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-newInlineEditMo=\"newInlineEditMo\"\n    let-hasSummary=\"hasSummary\"\n    let-extraRelation=\"extraRelation\"\n    let-typeDefId=\"typeDefId\"\n    let-contextView=\"contextView\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-fullscreen=\"fullscreen\"\n    let-selectedMo=\"selectedMo\"\n    let-disableResponsive=\"disableResponsive\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [hideTitle]=\"true\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [access]=\"access\"\n        [disableResponsive]=\"disableResponsive\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [pagingSetting]=\"pagingSetting\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [allColumns]=\"allColumns\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [rowResizer]=\"rowResizer\"\n        [enableResizing]=\"enableResizing\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (resetGridSettings)=\"onResetGridSettings()\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "icon", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "disableResize", "disableHeaderContextMenu", "rowResizer", "enableResizing", "disableFixedTableLayout"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiGridComponent, selector: "bsu-ui-grid", inputs: { showOkCancelButtons: "showOkCancelButtons" }, usesInheritance: true, ngImport: i0, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            extraRelation: context.Setting.Extra?.Relation,\n            title: title$ | async,\n            rtl: rtl$ | async,\n            hideToolbar: hideToolbar$ | async,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            formSetting: context.Setting.FormTemplate,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            newInlineEditMo: newInlineEditMo$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableResponsive: disableResponsive$ | async,\n            fullscreen: fullscreen$ | async,\n            selectedMo: selectedMo$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            pagingSetting: pagingSetting$ | async,\n            simpleInlineEdit: simpleInlineEdit\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formSetting=\"formSetting\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-newInlineEditMo=\"newInlineEditMo\"\n    let-hasSummary=\"hasSummary\"\n    let-extraRelation=\"extraRelation\"\n    let-typeDefId=\"typeDefId\"\n    let-contextView=\"contextView\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-fullscreen=\"fullscreen\"\n    let-selectedMo=\"selectedMo\"\n    let-disableResponsive=\"disableResponsive\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n    let-simpleInlineEdit=\"simpleInlineEdit\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [hideTitle]=\"true\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [access]=\"access\"\n        [disableResponsive]=\"disableResponsive\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [simpleInlineEdit]=\"simpleInlineEdit\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [pagingSetting]=\"pagingSetting\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [allColumns]=\"allColumns\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [rowResizer]=\"rowResizer\"\n        [enableResizing]=\"enableResizing\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (resetGridSettings)=\"onResetGridSettings()\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "icon", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "disableResize", "disableHeaderContextMenu", "rowResizer", "enableResizing", "disableFixedTableLayout"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            extraRelation: context.Setting.Extra?.Relation,\n            title: title$ | async,\n            rtl: rtl$ | async,\n            hideToolbar: hideToolbar$ | async,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            formSetting: context.Setting.FormTemplate,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            newInlineEditMo: newInlineEditMo$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableResponsive: disableResponsive$ | async,\n            fullscreen: fullscreen$ | async,\n            selectedMo: selectedMo$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            pagingSetting: pagingSetting$ | async\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formSetting=\"formSetting\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-newInlineEditMo=\"newInlineEditMo\"\n    let-hasSummary=\"hasSummary\"\n    let-extraRelation=\"extraRelation\"\n    let-typeDefId=\"typeDefId\"\n    let-contextView=\"contextView\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-fullscreen=\"fullscreen\"\n    let-selectedMo=\"selectedMo\"\n    let-disableResponsive=\"disableResponsive\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [hideTitle]=\"true\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [access]=\"access\"\n        [disableResponsive]=\"disableResponsive\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [pagingSetting]=\"pagingSetting\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [allColumns]=\"allColumns\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [rowResizer]=\"rowResizer\"\n        [enableResizing]=\"enableResizing\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (resetGridSettings)=\"onResetGridSettings()\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"] }]
+            args: [{ selector: 'bsu-ui-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            extraRelation: context.Setting.Extra?.Relation,\n            title: title$ | async,\n            rtl: rtl$ | async,\n            hideToolbar: hideToolbar$ | async,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            formSetting: context.Setting.FormTemplate,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            newInlineEditMo: newInlineEditMo$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableResponsive: disableResponsive$ | async,\n            fullscreen: fullscreen$ | async,\n            selectedMo: selectedMo$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            pagingSetting: pagingSetting$ | async,\n            simpleInlineEdit: simpleInlineEdit\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formSetting=\"formSetting\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-newInlineEditMo=\"newInlineEditMo\"\n    let-hasSummary=\"hasSummary\"\n    let-extraRelation=\"extraRelation\"\n    let-typeDefId=\"typeDefId\"\n    let-contextView=\"contextView\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-fullscreen=\"fullscreen\"\n    let-selectedMo=\"selectedMo\"\n    let-disableResponsive=\"disableResponsive\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n    let-simpleInlineEdit=\"simpleInlineEdit\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [hideTitle]=\"true\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [access]=\"access\"\n        [disableResponsive]=\"disableResponsive\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [simpleInlineEdit]=\"simpleInlineEdit\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [pagingSetting]=\"pagingSetting\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [allColumns]=\"allColumns\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [rowResizer]=\"rowResizer\"\n        [enableResizing]=\"enableResizing\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (resetGridSettings)=\"onResetGridSettings()\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"] }]
         }], propDecorators: { showOkCancelButtons: [{
                 type: Input
             }] } });
@@ -13832,7 +13946,7 @@ class BarsaQuestionAnswerFormComponent extends FormPropsBaseComponent {
         }
     }
     onVoteChange(isPositive) {
-        const vote = this._controlUiPipe.transform(isPositive ? 'ثبت رای مثبت' : 'ثبت رای منفی', this.layout94);
+        const vote = this._controlUiPipe.transform(isPositive ? 'ثبت رای مثبت' : 'ثبت رای منفی', this.layout94, '');
         vote && vote?.FieldUi.fireEvent('click', vote.FieldUi);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaQuestionAnswerFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }