barsa-sap-ui 1.0.447 → 1.0.448

package/fesm2020/barsa-sap-ui.mjs

@@ -1965,6 +1965,20 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
         this.hasDetailsInRow = value;
         this._deviceSizeChanged(deviceSize);
     }
+    onEscapeKey(mo) {
+        this._handleCancelInlineEdit(mo);
+    }
+    _handleCancelInlineEdit(mo) {
+        const moDataList = this.moDataList;
+        const moIndex = moDataList.findIndex((c) => c.Id === mo.Id);
+        if (moIndex < 0 || !mo.$NewInlineMo) {
+            this._doCheckedAll(false);
+            return;
+        }
+        const newMoDataList = moDataList.filter((c) => c.Id !== mo.Id);
+        this._resetMoDataList(newMoDataList);
+        this.refreshContextMoDataList(newMoDataList);
+    }
     _createNewInlineMo(setChanged = false) {
         const moDataList = this.moDataList;
         const existInlineMo = moDataList.find((c) => c.$NewInlineMo);
@@ -4376,7 +4390,7 @@ class ReportNewTopFormComponent extends BaseViewItemPropsComponent {
         super(...arguments);
         this.add = new EventEmitter();
         this.save = new EventEmitter();
-        this.inRow = false;
+        this.rewriteInlineEditLayout94 = false;
     }
     ngOnInit() {
         this._createNewMo();
@@ -4454,6 +4468,7 @@ class ReportViewRendererDirective extends BaseDirective {
         this.columnResized = new EventEmitter();
         this.selectNextInlineRecord = new EventEmitter();
         this.workflowShareButtons = new EventEmitter();
+        this.escapeKey = new EventEmitter();
     }
     ngOnChanges(changes) {
         const { view } = changes;
@@ -4540,6 +4555,9 @@ class ReportViewRendererDirective extends BaseDirective {
             instance.selectedMo = this.selectedMo;
             instance.hasSelected = this.hasSelected;
             instance.rtl = this.rtl;
+            instance.escapeKey?.pipe(takeUntil(this._onDestroy$)).subscribe((mo) => {
+                this.escapeKey.emit(mo);
+            });
             instance.resetWorkflowState?.pipe(takeUntil(this._onDestroy$)).subscribe((mo) => {
                 this.resetWorkflowState.emit(mo);
             });
@@ -4614,7 +4632,7 @@ class ReportViewRendererDirective extends BaseDirective {
     }
 }
 ReportViewRendererDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportViewRendererDirective, deps: [{ token: i2.PortalService }, { token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ReportViewRendererDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", 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" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+ReportViewRendererDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", 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" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportViewRendererDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4776,6 +4794,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Output
             }], workflowShareButtons: [{
                 type: Output
+            }], escapeKey: [{
+                type: Output
             }] } });
 
 class UiReportContainerComponent extends SapUiReportBaseComponent {
@@ -4801,10 +4821,10 @@ class UiReportContainerComponent extends SapUiReportBaseComponent {
     }
 }
 UiReportContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiReportContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiReportContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\r\n            selectedView: selectedView,\r\n            viewCollection: viewCollection,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            contentDensity: contentDensity$ | async,\r\n            formLayout: layout$ | async,\r\n            hasSelected: hasSelected$ | async,\r\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\r\n            showCreateForm: viewSetting.ShowCreateForm,\r\n            hideOpenIcon: viewSetting.HideOpenIcon,\r\n            openOnClick: viewSetting.OpenOnClick,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            formSetting: context.Setting.FormTemplate,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            disableResponsive: viewSetting.DisableResponsive,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            contextSetting: context.Setting,\r\n            customFieldInfo: context.Setting.CustomFieldInfo,\r\n            selectedMo: selectedMo$ | async,\r\n            hideSearchpanel: hideSearchpanel$ | async,\r\n            selectedCount: selectedCount$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            allowGridColumnSort: context.ViewSetting.AllowGridColumnSort,\r\n            hasInlineEditButton: viewSetting.HasInlineEditButton,\r\n            hasInlineDeleteButton: viewSetting.HasInlineDeleteButton,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-onlyInlineEdit=\"onlyInlineEdit\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-selectedView=\"selectedView\"\r\n    let-viewCollection=\"viewCollection\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formLayout=\"formLayout\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-formSetting=\"formSetting\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-contextView=\"contextView\"\r\n    let-showCreateForm=\"showCreateForm\"\r\n    let-hideOpenIcon=\"hideOpenIcon\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-openOnClick=\"openOnClick\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-customFieldInfo=\"customFieldInfo\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-selectedCount=\"selectedCount\"\r\n    let-hideSearchpanel=\"hideSearchpanel\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n    let-hasInlineDeleteButton=\"hasInlineDeleteButton\"\r\n    let-hasInlineEditButton=\"hasInlineEditButton\"\r\n    let-contextSetting=\"contextSetting\"\r\n>\r\n    <div *ngIf=\"showCreateForm\">\r\n        <bsu-report-new-top-form\r\n            [extraRelation]=\"extraRelation\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [selectedMo]=\"selectedMo\"\r\n            [formSetting]=\"formSetting\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [inlineEditMode]=\"true\"\r\n            [isChecked]=\"true\"\r\n            (add)=\"onNewTopFormAdd($event)\"\r\n            (save)=\"onSaveTopForm($event)\"\r\n        ></bsu-report-new-top-form>\r\n    </div>\r\n    <bsu-ulv-toolbar\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [access]=\"access\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [inDialog]=\"inDialog\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [viewCollection]=\"viewCollection\"\r\n        [reportView]=\"selectedView\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        (sortClick)=\"onSortSettings($event)\"\r\n        (groupbyClick)=\"onGroupbySettings($event)\"\r\n        (columnClick)=\"onColumnSettings($event)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (viewClick)=\"onChangeView($event)\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n\r\n    <div\r\n        class=\"report-view\"\r\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\r\n        reportViewRenderer\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [hasInlineDeleteButton]=\"hasInlineDeleteButton\"\r\n        [hasInlineEditButton]=\"hasInlineEditButton\"\r\n        [contextSetting]=\"contextSetting\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [reportId]=\"reportId\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [hideSearchpanel]=\"hideSearchpanel\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [selectedCount]=\"selectedCount\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [customFieldInfo]=\"customFieldInfo\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [openOnClick]=\"openOnClick\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [view]=\"selectedView\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [formSetting]=\"formSetting\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [rtl]=\"rtl\"\r\n        [allColumns]=\"allColumns\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [formLayout]=\"formLayout\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\r\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\r\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n        (createNewMo)=\"onCreateNewMo()\"\r\n        (updateMo)=\"onUpdateMo($event)\"\r\n        (mandatory)=\"onMandatory($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    ></div>\r\n</ng-template>\r\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "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"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiReportContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\r\n            selectedView: selectedView,\r\n            viewCollection: viewCollection,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            contentDensity: contentDensity$ | async,\r\n            formLayout: layout$ | async,\r\n            hasSelected: hasSelected$ | async,\r\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\r\n            showCreateForm: viewSetting.ShowCreateForm,\r\n            hideOpenIcon: viewSetting.HideOpenIcon,\r\n            openOnClick: viewSetting.OpenOnClick,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            formSetting: context.Setting.FormTemplate,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            disableResponsive: viewSetting.DisableResponsive,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            contextSetting: context.Setting,\r\n            customFieldInfo: context.Setting.CustomFieldInfo,\r\n            selectedMo: selectedMo$ | async,\r\n            hideSearchpanel: hideSearchpanel$ | async,\r\n            selectedCount: selectedCount$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            allowGridColumnSort: context.ViewSetting.AllowGridColumnSort,\r\n            hasInlineEditButton: viewSetting.HasInlineEditButton,\r\n            hasInlineDeleteButton: viewSetting.HasInlineDeleteButton,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-onlyInlineEdit=\"onlyInlineEdit\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-selectedView=\"selectedView\"\r\n    let-viewCollection=\"viewCollection\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formLayout=\"formLayout\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-formSetting=\"formSetting\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-contextView=\"contextView\"\r\n    let-showCreateForm=\"showCreateForm\"\r\n    let-hideOpenIcon=\"hideOpenIcon\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-openOnClick=\"openOnClick\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-customFieldInfo=\"customFieldInfo\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-selectedCount=\"selectedCount\"\r\n    let-hideSearchpanel=\"hideSearchpanel\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n    let-hasInlineDeleteButton=\"hasInlineDeleteButton\"\r\n    let-hasInlineEditButton=\"hasInlineEditButton\"\r\n    let-contextSetting=\"contextSetting\"\r\n>\r\n    <div *ngIf=\"showCreateForm\">\r\n        <bsu-report-new-top-form\r\n            [extraRelation]=\"extraRelation\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [selectedMo]=\"selectedMo\"\r\n            [formSetting]=\"formSetting\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [inlineEditMode]=\"true\"\r\n            [isChecked]=\"true\"\r\n            (add)=\"onNewTopFormAdd($event)\"\r\n            (save)=\"onSaveTopForm($event)\"\r\n        ></bsu-report-new-top-form>\r\n    </div>\r\n    <bsu-ulv-toolbar\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [access]=\"access\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [inDialog]=\"inDialog\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [viewCollection]=\"viewCollection\"\r\n        [reportView]=\"selectedView\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        (sortClick)=\"onSortSettings($event)\"\r\n        (groupbyClick)=\"onGroupbySettings($event)\"\r\n        (columnClick)=\"onColumnSettings($event)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (viewClick)=\"onChangeView($event)\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n\r\n    <div\r\n        class=\"report-view\"\r\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\r\n        reportViewRenderer\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [hasInlineDeleteButton]=\"hasInlineDeleteButton\"\r\n        [hasInlineEditButton]=\"hasInlineEditButton\"\r\n        [contextSetting]=\"contextSetting\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [reportId]=\"reportId\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [hideSearchpanel]=\"hideSearchpanel\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [selectedCount]=\"selectedCount\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [customFieldInfo]=\"customFieldInfo\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [openOnClick]=\"openOnClick\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [view]=\"selectedView\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [formSetting]=\"formSetting\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [rtl]=\"rtl\"\r\n        [allColumns]=\"allColumns\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [formLayout]=\"formLayout\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        (escapeKey)=\"onEscapeKey($event)\"\r\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\r\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\r\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n        (createNewMo)=\"onCreateNewMo()\"\r\n        (updateMo)=\"onUpdateMo($event)\"\r\n        (mandatory)=\"onMandatory($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    ></div>\r\n</ng-template>\r\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "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"] }, { kind: "pipe", type: i1.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: "14.2.7", ngImport: i0, type: UiReportContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-report-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\r\n            selectedView: selectedView,\r\n            viewCollection: viewCollection,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            contentDensity: contentDensity$ | async,\r\n            formLayout: layout$ | async,\r\n            hasSelected: hasSelected$ | async,\r\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\r\n            showCreateForm: viewSetting.ShowCreateForm,\r\n            hideOpenIcon: viewSetting.HideOpenIcon,\r\n            openOnClick: viewSetting.OpenOnClick,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            formSetting: context.Setting.FormTemplate,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            disableResponsive: viewSetting.DisableResponsive,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            contextSetting: context.Setting,\r\n            customFieldInfo: context.Setting.CustomFieldInfo,\r\n            selectedMo: selectedMo$ | async,\r\n            hideSearchpanel: hideSearchpanel$ | async,\r\n            selectedCount: selectedCount$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            allowGridColumnSort: context.ViewSetting.AllowGridColumnSort,\r\n            hasInlineEditButton: viewSetting.HasInlineEditButton,\r\n            hasInlineDeleteButton: viewSetting.HasInlineDeleteButton,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-onlyInlineEdit=\"onlyInlineEdit\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-selectedView=\"selectedView\"\r\n    let-viewCollection=\"viewCollection\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formLayout=\"formLayout\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-formSetting=\"formSetting\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-contextView=\"contextView\"\r\n    let-showCreateForm=\"showCreateForm\"\r\n    let-hideOpenIcon=\"hideOpenIcon\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-openOnClick=\"openOnClick\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-customFieldInfo=\"customFieldInfo\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-selectedCount=\"selectedCount\"\r\n    let-hideSearchpanel=\"hideSearchpanel\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n    let-hasInlineDeleteButton=\"hasInlineDeleteButton\"\r\n    let-hasInlineEditButton=\"hasInlineEditButton\"\r\n    let-contextSetting=\"contextSetting\"\r\n>\r\n    <div *ngIf=\"showCreateForm\">\r\n        <bsu-report-new-top-form\r\n            [extraRelation]=\"extraRelation\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [selectedMo]=\"selectedMo\"\r\n            [formSetting]=\"formSetting\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [inlineEditMode]=\"true\"\r\n            [isChecked]=\"true\"\r\n            (add)=\"onNewTopFormAdd($event)\"\r\n            (save)=\"onSaveTopForm($event)\"\r\n        ></bsu-report-new-top-form>\r\n    </div>\r\n    <bsu-ulv-toolbar\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [access]=\"access\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [inDialog]=\"inDialog\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [viewCollection]=\"viewCollection\"\r\n        [reportView]=\"selectedView\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        (sortClick)=\"onSortSettings($event)\"\r\n        (groupbyClick)=\"onGroupbySettings($event)\"\r\n        (columnClick)=\"onColumnSettings($event)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (viewClick)=\"onChangeView($event)\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n\r\n    <div\r\n        class=\"report-view\"\r\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\r\n        reportViewRenderer\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [hasInlineDeleteButton]=\"hasInlineDeleteButton\"\r\n        [hasInlineEditButton]=\"hasInlineEditButton\"\r\n        [contextSetting]=\"contextSetting\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [reportId]=\"reportId\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [hideSearchpanel]=\"hideSearchpanel\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [selectedCount]=\"selectedCount\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [customFieldInfo]=\"customFieldInfo\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [openOnClick]=\"openOnClick\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [view]=\"selectedView\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [formSetting]=\"formSetting\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [rtl]=\"rtl\"\r\n        [allColumns]=\"allColumns\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [formLayout]=\"formLayout\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\r\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\r\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n        (createNewMo)=\"onCreateNewMo()\"\r\n        (updateMo)=\"onUpdateMo($event)\"\r\n        (mandatory)=\"onMandatory($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    ></div>\r\n</ng-template>\r\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-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\r\n            selectedView: selectedView,\r\n            viewCollection: viewCollection,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            contentDensity: contentDensity$ | async,\r\n            formLayout: layout$ | async,\r\n            hasSelected: hasSelected$ | async,\r\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\r\n            showCreateForm: viewSetting.ShowCreateForm,\r\n            hideOpenIcon: viewSetting.HideOpenIcon,\r\n            openOnClick: viewSetting.OpenOnClick,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            formSetting: context.Setting.FormTemplate,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            disableResponsive: viewSetting.DisableResponsive,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            contextSetting: context.Setting,\r\n            customFieldInfo: context.Setting.CustomFieldInfo,\r\n            selectedMo: selectedMo$ | async,\r\n            hideSearchpanel: hideSearchpanel$ | async,\r\n            selectedCount: selectedCount$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            allowGridColumnSort: context.ViewSetting.AllowGridColumnSort,\r\n            hasInlineEditButton: viewSetting.HasInlineEditButton,\r\n            hasInlineDeleteButton: viewSetting.HasInlineDeleteButton,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-onlyInlineEdit=\"onlyInlineEdit\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-selectedView=\"selectedView\"\r\n    let-viewCollection=\"viewCollection\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formLayout=\"formLayout\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-formSetting=\"formSetting\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-contextView=\"contextView\"\r\n    let-showCreateForm=\"showCreateForm\"\r\n    let-hideOpenIcon=\"hideOpenIcon\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-openOnClick=\"openOnClick\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-customFieldInfo=\"customFieldInfo\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-selectedCount=\"selectedCount\"\r\n    let-hideSearchpanel=\"hideSearchpanel\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n    let-hasInlineDeleteButton=\"hasInlineDeleteButton\"\r\n    let-hasInlineEditButton=\"hasInlineEditButton\"\r\n    let-contextSetting=\"contextSetting\"\r\n>\r\n    <div *ngIf=\"showCreateForm\">\r\n        <bsu-report-new-top-form\r\n            [extraRelation]=\"extraRelation\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [selectedMo]=\"selectedMo\"\r\n            [formSetting]=\"formSetting\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [inlineEditMode]=\"true\"\r\n            [isChecked]=\"true\"\r\n            (add)=\"onNewTopFormAdd($event)\"\r\n            (save)=\"onSaveTopForm($event)\"\r\n        ></bsu-report-new-top-form>\r\n    </div>\r\n    <bsu-ulv-toolbar\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [access]=\"access\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [inDialog]=\"inDialog\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [viewCollection]=\"viewCollection\"\r\n        [reportView]=\"selectedView\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        (sortClick)=\"onSortSettings($event)\"\r\n        (groupbyClick)=\"onGroupbySettings($event)\"\r\n        (columnClick)=\"onColumnSettings($event)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (viewClick)=\"onChangeView($event)\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n\r\n    <div\r\n        class=\"report-view\"\r\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\r\n        reportViewRenderer\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [hasInlineDeleteButton]=\"hasInlineDeleteButton\"\r\n        [hasInlineEditButton]=\"hasInlineEditButton\"\r\n        [contextSetting]=\"contextSetting\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [reportId]=\"reportId\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [hideSearchpanel]=\"hideSearchpanel\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [selectedCount]=\"selectedCount\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [customFieldInfo]=\"customFieldInfo\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [openOnClick]=\"openOnClick\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [view]=\"selectedView\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [formSetting]=\"formSetting\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [rtl]=\"rtl\"\r\n        [allColumns]=\"allColumns\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [formLayout]=\"formLayout\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        (escapeKey)=\"onEscapeKey($event)\"\r\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\r\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\r\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n        (createNewMo)=\"onCreateNewMo()\"\r\n        (updateMo)=\"onUpdateMo($event)\"\r\n        (mandatory)=\"onMandatory($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    ></div>\r\n</ng-template>\r\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 }]
@@ -5296,10 +5316,10 @@ class BarsaTableRowComponent extends BaseViewItemPropsComponent {
     }
 }
 BarsaTableRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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: "<tr\r\n    [class.row-error]=\"hasError\"\r\n    [class.showdetails-on]=\"!detailsCollapsed\"\r\n    #trEl\r\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [activable]=\"false\"\r\n    [hoverable]=\"false\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [main]=\"true\"\r\n    [focusable]=\"true\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\r\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\r\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\r\n>\r\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\r\n        <td\r\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            fd-table-cell\r\n            style=\"font-weight: bold; font-size: 1rem\"\r\n            [attr.colspan]=\"\r\n                columns.length +\r\n                1 +\r\n                (rowIndicator ? -1 : 0) +\r\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n                (showViewButton ? 1 : 0) +\r\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n            \"\r\n            class=\"row-group\"\r\n            [class.mobile-mode]=\"secondaryColumns?.length\"\r\n            [attr.level]=\"level\"\r\n            [class.root-group]=\"level === 0\"\r\n        >\r\n            <button\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n                class=\"cell-expand\"\r\n                (click)=\"onExpandClick()\"\r\n            ></button>\r\n            {{ mo.$Group }}\r\n        </td>\r\n    </ng-container>\r\n    <ng-template #renderRow>\r\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n        <td fd-table-cell *ngIf=\"isCheckList\" [style.width]=\"checkboxComponent ? '60px' : null\">\r\n            <div\r\n                *ngIf=\"workflowState?.state === 'Pending'\"\r\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\r\n            >\r\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\r\n            </div>\r\n\r\n            <bnrc-dynamic-item-component\r\n                *ngIf=\"checkboxComponent?.Selector\"\r\n                [component]=\"checkboxComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"setting\"\r\n                [parameters]=\"checkboxComponent.Parameters\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [value]=\"isChecked\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n                (events)=\"onRowCheck()\"\r\n            ></bnrc-dynamic-item-component>\r\n\r\n            <fd-checkbox\r\n                *ngIf=\"!checkboxComponent?.Selector\"\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"onRowCheck()\"\r\n            ></fd-checkbox>\r\n        </td>\r\n        <td\r\n            fd-table-cell\r\n            class=\"single-select\"\r\n            *ngIf=\"!isCheckList && !showRowNumber\"\r\n            (click)=\"!isCheckList && onRowCheck()\"\r\n            style=\"padding: 0; text-align: center\"\r\n        >\r\n            <ng-container\r\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\r\n            >\r\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\r\n                <fd-busy-indicator\r\n                    *ngIf=\"saving\"\r\n                    [loading]=\"true\"\r\n                    [size]=\"'s'\"\r\n                    title=\"record saving\"\r\n                ></fd-busy-indicator>\r\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\r\n            </ng-container>\r\n            <ng-template #iconStateTemplate>\r\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\r\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\r\n            </ng-template>\r\n        </td>\r\n        <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\r\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\r\n            <td\r\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\r\n                [attr.dbName]=\"column.Name\"\r\n                #tdEl\r\n                fd-table-cell\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"tdEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n                [focusable]=\"false\"\r\n                (click)=\"(!isCheckList || (inlineEditMode && allowInlineEdit)) && onRowCheck()\"\r\n                (dblclick)=\"onRowClick()\"\r\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </td>\r\n        </ng-container>\r\n        <td\r\n            class=\"col-context-menu\"\r\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\r\n            fd-table-cell\r\n        >\r\n            <bsu-ulv-context-menu\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                [index]=\"index\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n                [deviceName]=\"deviceName\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [allColumns]=\"allColumns\"\r\n            ></bsu-ulv-context-menu>\r\n        </td>\r\n        <td\r\n            class=\"col-details\"\r\n            fd-table-cell\r\n            [fitContent]=\"true\"\r\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\r\n        >\r\n            <button\r\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\r\n                fd-button\r\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onRowDetails()\"\r\n            ></button>\r\n        </td>\r\n        <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\" *ngIf=\"actionList?.length\">\r\n            <button\r\n                fd-button\r\n                *ngFor=\"let a of actionList\"\r\n                [glyph]=\"a.glyph\"\r\n                [navigation]=\"a.navigation\"\r\n                [fdType]=\"'transparent'\"\r\n                [role]=\"a.role\"\r\n                bodyClick\r\n                [disableBodyClick]=\"!a.closeOnClick\"\r\n                (click)=\"a.handler({mo, index})\"\r\n            ></button>\r\n        </td>\r\n    </ng-template>\r\n</tr>\r\n\r\n<tr\r\n    #trEl\r\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"secondary-row\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\r\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n            >\r\n                <label fd-form-label>{{ column.Caption }} :</label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n        </div>\r\n    </td>\r\n</tr>\r\n<tr\r\n    [class.detailCollapsed]=\"detailsCollapsed\"\r\n    *ngIf=\"cartableParams?.moId\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems.length ? 1 : 0) +\r\n            (canView ? 1 : 0) +\r\n            (showDetailsInRow ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container>\r\n            <bnrc-form\r\n                #cartableFormRef\r\n                class=\"cartable-template\"\r\n                [inlineEditInReport]=\"true\"\r\n                [params]=\"cartableParams\"\r\n                (beforeTransition)=\"onCartableBeforeTansition()\"\r\n                (afterTransition)=\"onCartableAfterTansition($event)\"\r\n                (bruleAction)=\"onCartableBruleAction($event)\"\r\n                (click)=\"OnCartableFormClick($event)\"\r\n                (formClose)=\"onCartableFormClosed()\"\r\n            ></bnrc-form>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<tr\r\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\r\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\r\n            <bnrc-dynamic-item-component\r\n                [component]=\"detailsComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"detailsComponentSetting\"\r\n                [parameters]=\"detailsComponent.Settings\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [formSetting]=\"formSetting\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n            ></bnrc-dynamic-item-component>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<ng-template #detailsColumnsTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: mo,\r\n                inlineEditMode: inlineEditMode,\r\n                layout94: layout$\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\r\n    <div class=\"form-items\">\r\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\r\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout$ | async\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip\r\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\r\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\r\n            [dismissible]=\"false\"\r\n        >\r\n            {{ bruleActionMessage.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<tr *ngIf=\"workflowState?.state === 'Finish' && workflowState?.error\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\r\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"secondaryColumns?.length\"\r\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n</ng-template>\r\n<ng-template #statusIndicator>\r\n    <bsu-barsa-column-indicator\r\n        [hideBorderBottom]=\"!detailsCollapsed\"\r\n        *ngIf=\"rowIndicator\"\r\n        [backColor]=\"rowIndicatorColor\"\r\n    >\r\n    </bsu-barsa-column-indicator>\r\n</ng-template>\r\n<ng-template #rowNumberTemplate>\r\n    <bsu-barsa-column-rownumber *ngIf=\"showRowNumber\" [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\r\n    </bsu-barsa-column-rownumber>\r\n</ng-template>\r\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 .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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.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", "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: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i9$1.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$2.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.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 });
+BarsaTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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: "<tr\r\n    [class.row-error]=\"hasError\"\r\n    [class.showdetails-on]=\"!detailsCollapsed\"\r\n    #trEl\r\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [activable]=\"false\"\r\n    [hoverable]=\"false\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [main]=\"true\"\r\n    [focusable]=\"true\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\r\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\r\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\r\n>\r\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\r\n        <td\r\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            fd-table-cell\r\n            style=\"font-weight: bold; font-size: 1rem\"\r\n            [attr.colspan]=\"\r\n                columns.length +\r\n                1 +\r\n                (rowIndicator ? -1 : 0) +\r\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n                (showViewButton ? 1 : 0) +\r\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n            \"\r\n            class=\"row-group\"\r\n            [class.mobile-mode]=\"secondaryColumns?.length\"\r\n            [attr.level]=\"level\"\r\n            [class.root-group]=\"level === 0\"\r\n        >\r\n            <button\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n                class=\"cell-expand\"\r\n                (click)=\"onExpandClick()\"\r\n            ></button>\r\n            {{ mo.$Group }}\r\n        </td>\r\n    </ng-container>\r\n    <ng-template #renderRow>\r\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n        <td fd-table-cell *ngIf=\"isCheckList\" [style.width]=\"checkboxComponent ? '60px' : null\">\r\n            <div\r\n                *ngIf=\"workflowState?.state === 'Pending'\"\r\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\r\n            >\r\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\r\n            </div>\r\n\r\n            <bnrc-dynamic-item-component\r\n                *ngIf=\"checkboxComponent?.Selector\"\r\n                [component]=\"checkboxComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"setting\"\r\n                [parameters]=\"checkboxComponent.Parameters\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [value]=\"isChecked\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n                (events)=\"onRowCheck()\"\r\n            ></bnrc-dynamic-item-component>\r\n\r\n            <fd-checkbox\r\n                *ngIf=\"!checkboxComponent?.Selector\"\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"onRowCheck()\"\r\n            ></fd-checkbox>\r\n        </td>\r\n        <td\r\n            fd-table-cell\r\n            class=\"single-select\"\r\n            *ngIf=\"!isCheckList && !showRowNumber\"\r\n            (click)=\"!isCheckList && onRowCheck()\"\r\n            style=\"padding: 0; text-align: center\"\r\n        >\r\n            <ng-container\r\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\r\n            >\r\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\r\n                <fd-busy-indicator\r\n                    *ngIf=\"saving\"\r\n                    [loading]=\"true\"\r\n                    [size]=\"'s'\"\r\n                    title=\"record saving\"\r\n                ></fd-busy-indicator>\r\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\r\n            </ng-container>\r\n            <ng-template #iconStateTemplate>\r\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\r\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\r\n            </ng-template>\r\n        </td>\r\n        <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\r\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\r\n            <td\r\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\r\n                [attr.dbName]=\"column.Name\"\r\n                #tdEl\r\n                fd-table-cell\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"tdEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n                [focusable]=\"false\"\r\n                (click)=\"(!isCheckList || (inlineEditMode && allowInlineEdit)) && onRowCheck()\"\r\n                (dblclick)=\"onRowClick()\"\r\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </td>\r\n        </ng-container>\r\n        <td\r\n            class=\"col-context-menu\"\r\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\r\n            fd-table-cell\r\n        >\r\n            <bsu-ulv-context-menu\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                [index]=\"index\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n                [deviceName]=\"deviceName\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [allColumns]=\"allColumns\"\r\n            ></bsu-ulv-context-menu>\r\n        </td>\r\n        <td\r\n            class=\"col-details\"\r\n            fd-table-cell\r\n            [fitContent]=\"true\"\r\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\r\n        >\r\n            <button\r\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\r\n                fd-button\r\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onRowDetails()\"\r\n            ></button>\r\n        </td>\r\n        <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\" *ngIf=\"actionList?.length\">\r\n            <button\r\n                fd-button\r\n                *ngFor=\"let a of actionList\"\r\n                [glyph]=\"a.glyph\"\r\n                [navigation]=\"a.navigation\"\r\n                [fdType]=\"'transparent'\"\r\n                [role]=\"a.role\"\r\n                bodyClick\r\n                [disableBodyClick]=\"!a.closeOnClick\"\r\n                (click)=\"a.handler({mo, index})\"\r\n            ></button>\r\n        </td>\r\n    </ng-template>\r\n</tr>\r\n\r\n<tr\r\n    #trEl\r\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"secondary-row\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\r\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n            >\r\n                <label fd-form-label>{{ column.Caption }} :</label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n        </div>\r\n    </td>\r\n</tr>\r\n<tr\r\n    [class.detailCollapsed]=\"detailsCollapsed\"\r\n    *ngIf=\"cartableParams?.moId\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems.length ? 1 : 0) +\r\n            (canView ? 1 : 0) +\r\n            (showDetailsInRow ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container>\r\n            <bnrc-form\r\n                #cartableFormRef\r\n                class=\"cartable-template\"\r\n                [inlineEditInReport]=\"true\"\r\n                [params]=\"cartableParams\"\r\n                (beforeTransition)=\"onCartableBeforeTansition()\"\r\n                (afterTransition)=\"onCartableAfterTansition($event)\"\r\n                (bruleAction)=\"onCartableBruleAction($event)\"\r\n                (click)=\"OnCartableFormClick($event)\"\r\n                (formClose)=\"onCartableFormClosed()\"\r\n            ></bnrc-form>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<tr\r\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\r\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\r\n            <bnrc-dynamic-item-component\r\n                [component]=\"detailsComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"detailsComponentSetting\"\r\n                [parameters]=\"detailsComponent.Settings\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [formSetting]=\"formSetting\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n            ></bnrc-dynamic-item-component>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<ng-template #detailsColumnsTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: mo,\r\n                inlineEditMode: inlineEditMode,\r\n                layout94: layout$\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\r\n    <div class=\"form-items\">\r\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\r\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout$ | async\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip\r\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\r\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\r\n            [dismissible]=\"false\"\r\n        >\r\n            {{ bruleActionMessage.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<tr *ngIf=\"workflowState?.state === 'Finish' && workflowState?.error\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\r\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"secondaryColumns?.length\"\r\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n</ng-template>\r\n<ng-template #statusIndicator>\r\n    <bsu-barsa-column-indicator\r\n        [hideBorderBottom]=\"!detailsCollapsed\"\r\n        *ngIf=\"rowIndicator\"\r\n        [backColor]=\"rowIndicatorColor\"\r\n    >\r\n    </bsu-barsa-column-indicator>\r\n</ng-template>\r\n<ng-template #rowNumberTemplate>\r\n    <bsu-barsa-column-rownumber *ngIf=\"showRowNumber\" [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\r\n    </bsu-barsa-column-rownumber>\r\n</ng-template>\r\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.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", "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: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i9$1.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$2.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.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: "14.2.7", ngImport: i0, type: BarsaTableRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<tr\r\n    [class.row-error]=\"hasError\"\r\n    [class.showdetails-on]=\"!detailsCollapsed\"\r\n    #trEl\r\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [activable]=\"false\"\r\n    [hoverable]=\"false\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [main]=\"true\"\r\n    [focusable]=\"true\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\r\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\r\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\r\n>\r\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\r\n        <td\r\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            fd-table-cell\r\n            style=\"font-weight: bold; font-size: 1rem\"\r\n            [attr.colspan]=\"\r\n                columns.length +\r\n                1 +\r\n                (rowIndicator ? -1 : 0) +\r\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n                (showViewButton ? 1 : 0) +\r\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n            \"\r\n            class=\"row-group\"\r\n            [class.mobile-mode]=\"secondaryColumns?.length\"\r\n            [attr.level]=\"level\"\r\n            [class.root-group]=\"level === 0\"\r\n        >\r\n            <button\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n                class=\"cell-expand\"\r\n                (click)=\"onExpandClick()\"\r\n            ></button>\r\n            {{ mo.$Group }}\r\n        </td>\r\n    </ng-container>\r\n    <ng-template #renderRow>\r\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n        <td fd-table-cell *ngIf=\"isCheckList\" [style.width]=\"checkboxComponent ? '60px' : null\">\r\n            <div\r\n                *ngIf=\"workflowState?.state === 'Pending'\"\r\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\r\n            >\r\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\r\n            </div>\r\n\r\n            <bnrc-dynamic-item-component\r\n                *ngIf=\"checkboxComponent?.Selector\"\r\n                [component]=\"checkboxComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"setting\"\r\n                [parameters]=\"checkboxComponent.Parameters\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [value]=\"isChecked\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n                (events)=\"onRowCheck()\"\r\n            ></bnrc-dynamic-item-component>\r\n\r\n            <fd-checkbox\r\n                *ngIf=\"!checkboxComponent?.Selector\"\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"onRowCheck()\"\r\n            ></fd-checkbox>\r\n        </td>\r\n        <td\r\n            fd-table-cell\r\n            class=\"single-select\"\r\n            *ngIf=\"!isCheckList && !showRowNumber\"\r\n            (click)=\"!isCheckList && onRowCheck()\"\r\n            style=\"padding: 0; text-align: center\"\r\n        >\r\n            <ng-container\r\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\r\n            >\r\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\r\n                <fd-busy-indicator\r\n                    *ngIf=\"saving\"\r\n                    [loading]=\"true\"\r\n                    [size]=\"'s'\"\r\n                    title=\"record saving\"\r\n                ></fd-busy-indicator>\r\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\r\n            </ng-container>\r\n            <ng-template #iconStateTemplate>\r\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\r\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\r\n            </ng-template>\r\n        </td>\r\n        <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\r\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\r\n            <td\r\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\r\n                [attr.dbName]=\"column.Name\"\r\n                #tdEl\r\n                fd-table-cell\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"tdEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n                [focusable]=\"false\"\r\n                (click)=\"(!isCheckList || (inlineEditMode && allowInlineEdit)) && onRowCheck()\"\r\n                (dblclick)=\"onRowClick()\"\r\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </td>\r\n        </ng-container>\r\n        <td\r\n            class=\"col-context-menu\"\r\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\r\n            fd-table-cell\r\n        >\r\n            <bsu-ulv-context-menu\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                [index]=\"index\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n                [deviceName]=\"deviceName\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [allColumns]=\"allColumns\"\r\n            ></bsu-ulv-context-menu>\r\n        </td>\r\n        <td\r\n            class=\"col-details\"\r\n            fd-table-cell\r\n            [fitContent]=\"true\"\r\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\r\n        >\r\n            <button\r\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\r\n                fd-button\r\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onRowDetails()\"\r\n            ></button>\r\n        </td>\r\n        <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\" *ngIf=\"actionList?.length\">\r\n            <button\r\n                fd-button\r\n                *ngFor=\"let a of actionList\"\r\n                [glyph]=\"a.glyph\"\r\n                [navigation]=\"a.navigation\"\r\n                [fdType]=\"'transparent'\"\r\n                [role]=\"a.role\"\r\n                bodyClick\r\n                [disableBodyClick]=\"!a.closeOnClick\"\r\n                (click)=\"a.handler({mo, index})\"\r\n            ></button>\r\n        </td>\r\n    </ng-template>\r\n</tr>\r\n\r\n<tr\r\n    #trEl\r\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"secondary-row\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\r\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n            >\r\n                <label fd-form-label>{{ column.Caption }} :</label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n        </div>\r\n    </td>\r\n</tr>\r\n<tr\r\n    [class.detailCollapsed]=\"detailsCollapsed\"\r\n    *ngIf=\"cartableParams?.moId\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems.length ? 1 : 0) +\r\n            (canView ? 1 : 0) +\r\n            (showDetailsInRow ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container>\r\n            <bnrc-form\r\n                #cartableFormRef\r\n                class=\"cartable-template\"\r\n                [inlineEditInReport]=\"true\"\r\n                [params]=\"cartableParams\"\r\n                (beforeTransition)=\"onCartableBeforeTansition()\"\r\n                (afterTransition)=\"onCartableAfterTansition($event)\"\r\n                (bruleAction)=\"onCartableBruleAction($event)\"\r\n                (click)=\"OnCartableFormClick($event)\"\r\n                (formClose)=\"onCartableFormClosed()\"\r\n            ></bnrc-form>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<tr\r\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\r\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\r\n            <bnrc-dynamic-item-component\r\n                [component]=\"detailsComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"detailsComponentSetting\"\r\n                [parameters]=\"detailsComponent.Settings\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [formSetting]=\"formSetting\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n            ></bnrc-dynamic-item-component>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<ng-template #detailsColumnsTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: mo,\r\n                inlineEditMode: inlineEditMode,\r\n                layout94: layout$\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\r\n    <div class=\"form-items\">\r\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\r\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout$ | async\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip\r\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\r\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\r\n            [dismissible]=\"false\"\r\n        >\r\n            {{ bruleActionMessage.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<tr *ngIf=\"workflowState?.state === 'Finish' && workflowState?.error\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\r\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"secondaryColumns?.length\"\r\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n</ng-template>\r\n<ng-template #statusIndicator>\r\n    <bsu-barsa-column-indicator\r\n        [hideBorderBottom]=\"!detailsCollapsed\"\r\n        *ngIf=\"rowIndicator\"\r\n        [backColor]=\"rowIndicatorColor\"\r\n    >\r\n    </bsu-barsa-column-indicator>\r\n</ng-template>\r\n<ng-template #rowNumberTemplate>\r\n    <bsu-barsa-column-rownumber *ngIf=\"showRowNumber\" [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\r\n    </bsu-barsa-column-rownumber>\r\n</ng-template>\r\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 .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: "<tr\r\n    [class.row-error]=\"hasError\"\r\n    [class.showdetails-on]=\"!detailsCollapsed\"\r\n    #trEl\r\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [activable]=\"false\"\r\n    [hoverable]=\"false\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [main]=\"true\"\r\n    [focusable]=\"true\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\r\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\r\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\r\n>\r\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\r\n        <td\r\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            fd-table-cell\r\n            style=\"font-weight: bold; font-size: 1rem\"\r\n            [attr.colspan]=\"\r\n                columns.length +\r\n                1 +\r\n                (rowIndicator ? -1 : 0) +\r\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n                (showViewButton ? 1 : 0) +\r\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n            \"\r\n            class=\"row-group\"\r\n            [class.mobile-mode]=\"secondaryColumns?.length\"\r\n            [attr.level]=\"level\"\r\n            [class.root-group]=\"level === 0\"\r\n        >\r\n            <button\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n                class=\"cell-expand\"\r\n                (click)=\"onExpandClick()\"\r\n            ></button>\r\n            {{ mo.$Group }}\r\n        </td>\r\n    </ng-container>\r\n    <ng-template #renderRow>\r\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n        <td fd-table-cell *ngIf=\"isCheckList\" [style.width]=\"checkboxComponent ? '60px' : null\">\r\n            <div\r\n                *ngIf=\"workflowState?.state === 'Pending'\"\r\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\r\n            >\r\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\r\n            </div>\r\n\r\n            <bnrc-dynamic-item-component\r\n                *ngIf=\"checkboxComponent?.Selector\"\r\n                [component]=\"checkboxComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"setting\"\r\n                [parameters]=\"checkboxComponent.Parameters\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [value]=\"isChecked\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n                (events)=\"onRowCheck()\"\r\n            ></bnrc-dynamic-item-component>\r\n\r\n            <fd-checkbox\r\n                *ngIf=\"!checkboxComponent?.Selector\"\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"onRowCheck()\"\r\n            ></fd-checkbox>\r\n        </td>\r\n        <td\r\n            fd-table-cell\r\n            class=\"single-select\"\r\n            *ngIf=\"!isCheckList && !showRowNumber\"\r\n            (click)=\"!isCheckList && onRowCheck()\"\r\n            style=\"padding: 0; text-align: center\"\r\n        >\r\n            <ng-container\r\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\r\n            >\r\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\r\n                <fd-busy-indicator\r\n                    *ngIf=\"saving\"\r\n                    [loading]=\"true\"\r\n                    [size]=\"'s'\"\r\n                    title=\"record saving\"\r\n                ></fd-busy-indicator>\r\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\r\n            </ng-container>\r\n            <ng-template #iconStateTemplate>\r\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\r\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\r\n            </ng-template>\r\n        </td>\r\n        <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\r\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\r\n            <td\r\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\r\n                [attr.dbName]=\"column.Name\"\r\n                #tdEl\r\n                fd-table-cell\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"tdEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n                [focusable]=\"false\"\r\n                (click)=\"(!isCheckList || (inlineEditMode && allowInlineEdit)) && onRowCheck()\"\r\n                (dblclick)=\"onRowClick()\"\r\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </td>\r\n        </ng-container>\r\n        <td\r\n            class=\"col-context-menu\"\r\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\r\n            fd-table-cell\r\n        >\r\n            <bsu-ulv-context-menu\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                [index]=\"index\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n                [deviceName]=\"deviceName\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [allColumns]=\"allColumns\"\r\n            ></bsu-ulv-context-menu>\r\n        </td>\r\n        <td\r\n            class=\"col-details\"\r\n            fd-table-cell\r\n            [fitContent]=\"true\"\r\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\r\n        >\r\n            <button\r\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\r\n                fd-button\r\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onRowDetails()\"\r\n            ></button>\r\n        </td>\r\n        <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\" *ngIf=\"actionList?.length\">\r\n            <button\r\n                fd-button\r\n                *ngFor=\"let a of actionList\"\r\n                [glyph]=\"a.glyph\"\r\n                [navigation]=\"a.navigation\"\r\n                [fdType]=\"'transparent'\"\r\n                [role]=\"a.role\"\r\n                bodyClick\r\n                [disableBodyClick]=\"!a.closeOnClick\"\r\n                (click)=\"a.handler({mo, index})\"\r\n            ></button>\r\n        </td>\r\n    </ng-template>\r\n</tr>\r\n\r\n<tr\r\n    #trEl\r\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"secondary-row\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\r\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n            >\r\n                <label fd-form-label>{{ column.Caption }} :</label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n        </div>\r\n    </td>\r\n</tr>\r\n<tr\r\n    [class.detailCollapsed]=\"detailsCollapsed\"\r\n    *ngIf=\"cartableParams?.moId\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems.length ? 1 : 0) +\r\n            (canView ? 1 : 0) +\r\n            (showDetailsInRow ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container>\r\n            <bnrc-form\r\n                #cartableFormRef\r\n                class=\"cartable-template\"\r\n                [inlineEditInReport]=\"true\"\r\n                [params]=\"cartableParams\"\r\n                (beforeTransition)=\"onCartableBeforeTansition()\"\r\n                (afterTransition)=\"onCartableAfterTansition($event)\"\r\n                (bruleAction)=\"onCartableBruleAction($event)\"\r\n                (click)=\"OnCartableFormClick($event)\"\r\n                (formClose)=\"onCartableFormClosed()\"\r\n            ></bnrc-form>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<tr\r\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\r\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\r\n            <bnrc-dynamic-item-component\r\n                [component]=\"detailsComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"detailsComponentSetting\"\r\n                [parameters]=\"detailsComponent.Settings\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [formSetting]=\"formSetting\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n            ></bnrc-dynamic-item-component>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<ng-template #detailsColumnsTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: mo,\r\n                inlineEditMode: inlineEditMode,\r\n                layout94: layout$\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\r\n    <div class=\"form-items\">\r\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\r\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout$ | async\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip\r\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\r\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\r\n            [dismissible]=\"false\"\r\n        >\r\n            {{ bruleActionMessage.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<tr *ngIf=\"workflowState?.state === 'Finish' && workflowState?.error\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\r\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"secondaryColumns?.length\"\r\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n</ng-template>\r\n<ng-template #statusIndicator>\r\n    <bsu-barsa-column-indicator\r\n        [hideBorderBottom]=\"!detailsCollapsed\"\r\n        *ngIf=\"rowIndicator\"\r\n        [backColor]=\"rowIndicatorColor\"\r\n    >\r\n    </bsu-barsa-column-indicator>\r\n</ng-template>\r\n<ng-template #rowNumberTemplate>\r\n    <bsu-barsa-column-rownumber *ngIf=\"showRowNumber\" [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\r\n    </bsu-barsa-column-rownumber>\r\n</ng-template>\r\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"] }]
         }], propDecorators: { showDetailsInRow: [{
                 type: Input
             }], detailsComponent: [{
@@ -5437,10 +5457,10 @@ class UiTableViewComponent extends ReportViewBaseComponent {
     }
 }
 UiTableViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTableViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiTableViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", rowResizer: "rowResizer", enableResizing: "enableResizing" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\r\n    fd-table\r\n    [popIn]=\"popin\"\r\n    [class.table-fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\r\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n>\r\n    <ng-container\r\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                headerTemplate;\r\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\r\n            \"\r\n        ></ng-container>\r\n        <ng-container *ngIf=\"moDataList?.length\">\r\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\r\n            ></ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</table>\r\n<!--renderColumn-->\r\n\r\n<bsu-no-data\r\n    *ngIf=\"!moDataList?.length\"\r\n    [class.no-topborder]=\"!hideToolbar\"\r\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\r\n>\r\n</bsu-no-data>\r\n\r\n<ng-template #headerTemplate let-columns let-moDataListCount>\r\n    <bsu-barsa-table-header\r\n        [class.has-toolbar]=\"!hideToolbar\"\r\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\r\n        [tableWidth]=\"elWidth\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [resizedByUser]=\"resizedByUser\"\r\n        [tableHeaderMode]=\"tableHeaderMode\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [allChecked]=\"allChecked\"\r\n        [rtl]=\"rtl\"\r\n        [actionList]=\"actionList\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [fitWidth]=\"fitWidth\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [contextMenuWidth]=\"contextMenuWidth\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [viewSetting]=\"viewSetting\"\r\n        [hideHeader]=\"contextView.Grid_HideHeader\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        (columnResize)=\"onColumnResized($event)\"\r\n        (fitToContent)=\"onFitToContent($event)\"\r\n        (fitToContainer)=\"onFitToContainer()\"\r\n        (fitToColumn)=\"onFitToColumn()\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n    ></bsu-barsa-table-header>\r\n</ng-template>\r\n<ng-template #bodyTemplate let-columns>\r\n    <tbody\r\n        fd-table-body\r\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\r\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\r\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\r\n    >\r\n        <ng-container>\r\n            <ng-container\r\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        hasRowOlgo ? rowOlgoTemplate : rowTemplate;\r\n                        context: {\r\n                            $implicit: mo,\r\n                            index: index,\r\n                            rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\r\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\r\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            secondaryColumns:\r\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            moDataList: moDataList,\r\n                            moDataListCount: moDataList.length,\r\n                            cartableTemplate:\r\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </tbody>\r\n</ng-template>\r\n<ng-template #footerTemplate let-columns>\r\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\r\n        <tr fd-table-row class=\"row-summary\">\r\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td *ngFor=\"let column of columns; let i = index\">\r\n                <ng-container *ngIf=\"column.HasSummary\">\r\n                    <strong style=\"direction: ltr; display: block\">\r\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\r\n                    >\r\n                </ng-container>\r\n            </td>\r\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\r\n                <td fd-table-cell style=\"width: 100px\"></td>\r\n            </ng-container>\r\n            <td fd-table-cell *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"></td>\r\n        </tr>\r\n    </tfoot>\r\n</ng-template>\r\n<ng-template\r\n    #rowOlgoTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-rowNumber=\"rowNumber\"\r\n>\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"viewSetting.RowOlgo\"\r\n        [mo]=\"mo\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [moDataList]=\"moDataList\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (events)=\"onOlgoEvents($event)\"\r\n    >\r\n    </bnrc-dynamic-item-component>\r\n</ng-template>\r\n<ng-template\r\n    #rowTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n>\r\n    <bsu-barsa-table-row\r\n        [mo]=\"mo\"\r\n        [moDataList]=\"moDataList\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [actionList]=\"actionList\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (ulvCommand)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n    >\r\n    </bsu-barsa-table-row>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}table.table-fixed{table-layout:fixed}table.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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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: i4$2.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$2.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i4$2.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { 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", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "fitToContent", "fitToContainer", "fitToColumn", "sortAscending", "sortDescending", "filter"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "columnComponents", "actionList"] }, { kind: "pipe", type: i1.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 });
+UiTableViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", rowResizer: "rowResizer", enableResizing: "enableResizing" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\r\n    fd-table\r\n    [popIn]=\"popin\"\r\n    [class.table-fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\r\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n>\r\n    <ng-container\r\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                headerTemplate;\r\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\r\n            \"\r\n        ></ng-container>\r\n        <ng-container *ngIf=\"moDataList?.length\">\r\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\r\n            ></ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</table>\r\n<!--renderColumn-->\r\n\r\n<bsu-no-data\r\n    *ngIf=\"!moDataList?.length\"\r\n    [class.no-topborder]=\"!hideToolbar\"\r\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\r\n>\r\n</bsu-no-data>\r\n\r\n<ng-template #headerTemplate let-columns let-moDataListCount>\r\n    <bsu-barsa-table-header\r\n        [class.has-toolbar]=\"!hideToolbar\"\r\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\r\n        [tableWidth]=\"elWidth\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [resizedByUser]=\"resizedByUser\"\r\n        [tableHeaderMode]=\"tableHeaderMode\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [allChecked]=\"allChecked\"\r\n        [rtl]=\"rtl\"\r\n        [actionList]=\"actionList\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [fitWidth]=\"fitWidth\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [contextMenuWidth]=\"contextMenuWidth\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [viewSetting]=\"viewSetting\"\r\n        [hideHeader]=\"contextView.Grid_HideHeader\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        (columnResize)=\"onColumnResized($event)\"\r\n        (fitToContent)=\"onFitToContent($event)\"\r\n        (fitToContainer)=\"onFitToContainer()\"\r\n        (fitToColumn)=\"onFitToColumn()\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n    ></bsu-barsa-table-header>\r\n</ng-template>\r\n<ng-template #bodyTemplate let-columns>\r\n    <tbody\r\n        fd-table-body\r\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\r\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\r\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\r\n    >\r\n        <ng-container>\r\n            <ng-container\r\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        hasRowOlgo ? rowOlgoTemplate : rowTemplate;\r\n                        context: {\r\n                            $implicit: mo,\r\n                            index: index,\r\n                            rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\r\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\r\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            secondaryColumns:\r\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            moDataList: moDataList,\r\n                            moDataListCount: moDataList.length,\r\n                            cartableTemplate:\r\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </tbody>\r\n</ng-template>\r\n<ng-template #footerTemplate let-columns>\r\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\r\n        <tr fd-table-row class=\"row-summary\">\r\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td *ngFor=\"let column of columns; let i = index\">\r\n                <ng-container *ngIf=\"column.HasSummary\">\r\n                    <strong style=\"direction: ltr; display: block\">\r\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\r\n                    >\r\n                </ng-container>\r\n            </td>\r\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\r\n                <td fd-table-cell style=\"width: 100px\"></td>\r\n            </ng-container>\r\n            <td fd-table-cell *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"></td>\r\n        </tr>\r\n    </tfoot>\r\n</ng-template>\r\n<ng-template\r\n    #rowOlgoTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-rowNumber=\"rowNumber\"\r\n>\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"viewSetting.RowOlgo\"\r\n        [mo]=\"mo\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [moDataList]=\"moDataList\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (events)=\"onOlgoEvents($event)\"\r\n    >\r\n    </bnrc-dynamic-item-component>\r\n</ng-template>\r\n<ng-template\r\n    #rowTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n>\r\n    <bsu-barsa-table-row\r\n        [mo]=\"mo\"\r\n        [moDataList]=\"moDataList\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [actionList]=\"actionList\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\r\n        (escapeKey)=\"onEscapeKey($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (ulvCommand)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n    >\r\n    </bsu-barsa-table-row>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}table.table-fixed{table-layout:fixed}table.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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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: i4$2.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$2.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i4$2.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { 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", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "fitToContent", "fitToContainer", "fitToColumn", "sortAscending", "sortDescending", "filter"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "columnComponents", "actionList"] }, { kind: "pipe", type: i1.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: "14.2.7", ngImport: i0, type: UiTableViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\r\n    fd-table\r\n    [popIn]=\"popin\"\r\n    [class.table-fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\r\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n>\r\n    <ng-container\r\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                headerTemplate;\r\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\r\n            \"\r\n        ></ng-container>\r\n        <ng-container *ngIf=\"moDataList?.length\">\r\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\r\n            ></ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</table>\r\n<!--renderColumn-->\r\n\r\n<bsu-no-data\r\n    *ngIf=\"!moDataList?.length\"\r\n    [class.no-topborder]=\"!hideToolbar\"\r\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\r\n>\r\n</bsu-no-data>\r\n\r\n<ng-template #headerTemplate let-columns let-moDataListCount>\r\n    <bsu-barsa-table-header\r\n        [class.has-toolbar]=\"!hideToolbar\"\r\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\r\n        [tableWidth]=\"elWidth\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [resizedByUser]=\"resizedByUser\"\r\n        [tableHeaderMode]=\"tableHeaderMode\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [allChecked]=\"allChecked\"\r\n        [rtl]=\"rtl\"\r\n        [actionList]=\"actionList\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [fitWidth]=\"fitWidth\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [contextMenuWidth]=\"contextMenuWidth\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [viewSetting]=\"viewSetting\"\r\n        [hideHeader]=\"contextView.Grid_HideHeader\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        (columnResize)=\"onColumnResized($event)\"\r\n        (fitToContent)=\"onFitToContent($event)\"\r\n        (fitToContainer)=\"onFitToContainer()\"\r\n        (fitToColumn)=\"onFitToColumn()\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n    ></bsu-barsa-table-header>\r\n</ng-template>\r\n<ng-template #bodyTemplate let-columns>\r\n    <tbody\r\n        fd-table-body\r\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\r\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\r\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\r\n    >\r\n        <ng-container>\r\n            <ng-container\r\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        hasRowOlgo ? rowOlgoTemplate : rowTemplate;\r\n                        context: {\r\n                            $implicit: mo,\r\n                            index: index,\r\n                            rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\r\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\r\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            secondaryColumns:\r\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            moDataList: moDataList,\r\n                            moDataListCount: moDataList.length,\r\n                            cartableTemplate:\r\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </tbody>\r\n</ng-template>\r\n<ng-template #footerTemplate let-columns>\r\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\r\n        <tr fd-table-row class=\"row-summary\">\r\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td *ngFor=\"let column of columns; let i = index\">\r\n                <ng-container *ngIf=\"column.HasSummary\">\r\n                    <strong style=\"direction: ltr; display: block\">\r\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\r\n                    >\r\n                </ng-container>\r\n            </td>\r\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\r\n                <td fd-table-cell style=\"width: 100px\"></td>\r\n            </ng-container>\r\n            <td fd-table-cell *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"></td>\r\n        </tr>\r\n    </tfoot>\r\n</ng-template>\r\n<ng-template\r\n    #rowOlgoTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-rowNumber=\"rowNumber\"\r\n>\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"viewSetting.RowOlgo\"\r\n        [mo]=\"mo\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [moDataList]=\"moDataList\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (events)=\"onOlgoEvents($event)\"\r\n    >\r\n    </bnrc-dynamic-item-component>\r\n</ng-template>\r\n<ng-template\r\n    #rowTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n>\r\n    <bsu-barsa-table-row\r\n        [mo]=\"mo\"\r\n        [moDataList]=\"moDataList\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [actionList]=\"actionList\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (ulvCommand)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n    >\r\n    </bsu-barsa-table-row>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}table.table-fixed{table-layout:fixed}table.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\r\n    fd-table\r\n    [popIn]=\"popin\"\r\n    [class.table-fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\r\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n>\r\n    <ng-container\r\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                headerTemplate;\r\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\r\n            \"\r\n        ></ng-container>\r\n        <ng-container *ngIf=\"moDataList?.length\">\r\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\r\n            ></ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</table>\r\n<!--renderColumn-->\r\n\r\n<bsu-no-data\r\n    *ngIf=\"!moDataList?.length\"\r\n    [class.no-topborder]=\"!hideToolbar\"\r\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\r\n>\r\n</bsu-no-data>\r\n\r\n<ng-template #headerTemplate let-columns let-moDataListCount>\r\n    <bsu-barsa-table-header\r\n        [class.has-toolbar]=\"!hideToolbar\"\r\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\r\n        [tableWidth]=\"elWidth\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [resizedByUser]=\"resizedByUser\"\r\n        [tableHeaderMode]=\"tableHeaderMode\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [allChecked]=\"allChecked\"\r\n        [rtl]=\"rtl\"\r\n        [actionList]=\"actionList\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [fitWidth]=\"fitWidth\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [contextMenuWidth]=\"contextMenuWidth\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [viewSetting]=\"viewSetting\"\r\n        [hideHeader]=\"contextView.Grid_HideHeader\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        (columnResize)=\"onColumnResized($event)\"\r\n        (fitToContent)=\"onFitToContent($event)\"\r\n        (fitToContainer)=\"onFitToContainer()\"\r\n        (fitToColumn)=\"onFitToColumn()\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n    ></bsu-barsa-table-header>\r\n</ng-template>\r\n<ng-template #bodyTemplate let-columns>\r\n    <tbody\r\n        fd-table-body\r\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\r\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\r\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\r\n    >\r\n        <ng-container>\r\n            <ng-container\r\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        hasRowOlgo ? rowOlgoTemplate : rowTemplate;\r\n                        context: {\r\n                            $implicit: mo,\r\n                            index: index,\r\n                            rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\r\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\r\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            secondaryColumns:\r\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            moDataList: moDataList,\r\n                            moDataListCount: moDataList.length,\r\n                            cartableTemplate:\r\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </tbody>\r\n</ng-template>\r\n<ng-template #footerTemplate let-columns>\r\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\r\n        <tr fd-table-row class=\"row-summary\">\r\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td *ngFor=\"let column of columns; let i = index\">\r\n                <ng-container *ngIf=\"column.HasSummary\">\r\n                    <strong style=\"direction: ltr; display: block\">\r\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\r\n                    >\r\n                </ng-container>\r\n            </td>\r\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\r\n                <td fd-table-cell style=\"width: 100px\"></td>\r\n            </ng-container>\r\n            <td fd-table-cell *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"></td>\r\n        </tr>\r\n    </tfoot>\r\n</ng-template>\r\n<ng-template\r\n    #rowOlgoTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-rowNumber=\"rowNumber\"\r\n>\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"viewSetting.RowOlgo\"\r\n        [mo]=\"mo\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [moDataList]=\"moDataList\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (events)=\"onOlgoEvents($event)\"\r\n    >\r\n    </bnrc-dynamic-item-component>\r\n</ng-template>\r\n<ng-template\r\n    #rowTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n>\r\n    <bsu-barsa-table-row\r\n        [mo]=\"mo\"\r\n        [moDataList]=\"moDataList\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [actionList]=\"actionList\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\r\n        (escapeKey)=\"onEscapeKey($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (ulvCommand)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n    >\r\n    </bsu-barsa-table-row>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}table.table-fixed{table-layout:fixed}table.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: [{
@@ -9501,10 +9521,10 @@ class BarsaSimpleFormComponent extends BaseComponent {
     }
 }
 BarsaSimpleFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSimpleFormComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-BarsaSimpleFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaSimpleFormComponent, selector: "bsu-barsa-simple-form", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layout94: "layout94", parameters: "parameters", workflowPanelUi: "workflowPanelUi", context: "context", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", fieldDict: "fieldDict", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", mo: "mo", avatar: "avatar", rtl: "rtl", isModal: "isModal", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs", workflowButtons: "workflowButtons", layoutGridCol: "layoutGridCol", colLg: "colLg", colXl: "colXl", colMd: "colMd", formVisibilityStatus: "formVisibilityStatus" }, outputs: { toolbarClick: "toolbarClick", workflowChoiceClick: "workflowChoiceClick", close: "close" }, viewQueries: [{ propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }, { propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, read: ViewContainerRef }, { propertyName: "headerAvatarRef", first: true, predicate: ["headerAvatar"], descendants: true }, { propertyName: "closeFormTemplate", first: true, predicate: ["closeForm"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<bsu-mask *ngIf=\"mask\"> </bsu-mask>\r\n<fd-layout-grid>\r\n    <div fdLayoutGridRow>\r\n        <div\r\n            class=\"grid-col\"\r\n            [fdLayoutGridCol]=\"0\"\r\n            [colMd]=\"layout1.colMd\"\r\n            [colLg]=\"layout1.colLg\"\r\n            [colXl]=\"layout1.colXl\"\r\n        ></div>\r\n        <div class=\"grid-col\" [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\r\n                    context: {\r\n                        $implicit: parameters?.LayoutComponent,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        <div\r\n            class=\"grid-col\"\r\n            [fdLayoutGridCol]=\"0\"\r\n            [colMd]=\"layout2.colMd\"\r\n            [colLg]=\"layout2.colLg\"\r\n            [colXl]=\"layout2.colXl\"\r\n        ></div>\r\n    </div>\r\n</fd-layout-grid>\r\n\r\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\r\n    <bsu-ly-layout-container-of-root\r\n        [config]=\"layout94\"\r\n        [isPanel]=\"false\"\r\n        [isRoot]=\"true\"\r\n    ></bsu-ly-layout-container-of-root>\r\n    <ng-container *ngIf=\"workflowButtons && !isModal\">\r\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\r\n            <div style=\"flex-grow: 1\"></div>\r\n            <bsu-layout-actions\r\n                style=\"display: flex; column-gap: 1rem\"\r\n                [simple]=\"true\"\r\n                [buttons]=\"[]\"\r\n                [workflowButtons]=\"workflowButtons\"\r\n                (toolClick)=\"onToolbarClick($event)\"\r\n            >\r\n            </bsu-layout-actions>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\r\n    <bnrc-dynamic-form-component\r\n        [component]=\"component\"\r\n        [removeContentPadding]=\"removeContentPadding\"\r\n        [breadCrumbs]=\"breadCrumbs\"\r\n        [description]=\"description\"\r\n        [title]=\"title\"\r\n        [subtitle]=\"subtitle\"\r\n        [toolbarItems]=\"toolbarItems\"\r\n        [layoutActions]=\"layoutActions\"\r\n        [facetList]=\"facetList\"\r\n        [settings]=\"component.Settings\"\r\n        [workflowPanelUi]=\"workflowPanelUi\"\r\n        [isMobile]=\"isMobile\"\r\n        [mo]=\"mo\"\r\n        [layout94]=\"layout94\"\r\n        [context]=\"context\"\r\n        [rtl]=\"rtl\"\r\n        [fieldDict]=\"fieldDict\"\r\n        [mask]=\"mask\"\r\n        [dirValue]=\"dirValue\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [modernTabs]=\"modernTabs\"\r\n        [avatar]=\"avatar\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-form-component>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto;min-height:100%;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}bsu-ly-layout-container-of-root{padding-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicFormComponent, selector: "bnrc-dynamic-form-component", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "settings", "workflowPanelUi", "title", "subtitle", "description", "facetList", "removeHeaderBorder", "removeContentPadding", "isMobile", "avatar", "rtl", "mask", "mo", "contentDensity", "deviceSize", "dirValue", "fieldDict", "modernTabs"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaSimpleFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaSimpleFormComponent, selector: "bsu-barsa-simple-form", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layout94: "layout94", parameters: "parameters", workflowPanelUi: "workflowPanelUi", context: "context", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", fieldDict: "fieldDict", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", mo: "mo", avatar: "avatar", rtl: "rtl", isModal: "isModal", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs", workflowButtons: "workflowButtons", layoutGridCol: "layoutGridCol", colLg: "colLg", colXl: "colXl", colMd: "colMd", formVisibilityStatus: "formVisibilityStatus" }, outputs: { toolbarClick: "toolbarClick", workflowChoiceClick: "workflowChoiceClick", close: "close" }, viewQueries: [{ propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }, { propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, read: ViewContainerRef }, { propertyName: "headerAvatarRef", first: true, predicate: ["headerAvatar"], descendants: true }, { propertyName: "closeFormTemplate", first: true, predicate: ["closeForm"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<bsu-mask *ngIf=\"mask\"> </bsu-mask>\r\n<fd-layout-grid>\r\n    <div fdLayoutGridRow>\r\n        <div\r\n            class=\"grid-col\"\r\n            [fdLayoutGridCol]=\"0\"\r\n            [colMd]=\"layout1.colMd\"\r\n            [colLg]=\"layout1.colLg\"\r\n            [colXl]=\"layout1.colXl\"\r\n        ></div>\r\n        <div class=\"grid-col\" [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\r\n                    context: {\r\n                        $implicit: parameters?.LayoutComponent,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        <div\r\n            class=\"grid-col\"\r\n            [fdLayoutGridCol]=\"0\"\r\n            [colMd]=\"layout2.colMd\"\r\n            [colLg]=\"layout2.colLg\"\r\n            [colXl]=\"layout2.colXl\"\r\n        ></div>\r\n    </div>\r\n</fd-layout-grid>\r\n\r\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\r\n    <bsu-ly-layout-container-of-root\r\n        [config]=\"layout94\"\r\n        [isPanel]=\"false\"\r\n        [isRoot]=\"true\"\r\n    ></bsu-ly-layout-container-of-root>\r\n    <ng-container *ngIf=\"workflowButtons && !isModal\">\r\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\r\n            <div style=\"flex-grow: 1\"></div>\r\n            <bsu-layout-actions\r\n                style=\"display: flex; column-gap: 1rem\"\r\n                [simple]=\"true\"\r\n                [buttons]=\"[]\"\r\n                [workflowButtons]=\"workflowButtons\"\r\n                (toolClick)=\"onToolbarClick($event)\"\r\n            >\r\n            </bsu-layout-actions>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\r\n    <bnrc-dynamic-form-component\r\n        [component]=\"component\"\r\n        [removeContentPadding]=\"removeContentPadding\"\r\n        [breadCrumbs]=\"breadCrumbs\"\r\n        [description]=\"description\"\r\n        [title]=\"title\"\r\n        [subtitle]=\"subtitle\"\r\n        [toolbarItems]=\"toolbarItems\"\r\n        [layoutActions]=\"layoutActions\"\r\n        [facetList]=\"facetList\"\r\n        [settings]=\"component.Settings\"\r\n        [workflowPanelUi]=\"workflowPanelUi\"\r\n        [isMobile]=\"isMobile\"\r\n        [mo]=\"mo\"\r\n        [layout94]=\"layout94\"\r\n        [context]=\"context\"\r\n        [rtl]=\"rtl\"\r\n        [fieldDict]=\"fieldDict\"\r\n        [mask]=\"mask\"\r\n        [dirValue]=\"dirValue\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [modernTabs]=\"modernTabs\"\r\n        [avatar]=\"avatar\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-form-component>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto;min-height:100%;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicFormComponent, selector: "bnrc-dynamic-form-component", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "settings", "workflowPanelUi", "title", "subtitle", "description", "facetList", "removeHeaderBorder", "removeContentPadding", "isMobile", "avatar", "rtl", "mask", "mo", "contentDensity", "deviceSize", "dirValue", "fieldDict", "modernTabs"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSimpleFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-simple-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bsu-mask *ngIf=\"mask\"> </bsu-mask>\r\n<fd-layout-grid>\r\n    <div fdLayoutGridRow>\r\n        <div\r\n            class=\"grid-col\"\r\n            [fdLayoutGridCol]=\"0\"\r\n            [colMd]=\"layout1.colMd\"\r\n            [colLg]=\"layout1.colLg\"\r\n            [colXl]=\"layout1.colXl\"\r\n        ></div>\r\n        <div class=\"grid-col\" [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\r\n                    context: {\r\n                        $implicit: parameters?.LayoutComponent,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        <div\r\n            class=\"grid-col\"\r\n            [fdLayoutGridCol]=\"0\"\r\n            [colMd]=\"layout2.colMd\"\r\n            [colLg]=\"layout2.colLg\"\r\n            [colXl]=\"layout2.colXl\"\r\n        ></div>\r\n    </div>\r\n</fd-layout-grid>\r\n\r\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\r\n    <bsu-ly-layout-container-of-root\r\n        [config]=\"layout94\"\r\n        [isPanel]=\"false\"\r\n        [isRoot]=\"true\"\r\n    ></bsu-ly-layout-container-of-root>\r\n    <ng-container *ngIf=\"workflowButtons && !isModal\">\r\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\r\n            <div style=\"flex-grow: 1\"></div>\r\n            <bsu-layout-actions\r\n                style=\"display: flex; column-gap: 1rem\"\r\n                [simple]=\"true\"\r\n                [buttons]=\"[]\"\r\n                [workflowButtons]=\"workflowButtons\"\r\n                (toolClick)=\"onToolbarClick($event)\"\r\n            >\r\n            </bsu-layout-actions>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\r\n    <bnrc-dynamic-form-component\r\n        [component]=\"component\"\r\n        [removeContentPadding]=\"removeContentPadding\"\r\n        [breadCrumbs]=\"breadCrumbs\"\r\n        [description]=\"description\"\r\n        [title]=\"title\"\r\n        [subtitle]=\"subtitle\"\r\n        [toolbarItems]=\"toolbarItems\"\r\n        [layoutActions]=\"layoutActions\"\r\n        [facetList]=\"facetList\"\r\n        [settings]=\"component.Settings\"\r\n        [workflowPanelUi]=\"workflowPanelUi\"\r\n        [isMobile]=\"isMobile\"\r\n        [mo]=\"mo\"\r\n        [layout94]=\"layout94\"\r\n        [context]=\"context\"\r\n        [rtl]=\"rtl\"\r\n        [fieldDict]=\"fieldDict\"\r\n        [mask]=\"mask\"\r\n        [dirValue]=\"dirValue\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [modernTabs]=\"modernTabs\"\r\n        [avatar]=\"avatar\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-form-component>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto;min-height:100%;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}bsu-ly-layout-container-of-root{padding-bottom:1rem}\n"] }]
+            args: [{ selector: 'bsu-barsa-simple-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bsu-mask *ngIf=\"mask\"> </bsu-mask>\r\n<fd-layout-grid>\r\n    <div fdLayoutGridRow>\r\n        <div\r\n            class=\"grid-col\"\r\n            [fdLayoutGridCol]=\"0\"\r\n            [colMd]=\"layout1.colMd\"\r\n            [colLg]=\"layout1.colLg\"\r\n            [colXl]=\"layout1.colXl\"\r\n        ></div>\r\n        <div class=\"grid-col\" [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\r\n                    context: {\r\n                        $implicit: parameters?.LayoutComponent,\r\n                        layout94: layout94\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        <div\r\n            class=\"grid-col\"\r\n            [fdLayoutGridCol]=\"0\"\r\n            [colMd]=\"layout2.colMd\"\r\n            [colLg]=\"layout2.colLg\"\r\n            [colXl]=\"layout2.colXl\"\r\n        ></div>\r\n    </div>\r\n</fd-layout-grid>\r\n\r\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\r\n    <bsu-ly-layout-container-of-root\r\n        [config]=\"layout94\"\r\n        [isPanel]=\"false\"\r\n        [isRoot]=\"true\"\r\n    ></bsu-ly-layout-container-of-root>\r\n    <ng-container *ngIf=\"workflowButtons && !isModal\">\r\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\r\n            <div style=\"flex-grow: 1\"></div>\r\n            <bsu-layout-actions\r\n                style=\"display: flex; column-gap: 1rem\"\r\n                [simple]=\"true\"\r\n                [buttons]=\"[]\"\r\n                [workflowButtons]=\"workflowButtons\"\r\n                (toolClick)=\"onToolbarClick($event)\"\r\n            >\r\n            </bsu-layout-actions>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\r\n    <bnrc-dynamic-form-component\r\n        [component]=\"component\"\r\n        [removeContentPadding]=\"removeContentPadding\"\r\n        [breadCrumbs]=\"breadCrumbs\"\r\n        [description]=\"description\"\r\n        [title]=\"title\"\r\n        [subtitle]=\"subtitle\"\r\n        [toolbarItems]=\"toolbarItems\"\r\n        [layoutActions]=\"layoutActions\"\r\n        [facetList]=\"facetList\"\r\n        [settings]=\"component.Settings\"\r\n        [workflowPanelUi]=\"workflowPanelUi\"\r\n        [isMobile]=\"isMobile\"\r\n        [mo]=\"mo\"\r\n        [layout94]=\"layout94\"\r\n        [context]=\"context\"\r\n        [rtl]=\"rtl\"\r\n        [fieldDict]=\"fieldDict\"\r\n        [mask]=\"mask\"\r\n        [dirValue]=\"dirValue\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [modernTabs]=\"modernTabs\"\r\n        [avatar]=\"avatar\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-form-component>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto;min-height:100%;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _toolbarComponent: [{
                 type: ViewChild,
                 args: ['formToolbar']
@@ -11709,10 +11729,10 @@ class UiGridComponent extends SapUiReportBaseComponent {
     }
 }
 UiGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiGridComponent, selector: "bsu-ui-grid", inputs: { showOkCancelButtons: "showOkCancelButtons" }, usesInheritance: true, ngImport: i0, template: "<!--render container-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: hideToolbar$ | async,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            contentDensity: contentDensity$ | async,\r\n            formSetting: context.Setting.FormTemplate,\r\n            hasSelected: hasSelected$ | async,\r\n            showOkCancelButtons: showOkCancelButtons,\r\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            newInlineEditMo: newInlineEditMo$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            disableResponsive: disableResponsive$ | async,\r\n            fullscreen: fullscreen$ | async,\r\n            selectedMo: selectedMo$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formSetting=\"formSetting\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-showOkCancelButtons=\"showOkCancelButtons\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-newInlineEditMo=\"newInlineEditMo\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-contextView=\"contextView\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-fullscreen=\"fullscreen\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n>\r\n    <bsu-ulv-toolbar\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [hideTitle]=\"true\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [access]=\"access\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        (sortClick)=\"onSortSettings(deviceName)\"\r\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\r\n        (columnClick)=\"onColumnSettings(deviceName)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n    <bsu-ui-table-view\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [parentHeight]=\"parentHeight\"\r\n        [fullscreen]=\"fullscreen\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [rtl]=\"rtl\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [allColumns]=\"allColumns\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [columnWidth]=\"100 / columns.length\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [rowHoverable]=\"rowHoverable\"\r\n        [rowActivable]=\"rowActivable\"\r\n        [formSetting]=\"formSetting\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [reportId]=\"reportId\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [showOkCancelButtons]=\"showOkCancelButtons\"\r\n        [fitWidth]=\"false\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [rowResizer]=\"rowResizer\"\r\n        [enableResizing]=\"enableResizing\"\r\n        [newInlineEditMo]=\"newInlineEditMo\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    >\r\n    </bsu-ui-table-view>\r\n</ng-template>\r\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "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", "rowResizer", "enableResizing"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiGridComponent, selector: "bsu-ui-grid", inputs: { showOkCancelButtons: "showOkCancelButtons" }, usesInheritance: true, ngImport: i0, template: "<!--render container-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: hideToolbar$ | async,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            contentDensity: contentDensity$ | async,\r\n            formSetting: context.Setting.FormTemplate,\r\n            hasSelected: hasSelected$ | async,\r\n            showOkCancelButtons: showOkCancelButtons,\r\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            newInlineEditMo: newInlineEditMo$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            disableResponsive: disableResponsive$ | async,\r\n            fullscreen: fullscreen$ | async,\r\n            selectedMo: selectedMo$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formSetting=\"formSetting\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-showOkCancelButtons=\"showOkCancelButtons\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-newInlineEditMo=\"newInlineEditMo\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-contextView=\"contextView\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-fullscreen=\"fullscreen\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n>\r\n    <bsu-ulv-toolbar\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [hideTitle]=\"true\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [access]=\"access\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        (sortClick)=\"onSortSettings(deviceName)\"\r\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\r\n        (columnClick)=\"onColumnSettings(deviceName)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n    <bsu-ui-table-view\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [parentHeight]=\"parentHeight\"\r\n        [fullscreen]=\"fullscreen\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [rtl]=\"rtl\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [allColumns]=\"allColumns\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [columnWidth]=\"100 / columns.length\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [rowHoverable]=\"rowHoverable\"\r\n        [rowActivable]=\"rowActivable\"\r\n        [formSetting]=\"formSetting\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [reportId]=\"reportId\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [showOkCancelButtons]=\"showOkCancelButtons\"\r\n        [fitWidth]=\"false\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [rowResizer]=\"rowResizer\"\r\n        [enableResizing]=\"enableResizing\"\r\n        [newInlineEditMo]=\"newInlineEditMo\"\r\n        (escapeKey)=\"onEscapeKey($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    >\r\n    </bsu-ui-table-view>\r\n</ng-template>\r\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "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", "rowResizer", "enableResizing"] }, { kind: "pipe", type: i1.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: "14.2.7", ngImport: i0, type: UiGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: hideToolbar$ | async,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            contentDensity: contentDensity$ | async,\r\n            formSetting: context.Setting.FormTemplate,\r\n            hasSelected: hasSelected$ | async,\r\n            showOkCancelButtons: showOkCancelButtons,\r\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            newInlineEditMo: newInlineEditMo$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            disableResponsive: disableResponsive$ | async,\r\n            fullscreen: fullscreen$ | async,\r\n            selectedMo: selectedMo$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formSetting=\"formSetting\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-showOkCancelButtons=\"showOkCancelButtons\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-newInlineEditMo=\"newInlineEditMo\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-contextView=\"contextView\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-fullscreen=\"fullscreen\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n>\r\n    <bsu-ulv-toolbar\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [hideTitle]=\"true\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [access]=\"access\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        (sortClick)=\"onSortSettings(deviceName)\"\r\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\r\n        (columnClick)=\"onColumnSettings(deviceName)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n    <bsu-ui-table-view\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [parentHeight]=\"parentHeight\"\r\n        [fullscreen]=\"fullscreen\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [rtl]=\"rtl\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [allColumns]=\"allColumns\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [columnWidth]=\"100 / columns.length\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [rowHoverable]=\"rowHoverable\"\r\n        [rowActivable]=\"rowActivable\"\r\n        [formSetting]=\"formSetting\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [reportId]=\"reportId\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [showOkCancelButtons]=\"showOkCancelButtons\"\r\n        [fitWidth]=\"false\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [rowResizer]=\"rowResizer\"\r\n        [enableResizing]=\"enableResizing\"\r\n        [newInlineEditMo]=\"newInlineEditMo\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    >\r\n    </bsu-ui-table-view>\r\n</ng-template>\r\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"] }]
+            args: [{ selector: 'bsu-ui-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: hideToolbar$ | async,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            contentDensity: contentDensity$ | async,\r\n            formSetting: context.Setting.FormTemplate,\r\n            hasSelected: hasSelected$ | async,\r\n            showOkCancelButtons: showOkCancelButtons,\r\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            newInlineEditMo: newInlineEditMo$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            disableResponsive: disableResponsive$ | async,\r\n            fullscreen: fullscreen$ | async,\r\n            selectedMo: selectedMo$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formSetting=\"formSetting\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-showOkCancelButtons=\"showOkCancelButtons\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-newInlineEditMo=\"newInlineEditMo\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-contextView=\"contextView\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-fullscreen=\"fullscreen\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n>\r\n    <bsu-ulv-toolbar\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [hideTitle]=\"true\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [access]=\"access\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        (sortClick)=\"onSortSettings(deviceName)\"\r\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\r\n        (columnClick)=\"onColumnSettings(deviceName)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n    <bsu-ui-table-view\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [parentHeight]=\"parentHeight\"\r\n        [fullscreen]=\"fullscreen\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [rtl]=\"rtl\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [allColumns]=\"allColumns\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [columnWidth]=\"100 / columns.length\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [rowHoverable]=\"rowHoverable\"\r\n        [rowActivable]=\"rowActivable\"\r\n        [formSetting]=\"formSetting\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [reportId]=\"reportId\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [showOkCancelButtons]=\"showOkCancelButtons\"\r\n        [fitWidth]=\"false\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [rowResizer]=\"rowResizer\"\r\n        [enableResizing]=\"enableResizing\"\r\n        [newInlineEditMo]=\"newInlineEditMo\"\r\n        (escapeKey)=\"onEscapeKey($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    >\r\n    </bsu-ui-table-view>\r\n</ng-template>\r\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"] }]
         }], propDecorators: { showOkCancelButtons: [{
                 type: Input
             }] } });
@@ -13166,6 +13186,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
 class BarsaCustomInlineEditRowComponent extends BaseViewItemPropsComponent {
     constructor() {
         super(...arguments);
+        this.rewriteInlineEditLayout94 = false;
         this.toolbar = toolbar;
     }
     ngOnInit() {
@@ -13173,25 +13194,24 @@ class BarsaCustomInlineEditRowComponent extends BaseViewItemPropsComponent {
         this.params = {
             moId: this.mo.Id,
             isSimple: true,
-            typeDefId: this.typeDefId,
-            formSetting: JSON.parse(JSON.stringify(this.formSetting))
+            typeDefId: this.typeDefId
         };
     }
 }
 BarsaCustomInlineEditRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCustomInlineEditRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaCustomInlineEditRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCustomInlineEditRowComponent, selector: "bsu-barsa-custom-inline-edit-row", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<bnrc-form [params]=\"params\"></bnrc-form>\r\n", styles: [":host{display:flex}:host ::ng-deep bsu-layout-control{flex:none!important;width:auto!important}:host ::ng-deep bsu-layout-control label{width:max-content}:host ::ng-deep bsu-ly-layout-container-of-root{padding:0}\n"], dependencies: [{ kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaCustomInlineEditRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCustomInlineEditRowComponent, selector: "bsu-barsa-custom-inline-edit-row", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<bnrc-form\r\n    [params]=\"params\"\r\n    [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n    [formPanelCtrl]=\"formPanelCtrlr\"\r\n    [saveOnChange]=\"true\"\r\n    [inlineEditInReport]=\"true\"\r\n></bnrc-form>\r\n", styles: [":host{display:flex}:host ::ng-deep bsu-layout-control{flex:none!important;width:auto!important}:host ::ng-deep bsu-layout-control label{width:max-content}:host ::ng-deep bsu-ly-layout-container-of-root{padding:0}\n"], dependencies: [{ kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCustomInlineEditRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-custom-inline-edit-row', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<bnrc-form [params]=\"params\"></bnrc-form>\r\n", styles: [":host{display:flex}:host ::ng-deep bsu-layout-control{flex:none!important;width:auto!important}:host ::ng-deep bsu-layout-control label{width:max-content}:host ::ng-deep bsu-ly-layout-container-of-root{padding:0}\n"] }]
+            args: [{ selector: 'bsu-barsa-custom-inline-edit-row', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<bnrc-form\r\n    [params]=\"params\"\r\n    [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n    [formPanelCtrl]=\"formPanelCtrlr\"\r\n    [saveOnChange]=\"true\"\r\n    [inlineEditInReport]=\"true\"\r\n></bnrc-form>\r\n", styles: [":host{display:flex}:host ::ng-deep bsu-layout-control{flex:none!important;width:auto!important}:host ::ng-deep bsu-layout-control label{width:max-content}:host ::ng-deep bsu-ly-layout-container-of-root{padding:0}\n"] }]
         }] });
 
 class BarsaCustomInlineEditComponent extends ReportViewBaseComponent {
 }
 BarsaCustomInlineEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCustomInlineEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaCustomInlineEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCustomInlineEditComponent, selector: "bsu-barsa-custom-inline-edit", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let mo of moDataList; let index = index; trackBy: _trackByRow; let odd = odd\">\r\n    <div style=\"display: flex; align-items: center\" [style.background-color]=\"odd ? null : 'var(--sapBaseColor)'\">\r\n        <bsu-barsa-custom-inline-edit-row\r\n            [mo]=\"mo\"\r\n            [moDataList]=\"moDataList\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [hideOpenIcon]=\"hideOpenIcon\"\r\n            [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n            [isChecked]=\"true\"\r\n            [visibility]=\"mo.$Visibility\"\r\n            [expanded]=\"mo.$Expanded\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [level]=\"mo.$Level\"\r\n            [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [columnsCount]=\"columnsCount.length\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [extraRelation]=\"extraRelation\"\r\n            [formSetting]=\"formSetting\"\r\n            [index]=\"index\"\r\n            [setting]=\"viewSetting\"\r\n            [columns]=\"columns\"\r\n            [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n            [access]=\"access\"\r\n            [inlineEditMode]=\"true\"\r\n            [allowInlineEdit]=\"true\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [allColumns]=\"allColumns\"\r\n            [contextMenuItems]=\"contextMenuItems\"\r\n            [canView]=\"canView\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [navigationArrow]=\"navigationArrow\"\r\n            [isCheckList]=\"isCheckList\"\r\n            (rowCheck)=\"onRowCheck($event)\"\r\n            (deselectAll)=\"onDeselectAll()\"\r\n            (rowClick)=\"onRowClick($event)\"\r\n            (ulvCommand)=\"onUlvCommand($event)\"\r\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n            (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n            (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        >\r\n        </bsu-barsa-custom-inline-edit-row>\r\n\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"delete\"\r\n            (click)=\"rowCheck.emit({mo, index}); contextMenuItems[0].handler(contextMenuItems[0])\"\r\n        ></button>\r\n    </div>\r\n</ng-container>\r\n<div style=\"margin-top: 0.5rem\">\r\n    <button fd-button (click)=\"createNewMo.emit()\">\u0627\u0641\u0632\u0648\u062F\u0646</button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: BarsaCustomInlineEditRowComponent, selector: "bsu-barsa-custom-inline-edit-row" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaCustomInlineEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCustomInlineEditComponent, selector: "bsu-barsa-custom-inline-edit", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let mo of moDataList; let index = index; trackBy: _trackByRow; let odd = odd\">\r\n    <div style=\"display: flex; align-items: center\" [style.background-color]=\"odd ? null : 'var(--sapBaseColor)'\">\r\n        <bsu-barsa-custom-inline-edit-row\r\n            [mo]=\"mo\"\r\n            [moDataList]=\"moDataList\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [hideOpenIcon]=\"hideOpenIcon\"\r\n            [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n            [isChecked]=\"true\"\r\n            [visibility]=\"mo.$Visibility\"\r\n            [expanded]=\"mo.$Expanded\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [level]=\"mo.$Level\"\r\n            [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [columnsCount]=\"columnsCount.length\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [extraRelation]=\"extraRelation\"\r\n            [formSetting]=\"formSetting\"\r\n            [index]=\"index\"\r\n            [setting]=\"viewSetting\"\r\n            [columns]=\"columns\"\r\n            [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n            [access]=\"access\"\r\n            [inlineEditMode]=\"true\"\r\n            [allowInlineEdit]=\"true\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [allColumns]=\"allColumns\"\r\n            [contextMenuItems]=\"contextMenuItems\"\r\n            [canView]=\"canView\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [navigationArrow]=\"navigationArrow\"\r\n            [isCheckList]=\"isCheckList\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            (rowCheck)=\"onRowCheck($event)\"\r\n            (deselectAll)=\"onDeselectAll()\"\r\n            (rowClick)=\"onRowClick($event)\"\r\n            (ulvCommand)=\"onUlvCommand($event)\"\r\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n            (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n            (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        >\r\n        </bsu-barsa-custom-inline-edit-row>\r\n\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"delete\"\r\n            (click)=\"rowCheck.emit({mo, index}); contextMenuItems[0].handler(contextMenuItems[0])\"\r\n        ></button>\r\n    </div>\r\n</ng-container>\r\n<div style=\"margin-top: 0.5rem\">\r\n    <button fd-button (click)=\"createNewMo.emit()\">\u0627\u0641\u0632\u0648\u062F\u0646</button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;padding-bottom:.275rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: BarsaCustomInlineEditRowComponent, selector: "bsu-barsa-custom-inline-edit-row" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCustomInlineEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-custom-inline-edit', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngFor=\"let mo of moDataList; let index = index; trackBy: _trackByRow; let odd = odd\">\r\n    <div style=\"display: flex; align-items: center\" [style.background-color]=\"odd ? null : 'var(--sapBaseColor)'\">\r\n        <bsu-barsa-custom-inline-edit-row\r\n            [mo]=\"mo\"\r\n            [moDataList]=\"moDataList\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [hideOpenIcon]=\"hideOpenIcon\"\r\n            [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n            [isChecked]=\"true\"\r\n            [visibility]=\"mo.$Visibility\"\r\n            [expanded]=\"mo.$Expanded\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [level]=\"mo.$Level\"\r\n            [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [columnsCount]=\"columnsCount.length\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [extraRelation]=\"extraRelation\"\r\n            [formSetting]=\"formSetting\"\r\n            [index]=\"index\"\r\n            [setting]=\"viewSetting\"\r\n            [columns]=\"columns\"\r\n            [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n            [access]=\"access\"\r\n            [inlineEditMode]=\"true\"\r\n            [allowInlineEdit]=\"true\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [allColumns]=\"allColumns\"\r\n            [contextMenuItems]=\"contextMenuItems\"\r\n            [canView]=\"canView\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [navigationArrow]=\"navigationArrow\"\r\n            [isCheckList]=\"isCheckList\"\r\n            (rowCheck)=\"onRowCheck($event)\"\r\n            (deselectAll)=\"onDeselectAll()\"\r\n            (rowClick)=\"onRowClick($event)\"\r\n            (ulvCommand)=\"onUlvCommand($event)\"\r\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n            (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n            (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        >\r\n        </bsu-barsa-custom-inline-edit-row>\r\n\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"delete\"\r\n            (click)=\"rowCheck.emit({mo, index}); contextMenuItems[0].handler(contextMenuItems[0])\"\r\n        ></button>\r\n    </div>\r\n</ng-container>\r\n<div style=\"margin-top: 0.5rem\">\r\n    <button fd-button (click)=\"createNewMo.emit()\">\u0627\u0641\u0632\u0648\u062F\u0646</button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
+            args: [{ selector: 'bsu-barsa-custom-inline-edit', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngFor=\"let mo of moDataList; let index = index; trackBy: _trackByRow; let odd = odd\">\r\n    <div style=\"display: flex; align-items: center\" [style.background-color]=\"odd ? null : 'var(--sapBaseColor)'\">\r\n        <bsu-barsa-custom-inline-edit-row\r\n            [mo]=\"mo\"\r\n            [moDataList]=\"moDataList\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [hideOpenIcon]=\"hideOpenIcon\"\r\n            [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n            [isChecked]=\"true\"\r\n            [visibility]=\"mo.$Visibility\"\r\n            [expanded]=\"mo.$Expanded\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [level]=\"mo.$Level\"\r\n            [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [columnsCount]=\"columnsCount.length\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [extraRelation]=\"extraRelation\"\r\n            [formSetting]=\"formSetting\"\r\n            [index]=\"index\"\r\n            [setting]=\"viewSetting\"\r\n            [columns]=\"columns\"\r\n            [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n            [access]=\"access\"\r\n            [inlineEditMode]=\"true\"\r\n            [allowInlineEdit]=\"true\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [allColumns]=\"allColumns\"\r\n            [contextMenuItems]=\"contextMenuItems\"\r\n            [canView]=\"canView\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [navigationArrow]=\"navigationArrow\"\r\n            [isCheckList]=\"isCheckList\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            (rowCheck)=\"onRowCheck($event)\"\r\n            (deselectAll)=\"onDeselectAll()\"\r\n            (rowClick)=\"onRowClick($event)\"\r\n            (ulvCommand)=\"onUlvCommand($event)\"\r\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n            (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n            (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        >\r\n        </bsu-barsa-custom-inline-edit-row>\r\n\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"delete\"\r\n            (click)=\"rowCheck.emit({mo, index}); contextMenuItems[0].handler(contextMenuItems[0])\"\r\n        ></button>\r\n    </div>\r\n</ng-container>\r\n<div style=\"margin-top: 0.5rem\">\r\n    <button fd-button (click)=\"createNewMo.emit()\">\u0627\u0641\u0632\u0648\u062F\u0646</button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column;padding-bottom:.275rem}\n"] }]
         }] });
 
 const components = [