barsa-sap-ui 1.0.394 → 1.0.396

package/fesm2020/barsa-sap-ui.mjs

@@ -37,7 +37,7 @@ import { CalendarService, BarsaCalendarModule } from 'barsa-calendar';
 import * as i7$4 from '@fundamental-ngx/core/layout-panel';
 import * as i4$2 from '@fundamental-ngx/core/table';
 import * as i7$3 from '@fundamental-ngx/core/popover';
-import * as i1$5 from '@fundamental-ngx/core/illustrated-message';
+import * as i2$2 from '@fundamental-ngx/core/illustrated-message';
 import * as i4$4 from '@fundamental-ngx/core/avatar';
 import * as i5$1 from '@fundamental-ngx/core/card';
 import * as i3$4 from 'ng2-pdfjs-viewer';
@@ -50,9 +50,9 @@ import * as i10 from '@fundamental-ngx/core/object-status';
 import * as i9$1 from '@fundamental-ngx/core/token';
 import * as i9$2 from '@fundamental-ngx/core/message-strip';
 import * as i7$5 from '@fundamental-ngx/core/notification';
-import * as i2$2 from '@fundamental-ngx/core/action-sheet';
+import * as i2$3 from '@fundamental-ngx/core/action-sheet';
 import * as i11 from '@fundamental-ngx/core/radio';
-import * as i2$3 from '@angular/router';
+import * as i2$4 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i6$5 from '@fundamental-ngx/core/breadcrumb';
 import * as i9$3 from '@fundamental-ngx/core/dynamic-page';
@@ -73,13 +73,13 @@ import * as i12$1 from '@fundamental-ngx/core/rating-indicator';
 import * as i13$1 from '@fundamental-ngx/core/tabs';
 import * as i14 from '@fundamental-ngx/core/text';
 import * as i7$9 from '@fundamental-ngx/core/multi-input';
-import * as i2$4 from '@fundamental-ngx/core/combobox';
+import * as i2$5 from '@fundamental-ngx/core/combobox';
 import * as i7$a from '@fundamental-ngx/core/inline-help';
-import * as i2$5 from '@fundamental-ngx/core/wizard';
+import * as i2$6 from '@fundamental-ngx/core/wizard';
 import * as i7$b from '@fundamental-ngx/core/segmented-button';
 import * as i3$7 from '@fundamental-ngx/core/pagination';
 import * as i3$8 from '@fundamental-ngx/core/panel';
-import * as i1$6 from '@fundamental-ngx/core/switch';
+import * as i1$5 from '@fundamental-ngx/core/switch';
 import * as i6$8 from '@fundamental-ngx/core/info-label';
 import { CdkTableModule } from '@angular/cdk/table';
 
@@ -391,7 +391,7 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         this.isRowDirection = config.TextLocation === 'Right' || config.TextLocation === 'Default';
         this.isRowReverseDirection = config.TextLocation === 'Left';
         this.isColumnDirection =
-            config.TextLocation === 'Top' || (this.isSearchPanel && !this.isSearcPanelInSideContent);
+            (config.TextLocation === 'Top' || this.isSearchPanel) && !this.isSearcPanelInSideContent;
         this.isColumnReverseDirection = config.TextLocation === 'Bottom';
         config.FieldUi.LayoutControl = this;
         this._setHide(config.FieldUi.Setting.IsVisible === false ? true : false);
@@ -3787,11 +3787,13 @@ class NoDataComponent extends BaseComponent {
     }
 }
 NoDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NoDataComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NoDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NoDataComponent, selector: "bsu-no-data", usesInheritance: true, ngImport: i0, template: "<tr style=\"text-align: center\">\r\n    <td colspan=\"75%\" style=\"padding: 10px\">\r\n        <!-- <span>{{ 'NoData' | bbbTranslate }}</span> -->\r\n        <figure fd-illustrated-message [svgConfig]=\"sceneConfig\">\r\n            <figcaption fd-illustrated-message-figcaption>\r\n                <h3 fd-illustrated-message-title>{{ 'NoData' | bbbTranslate }}</h3>\r\n                <p fd-illustrated-message-text>{{ 'NoDataAtThisTime' | bbbTranslate }}</p>\r\n            </figcaption>\r\n            <!-- <fd-illustrated-message-actions>\r\n                <button fd-button label=\"Action One\"></button>\r\n                <button fd-button label=\"Action Two\"></button>\r\n            </fd-illustrated-message-actions> -->\r\n        </figure>\r\n    </td>\r\n</tr>\r\n", styles: [":host{width:100%;display:flex;justify-content:center;border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host.no-topborder{border-top:none}figure{max-height:200px}\n"], dependencies: [{ kind: "component", type: i1$5.IllustratedMessageComponent, selector: "[fd-illustrated-message]", inputs: ["type", "svgConfig", "noSvg", "id", "class"] }, { kind: "component", type: i1$5.IllustratedMessageFigcaptionComponent, selector: "[fd-illustrated-message-figcaption]" }, { kind: "directive", type: i1$5.IllustratedMessageTextDirective, selector: "[fd-illustrated-message-text]" }, { kind: "directive", type: i1$5.IllustratedMessageTitleDirective, selector: "[fd-illustrated-message-title]" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NoDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NoDataComponent, selector: "bsu-no-data", inputs: { simple: "simple" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!simple; else simpleTemplate\">\n    <tr style=\"text-align: center\">\n        <td colspan=\"75%\" style=\"padding: 10px\">\n            <!-- <span>{{ 'NoData' | bbbTranslate }}</span> -->\n            <figure fd-illustrated-message [svgConfig]=\"sceneConfig\">\n                <figcaption fd-illustrated-message-figcaption>\n                    <h3 fd-illustrated-message-title>{{ 'NoData' | bbbTranslate }}</h3>\n                    <p fd-illustrated-message-text>{{ 'NoDataAtThisTime' | bbbTranslate }}</p>\n                </figcaption>\n                <!-- <fd-illustrated-message-actions>\n                    <button fd-button label=\"Action One\"></button>\n                    <button fd-button label=\"Action Two\"></button>\n                </fd-illustrated-message-actions> -->\n            </figure>\n        </td>\n    </tr>\n</ng-container>\n<ng-template #simpleTemplate>\n    <p>{{ 'NoData' | bbbTranslate }}</p>\n</ng-template>\n", styles: [":host{width:100%;display:flex;justify-content:center;border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host.no-topborder{border-top:none}:host.no-btborder{border-bottom:none}figure{max-height:200px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.IllustratedMessageComponent, selector: "[fd-illustrated-message]", inputs: ["type", "svgConfig", "noSvg", "id", "class"] }, { kind: "component", type: i2$2.IllustratedMessageFigcaptionComponent, selector: "[fd-illustrated-message-figcaption]" }, { kind: "directive", type: i2$2.IllustratedMessageTextDirective, selector: "[fd-illustrated-message-text]" }, { kind: "directive", type: i2$2.IllustratedMessageTitleDirective, selector: "[fd-illustrated-message-title]" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NoDataComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-no-data', changeDetection: ChangeDetectionStrategy.OnPush, template: "<tr style=\"text-align: center\">\r\n    <td colspan=\"75%\" style=\"padding: 10px\">\r\n        <!-- <span>{{ 'NoData' | bbbTranslate }}</span> -->\r\n        <figure fd-illustrated-message [svgConfig]=\"sceneConfig\">\r\n            <figcaption fd-illustrated-message-figcaption>\r\n                <h3 fd-illustrated-message-title>{{ 'NoData' | bbbTranslate }}</h3>\r\n                <p fd-illustrated-message-text>{{ 'NoDataAtThisTime' | bbbTranslate }}</p>\r\n            </figcaption>\r\n            <!-- <fd-illustrated-message-actions>\r\n                <button fd-button label=\"Action One\"></button>\r\n                <button fd-button label=\"Action Two\"></button>\r\n            </fd-illustrated-message-actions> -->\r\n        </figure>\r\n    </td>\r\n</tr>\r\n", styles: [":host{width:100%;display:flex;justify-content:center;border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host.no-topborder{border-top:none}figure{max-height:200px}\n"] }]
-        }] });
+            args: [{ selector: 'bsu-no-data', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!simple; else simpleTemplate\">\n    <tr style=\"text-align: center\">\n        <td colspan=\"75%\" style=\"padding: 10px\">\n            <!-- <span>{{ 'NoData' | bbbTranslate }}</span> -->\n            <figure fd-illustrated-message [svgConfig]=\"sceneConfig\">\n                <figcaption fd-illustrated-message-figcaption>\n                    <h3 fd-illustrated-message-title>{{ 'NoData' | bbbTranslate }}</h3>\n                    <p fd-illustrated-message-text>{{ 'NoDataAtThisTime' | bbbTranslate }}</p>\n                </figcaption>\n                <!-- <fd-illustrated-message-actions>\n                    <button fd-button label=\"Action One\"></button>\n                    <button fd-button label=\"Action Two\"></button>\n                </fd-illustrated-message-actions> -->\n            </figure>\n        </td>\n    </tr>\n</ng-container>\n<ng-template #simpleTemplate>\n    <p>{{ 'NoData' | bbbTranslate }}</p>\n</ng-template>\n", styles: [":host{width:100%;display:flex;justify-content:center;border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host.no-topborder{border-top:none}:host.no-btborder{border-bottom:none}figure{max-height:200px}\n"] }]
+        }], propDecorators: { simple: [{
+                type: Input
+            }] } });
 
 class UiTreeViewComponent extends ReportViewBaseComponent {
     constructor() {
@@ -3830,7 +3832,7 @@ class UiTreeViewComponent extends ReportViewBaseComponent {
     }
 }
 UiTreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTreeViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiTreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTreeViewComponent, selector: "bsu-tree-view", inputs: { root: "root", selectedNode: "selectedNode", hasDragDrop: "hasDragDrop", isHetro: "isHetro", relationList: "relationList", showOkCancelButtons: "showOkCancelButtons", collapseIcon: "collapseIcon" }, outputs: { checkChange: "checkChange", nodeSelect: "nodeSelect", createNew: "createNew", loadChildren: "loadChildren", nodeViewClick: "nodeViewClick", nodeUlvCommand: "nodeUlvCommand", itemDrop: "itemDrop", itemDragMoved: "itemDragMoved" }, usesInheritance: true, ngImport: i0, template: "<fd-layout-panel>\n    <fd-layout-panel-body [bleed]=\"true\">\n        <ul\n            cdkDropList\n            [cdkDropListData]=\"moDataList\"\n            [id]=\"'$Root'\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            <ng-container *ngIf=\"moDataList?.length > 0; else noData\">\n                <ng-container *ngFor=\"let node of moDataList; let index = index\">\n                    <bsu-barsa-tree-item\n                        *ngIf=\"node.visibility === true && node.parentNode.isExpand\"\n                        class=\"node-item\"\n                        [attr.data-id]=\"node.Data.Id\"\n                        [attr.id]=\"'node-' + node.Data.Id\"\n                        [style.cursor]=\"cursor\"\n                        [node]=\"node\"\n                        [level]=\"node.level\"\n                        [styleIndex]=\"node.Data.$StyleIndex\"\n                        [isChecked]=\"selectedNode?.Data?.Id === node.Data.Id || (inDialog && node.Data.$IsChecked)\"\n                        [hasChildren]=\"node.Data.$HasChildren\"\n                        [loading]=\"node.loading\"\n                        [inDialog]=\"inDialog\"\n                        [isMultiSelect]=\"isMultiSelect\"\n                        [isExpand]=\"node.isExpand\"\n                        [isHetro]=\"isHetro\"\n                        [parentNode]=\"node.parentNode\"\n                        [text]=\"node.text\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [rtl]=\"rtl\"\n                        [index]=\"index\"\n                        [allColumns]=\"allColumns\"\n                        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                        [showOkCancelButtons]=\"showOkCancelButtons\"\n                        [selectedNode]=\"selectedNode\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        [contextMenuItems]=\"contextMenuItems\"\n                        [isCheckList]=\"isCheckList\"\n                        [deviceName]=\"deviceName\"\n                        [access]=\"access\"\n                        [hasDragDrop]=\"hasDragDrop\"\n                        (checkChange)=\"onCheckChange($event)\"\n                        (select)=\"onNodeSelect(node, index)\"\n                        (ulvCommandClick)=\"onNodeUlvCommand(node, index)\"\n                        (viewClick)=\"onNodeViewClick(node, index)\"\n                        (loadChildren)=\"onLoadChildren(node)\"\n                        (dragMoved)=\"onDragMoved($event)\"\n                        [relationList]=\"relationList\"\n                        (createNew)=\"createNew.emit($event)\"\n                    >\n                    </bsu-barsa-tree-item>\n                </ng-container>\n            </ng-container>\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: ["*{font-family:Lato}.cdk-drag-placeholder{display:none}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 3px 3px -2px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:#fff;opacity:.3}ul{padding-inline-start:0}.drop-inside{border:1px solid #00f}.drop-inside ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-before{border-top:1px solid #00f}.drop-before ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-after{border-bottom:1px solid #00f}.drop-after ::ng-deep .fd-list__item{background-color:#dce9f6!important}.no-drop ::ng-deep li,.no-drop li .cdk-drag-handle{cursor:no-drop!important}.node-title{padding:15px;margin:5px;background:#eee;cursor:grab}.node-children{position:relative;transition:height .2s;margin-left:40px}.item-notes{margin-left:20px;color:#aaa}\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: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: i7$4.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i7$4.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hasDragDrop", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "isExpand", "children", "parentNode", "text", "isHetro"], outputs: ["createNew", "select", "checkChange", "viewClick", "loadChildren", "dragMoved"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiTreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTreeViewComponent, selector: "bsu-tree-view", inputs: { root: "root", selectedNode: "selectedNode", hasDragDrop: "hasDragDrop", isHetro: "isHetro", relationList: "relationList", showOkCancelButtons: "showOkCancelButtons", collapseIcon: "collapseIcon" }, outputs: { checkChange: "checkChange", nodeSelect: "nodeSelect", createNew: "createNew", loadChildren: "loadChildren", nodeViewClick: "nodeViewClick", nodeUlvCommand: "nodeUlvCommand", itemDrop: "itemDrop", itemDragMoved: "itemDragMoved" }, usesInheritance: true, ngImport: i0, template: "<fd-layout-panel>\n    <fd-layout-panel-body [bleed]=\"true\">\n        <ul\n            cdkDropList\n            [cdkDropListData]=\"moDataList\"\n            [id]=\"'$Root'\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            <ng-container *ngIf=\"moDataList?.length > 0; else noData\">\n                <ng-container *ngFor=\"let node of moDataList; let index = index\">\n                    <bsu-barsa-tree-item\n                        *ngIf=\"node.visibility === true && node.parentNode.isExpand\"\n                        class=\"node-item\"\n                        [attr.data-id]=\"node.Data.Id\"\n                        [attr.id]=\"'node-' + node.Data.Id\"\n                        [style.cursor]=\"cursor\"\n                        [node]=\"node\"\n                        [level]=\"node.level\"\n                        [styleIndex]=\"node.Data.$StyleIndex\"\n                        [isChecked]=\"selectedNode?.Data?.Id === node.Data.Id || (inDialog && node.Data.$IsChecked)\"\n                        [hasChildren]=\"node.Data.$HasChildren\"\n                        [loading]=\"node.loading\"\n                        [inDialog]=\"inDialog\"\n                        [isMultiSelect]=\"isMultiSelect\"\n                        [isExpand]=\"node.isExpand\"\n                        [isHetro]=\"isHetro\"\n                        [parentNode]=\"node.parentNode\"\n                        [text]=\"node.text\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [rtl]=\"rtl\"\n                        [index]=\"index\"\n                        [allColumns]=\"allColumns\"\n                        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                        [showOkCancelButtons]=\"showOkCancelButtons\"\n                        [selectedNode]=\"selectedNode\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        [contextMenuItems]=\"contextMenuItems\"\n                        [isCheckList]=\"isCheckList\"\n                        [deviceName]=\"deviceName\"\n                        [access]=\"access\"\n                        [hasDragDrop]=\"hasDragDrop\"\n                        (checkChange)=\"onCheckChange($event)\"\n                        (select)=\"onNodeSelect(node, index)\"\n                        (ulvCommandClick)=\"onNodeUlvCommand(node, index)\"\n                        (viewClick)=\"onNodeViewClick(node, index)\"\n                        (loadChildren)=\"onLoadChildren(node)\"\n                        (dragMoved)=\"onDragMoved($event)\"\n                        [relationList]=\"relationList\"\n                        (createNew)=\"createNew.emit($event)\"\n                    >\n                    </bsu-barsa-tree-item>\n                </ng-container>\n            </ng-container>\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: ["*{font-family:Lato}.cdk-drag-placeholder{display:none}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 3px 3px -2px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:#fff;opacity:.3}ul{padding-inline-start:0}.drop-inside{border:1px solid #00f}.drop-inside ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-before{border-top:1px solid #00f}.drop-before ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-after{border-bottom:1px solid #00f}.drop-after ::ng-deep .fd-list__item{background-color:#dce9f6!important}.no-drop ::ng-deep li,.no-drop li .cdk-drag-handle{cursor:no-drop!important}.node-title{padding:15px;margin:5px;background:#eee;cursor:grab}.node-children{position:relative;transition:height .2s;margin-left:40px}.item-notes{margin-left:20px;color:#aaa}\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: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: i7$4.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i7$4.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hasDragDrop", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "isExpand", "children", "parentNode", "text", "isHetro"], outputs: ["createNew", "select", "checkChange", "viewClick", "loadChildren", "dragMoved"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTreeViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-tree-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-layout-panel>\n    <fd-layout-panel-body [bleed]=\"true\">\n        <ul\n            cdkDropList\n            [cdkDropListData]=\"moDataList\"\n            [id]=\"'$Root'\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            <ng-container *ngIf=\"moDataList?.length > 0; else noData\">\n                <ng-container *ngFor=\"let node of moDataList; let index = index\">\n                    <bsu-barsa-tree-item\n                        *ngIf=\"node.visibility === true && node.parentNode.isExpand\"\n                        class=\"node-item\"\n                        [attr.data-id]=\"node.Data.Id\"\n                        [attr.id]=\"'node-' + node.Data.Id\"\n                        [style.cursor]=\"cursor\"\n                        [node]=\"node\"\n                        [level]=\"node.level\"\n                        [styleIndex]=\"node.Data.$StyleIndex\"\n                        [isChecked]=\"selectedNode?.Data?.Id === node.Data.Id || (inDialog && node.Data.$IsChecked)\"\n                        [hasChildren]=\"node.Data.$HasChildren\"\n                        [loading]=\"node.loading\"\n                        [inDialog]=\"inDialog\"\n                        [isMultiSelect]=\"isMultiSelect\"\n                        [isExpand]=\"node.isExpand\"\n                        [isHetro]=\"isHetro\"\n                        [parentNode]=\"node.parentNode\"\n                        [text]=\"node.text\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [rtl]=\"rtl\"\n                        [index]=\"index\"\n                        [allColumns]=\"allColumns\"\n                        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                        [showOkCancelButtons]=\"showOkCancelButtons\"\n                        [selectedNode]=\"selectedNode\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        [contextMenuItems]=\"contextMenuItems\"\n                        [isCheckList]=\"isCheckList\"\n                        [deviceName]=\"deviceName\"\n                        [access]=\"access\"\n                        [hasDragDrop]=\"hasDragDrop\"\n                        (checkChange)=\"onCheckChange($event)\"\n                        (select)=\"onNodeSelect(node, index)\"\n                        (ulvCommandClick)=\"onNodeUlvCommand(node, index)\"\n                        (viewClick)=\"onNodeViewClick(node, index)\"\n                        (loadChildren)=\"onLoadChildren(node)\"\n                        (dragMoved)=\"onDragMoved($event)\"\n                        [relationList]=\"relationList\"\n                        (createNew)=\"createNew.emit($event)\"\n                    >\n                    </bsu-barsa-tree-item>\n                </ng-container>\n            </ng-container>\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: ["*{font-family:Lato}.cdk-drag-placeholder{display:none}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 3px 3px -2px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:#fff;opacity:.3}ul{padding-inline-start:0}.drop-inside{border:1px solid #00f}.drop-inside ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-before{border-top:1px solid #00f}.drop-before ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-after{border-bottom:1px solid #00f}.drop-after ::ng-deep .fd-list__item{background-color:#dce9f6!important}.no-drop ::ng-deep li,.no-drop li .cdk-drag-handle{cursor:no-drop!important}.node-title{padding:15px;margin:5px;background:#eee;cursor:grab}.node-children{position:relative;transition:height .2s;margin-left:40px}.item-notes{margin-left:20px;color:#aaa}\n"] }]
@@ -4804,7 +4806,7 @@ class CardViewContentComponent extends BaseViewContentPropsComponent {
     }
 }
 CardViewContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardViewContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardViewContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\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.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { 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: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { 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: NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardViewContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\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.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { 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: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { 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: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardViewContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-card-view-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\n"] }]
@@ -4886,13 +4888,12 @@ class UiListViewComponent extends ReportViewBaseComponent {
         this.detailsColumns = [];
         this.popoverOpen = false;
         this.columnComponents = [];
+        this.popupMode = false;
     }
     ngOnInit() {
         super.ngOnInit();
-        this.selectedPresentaionTemplate =
-            this.viewSetting.MenuInSmallDevice === true && this.deviceSize === 's'
-                ? this.popupModeTemplateRef
-                : this._getPresentaionMode();
+        this.popupMode = this.viewSetting.MenuInSmallDevice === true && this.deviceSize === 's';
+        this.selectedPresentaionTemplate = this.popupMode ? this.popupModeTemplateRef : this._getPresentaionMode();
         this.isDisplayType = this.viewSetting.ItemType$Caption === 'Display';
         const viewSetting = this.viewSetting;
         this.hasRowOlgo = this.viewSetting?.RowOlgo?.Selector;
@@ -4920,18 +4921,19 @@ class UiListViewComponent extends ReportViewBaseComponent {
             default:
                 return this.defaultModeTemplateRef;
             case '2':
+                this.popupMode = true;
                 return this.popupModeTemplateRef;
         }
     }
 }
 UiListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiListViewComponent, selector: "bsu-ui-list-view", viewQueries: [{ propertyName: "popupModeTemplateRef", first: true, predicate: ["popupMode"], descendants: true, read: TemplateRef, static: true }, { propertyName: "defaultModeTemplateRef", first: true, predicate: ["defaultMode"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"selectedPresentaionTemplate\"></ng-container>\n\n<ng-template #popupMode>\n    <ng-container *ngTemplateOutlet=\"deviceSize === 's' ? mobileTpl : desktopTpl\"></ng-container>\n\n    <!-- <fd-menu [appendTo]=\"_el\"\n    #menu [mobile]=\"deviceSize === 's'\" >\n    </fd-menu> -->\n</ng-template>\n<ng-template #mobileTpl>\n    <div class=\"popup-mode\">\n        <ng-container *ngTemplateOutlet=\"buttonDropDown; context: { menu: menu }\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n    <fd-menu #menu [mobile]=\"true\" [mobileConfig]=\"{ title: title | bbbTranslate, hasCloseButton: true }\">\n        <ng-container *ngTemplateOutlet=\"defaultMode; context: { popover: menu, popupMode: true }\"></ng-container>\n    </fd-menu>\n</ng-template>\n<ng-template #desktopTpl>\n    <fd-popover #popover fillControlMode=\"equal\">\n        <fd-popover-control class=\"popup-mode\">\n            <ng-container *ngTemplateOutlet=\"buttonDropDown\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-container\n                *ngTemplateOutlet=\"defaultMode; context: { popover: popover, popupMode: true }\"\n            ></ng-container>\n        </fd-popover-body>\n    </fd-popover>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n</ng-template>\n<ng-template #buttonDropDown let-menu=\"menu\">\n    <button\n        class=\"drop-down\"\n        fd-button\n        [label]=\"selectedMo ? (selectedMo.$Caption | bbbTranslate) : (title | bbbTranslate)\"\n        [fdMenu]=\"true\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span\n            *ngIf=\"selectedCount > 0 && isCheckList\"\n            fd-object-status\n            [inverted]=\"true\"\n            [label]=\"selectedCount\"\n            [title]=\"selectedCount\"\n        ></span>\n    </button>\n</ng-template>\n<ng-template #tokensTpl>\n    <div\n        *ngIf=\"isCheckList && hasSelected\"\n        style=\"padding: 5px; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px\"\n    >\n        <ng-container *ngFor=\"let mo of moDataList; let index = index\">\n            <fd-token *ngIf=\"mo.$IsChecked\" fdCozy [readOnly]=\"false\" (onCloseClick)=\"onRowCheck({mo, index})\">{{\n                columns[0].Caption | rval: mo:columns:true\n            }}</fd-token>\n        </ng-container>\n    </div>\n</ng-template>\n<ng-template #defaultMode let-popover=\"popover\" let-popupMode=\"popupMode\">\n    <fd-layout-panel [class.popup-mode]=\"popupMode\" [ngClass]=\"'size-' + deviceSize\">\n        <fd-layout-panel-header>\n            <fd-layout-panel-head>\n                <h4 fd-layout-panel-title>{{ title | bbbTranslate }}</h4>\n                <span\n                    *ngIf=\"selectedCount > 0\"\n                    fd-object-status\n                    [inverted]=\"true\"\n                    [label]=\"selectedCount\"\n                    [title]=\"selectedCount\"\n                ></span>\n            </fd-layout-panel-head>\n            <fd-layout-panel-actions>\n                <button\n                    *ngIf=\"deviceSize !== 's'\"\n                    style=\"margin-top: 5px\"\n                    fd-button\n                    glyph=\"decline\"\n                    fdType=\"transparent\"\n                    (click)=\"popover.close()\"\n                ></button>\n            </fd-layout-panel-actions>\n        </fd-layout-panel-header>\n        <fd-layout-panel-filters *ngIf=\"isCheckList\">\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <a class=\"clearCheckAll\" (click)=\"onAllCheckbox($event)\" fd-link [aria-label]=\"'All' | bbbTranslate\">{{\n                    'All' | bbbTranslate\n                }}</a>\n                <label fd-toolbar-label style=\"font-size: 1rem; font-weight: bold\">.</label>\n                <a\n                    (click)=\"onClearCheckbox()\"\n                    fd-toolbar-item\n                    class=\"clearCheckAll\"\n                    fd-link\n                    [aria-label]=\"'Clear' | bbbTranslate\"\n                    >{{ 'Clear' | bbbTranslate }}</a\n                >\n            </fd-toolbar>\n        </fd-layout-panel-filters>\n\n        <fd-layout-panel-body [bleed]=\"true\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    isDisplayType ? displayListTemplate : standardListTemplate;\n                    context: {\n                        $implicit: moDataList,\n                        isCheckList: isCheckList,\n                        groupby: groupby,\n                        conditionalFormats: conditionalFormats,\n                        deviceName: deviceName,\n                        viewSetting: viewSetting,\n                        allColumns: allColumns,\n                        access: access,\n                        rtl: rtl,\n                        popover: popover\n                    }\n                \"\n            >\n            </ng-container>\n        </fd-layout-panel-body>\n    </fd-layout-panel>\n</ng-template>\n\n<!--display list-->\n<ng-template\n    #displayListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-allColumns=\"allColumns\"\n    let-viewSetting=\"viewSetting\"\n    let-access=\"access\"\n    let-rtl=\"rtl\"\n>\n    <ul\n        fd-list\n        class=\"display-list fd-list--navigation\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; let last = last\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n<!--standard list-->\n<ng-template\n    #standardListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-allColumns=\"allColumns\"\n    let-deviceName=\"deviceName\"\n    let-access=\"access\"\n    let-viewSetting=\"viewSetting\"\n    let-rtl=\"rtl\"\n    let-last=\"last\"\n>\n    <ul\n        class=\"fd-list--navigation\"\n        [class.fd-list--byline]=\"!isDisplayType\"\n        fd-list\n        [byline]=\"true\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template\n    #itemTemplate\n    let-mo\n    let-index=\"index\"\n    let-last=\"last\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n>\n    <li\n        fd-list-group-header\n        *ngIf=\"mo.group || mo.group === ''; else listItemTemplate\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [attr.level]=\"mo.level\"\n        [class.root-group]=\"mo.level === 0\"\n    >\n        <fd-icon\n            [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick(mo)\"\n        ></fd-icon>\n        <span fd-list-title>{{ mo.group }}</span>\n    </li>\n    <ng-template #listItemTemplate>\n        <ng-container\n            *ngTemplateOutlet=\"\n                hasRowOlgo ? dynamicItemTemplate : defaultItem;\n                context: {\n                    $implicit: mo,\n                    index: index,\n                    columns: columns,\n                    moDataList: moDataList,\n                    moDataListCount: moDataList.length\n                }\n            \"\n        ></ng-container>\n        <ng-template\n            #defaultItem\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bsu-list-item\n                *ngIf=\"!hasRowOlgo; else dynamicItemTemplate\"\n                [isDisplayType]=\"isDisplayType\"\n                [mo]=\"mo\"\n                [isChecked]=\"mo.$IsChecked\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"listSetting\"\n                [editMode]=\"inlineEditMode\"\n                [rtl]=\"rtl\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [formSetting]=\"formSetting\"\n                [allColumns]=\"allColumns\"\n                [contentDensity]=\"contentDensity\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                (rowCheck)=\"onRowCheck($event)\"\n                (rowClick)=\"onRowClick($event)\"\n                (ulvCommand)=\"onUlvCommand($event)\"\n                (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n            >\n            </bsu-list-item>\n        </ng-template>\n\n        <ng-template\n            #dynamicItemTemplate\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bnrc-dynamic-item-component\n                [component]=\"viewSetting.RowOlgo\"\n                [mo]=\"mo\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [moDataList]=\"moDataList\"\n                [showDetailsInRow]=\"showDetailsInRow\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [detailsColumns]=\"detailsColumns\"\n                [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n                [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\n                [cartableMo]=\"mo.RelatedMo\"\n                [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n                [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n                [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n                [detailsComponent]=\"detailsComponent\"\n                [isChecked]=\"mo.$IsChecked\"\n                [visibility]=\"mo.$Visibility\"\n                [expanded]=\"mo.$Expanded\"\n                [level]=\"mo.$Level\"\n                [parentExpanded]=\"mo.$Parent?.$Expanded\"\n                [moDataListCount]=\"moDataListCount\"\n                [columnsCount]=\"columnsCount - detailsColumns.length\"\n                [typeDefId]=\"typeDefId\"\n                [extraRelation]=\"extraRelation\"\n                [formSetting]=\"formSetting\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"viewSetting\"\n                [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n                [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [access]=\"access\"\n                [inlineEditMode]=\"inlineEditMode\"\n                [allowInlineEdit]=\"allowInlineEdit\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [allColumns]=\"allColumns\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                [rowIndicator]=\"columns[0].MetaFieldTypeId === '41'\"\n                (events)=\"onOlgoEvents($event)\"\n            >\n            </bnrc-dynamic-item-component>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.fd-list__group-header{column-gap:10px;align-items:center}.header th{border-left:none!important;border-right:none!important}.clearCheckAll{text-decoration:none!important}.fd-list--navigation-indication .fd-list__item:after{min-width:0!important}li.standard-list-row{padding-top:.2rem;padding-bottom:.2rem;min-height:4rem;justify-content:space-evenly;column-gap:10px}li.standard-list-row:hover:not(.selected){background-color:var(--sapBackgroundColor, #f7f7f7)}li.standard-list-row .fd-list__content{row-gap:.4rem}li.standard-list-row .fd-list__content .fd-list__byline{padding:0;font-size:.775rem}li.standard-list-row ::ng-deep .fd-form-item{position:static}li.standard-list-row ::ng-deep .fd-form-item .fd-checkbox__label--compact{padding:0;margin-left:0}li.standard-list-row ::ng-deep fd-icon{font-size:.75rem!important}fd-layout-panel{height:100%}.li-link.checklink[rtl=true]{padding-right:0!important}.li-link.checklist[rtl=false]{padding-left:0!important}.standard-list-group-label{padding-top:10px;padding-bottom:3px}fd-layout-panel-header{display:none}fd-layout-panel.popup-mode.size-s{box-shadow:none!important}fd-layout-panel.popup-mode.size-s fd-layout-panel-header{display:none!important}.popup-mode fd-layout-panel-header{display:flex;min-height:1rem;height:1rem;border:none!important}.popup-mode fd-layout-panel-header h4{font-weight:700;font-size:1rem}.popup-mode fd-layout-panel-head{display:flex;column-gap:5px;align-items:center;justify-content:center}.popup-mode ::ng-deep li{border:none!important}.popup-mode fd-layout-panel-body{margin-top:.3rem}.popup-mode fd-layout-panel-filters{border:none!important;padding:0 1rem}.popup-mode .drop-down{width:100%;max-width:100%;max-height:2rem!important;height:2rem!important;background:var(--sapButton_Background)!important;border:1px solid #ccc!important}.popup-mode .drop-down ::ng-deep span{font-size:1rem!important;line-height:1.2rem!important}.popup-mode .drop-down ::ng-deep fd-icon{position:absolute;left:10px}fd-popover{width:100%;max-width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i7$4.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i7$4.LayoutPanelHeaderComponent, selector: "fd-layout-panel-header" }, { kind: "component", type: i7$4.LayoutPanelHeadComponent, selector: "fd-layout-panel-head" }, { kind: "directive", type: i7$4.LayoutPanelTitleDirective, selector: "[fd-layout-panel-title]" }, { kind: "component", type: i7$4.LayoutPanelActionsComponent, selector: "fd-layout-panel-actions" }, { kind: "component", type: i7$4.LayoutPanelFiltersComponent, selector: "fd-layout-panel-filters" }, { kind: "component", type: i7$4.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i6$3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i7$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }, { kind: "component", type: i9$1.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: ListItemComponent, selector: "bsu-list-item", inputs: ["setting", "isDisplayType"] }, { 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.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiListViewComponent, selector: "bsu-ui-list-view", viewQueries: [{ propertyName: "popupModeTemplateRef", first: true, predicate: ["popupModeTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "defaultModeTemplateRef", first: true, predicate: ["defaultMode"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"selectedPresentaionTemplate\"></ng-container>\n\n<ng-template #popupModeTemplate>\n    <ng-container *ngTemplateOutlet=\"deviceSize === 's' ? mobileTpl : desktopTpl\"></ng-container>\n\n    <!-- <fd-menu [appendTo]=\"_el\"\n    #menu [mobile]=\"deviceSize === 's'\" >\n    </fd-menu> -->\n</ng-template>\n<ng-template #mobileTpl>\n    <div class=\"popup-mode\">\n        <ng-container *ngTemplateOutlet=\"buttonDropDown; context: { menu: menu }\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n    <fd-menu #menu [mobile]=\"true\" [mobileConfig]=\"{ title: title | bbbTranslate, hasCloseButton: true }\">\n        <ng-container *ngTemplateOutlet=\"defaultMode; context: { popover: menu, popupMode: true }\"></ng-container>\n    </fd-menu>\n</ng-template>\n<ng-template #desktopTpl>\n    <fd-popover #popover fillControlMode=\"equal\">\n        <fd-popover-control class=\"popup-mode\">\n            <ng-container *ngTemplateOutlet=\"buttonDropDown\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-container\n                *ngTemplateOutlet=\"defaultMode; context: { popover: popover, popupMode: true }\"\n            ></ng-container>\n        </fd-popover-body>\n    </fd-popover>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n</ng-template>\n<ng-template #buttonDropDown let-menu=\"menu\">\n    <button\n        class=\"drop-down\"\n        fd-button\n        [label]=\"selectedMo ? (selectedMo.$Caption | bbbTranslate) : (title | bbbTranslate)\"\n        [fdMenu]=\"true\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span\n            *ngIf=\"selectedCount > 0 && isCheckList\"\n            fd-object-status\n            [inverted]=\"true\"\n            [label]=\"selectedCount\"\n            [title]=\"selectedCount\"\n        ></span>\n    </button>\n</ng-template>\n<ng-template #tokensTpl>\n    <div\n        *ngIf=\"isCheckList && hasSelected\"\n        style=\"padding: 5px; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px\"\n    >\n        <ng-container *ngFor=\"let mo of moDataList; let index = index\">\n            <fd-token *ngIf=\"mo.$IsChecked\" fdCozy [readOnly]=\"false\" (onCloseClick)=\"onRowCheck({mo, index})\">{{\n                columns[0].Caption | rval: mo:columns:true\n            }}</fd-token>\n        </ng-container>\n    </div>\n</ng-template>\n<ng-template #defaultMode let-popover=\"popover\" let-popupMode=\"popupMode\">\n    <fd-layout-panel [class.popup-mode]=\"popupMode\" [ngClass]=\"'size-' + deviceSize\">\n        <fd-layout-panel-header>\n            <fd-layout-panel-head>\n                <h4 fd-layout-panel-title>{{ title | bbbTranslate }}</h4>\n                <span\n                    *ngIf=\"selectedCount > 0\"\n                    fd-object-status\n                    [inverted]=\"true\"\n                    [label]=\"selectedCount\"\n                    [title]=\"selectedCount\"\n                ></span>\n            </fd-layout-panel-head>\n            <fd-layout-panel-actions>\n                <button\n                    *ngIf=\"deviceSize !== 's'\"\n                    style=\"margin-top: 5px\"\n                    fd-button\n                    glyph=\"decline\"\n                    fdType=\"transparent\"\n                    (click)=\"popover.close()\"\n                ></button>\n            </fd-layout-panel-actions>\n        </fd-layout-panel-header>\n        <fd-layout-panel-filters *ngIf=\"isCheckList && moDataList.length\">\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <a class=\"clearCheckAll\" (click)=\"onAllCheckbox($event)\" fd-link [aria-label]=\"'All' | bbbTranslate\">{{\n                    'All' | bbbTranslate\n                }}</a>\n                <label fd-toolbar-label style=\"font-size: 1rem; font-weight: bold\">.</label>\n                <a\n                    (click)=\"onClearCheckbox()\"\n                    fd-toolbar-item\n                    class=\"clearCheckAll\"\n                    fd-link\n                    [aria-label]=\"'Clear' | bbbTranslate\"\n                    >{{ 'Clear' | bbbTranslate }}</a\n                >\n            </fd-toolbar>\n        </fd-layout-panel-filters>\n\n        <fd-layout-panel-body [bleed]=\"true\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    isDisplayType ? displayListTemplate : standardListTemplate;\n                    context: {\n                        $implicit: moDataList,\n                        isCheckList: isCheckList,\n                        groupby: groupby,\n                        conditionalFormats: conditionalFormats,\n                        deviceName: deviceName,\n                        viewSetting: viewSetting,\n                        allColumns: allColumns,\n                        access: access,\n                        rtl: rtl,\n                        popover: popover\n                    }\n                \"\n            >\n            </ng-container>\n        </fd-layout-panel-body>\n    </fd-layout-panel>\n</ng-template>\n\n<!--display list-->\n<ng-template\n    #displayListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-allColumns=\"allColumns\"\n    let-viewSetting=\"viewSetting\"\n    let-access=\"access\"\n    let-rtl=\"rtl\"\n>\n    <ul\n        fd-list\n        class=\"display-list fd-list--navigation\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; let last = last\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n<!--standard list-->\n<ng-template\n    #standardListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-allColumns=\"allColumns\"\n    let-deviceName=\"deviceName\"\n    let-access=\"access\"\n    let-viewSetting=\"viewSetting\"\n    let-rtl=\"rtl\"\n    let-last=\"last\"\n>\n    <ul\n        class=\"fd-list--navigation\"\n        [class.fd-list--byline]=\"!isDisplayType\"\n        fd-list\n        [byline]=\"true\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data [simple]=\"popupMode\"></bsu-no-data>\n</ng-template>\n<ng-template\n    #itemTemplate\n    let-mo\n    let-index=\"index\"\n    let-last=\"last\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n>\n    <li\n        fd-list-group-header\n        *ngIf=\"mo.group || mo.group === ''; else listItemTemplate\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [attr.level]=\"mo.level\"\n        [class.root-group]=\"mo.level === 0\"\n    >\n        <fd-icon\n            [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick(mo)\"\n        ></fd-icon>\n        <span fd-list-title>{{ mo.group }}</span>\n    </li>\n    <ng-template #listItemTemplate>\n        <ng-container\n            *ngTemplateOutlet=\"\n                hasRowOlgo ? dynamicItemTemplate : defaultItem;\n                context: {\n                    $implicit: mo,\n                    index: index,\n                    columns: columns,\n                    moDataList: moDataList,\n                    moDataListCount: moDataList.length\n                }\n            \"\n        ></ng-container>\n        <ng-template\n            #defaultItem\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bsu-list-item\n                *ngIf=\"!hasRowOlgo; else dynamicItemTemplate\"\n                [isDisplayType]=\"isDisplayType\"\n                [mo]=\"mo\"\n                [isChecked]=\"mo.$IsChecked\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"listSetting\"\n                [editMode]=\"inlineEditMode\"\n                [rtl]=\"rtl\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [formSetting]=\"formSetting\"\n                [allColumns]=\"allColumns\"\n                [contentDensity]=\"contentDensity\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                (rowCheck)=\"onRowCheck($event)\"\n                (rowClick)=\"onRowClick($event)\"\n                (ulvCommand)=\"onUlvCommand($event)\"\n                (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n            >\n            </bsu-list-item>\n        </ng-template>\n\n        <ng-template\n            #dynamicItemTemplate\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bnrc-dynamic-item-component\n                [component]=\"viewSetting.RowOlgo\"\n                [mo]=\"mo\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [moDataList]=\"moDataList\"\n                [showDetailsInRow]=\"showDetailsInRow\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [detailsColumns]=\"detailsColumns\"\n                [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n                [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\n                [cartableMo]=\"mo.RelatedMo\"\n                [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n                [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n                [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n                [detailsComponent]=\"detailsComponent\"\n                [isChecked]=\"mo.$IsChecked\"\n                [visibility]=\"mo.$Visibility\"\n                [expanded]=\"mo.$Expanded\"\n                [level]=\"mo.$Level\"\n                [parentExpanded]=\"mo.$Parent?.$Expanded\"\n                [moDataListCount]=\"moDataListCount\"\n                [columnsCount]=\"columnsCount - detailsColumns.length\"\n                [typeDefId]=\"typeDefId\"\n                [extraRelation]=\"extraRelation\"\n                [formSetting]=\"formSetting\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"viewSetting\"\n                [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n                [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [access]=\"access\"\n                [inlineEditMode]=\"inlineEditMode\"\n                [allowInlineEdit]=\"allowInlineEdit\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [allColumns]=\"allColumns\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                [rowIndicator]=\"columns[0].MetaFieldTypeId === '41'\"\n                (events)=\"onOlgoEvents($event)\"\n            >\n            </bnrc-dynamic-item-component>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.fd-list__group-header{column-gap:10px;align-items:center}.header th{border-left:none!important;border-right:none!important}.clearCheckAll{text-decoration:none!important}.fd-list--navigation-indication .fd-list__item:after{min-width:0!important}li.standard-list-row{padding-top:.2rem;padding-bottom:.2rem;min-height:4rem;justify-content:space-evenly;column-gap:10px}li.standard-list-row:hover:not(.selected){background-color:var(--sapBackgroundColor, #f7f7f7)}li.standard-list-row .fd-list__content{row-gap:.4rem}li.standard-list-row .fd-list__content .fd-list__byline{padding:0;font-size:.775rem}li.standard-list-row ::ng-deep .fd-form-item{position:static}li.standard-list-row ::ng-deep .fd-form-item .fd-checkbox__label--compact{padding:0;margin-left:0}li.standard-list-row ::ng-deep fd-icon{font-size:.75rem!important}fd-layout-panel{height:100%}.li-link.checklink[rtl=true]{padding-right:0!important}.li-link.checklist[rtl=false]{padding-left:0!important}.standard-list-group-label{padding-top:10px;padding-bottom:3px}fd-layout-panel-header{display:none}fd-layout-panel.popup-mode.size-s{box-shadow:none!important}fd-layout-panel.popup-mode.size-s fd-layout-panel-header{display:none!important}.popup-mode fd-layout-panel-header{display:flex;min-height:1rem;height:1rem;border:none!important}.popup-mode fd-layout-panel-header h4{font-weight:700;font-size:1rem}.popup-mode fd-layout-panel-head{display:flex;column-gap:5px;align-items:center;justify-content:center}.popup-mode ::ng-deep li{border:none!important}.popup-mode fd-layout-panel-body{margin-top:.3rem}.popup-mode fd-layout-panel-filters{border:none!important;padding:0 1rem}.popup-mode .drop-down{width:100%;max-width:100%;max-height:2rem!important;height:2rem!important;background:var(--sapButton_Background)!important;border:1px solid #ccc!important}.popup-mode .drop-down ::ng-deep span{font-size:1rem!important;line-height:1.2rem!important}.popup-mode .drop-down ::ng-deep fd-icon{position:absolute;left:10px}fd-popover{width:100%;max-width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i7$4.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i7$4.LayoutPanelHeaderComponent, selector: "fd-layout-panel-header" }, { kind: "component", type: i7$4.LayoutPanelHeadComponent, selector: "fd-layout-panel-head" }, { kind: "directive", type: i7$4.LayoutPanelTitleDirective, selector: "[fd-layout-panel-title]" }, { kind: "component", type: i7$4.LayoutPanelActionsComponent, selector: "fd-layout-panel-actions" }, { kind: "component", type: i7$4.LayoutPanelFiltersComponent, selector: "fd-layout-panel-filters" }, { kind: "component", type: i7$4.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i6$3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i7$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }, { kind: "component", type: i9$1.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: ListItemComponent, selector: "bsu-list-item", inputs: ["setting", "isDisplayType"] }, { 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.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiListViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-list-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"selectedPresentaionTemplate\"></ng-container>\n\n<ng-template #popupMode>\n    <ng-container *ngTemplateOutlet=\"deviceSize === 's' ? mobileTpl : desktopTpl\"></ng-container>\n\n    <!-- <fd-menu [appendTo]=\"_el\"\n    #menu [mobile]=\"deviceSize === 's'\" >\n    </fd-menu> -->\n</ng-template>\n<ng-template #mobileTpl>\n    <div class=\"popup-mode\">\n        <ng-container *ngTemplateOutlet=\"buttonDropDown; context: { menu: menu }\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n    <fd-menu #menu [mobile]=\"true\" [mobileConfig]=\"{ title: title | bbbTranslate, hasCloseButton: true }\">\n        <ng-container *ngTemplateOutlet=\"defaultMode; context: { popover: menu, popupMode: true }\"></ng-container>\n    </fd-menu>\n</ng-template>\n<ng-template #desktopTpl>\n    <fd-popover #popover fillControlMode=\"equal\">\n        <fd-popover-control class=\"popup-mode\">\n            <ng-container *ngTemplateOutlet=\"buttonDropDown\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-container\n                *ngTemplateOutlet=\"defaultMode; context: { popover: popover, popupMode: true }\"\n            ></ng-container>\n        </fd-popover-body>\n    </fd-popover>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n</ng-template>\n<ng-template #buttonDropDown let-menu=\"menu\">\n    <button\n        class=\"drop-down\"\n        fd-button\n        [label]=\"selectedMo ? (selectedMo.$Caption | bbbTranslate) : (title | bbbTranslate)\"\n        [fdMenu]=\"true\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span\n            *ngIf=\"selectedCount > 0 && isCheckList\"\n            fd-object-status\n            [inverted]=\"true\"\n            [label]=\"selectedCount\"\n            [title]=\"selectedCount\"\n        ></span>\n    </button>\n</ng-template>\n<ng-template #tokensTpl>\n    <div\n        *ngIf=\"isCheckList && hasSelected\"\n        style=\"padding: 5px; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px\"\n    >\n        <ng-container *ngFor=\"let mo of moDataList; let index = index\">\n            <fd-token *ngIf=\"mo.$IsChecked\" fdCozy [readOnly]=\"false\" (onCloseClick)=\"onRowCheck({mo, index})\">{{\n                columns[0].Caption | rval: mo:columns:true\n            }}</fd-token>\n        </ng-container>\n    </div>\n</ng-template>\n<ng-template #defaultMode let-popover=\"popover\" let-popupMode=\"popupMode\">\n    <fd-layout-panel [class.popup-mode]=\"popupMode\" [ngClass]=\"'size-' + deviceSize\">\n        <fd-layout-panel-header>\n            <fd-layout-panel-head>\n                <h4 fd-layout-panel-title>{{ title | bbbTranslate }}</h4>\n                <span\n                    *ngIf=\"selectedCount > 0\"\n                    fd-object-status\n                    [inverted]=\"true\"\n                    [label]=\"selectedCount\"\n                    [title]=\"selectedCount\"\n                ></span>\n            </fd-layout-panel-head>\n            <fd-layout-panel-actions>\n                <button\n                    *ngIf=\"deviceSize !== 's'\"\n                    style=\"margin-top: 5px\"\n                    fd-button\n                    glyph=\"decline\"\n                    fdType=\"transparent\"\n                    (click)=\"popover.close()\"\n                ></button>\n            </fd-layout-panel-actions>\n        </fd-layout-panel-header>\n        <fd-layout-panel-filters *ngIf=\"isCheckList\">\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <a class=\"clearCheckAll\" (click)=\"onAllCheckbox($event)\" fd-link [aria-label]=\"'All' | bbbTranslate\">{{\n                    'All' | bbbTranslate\n                }}</a>\n                <label fd-toolbar-label style=\"font-size: 1rem; font-weight: bold\">.</label>\n                <a\n                    (click)=\"onClearCheckbox()\"\n                    fd-toolbar-item\n                    class=\"clearCheckAll\"\n                    fd-link\n                    [aria-label]=\"'Clear' | bbbTranslate\"\n                    >{{ 'Clear' | bbbTranslate }}</a\n                >\n            </fd-toolbar>\n        </fd-layout-panel-filters>\n\n        <fd-layout-panel-body [bleed]=\"true\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    isDisplayType ? displayListTemplate : standardListTemplate;\n                    context: {\n                        $implicit: moDataList,\n                        isCheckList: isCheckList,\n                        groupby: groupby,\n                        conditionalFormats: conditionalFormats,\n                        deviceName: deviceName,\n                        viewSetting: viewSetting,\n                        allColumns: allColumns,\n                        access: access,\n                        rtl: rtl,\n                        popover: popover\n                    }\n                \"\n            >\n            </ng-container>\n        </fd-layout-panel-body>\n    </fd-layout-panel>\n</ng-template>\n\n<!--display list-->\n<ng-template\n    #displayListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-allColumns=\"allColumns\"\n    let-viewSetting=\"viewSetting\"\n    let-access=\"access\"\n    let-rtl=\"rtl\"\n>\n    <ul\n        fd-list\n        class=\"display-list fd-list--navigation\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; let last = last\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n<!--standard list-->\n<ng-template\n    #standardListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-allColumns=\"allColumns\"\n    let-deviceName=\"deviceName\"\n    let-access=\"access\"\n    let-viewSetting=\"viewSetting\"\n    let-rtl=\"rtl\"\n    let-last=\"last\"\n>\n    <ul\n        class=\"fd-list--navigation\"\n        [class.fd-list--byline]=\"!isDisplayType\"\n        fd-list\n        [byline]=\"true\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template\n    #itemTemplate\n    let-mo\n    let-index=\"index\"\n    let-last=\"last\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n>\n    <li\n        fd-list-group-header\n        *ngIf=\"mo.group || mo.group === ''; else listItemTemplate\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [attr.level]=\"mo.level\"\n        [class.root-group]=\"mo.level === 0\"\n    >\n        <fd-icon\n            [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick(mo)\"\n        ></fd-icon>\n        <span fd-list-title>{{ mo.group }}</span>\n    </li>\n    <ng-template #listItemTemplate>\n        <ng-container\n            *ngTemplateOutlet=\"\n                hasRowOlgo ? dynamicItemTemplate : defaultItem;\n                context: {\n                    $implicit: mo,\n                    index: index,\n                    columns: columns,\n                    moDataList: moDataList,\n                    moDataListCount: moDataList.length\n                }\n            \"\n        ></ng-container>\n        <ng-template\n            #defaultItem\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bsu-list-item\n                *ngIf=\"!hasRowOlgo; else dynamicItemTemplate\"\n                [isDisplayType]=\"isDisplayType\"\n                [mo]=\"mo\"\n                [isChecked]=\"mo.$IsChecked\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"listSetting\"\n                [editMode]=\"inlineEditMode\"\n                [rtl]=\"rtl\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [formSetting]=\"formSetting\"\n                [allColumns]=\"allColumns\"\n                [contentDensity]=\"contentDensity\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                (rowCheck)=\"onRowCheck($event)\"\n                (rowClick)=\"onRowClick($event)\"\n                (ulvCommand)=\"onUlvCommand($event)\"\n                (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n            >\n            </bsu-list-item>\n        </ng-template>\n\n        <ng-template\n            #dynamicItemTemplate\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bnrc-dynamic-item-component\n                [component]=\"viewSetting.RowOlgo\"\n                [mo]=\"mo\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [moDataList]=\"moDataList\"\n                [showDetailsInRow]=\"showDetailsInRow\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [detailsColumns]=\"detailsColumns\"\n                [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n                [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\n                [cartableMo]=\"mo.RelatedMo\"\n                [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n                [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n                [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n                [detailsComponent]=\"detailsComponent\"\n                [isChecked]=\"mo.$IsChecked\"\n                [visibility]=\"mo.$Visibility\"\n                [expanded]=\"mo.$Expanded\"\n                [level]=\"mo.$Level\"\n                [parentExpanded]=\"mo.$Parent?.$Expanded\"\n                [moDataListCount]=\"moDataListCount\"\n                [columnsCount]=\"columnsCount - detailsColumns.length\"\n                [typeDefId]=\"typeDefId\"\n                [extraRelation]=\"extraRelation\"\n                [formSetting]=\"formSetting\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"viewSetting\"\n                [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n                [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [access]=\"access\"\n                [inlineEditMode]=\"inlineEditMode\"\n                [allowInlineEdit]=\"allowInlineEdit\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [allColumns]=\"allColumns\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                [rowIndicator]=\"columns[0].MetaFieldTypeId === '41'\"\n                (events)=\"onOlgoEvents($event)\"\n            >\n            </bnrc-dynamic-item-component>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.fd-list__group-header{column-gap:10px;align-items:center}.header th{border-left:none!important;border-right:none!important}.clearCheckAll{text-decoration:none!important}.fd-list--navigation-indication .fd-list__item:after{min-width:0!important}li.standard-list-row{padding-top:.2rem;padding-bottom:.2rem;min-height:4rem;justify-content:space-evenly;column-gap:10px}li.standard-list-row:hover:not(.selected){background-color:var(--sapBackgroundColor, #f7f7f7)}li.standard-list-row .fd-list__content{row-gap:.4rem}li.standard-list-row .fd-list__content .fd-list__byline{padding:0;font-size:.775rem}li.standard-list-row ::ng-deep .fd-form-item{position:static}li.standard-list-row ::ng-deep .fd-form-item .fd-checkbox__label--compact{padding:0;margin-left:0}li.standard-list-row ::ng-deep fd-icon{font-size:.75rem!important}fd-layout-panel{height:100%}.li-link.checklink[rtl=true]{padding-right:0!important}.li-link.checklist[rtl=false]{padding-left:0!important}.standard-list-group-label{padding-top:10px;padding-bottom:3px}fd-layout-panel-header{display:none}fd-layout-panel.popup-mode.size-s{box-shadow:none!important}fd-layout-panel.popup-mode.size-s fd-layout-panel-header{display:none!important}.popup-mode fd-layout-panel-header{display:flex;min-height:1rem;height:1rem;border:none!important}.popup-mode fd-layout-panel-header h4{font-weight:700;font-size:1rem}.popup-mode fd-layout-panel-head{display:flex;column-gap:5px;align-items:center;justify-content:center}.popup-mode ::ng-deep li{border:none!important}.popup-mode fd-layout-panel-body{margin-top:.3rem}.popup-mode fd-layout-panel-filters{border:none!important;padding:0 1rem}.popup-mode .drop-down{width:100%;max-width:100%;max-height:2rem!important;height:2rem!important;background:var(--sapButton_Background)!important;border:1px solid #ccc!important}.popup-mode .drop-down ::ng-deep span{font-size:1rem!important;line-height:1.2rem!important}.popup-mode .drop-down ::ng-deep fd-icon{position:absolute;left:10px}fd-popover{width:100%;max-width:100%}\n"] }]
+            args: [{ selector: 'bsu-ui-list-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"selectedPresentaionTemplate\"></ng-container>\n\n<ng-template #popupModeTemplate>\n    <ng-container *ngTemplateOutlet=\"deviceSize === 's' ? mobileTpl : desktopTpl\"></ng-container>\n\n    <!-- <fd-menu [appendTo]=\"_el\"\n    #menu [mobile]=\"deviceSize === 's'\" >\n    </fd-menu> -->\n</ng-template>\n<ng-template #mobileTpl>\n    <div class=\"popup-mode\">\n        <ng-container *ngTemplateOutlet=\"buttonDropDown; context: { menu: menu }\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n    <fd-menu #menu [mobile]=\"true\" [mobileConfig]=\"{ title: title | bbbTranslate, hasCloseButton: true }\">\n        <ng-container *ngTemplateOutlet=\"defaultMode; context: { popover: menu, popupMode: true }\"></ng-container>\n    </fd-menu>\n</ng-template>\n<ng-template #desktopTpl>\n    <fd-popover #popover fillControlMode=\"equal\">\n        <fd-popover-control class=\"popup-mode\">\n            <ng-container *ngTemplateOutlet=\"buttonDropDown\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-container\n                *ngTemplateOutlet=\"defaultMode; context: { popover: popover, popupMode: true }\"\n            ></ng-container>\n        </fd-popover-body>\n    </fd-popover>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n</ng-template>\n<ng-template #buttonDropDown let-menu=\"menu\">\n    <button\n        class=\"drop-down\"\n        fd-button\n        [label]=\"selectedMo ? (selectedMo.$Caption | bbbTranslate) : (title | bbbTranslate)\"\n        [fdMenu]=\"true\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span\n            *ngIf=\"selectedCount > 0 && isCheckList\"\n            fd-object-status\n            [inverted]=\"true\"\n            [label]=\"selectedCount\"\n            [title]=\"selectedCount\"\n        ></span>\n    </button>\n</ng-template>\n<ng-template #tokensTpl>\n    <div\n        *ngIf=\"isCheckList && hasSelected\"\n        style=\"padding: 5px; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px\"\n    >\n        <ng-container *ngFor=\"let mo of moDataList; let index = index\">\n            <fd-token *ngIf=\"mo.$IsChecked\" fdCozy [readOnly]=\"false\" (onCloseClick)=\"onRowCheck({mo, index})\">{{\n                columns[0].Caption | rval: mo:columns:true\n            }}</fd-token>\n        </ng-container>\n    </div>\n</ng-template>\n<ng-template #defaultMode let-popover=\"popover\" let-popupMode=\"popupMode\">\n    <fd-layout-panel [class.popup-mode]=\"popupMode\" [ngClass]=\"'size-' + deviceSize\">\n        <fd-layout-panel-header>\n            <fd-layout-panel-head>\n                <h4 fd-layout-panel-title>{{ title | bbbTranslate }}</h4>\n                <span\n                    *ngIf=\"selectedCount > 0\"\n                    fd-object-status\n                    [inverted]=\"true\"\n                    [label]=\"selectedCount\"\n                    [title]=\"selectedCount\"\n                ></span>\n            </fd-layout-panel-head>\n            <fd-layout-panel-actions>\n                <button\n                    *ngIf=\"deviceSize !== 's'\"\n                    style=\"margin-top: 5px\"\n                    fd-button\n                    glyph=\"decline\"\n                    fdType=\"transparent\"\n                    (click)=\"popover.close()\"\n                ></button>\n            </fd-layout-panel-actions>\n        </fd-layout-panel-header>\n        <fd-layout-panel-filters *ngIf=\"isCheckList && moDataList.length\">\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <a class=\"clearCheckAll\" (click)=\"onAllCheckbox($event)\" fd-link [aria-label]=\"'All' | bbbTranslate\">{{\n                    'All' | bbbTranslate\n                }}</a>\n                <label fd-toolbar-label style=\"font-size: 1rem; font-weight: bold\">.</label>\n                <a\n                    (click)=\"onClearCheckbox()\"\n                    fd-toolbar-item\n                    class=\"clearCheckAll\"\n                    fd-link\n                    [aria-label]=\"'Clear' | bbbTranslate\"\n                    >{{ 'Clear' | bbbTranslate }}</a\n                >\n            </fd-toolbar>\n        </fd-layout-panel-filters>\n\n        <fd-layout-panel-body [bleed]=\"true\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    isDisplayType ? displayListTemplate : standardListTemplate;\n                    context: {\n                        $implicit: moDataList,\n                        isCheckList: isCheckList,\n                        groupby: groupby,\n                        conditionalFormats: conditionalFormats,\n                        deviceName: deviceName,\n                        viewSetting: viewSetting,\n                        allColumns: allColumns,\n                        access: access,\n                        rtl: rtl,\n                        popover: popover\n                    }\n                \"\n            >\n            </ng-container>\n        </fd-layout-panel-body>\n    </fd-layout-panel>\n</ng-template>\n\n<!--display list-->\n<ng-template\n    #displayListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-allColumns=\"allColumns\"\n    let-viewSetting=\"viewSetting\"\n    let-access=\"access\"\n    let-rtl=\"rtl\"\n>\n    <ul\n        fd-list\n        class=\"display-list fd-list--navigation\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; let last = last\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n<!--standard list-->\n<ng-template\n    #standardListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-allColumns=\"allColumns\"\n    let-deviceName=\"deviceName\"\n    let-access=\"access\"\n    let-viewSetting=\"viewSetting\"\n    let-rtl=\"rtl\"\n    let-last=\"last\"\n>\n    <ul\n        class=\"fd-list--navigation\"\n        [class.fd-list--byline]=\"!isDisplayType\"\n        fd-list\n        [byline]=\"true\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data [simple]=\"popupMode\"></bsu-no-data>\n</ng-template>\n<ng-template\n    #itemTemplate\n    let-mo\n    let-index=\"index\"\n    let-last=\"last\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n>\n    <li\n        fd-list-group-header\n        *ngIf=\"mo.group || mo.group === ''; else listItemTemplate\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [attr.level]=\"mo.level\"\n        [class.root-group]=\"mo.level === 0\"\n    >\n        <fd-icon\n            [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick(mo)\"\n        ></fd-icon>\n        <span fd-list-title>{{ mo.group }}</span>\n    </li>\n    <ng-template #listItemTemplate>\n        <ng-container\n            *ngTemplateOutlet=\"\n                hasRowOlgo ? dynamicItemTemplate : defaultItem;\n                context: {\n                    $implicit: mo,\n                    index: index,\n                    columns: columns,\n                    moDataList: moDataList,\n                    moDataListCount: moDataList.length\n                }\n            \"\n        ></ng-container>\n        <ng-template\n            #defaultItem\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bsu-list-item\n                *ngIf=\"!hasRowOlgo; else dynamicItemTemplate\"\n                [isDisplayType]=\"isDisplayType\"\n                [mo]=\"mo\"\n                [isChecked]=\"mo.$IsChecked\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"listSetting\"\n                [editMode]=\"inlineEditMode\"\n                [rtl]=\"rtl\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [formSetting]=\"formSetting\"\n                [allColumns]=\"allColumns\"\n                [contentDensity]=\"contentDensity\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                (rowCheck)=\"onRowCheck($event)\"\n                (rowClick)=\"onRowClick($event)\"\n                (ulvCommand)=\"onUlvCommand($event)\"\n                (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n            >\n            </bsu-list-item>\n        </ng-template>\n\n        <ng-template\n            #dynamicItemTemplate\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bnrc-dynamic-item-component\n                [component]=\"viewSetting.RowOlgo\"\n                [mo]=\"mo\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [moDataList]=\"moDataList\"\n                [showDetailsInRow]=\"showDetailsInRow\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [detailsColumns]=\"detailsColumns\"\n                [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n                [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\n                [cartableMo]=\"mo.RelatedMo\"\n                [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n                [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n                [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n                [detailsComponent]=\"detailsComponent\"\n                [isChecked]=\"mo.$IsChecked\"\n                [visibility]=\"mo.$Visibility\"\n                [expanded]=\"mo.$Expanded\"\n                [level]=\"mo.$Level\"\n                [parentExpanded]=\"mo.$Parent?.$Expanded\"\n                [moDataListCount]=\"moDataListCount\"\n                [columnsCount]=\"columnsCount - detailsColumns.length\"\n                [typeDefId]=\"typeDefId\"\n                [extraRelation]=\"extraRelation\"\n                [formSetting]=\"formSetting\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"viewSetting\"\n                [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n                [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [access]=\"access\"\n                [inlineEditMode]=\"inlineEditMode\"\n                [allowInlineEdit]=\"allowInlineEdit\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [allColumns]=\"allColumns\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                [rowIndicator]=\"columns[0].MetaFieldTypeId === '41'\"\n                (events)=\"onOlgoEvents($event)\"\n            >\n            </bnrc-dynamic-item-component>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.fd-list__group-header{column-gap:10px;align-items:center}.header th{border-left:none!important;border-right:none!important}.clearCheckAll{text-decoration:none!important}.fd-list--navigation-indication .fd-list__item:after{min-width:0!important}li.standard-list-row{padding-top:.2rem;padding-bottom:.2rem;min-height:4rem;justify-content:space-evenly;column-gap:10px}li.standard-list-row:hover:not(.selected){background-color:var(--sapBackgroundColor, #f7f7f7)}li.standard-list-row .fd-list__content{row-gap:.4rem}li.standard-list-row .fd-list__content .fd-list__byline{padding:0;font-size:.775rem}li.standard-list-row ::ng-deep .fd-form-item{position:static}li.standard-list-row ::ng-deep .fd-form-item .fd-checkbox__label--compact{padding:0;margin-left:0}li.standard-list-row ::ng-deep fd-icon{font-size:.75rem!important}fd-layout-panel{height:100%}.li-link.checklink[rtl=true]{padding-right:0!important}.li-link.checklist[rtl=false]{padding-left:0!important}.standard-list-group-label{padding-top:10px;padding-bottom:3px}fd-layout-panel-header{display:none}fd-layout-panel.popup-mode.size-s{box-shadow:none!important}fd-layout-panel.popup-mode.size-s fd-layout-panel-header{display:none!important}.popup-mode fd-layout-panel-header{display:flex;min-height:1rem;height:1rem;border:none!important}.popup-mode fd-layout-panel-header h4{font-weight:700;font-size:1rem}.popup-mode fd-layout-panel-head{display:flex;column-gap:5px;align-items:center;justify-content:center}.popup-mode ::ng-deep li{border:none!important}.popup-mode fd-layout-panel-body{margin-top:.3rem}.popup-mode fd-layout-panel-filters{border:none!important;padding:0 1rem}.popup-mode .drop-down{width:100%;max-width:100%;max-height:2rem!important;height:2rem!important;background:var(--sapButton_Background)!important;border:1px solid #ccc!important}.popup-mode .drop-down ::ng-deep span{font-size:1rem!important;line-height:1.2rem!important}.popup-mode .drop-down ::ng-deep fd-icon{position:absolute;left:10px}fd-popover{width:100%;max-width:100%}\n"] }]
         }], propDecorators: { popupModeTemplateRef: [{
                 type: ViewChild,
-                args: ['popupMode', { static: true, read: TemplateRef }]
+                args: ['popupModeTemplate', { static: true, read: TemplateRef }]
             }], defaultModeTemplateRef: [{
                 type: ViewChild,
                 args: ['defaultMode', { static: true, read: TemplateRef }]
@@ -5165,10 +5167,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" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.errorText\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            style=\"font-weight: bold; font-size: 1.2rem\"\n            [attr.colspan]=\"canView ? columnsCount + 1 : columnsCount\"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                [disabled]=\"inlineEditMode\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n            </div>\n\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        </td>\n        <td\n            fd-table-cell\n            class=\"single-select\"\n            *ngIf=\"!isCheckList\"\n            (click)=\"onRowCheck()\"\n            style=\"padding: 0; text-align: center\"\n        >\n            <ng-container\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\n            >\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\n                <fd-busy-indicator\n                    *ngIf=\"saving\"\n                    [loading]=\"true\"\n                    [size]=\"'s'\"\n                    title=\"record saving\"\n                ></fd-busy-indicator>\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\n            </ng-container>\n            <ng-template #iconStateTemplate>\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\n            </ng-template>\n        </td>\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\n            <td\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\n                [attr.dbName]=\"column.Name\"\n                #tdEl\n                fd-table-cell\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"tdEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                [focusable]=\"false\"\n                (click)=\"onRowCheck()\"\n                (dblclick)=\"onRowClick()\"\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </td>\n        </ng-container>\n        <td\n            class=\"col-context-menu\"\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\n            fd-table-cell\n        >\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n        </td>\n        <td\n            class=\"col-details\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </td>\n        <td\n            class=\"col-view\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                fd-button\n                [glyph]=\"navigationArrow\"\n                [navigation]=\"true\"\n                [fdType]=\"'transparent'\"\n                role=\"presentation\"\n                (click)=\"onRowClick()\"\n            ></button>\n        </td>\n    </ng-template>\n</tr>\n\n<tr\n    #trEl\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\">\n        <p\n            #pEl\n            fd-table-text\n            *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [hostEl]=\"pEl\"\n            [styleIndex]=\"styleIndex\"\n            [dbName]=\"column.Name\"\n        >\n            <label fd-form-label>{{ column.Caption }} :</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </p>\n    </td>\n</tr>\n<tr *ngIf=\"!detailsCollapsed && cartableParams?.moId\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                (click)=\"OnCartableFormClick($event)\"\n                class=\"cartable-template\"\n                [params]=\"cartableParams\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n<tr\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\n            <bnrc-dynamic-item-component\n                [component]=\"detailsComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"detailsComponentSetting\"\n                [parameters]=\"detailsComponent.Settings\"\n                [editMode]=\"inlineEditMode\"\n                [formSetting]=\"formSetting\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n            ></bnrc-dynamic-item-component>\n        </ng-container>\n    </td>\n</tr>\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </div>\n</ng-template>\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\n            [dismissible]=\"false\"\n        >\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<tr *ngIf=\"workflowState?.errorText\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"resetWorkflowState.emit()\">\n            {{ workflowState.errorText }}\n        </fd-message-strip>\n    </td>\n</tr>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\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}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}\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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.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"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }, { 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", "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: "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.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: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i9$2.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" }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { 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" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.errorText\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            style=\"font-weight: bold; font-size: 1rem\"\n            [attr.colspan]=\"\n                columns.length +\n                1 +\n                (rowIndicator ? -1 : 0) +\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n                (showViewButton ? 1 : 0) +\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\n            \"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n            </div>\n\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        </td>\n        <td\n            fd-table-cell\n            class=\"single-select\"\n            *ngIf=\"!isCheckList\"\n            (click)=\"onRowCheck()\"\n            style=\"padding: 0; text-align: center\"\n        >\n            <ng-container\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\n            >\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\n                <fd-busy-indicator\n                    *ngIf=\"saving\"\n                    [loading]=\"true\"\n                    [size]=\"'s'\"\n                    title=\"record saving\"\n                ></fd-busy-indicator>\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\n            </ng-container>\n            <ng-template #iconStateTemplate>\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\n            </ng-template>\n        </td>\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\n            <td\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\n                [attr.dbName]=\"column.Name\"\n                #tdEl\n                fd-table-cell\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"tdEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                [focusable]=\"false\"\n                (click)=\"onRowCheck()\"\n                (dblclick)=\"onRowClick()\"\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </td>\n        </ng-container>\n        <td\n            class=\"col-context-menu\"\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\n            fd-table-cell\n        >\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n        </td>\n        <td\n            class=\"col-details\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </td>\n        <td\n            class=\"col-view\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                fd-button\n                [glyph]=\"navigationArrow\"\n                [navigation]=\"true\"\n                [fdType]=\"'transparent'\"\n                role=\"presentation\"\n                (click)=\"onRowClick()\"\n            ></button>\n        </td>\n    </ng-template>\n</tr>\n\n<tr\n    #trEl\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\">\n        <p\n            #pEl\n            fd-table-text\n            *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [hostEl]=\"pEl\"\n            [styleIndex]=\"styleIndex\"\n            [dbName]=\"column.Name\"\n        >\n            <label fd-form-label>{{ column.Caption }} :</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </p>\n    </td>\n</tr>\n<tr *ngIf=\"!detailsCollapsed && cartableParams?.moId\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                (click)=\"OnCartableFormClick($event)\"\n                class=\"cartable-template\"\n                [params]=\"cartableParams\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n<tr\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\n            <bnrc-dynamic-item-component\n                [component]=\"detailsComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"detailsComponentSetting\"\n                [parameters]=\"detailsComponent.Settings\"\n                [editMode]=\"inlineEditMode\"\n                [formSetting]=\"formSetting\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n            ></bnrc-dynamic-item-component>\n        </ng-container>\n    </td>\n</tr>\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </div>\n</ng-template>\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\n            [dismissible]=\"false\"\n        >\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<tr *ngIf=\"workflowState?.errorText\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"resetWorkflowState.emit()\">\n            {{ workflowState.errorText }}\n        </fd-message-strip>\n    </td>\n</tr>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\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}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}\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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.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"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }, { 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", "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: "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.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: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i9$2.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" }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { 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\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.errorText\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            style=\"font-weight: bold; font-size: 1.2rem\"\n            [attr.colspan]=\"canView ? columnsCount + 1 : columnsCount\"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                [disabled]=\"inlineEditMode\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n            </div>\n\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        </td>\n        <td\n            fd-table-cell\n            class=\"single-select\"\n            *ngIf=\"!isCheckList\"\n            (click)=\"onRowCheck()\"\n            style=\"padding: 0; text-align: center\"\n        >\n            <ng-container\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\n            >\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\n                <fd-busy-indicator\n                    *ngIf=\"saving\"\n                    [loading]=\"true\"\n                    [size]=\"'s'\"\n                    title=\"record saving\"\n                ></fd-busy-indicator>\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\n            </ng-container>\n            <ng-template #iconStateTemplate>\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\n            </ng-template>\n        </td>\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\n            <td\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\n                [attr.dbName]=\"column.Name\"\n                #tdEl\n                fd-table-cell\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"tdEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                [focusable]=\"false\"\n                (click)=\"onRowCheck()\"\n                (dblclick)=\"onRowClick()\"\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </td>\n        </ng-container>\n        <td\n            class=\"col-context-menu\"\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\n            fd-table-cell\n        >\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n        </td>\n        <td\n            class=\"col-details\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </td>\n        <td\n            class=\"col-view\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                fd-button\n                [glyph]=\"navigationArrow\"\n                [navigation]=\"true\"\n                [fdType]=\"'transparent'\"\n                role=\"presentation\"\n                (click)=\"onRowClick()\"\n            ></button>\n        </td>\n    </ng-template>\n</tr>\n\n<tr\n    #trEl\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\">\n        <p\n            #pEl\n            fd-table-text\n            *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [hostEl]=\"pEl\"\n            [styleIndex]=\"styleIndex\"\n            [dbName]=\"column.Name\"\n        >\n            <label fd-form-label>{{ column.Caption }} :</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </p>\n    </td>\n</tr>\n<tr *ngIf=\"!detailsCollapsed && cartableParams?.moId\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                (click)=\"OnCartableFormClick($event)\"\n                class=\"cartable-template\"\n                [params]=\"cartableParams\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n<tr\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\n            <bnrc-dynamic-item-component\n                [component]=\"detailsComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"detailsComponentSetting\"\n                [parameters]=\"detailsComponent.Settings\"\n                [editMode]=\"inlineEditMode\"\n                [formSetting]=\"formSetting\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n            ></bnrc-dynamic-item-component>\n        </ng-container>\n    </td>\n</tr>\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </div>\n</ng-template>\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\n            [dismissible]=\"false\"\n        >\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<tr *ngIf=\"workflowState?.errorText\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"resetWorkflowState.emit()\">\n            {{ workflowState.errorText }}\n        </fd-message-strip>\n    </td>\n</tr>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\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}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}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.errorText\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            style=\"font-weight: bold; font-size: 1rem\"\n            [attr.colspan]=\"\n                columns.length +\n                1 +\n                (rowIndicator ? -1 : 0) +\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n                (showViewButton ? 1 : 0) +\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\n            \"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n            </div>\n\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        </td>\n        <td\n            fd-table-cell\n            class=\"single-select\"\n            *ngIf=\"!isCheckList\"\n            (click)=\"onRowCheck()\"\n            style=\"padding: 0; text-align: center\"\n        >\n            <ng-container\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\n            >\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\n                <fd-busy-indicator\n                    *ngIf=\"saving\"\n                    [loading]=\"true\"\n                    [size]=\"'s'\"\n                    title=\"record saving\"\n                ></fd-busy-indicator>\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\n            </ng-container>\n            <ng-template #iconStateTemplate>\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\n            </ng-template>\n        </td>\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\n            <td\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\n                [attr.dbName]=\"column.Name\"\n                #tdEl\n                fd-table-cell\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"tdEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                [focusable]=\"false\"\n                (click)=\"onRowCheck()\"\n                (dblclick)=\"onRowClick()\"\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </td>\n        </ng-container>\n        <td\n            class=\"col-context-menu\"\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\n            fd-table-cell\n        >\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n        </td>\n        <td\n            class=\"col-details\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </td>\n        <td\n            class=\"col-view\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                fd-button\n                [glyph]=\"navigationArrow\"\n                [navigation]=\"true\"\n                [fdType]=\"'transparent'\"\n                role=\"presentation\"\n                (click)=\"onRowClick()\"\n            ></button>\n        </td>\n    </ng-template>\n</tr>\n\n<tr\n    #trEl\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\">\n        <p\n            #pEl\n            fd-table-text\n            *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [hostEl]=\"pEl\"\n            [styleIndex]=\"styleIndex\"\n            [dbName]=\"column.Name\"\n        >\n            <label fd-form-label>{{ column.Caption }} :</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </p>\n    </td>\n</tr>\n<tr *ngIf=\"!detailsCollapsed && cartableParams?.moId\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                (click)=\"OnCartableFormClick($event)\"\n                class=\"cartable-template\"\n                [params]=\"cartableParams\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n<tr\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\n            <bnrc-dynamic-item-component\n                [component]=\"detailsComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"detailsComponentSetting\"\n                [parameters]=\"detailsComponent.Settings\"\n                [editMode]=\"inlineEditMode\"\n                [formSetting]=\"formSetting\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n            ></bnrc-dynamic-item-component>\n        </ng-container>\n    </td>\n</tr>\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </div>\n</ng-template>\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\n            [dismissible]=\"false\"\n        >\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<tr *ngIf=\"workflowState?.errorText\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"resetWorkflowState.emit()\">\n            {{ workflowState.errorText }}\n        </fd-message-strip>\n    </td>\n</tr>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\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}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}\n"] }]
         }], propDecorators: { showDetailsInRow: [{
                 type: Input
             }], detailsComponent: [{
@@ -5307,10 +5309,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\n    fd-table\n    [popIn]=\"popin\"\n    [class.fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                headerTemplate;\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n            \"\n        ></ng-container>\n        <ng-container *ngIf=\"moDataList?.length\">\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n            <ng-container\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\n</table>\n<!--renderColumn-->\n\n<bsu-no-data *ngIf=\"!moDataList?.length\" [class.no-topborder]=\"!hideToolbar\"> </bsu-no-data>\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            <ng-container\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            secondaryColumns:\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length,\n                            cartableTemplate:\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\n        <tr fd-table-row class=\"row-summary\">\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td *ngFor=\"let column of columns; let i = index\">\n                <ng-container *ngIf=\"column.HasSummary\">\n                    <strong style=\"direction: ltr; display: block\">\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\n                    >\n                </ng-container>\n            </td>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\n                <td fd-table-cell style=\"width: 100px\"></td>\n            </ng-container>\n            <td fd-table-cell *ngIf=\"canView\"></td>\n        </tr>\n    </tfoot>\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [workflowState]=\"mo.$WorkflowState\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [workflowState]=\"mo.$WorkflowState\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;overflow-x:auto;max-width:100vw}table.fixed{table-layout:fixed}table.fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"], dependencies: [{ kind: "directive", type: i1.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", "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" }, { 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", "rowIndicator", "rtl", "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"] }, { 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" }], 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\n    fd-table\n    [popIn]=\"popin\"\n    [class.fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                headerTemplate;\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n            \"\n        ></ng-container>\n        <ng-container *ngIf=\"moDataList?.length\">\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n            <ng-container\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\n</table>\n<!--renderColumn-->\n\n<bsu-no-data *ngIf=\"!moDataList?.length\" [class.no-topborder]=\"!hideToolbar\" class=\"no-btborder\"> </bsu-no-data>\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            <ng-container\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            secondaryColumns:\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length,\n                            cartableTemplate:\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\n        <tr fd-table-row class=\"row-summary\">\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td *ngFor=\"let column of columns; let i = index\">\n                <ng-container *ngIf=\"column.HasSummary\">\n                    <strong style=\"direction: ltr; display: block\">\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\n                    >\n                </ng-container>\n            </td>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\n                <td fd-table-cell style=\"width: 100px\"></td>\n            </ng-container>\n            <td fd-table-cell *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"></td>\n        </tr>\n    </tfoot>\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [workflowState]=\"mo.$WorkflowState\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [workflowState]=\"mo.$WorkflowState\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;overflow-x:auto;max-width:100vw}table.fixed{table-layout:fixed}table.fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"], dependencies: [{ kind: "directive", type: i1.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", "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", "rowIndicator", "rtl", "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"] }, { 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" }], 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\n    fd-table\n    [popIn]=\"popin\"\n    [class.fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                headerTemplate;\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n            \"\n        ></ng-container>\n        <ng-container *ngIf=\"moDataList?.length\">\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n            <ng-container\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\n</table>\n<!--renderColumn-->\n\n<bsu-no-data *ngIf=\"!moDataList?.length\" [class.no-topborder]=\"!hideToolbar\"> </bsu-no-data>\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            <ng-container\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            secondaryColumns:\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length,\n                            cartableTemplate:\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\n        <tr fd-table-row class=\"row-summary\">\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td *ngFor=\"let column of columns; let i = index\">\n                <ng-container *ngIf=\"column.HasSummary\">\n                    <strong style=\"direction: ltr; display: block\">\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\n                    >\n                </ng-container>\n            </td>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\n                <td fd-table-cell style=\"width: 100px\"></td>\n            </ng-container>\n            <td fd-table-cell *ngIf=\"canView\"></td>\n        </tr>\n    </tfoot>\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [workflowState]=\"mo.$WorkflowState\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [workflowState]=\"mo.$WorkflowState\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;overflow-x:auto;max-width:100vw}table.fixed{table-layout:fixed}table.fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"] }]
+            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                headerTemplate;\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n            \"\n        ></ng-container>\n        <ng-container *ngIf=\"moDataList?.length\">\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n            <ng-container\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\n</table>\n<!--renderColumn-->\n\n<bsu-no-data *ngIf=\"!moDataList?.length\" [class.no-topborder]=\"!hideToolbar\" class=\"no-btborder\"> </bsu-no-data>\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            <ng-container\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            secondaryColumns:\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length,\n                            cartableTemplate:\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\n        <tr fd-table-row class=\"row-summary\">\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td *ngFor=\"let column of columns; let i = index\">\n                <ng-container *ngIf=\"column.HasSummary\">\n                    <strong style=\"direction: ltr; display: block\">\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\n                    >\n                </ng-container>\n            </td>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\n                <td fd-table-cell style=\"width: 100px\"></td>\n            </ng-container>\n            <td fd-table-cell *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"></td>\n        </tr>\n    </tfoot>\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [workflowState]=\"mo.$WorkflowState\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [workflowState]=\"mo.$WorkflowState\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;overflow-x:auto;max-width:100vw}table.fixed{table-layout:fixed}table.fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"] }]
         }], propDecorators: { columnWidth: [{
                 type: Input
             }], minWidth: [{
@@ -5347,7 +5349,7 @@ class NotificationItemComponent extends BaseComponent {
     }
 }
 NotificationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NotificationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NotificationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NotificationItemComponent, selector: "bsu-notification-item", inputs: { option: "option", notificationItem: "notificationItem", showCloseButton: "showCloseButton", deviceSize: "deviceSize" }, outputs: { viewed: "viewed", remove: "remove", actionClick: "actionClick", show: "show", close: "close" }, host: { properties: { "class": "this._deviceSize" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: true,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: option.NotificationItem?.HideShowButton,\n                tag: option.NotificationItem?.Tag,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: true,\n                    uiActions: notificationItem.UiActions,\n                    tag: notificationItem.Tag,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n    let-tag=\"tag\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control *ngIf=\"uiActions?.length\">\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    [title]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"hideShowButton === false && mo.RelatedMo\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({tag,  mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"hideDeleteButton === false\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}fd-notification-actions{max-width:200px}\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$2.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i2$2.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i2$2.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i2$2.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9$2.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i7$5.NotificationComponent, selector: "fd-notification", inputs: ["width", "mobile"] }, { kind: "component", type: i7$5.NotificationHeaderComponent, selector: "fd-notification-header", inputs: ["uniqueId"] }, { kind: "component", type: i7$5.NotificationFooterComponent, selector: "fd-notification-footer" }, { kind: "component", type: i7$5.NotificationBodyComponent, selector: "fd-notification-body" }, { kind: "component", type: i7$5.NotificationActionsComponent, selector: "fd-notification-actions" }, { kind: "component", type: i7$5.NotificationContentComponent, selector: "fd-notification-content" }, { kind: "directive", type: i7$5.NotificationTitleDirective, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: ["unread"] }, { kind: "directive", type: i7$5.NotificationIndicatorDirective, selector: "[fdNotificationIndicator], [fd-notification-indicator]", inputs: ["type", "class"] }, { kind: "directive", type: i7$5.NotificationParagraphDirective, selector: "[fdNotificationParagraph], [fd-notification-paragraph]" }, { kind: "directive", type: i7$5.NotificationFooterContentDirective, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]" }, { kind: "directive", type: i7$5.NotificationSeparatorDirective, selector: "[fdNotificationSeparator], [fd-notification-separator]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NotificationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NotificationItemComponent, selector: "bsu-notification-item", inputs: { option: "option", notificationItem: "notificationItem", showCloseButton: "showCloseButton", deviceSize: "deviceSize" }, outputs: { viewed: "viewed", remove: "remove", actionClick: "actionClick", show: "show", close: "close" }, host: { properties: { "class": "this._deviceSize" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: true,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: option.NotificationItem?.HideShowButton,\n                tag: option.NotificationItem?.Tag,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: true,\n                    uiActions: notificationItem.UiActions,\n                    tag: notificationItem.Tag,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n    let-tag=\"tag\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control *ngIf=\"uiActions?.length\">\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    [title]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"hideShowButton === false && mo.RelatedMo\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({tag,  mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"hideDeleteButton === false\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}fd-notification-actions{max-width:200px}\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$3.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i2$3.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i2$3.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i2$3.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9$2.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i7$5.NotificationComponent, selector: "fd-notification", inputs: ["width", "mobile"] }, { kind: "component", type: i7$5.NotificationHeaderComponent, selector: "fd-notification-header", inputs: ["uniqueId"] }, { kind: "component", type: i7$5.NotificationFooterComponent, selector: "fd-notification-footer" }, { kind: "component", type: i7$5.NotificationBodyComponent, selector: "fd-notification-body" }, { kind: "component", type: i7$5.NotificationActionsComponent, selector: "fd-notification-actions" }, { kind: "component", type: i7$5.NotificationContentComponent, selector: "fd-notification-content" }, { kind: "directive", type: i7$5.NotificationTitleDirective, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: ["unread"] }, { kind: "directive", type: i7$5.NotificationIndicatorDirective, selector: "[fdNotificationIndicator], [fd-notification-indicator]", inputs: ["type", "class"] }, { kind: "directive", type: i7$5.NotificationParagraphDirective, selector: "[fdNotificationParagraph], [fd-notification-paragraph]" }, { kind: "directive", type: i7$5.NotificationFooterContentDirective, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]" }, { kind: "directive", type: i7$5.NotificationSeparatorDirective, selector: "[fdNotificationSeparator], [fd-notification-separator]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NotificationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-notification-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: true,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: option.NotificationItem?.HideShowButton,\n                tag: option.NotificationItem?.Tag,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: true,\n                    uiActions: notificationItem.UiActions,\n                    tag: notificationItem.Tag,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n    let-tag=\"tag\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control *ngIf=\"uiActions?.length\">\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    [title]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"hideShowButton === false && mo.RelatedMo\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({tag,  mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"hideDeleteButton === false\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}fd-notification-actions{max-width:200px}\n"] }]
@@ -5865,7 +5867,7 @@ class ReportNavigatorComponent extends BaseComponent {
         };
     }
 }
-ReportNavigatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportNavigatorComponent, deps: [{ token: i2$3.ActivatedRoute }, { token: i2.PortalService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ReportNavigatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportNavigatorComponent, deps: [{ token: i2$4.ActivatedRoute }, { token: i2.PortalService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 ReportNavigatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportNavigatorComponent, selector: "bsu-report-navigator", viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container>
         <bsu-mask *ngIf="(loading$ | async) === true"></bsu-mask> `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportNavigatorComponent, decorators: [{
@@ -5876,7 +5878,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
         <bsu-mask *ngIf="(loading$ | async) === true"></bsu-mask> `,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: function () { return [{ type: i2$3.ActivatedRoute }, { type: i2.PortalService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { containerRef: [{
+        }], ctorParameters: function () { return [{ type: i2$4.ActivatedRoute }, { type: i2.PortalService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { containerRef: [{
                 type: ViewChild,
                 args: ['containerRef', { static: true, read: ViewContainerRef }]
             }] } });
@@ -5956,12 +5958,12 @@ class BreadcrumbComponent extends BaseComponent {
         }
     }
 }
-BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i2$3.Router }], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i2$4.Router }], target: i0.ɵɵFactoryTarget.Component });
 BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: { breadCrumb: "breadCrumb", allBreadCrumb: "allBreadCrumb", isLast: "isLast", index: "index" }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isLast\" fd-link (click)=\"onBreadcrumb()\">{{ breadCrumb.label | bbbTranslate }}</a>\n<span *ngIf=\"isLast\">{{ breadCrumb.label | bbbTranslate }}</span>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a *ngIf=\"!isLast\" fd-link (click)=\"onBreadcrumb()\">{{ breadCrumb.label | bbbTranslate }}</a>\n<span *ngIf=\"isLast\">{{ breadCrumb.label | bbbTranslate }}</span>\n" }]
-        }], ctorParameters: function () { return [{ type: i2$3.Router }]; }, propDecorators: { breadCrumb: [{
+        }], ctorParameters: function () { return [{ type: i2$4.Router }]; }, propDecorators: { breadCrumb: [{
                 type: Input
             }], allBreadCrumb: [{
                 type: Input
@@ -6094,10 +6096,10 @@ class BarsaUlvMainComponent extends BaseComponent {
     }
 }
 BarsaUlvMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaUlvMainComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-BarsaUlvMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: { viewerControl: "viewerControl", loading: "loading", viewerLoading: "viewerLoading", isReportPage: "isReportPage", deviceSize: "deviceSize", title: "title", searchPanelUi: "searchPanelUi", breadCrumbs: "breadCrumbs", allSearchPanelSettings: "allSearchPanelSettings", isAnonymous: "isAnonymous", canSaveGridSetting: "canSaveGridSetting", rtl: "rtl", selectedSearchPanelSettings: "selectedSearchPanelSettings", searchPanelMoChanged: "searchPanelMoChanged", selectedSearchPanelSettingsId: "selectedSearchPanelSettingsId", hideSearchPanel: "hideSearchPanel", pagingSetting: "pagingSetting", contentDensity: "contentDensity", context: "context", isMobile: "isMobile", standalone: "standalone", landscape: "landscape" }, outputs: { close: "close", searchPanelMoChange: "searchPanelMoChange", openManageFilters: "openManageFilters", collapsedChange: "collapsedChange", hideSearchPanelClick: "hideSearchPanelClick", filterSave: "filterSave", filterSaveAs: "filterSaveAs", pageChange: "pageChange", showFilterFieldsSetting: "showFilterFieldsSetting", manageFilters: "manageFilters", clearSearch: "clearSearch", search: "search", selectSearchPanelSettings: "selectSearchPanelSettings" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true }, { propertyName: "dialogTemplate", first: true, predicate: ["searchpanelDialog"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            reportPageTemplate;\n            context: {\n                $implicit: viewerControl,\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n            }\n        \"\n    >\n    </ng-container>\n</ng-container> -->\n<ng-container\n    *ngTemplateOutlet=\"\n        isReportPage ? reportPageTemplate : reportTemplate;\n        context: {\n            $implicit: viewerControl,\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n        }\n    \"\n>\n</ng-container>\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\n    <fd-dynamic-page\n        formClose\n        mobile\n        [attr.isMobile]=\"isMobile\"\n        [isMobile]=\"isMobile\"\n        [size]=\"deviceSize | dynamicPageSize\"\n        [attr.tabMode]=\"tabMode\"\n        [autoResponsive]=\"false\"\n    >\n        <fd-dynamic-page-header\n            [title]=\"\n                (title | bbbTranslate)\n                    ? (title | bbbTranslate)\n                    : isMobile && breadCrumbs.length\n                    ? breadCrumbs[breadCrumbs.length - 1].label\n                    : ''\n            \"\n            class=\"p-b0\"\n        >\n            <fd-breadcrumb *ngIf=\"!isMobile\">\n                <ng-container *ngIf=\"breadCrumbs\">\n                    <ng-container\n                        *ngFor=\"\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\n                            let i = index;\n                            let last = last\n                        \"\n                    >\n                        <fd-breadcrumb-item *ngIf=\"last\">\n                            <bsu-breadcrumb\n                                [index]=\"i\"\n                                [isLast]=\"last\"\n                                [breadCrumb]=\"breadCrumb\"\n                                [allBreadCrumb]=\"breadCrumbs\"\n                            ></bsu-breadcrumb>\n                        </fd-breadcrumb-item>\n                    </ng-container>\n                </ng-container>\n            </fd-breadcrumb>\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\n\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n                <!-- added this because in mobile landscape toolbar disapper -->\n                <fd-toolbar\n                    *ngIf=\"searchPanelUi\"\n                    class=\"global-actions\"\n                    fdType=\"transparent\"\n                    [clearBorder]=\"true\"\n                    [shouldOverflow]=\"deviceSize === 's'\"\n                >\n                    <fd-popover\n                        fd-toolbar-item\n                        #popover\n                        fdOverflowPriority=\"never\"\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\n                    >\n                        <fd-popover-control>\n                            <div style=\"display: flex; align-items: center\">\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\n                                    {{\n                                        selectedSearchPanelSettings?.IsStandard\n                                            ? ''\n                                            : selectedSearchPanelSettings?.Title\n                                    }}\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\n                                </h3>\n                                <button\n                                    fd-button\n                                    glyph=\"slim-arrow-down\"\n                                    fdType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></button>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body mobile>\n                            <div fd-popover-body-header>\n                                <div fd-bar [fdCozy]>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\n                                <li\n                                    fd-list-item\n                                    *ngFor=\"let option of allSearchPanelSettings\"\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\n                                >\n                                    <span fd-list-title>{{ option.Title }}</span>\n                                </li>\n                            </ul>\n                            <div fd-popover-body-footer>\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\n                                        <fd-button-bar\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\n                                            [label]=\"'Save' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                            (click)=\"onFilterSave(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            *ngIf=\"searchPanelMoChanged\"\n                                            [label]=\"'SaveAs' | bbbTranslate\"\n                                            [fdType]=\"\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\n                                            \"\n                                            (click)=\"onFilterSaveAs(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Manage' | bbbTranslate\"\n                                            fdInitialFocus\n                                            fdType=\"transparent\"\n                                            (click)=\"onManageFilters(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\n                    <button\n                        fd-button\n                        *ngIf=\"isMobile\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        (click)=\"onShowSearchpanelDialog()\"\n                        [glyph]=\"'filter'\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        fd-toolbar-item\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fdType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-subheader\n            [pinnable]=\"true\"\n            [collapsible]=\"false\"\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\n        >\n            <bsu-search-panel\n                *ngIf=\"!isMobile\"\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\n                    context: { noRenderPageing: true }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\n            <!-- page footer content goes here -->\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-middle>\n                    <ng-container\n                        [renderUlvPaging]=\"context\"\n                        [pagingSetting]=\"pagingSetting\"\n                        (pageChange)=\"onPageChange($event)\"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n    <ng-container *ngIf=\"tabMode\">\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #reportTemplate>\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\n</ng-template>\n<ng-template #sideContentTemplate>\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" [size]=\"deviceSize | sapSize\">\n        <fd-dynamic-side-content-side>\n            <ng-container\n                *ngTemplateOutlet=\"searchpanelTemplate; content: { isSearcPanelInSideContent: true }\"\n            ></ng-container>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-template>\n<ng-template #searchpanelTemplate let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\">\n    <fd-card class=\"searchpanel-card\">\n        <fd-card-header>\n            <h2 fd-card-title>\n                <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\n            </h2>\n        </fd-card-header>\n        <fd-card-content>\n            <bsu-search-panel\n                *ngIf=\"!hideSearchPanel && searchPanelUi\"\n                [searchPanelUi]=\"searchPanelUi\"\n                [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-card-content>\n    </fd-card>\n</ng-template>\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\n    <div\n        class=\"viewer-container\"\n        fillEmptySpace\n        [disable]=\"isReportPage || !fillPage\"\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\n        [style.min-height]=\"isReportPage ? '100%' : null\"\n        [style.position]=\"viewerLoading ? 'relative' : null\"\n    >\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\n        <ng-container *ngIf=\"viewerControl\" [renderUlvViewer]=\"viewerControl\"></ng-container>\n    </div>\n    <ng-container\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <bsu-search-panel\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-initial-focus\n                    fdType=\"emphasized\"\n                    (click)=\"dialog.dismiss(); onSearch()\"\n                    [label]=\"'Search' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"dialog.dismiss('Close button')\"\n                    [label]=\"'Cancel' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\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.RenderUlvViewerDirective, selector: "[renderUlvViewer]", inputs: ["mask", "renderUlvViewer"] }, { kind: "directive", type: i2.RenderUlvPaginDirective, selector: "[renderUlvPaging]", inputs: ["mask", "pagingSetting", "renderUlvPaging"], outputs: ["pageChange"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6$5.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i6$5.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "component", type: i9$3.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i9$3.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i9$3.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$3.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$3.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$3.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$3.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i10$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i10$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i10$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: i7$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i7$3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$2.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "directive", type: i7$2.ToolbarOverflowGroupDirective, selector: "[fdOverflowGroup]", inputs: ["fdOverflowGroup"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: SearchPanelComponent, selector: "bsu-search-panel", inputs: ["searchPanelUi", "hideButtons", "isSearcPanelInSideContent"], outputs: ["moChanged"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }, { kind: "pipe", type: SapSizePipe, name: "sapSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaUlvMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: { viewerControl: "viewerControl", loading: "loading", viewerLoading: "viewerLoading", isReportPage: "isReportPage", deviceSize: "deviceSize", title: "title", searchPanelUi: "searchPanelUi", breadCrumbs: "breadCrumbs", allSearchPanelSettings: "allSearchPanelSettings", isAnonymous: "isAnonymous", canSaveGridSetting: "canSaveGridSetting", rtl: "rtl", selectedSearchPanelSettings: "selectedSearchPanelSettings", searchPanelMoChanged: "searchPanelMoChanged", selectedSearchPanelSettingsId: "selectedSearchPanelSettingsId", hideSearchPanel: "hideSearchPanel", pagingSetting: "pagingSetting", contentDensity: "contentDensity", context: "context", isMobile: "isMobile", standalone: "standalone", landscape: "landscape" }, outputs: { close: "close", searchPanelMoChange: "searchPanelMoChange", openManageFilters: "openManageFilters", collapsedChange: "collapsedChange", hideSearchPanelClick: "hideSearchPanelClick", filterSave: "filterSave", filterSaveAs: "filterSaveAs", pageChange: "pageChange", showFilterFieldsSetting: "showFilterFieldsSetting", manageFilters: "manageFilters", clearSearch: "clearSearch", search: "search", selectSearchPanelSettings: "selectSearchPanelSettings" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true }, { propertyName: "dialogTemplate", first: true, predicate: ["searchpanelDialog"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            reportPageTemplate;\n            context: {\n                $implicit: viewerControl,\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n            }\n        \"\n    >\n    </ng-container>\n</ng-container> -->\n<ng-container\n    *ngTemplateOutlet=\"\n        isReportPage ? reportPageTemplate : reportTemplate;\n        context: {\n            $implicit: viewerControl,\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n        }\n    \"\n>\n</ng-container>\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\n    <fd-dynamic-page\n        formClose\n        mobile\n        [attr.isMobile]=\"isMobile\"\n        [isMobile]=\"isMobile\"\n        [size]=\"deviceSize | dynamicPageSize\"\n        [attr.tabMode]=\"tabMode\"\n        [autoResponsive]=\"false\"\n    >\n        <fd-dynamic-page-header\n            [title]=\"\n                (title | bbbTranslate)\n                    ? (title | bbbTranslate)\n                    : isMobile && breadCrumbs.length\n                    ? breadCrumbs[breadCrumbs.length - 1].label\n                    : ''\n            \"\n            class=\"p-b0\"\n        >\n            <fd-breadcrumb *ngIf=\"!isMobile\">\n                <ng-container *ngIf=\"breadCrumbs\">\n                    <ng-container\n                        *ngFor=\"\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\n                            let i = index;\n                            let last = last\n                        \"\n                    >\n                        <fd-breadcrumb-item *ngIf=\"last\">\n                            <bsu-breadcrumb\n                                [index]=\"i\"\n                                [isLast]=\"last\"\n                                [breadCrumb]=\"breadCrumb\"\n                                [allBreadCrumb]=\"breadCrumbs\"\n                            ></bsu-breadcrumb>\n                        </fd-breadcrumb-item>\n                    </ng-container>\n                </ng-container>\n            </fd-breadcrumb>\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\n\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n                <!-- added this because in mobile landscape toolbar disapper -->\n                <fd-toolbar\n                    *ngIf=\"searchPanelUi\"\n                    class=\"global-actions\"\n                    fdType=\"transparent\"\n                    [clearBorder]=\"true\"\n                    [shouldOverflow]=\"deviceSize === 's'\"\n                >\n                    <fd-popover\n                        fd-toolbar-item\n                        #popover\n                        fdOverflowPriority=\"never\"\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\n                    >\n                        <fd-popover-control>\n                            <div style=\"display: flex; align-items: center\">\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\n                                    {{\n                                        selectedSearchPanelSettings?.IsStandard\n                                            ? ''\n                                            : selectedSearchPanelSettings?.Title\n                                    }}\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\n                                </h3>\n                                <button\n                                    fd-button\n                                    glyph=\"slim-arrow-down\"\n                                    fdType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></button>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body mobile>\n                            <div fd-popover-body-header>\n                                <div fd-bar [fdCozy]>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\n                                <li\n                                    fd-list-item\n                                    *ngFor=\"let option of allSearchPanelSettings\"\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\n                                >\n                                    <span fd-list-title>{{ option.Title }}</span>\n                                </li>\n                            </ul>\n                            <div fd-popover-body-footer>\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\n                                        <fd-button-bar\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\n                                            [label]=\"'Save' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                            (click)=\"onFilterSave(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            *ngIf=\"searchPanelMoChanged\"\n                                            [label]=\"'SaveAs' | bbbTranslate\"\n                                            [fdType]=\"\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\n                                            \"\n                                            (click)=\"onFilterSaveAs(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Manage' | bbbTranslate\"\n                                            fdInitialFocus\n                                            fdType=\"transparent\"\n                                            (click)=\"onManageFilters(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\n                    <button\n                        fd-button\n                        *ngIf=\"isMobile\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        (click)=\"onShowSearchpanelDialog()\"\n                        [glyph]=\"'filter'\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        fd-toolbar-item\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fdType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-subheader\n            [pinnable]=\"true\"\n            [collapsible]=\"false\"\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\n        >\n            <bsu-search-panel\n                *ngIf=\"!isMobile\"\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\n                    context: { noRenderPageing: true }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\n            <!-- page footer content goes here -->\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-middle>\n                    <ng-container\n                        [renderUlvPaging]=\"context\"\n                        [pagingSetting]=\"pagingSetting\"\n                        (pageChange)=\"onPageChange($event)\"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n    <ng-container *ngIf=\"tabMode\">\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #reportTemplate>\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\n</ng-template>\n<ng-template #sideContentTemplate>\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" [size]=\"deviceSize | sapSize\">\n        <fd-dynamic-side-content-side>\n            <ng-container\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\n            ></ng-container>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-template>\n<ng-template #searchpanelTemplate let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\">\n    <fd-card class=\"searchpanel-card\">\n        <fd-card-header>\n            <h2 fd-card-title>\n                <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\n            </h2>\n        </fd-card-header>\n        <fd-card-content>\n            <bsu-search-panel\n                *ngIf=\"!hideSearchPanel && searchPanelUi\"\n                [searchPanelUi]=\"searchPanelUi\"\n                [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n                [hideButtons]=\"true\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-card-content>\n        <fd-card-footer>\n            <button\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"emphasized\"\n                [label]=\"'Search' | bbbTranslate\"\n                (click)=\"onSearch()\"\n                [fdContentDensity]=\"contentDensity\"\n            ></button>\n            <button\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"transparent\"\n                [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\n                (click)=\"onClearSearch()\"\n                [fdOverflowGroup]=\"1\"\n                [fdContentDensity]=\"contentDensity\"\n            ></button>\n        </fd-card-footer>\n    </fd-card>\n</ng-template>\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\n    <div\n        class=\"viewer-container\"\n        fillEmptySpace\n        [disable]=\"isReportPage || !fillPage\"\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\n        [style.min-height]=\"isReportPage ? '100%' : null\"\n        [style.position]=\"viewerLoading ? 'relative' : null\"\n    >\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\n        <ng-container *ngIf=\"viewerControl\" [renderUlvViewer]=\"viewerControl\"></ng-container>\n    </div>\n    <ng-container\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <bsu-search-panel\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-initial-focus\n                    fdType=\"emphasized\"\n                    (click)=\"dialog.dismiss(); onSearch()\"\n                    [label]=\"'Search' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"dialog.dismiss('Close button')\"\n                    [label]=\"'Cancel' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\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.RenderUlvViewerDirective, selector: "[renderUlvViewer]", inputs: ["mask", "renderUlvViewer"] }, { kind: "directive", type: i2.RenderUlvPaginDirective, selector: "[renderUlvPaging]", inputs: ["mask", "pagingSetting", "renderUlvPaging"], outputs: ["pageChange"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6$5.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i6$5.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "component", type: i5$1.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$1.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { kind: "component", type: i9$3.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i9$3.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i9$3.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$3.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$3.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$3.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$3.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i10$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i10$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i10$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: i7$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i7$3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$2.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "directive", type: i7$2.ToolbarOverflowGroupDirective, selector: "[fdOverflowGroup]", inputs: ["fdOverflowGroup"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: SearchPanelComponent, selector: "bsu-search-panel", inputs: ["searchPanelUi", "hideButtons", "isSearcPanelInSideContent"], outputs: ["moChanged"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }, { kind: "pipe", type: SapSizePipe, name: "sapSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaUlvMainComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-ulv-main', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            reportPageTemplate;\n            context: {\n                $implicit: viewerControl,\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n            }\n        \"\n    >\n    </ng-container>\n</ng-container> -->\n<ng-container\n    *ngTemplateOutlet=\"\n        isReportPage ? reportPageTemplate : reportTemplate;\n        context: {\n            $implicit: viewerControl,\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n        }\n    \"\n>\n</ng-container>\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\n    <fd-dynamic-page\n        formClose\n        mobile\n        [attr.isMobile]=\"isMobile\"\n        [isMobile]=\"isMobile\"\n        [size]=\"deviceSize | dynamicPageSize\"\n        [attr.tabMode]=\"tabMode\"\n        [autoResponsive]=\"false\"\n    >\n        <fd-dynamic-page-header\n            [title]=\"\n                (title | bbbTranslate)\n                    ? (title | bbbTranslate)\n                    : isMobile && breadCrumbs.length\n                    ? breadCrumbs[breadCrumbs.length - 1].label\n                    : ''\n            \"\n            class=\"p-b0\"\n        >\n            <fd-breadcrumb *ngIf=\"!isMobile\">\n                <ng-container *ngIf=\"breadCrumbs\">\n                    <ng-container\n                        *ngFor=\"\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\n                            let i = index;\n                            let last = last\n                        \"\n                    >\n                        <fd-breadcrumb-item *ngIf=\"last\">\n                            <bsu-breadcrumb\n                                [index]=\"i\"\n                                [isLast]=\"last\"\n                                [breadCrumb]=\"breadCrumb\"\n                                [allBreadCrumb]=\"breadCrumbs\"\n                            ></bsu-breadcrumb>\n                        </fd-breadcrumb-item>\n                    </ng-container>\n                </ng-container>\n            </fd-breadcrumb>\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\n\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n                <!-- added this because in mobile landscape toolbar disapper -->\n                <fd-toolbar\n                    *ngIf=\"searchPanelUi\"\n                    class=\"global-actions\"\n                    fdType=\"transparent\"\n                    [clearBorder]=\"true\"\n                    [shouldOverflow]=\"deviceSize === 's'\"\n                >\n                    <fd-popover\n                        fd-toolbar-item\n                        #popover\n                        fdOverflowPriority=\"never\"\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\n                    >\n                        <fd-popover-control>\n                            <div style=\"display: flex; align-items: center\">\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\n                                    {{\n                                        selectedSearchPanelSettings?.IsStandard\n                                            ? ''\n                                            : selectedSearchPanelSettings?.Title\n                                    }}\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\n                                </h3>\n                                <button\n                                    fd-button\n                                    glyph=\"slim-arrow-down\"\n                                    fdType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></button>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body mobile>\n                            <div fd-popover-body-header>\n                                <div fd-bar [fdCozy]>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\n                                <li\n                                    fd-list-item\n                                    *ngFor=\"let option of allSearchPanelSettings\"\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\n                                >\n                                    <span fd-list-title>{{ option.Title }}</span>\n                                </li>\n                            </ul>\n                            <div fd-popover-body-footer>\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\n                                        <fd-button-bar\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\n                                            [label]=\"'Save' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                            (click)=\"onFilterSave(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            *ngIf=\"searchPanelMoChanged\"\n                                            [label]=\"'SaveAs' | bbbTranslate\"\n                                            [fdType]=\"\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\n                                            \"\n                                            (click)=\"onFilterSaveAs(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Manage' | bbbTranslate\"\n                                            fdInitialFocus\n                                            fdType=\"transparent\"\n                                            (click)=\"onManageFilters(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\n                    <button\n                        fd-button\n                        *ngIf=\"isMobile\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        (click)=\"onShowSearchpanelDialog()\"\n                        [glyph]=\"'filter'\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        fd-toolbar-item\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fdType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-subheader\n            [pinnable]=\"true\"\n            [collapsible]=\"false\"\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\n        >\n            <bsu-search-panel\n                *ngIf=\"!isMobile\"\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\n                    context: { noRenderPageing: true }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\n            <!-- page footer content goes here -->\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-middle>\n                    <ng-container\n                        [renderUlvPaging]=\"context\"\n                        [pagingSetting]=\"pagingSetting\"\n                        (pageChange)=\"onPageChange($event)\"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n    <ng-container *ngIf=\"tabMode\">\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #reportTemplate>\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\n</ng-template>\n<ng-template #sideContentTemplate>\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" [size]=\"deviceSize | sapSize\">\n        <fd-dynamic-side-content-side>\n            <ng-container\n                *ngTemplateOutlet=\"searchpanelTemplate; content: { isSearcPanelInSideContent: true }\"\n            ></ng-container>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-template>\n<ng-template #searchpanelTemplate let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\">\n    <fd-card class=\"searchpanel-card\">\n        <fd-card-header>\n            <h2 fd-card-title>\n                <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\n            </h2>\n        </fd-card-header>\n        <fd-card-content>\n            <bsu-search-panel\n                *ngIf=\"!hideSearchPanel && searchPanelUi\"\n                [searchPanelUi]=\"searchPanelUi\"\n                [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-card-content>\n    </fd-card>\n</ng-template>\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\n    <div\n        class=\"viewer-container\"\n        fillEmptySpace\n        [disable]=\"isReportPage || !fillPage\"\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\n        [style.min-height]=\"isReportPage ? '100%' : null\"\n        [style.position]=\"viewerLoading ? 'relative' : null\"\n    >\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\n        <ng-container *ngIf=\"viewerControl\" [renderUlvViewer]=\"viewerControl\"></ng-container>\n    </div>\n    <ng-container\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <bsu-search-panel\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-initial-focus\n                    fdType=\"emphasized\"\n                    (click)=\"dialog.dismiss(); onSearch()\"\n                    [label]=\"'Search' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"dialog.dismiss('Close button')\"\n                    [label]=\"'Cancel' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"] }]
+            args: [{ selector: 'bsu-barsa-ulv-main', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            reportPageTemplate;\n            context: {\n                $implicit: viewerControl,\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n            }\n        \"\n    >\n    </ng-container>\n</ng-container> -->\n<ng-container\n    *ngTemplateOutlet=\"\n        isReportPage ? reportPageTemplate : reportTemplate;\n        context: {\n            $implicit: viewerControl,\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n        }\n    \"\n>\n</ng-container>\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\n    <fd-dynamic-page\n        formClose\n        mobile\n        [attr.isMobile]=\"isMobile\"\n        [isMobile]=\"isMobile\"\n        [size]=\"deviceSize | dynamicPageSize\"\n        [attr.tabMode]=\"tabMode\"\n        [autoResponsive]=\"false\"\n    >\n        <fd-dynamic-page-header\n            [title]=\"\n                (title | bbbTranslate)\n                    ? (title | bbbTranslate)\n                    : isMobile && breadCrumbs.length\n                    ? breadCrumbs[breadCrumbs.length - 1].label\n                    : ''\n            \"\n            class=\"p-b0\"\n        >\n            <fd-breadcrumb *ngIf=\"!isMobile\">\n                <ng-container *ngIf=\"breadCrumbs\">\n                    <ng-container\n                        *ngFor=\"\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\n                            let i = index;\n                            let last = last\n                        \"\n                    >\n                        <fd-breadcrumb-item *ngIf=\"last\">\n                            <bsu-breadcrumb\n                                [index]=\"i\"\n                                [isLast]=\"last\"\n                                [breadCrumb]=\"breadCrumb\"\n                                [allBreadCrumb]=\"breadCrumbs\"\n                            ></bsu-breadcrumb>\n                        </fd-breadcrumb-item>\n                    </ng-container>\n                </ng-container>\n            </fd-breadcrumb>\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\n\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n                <!-- added this because in mobile landscape toolbar disapper -->\n                <fd-toolbar\n                    *ngIf=\"searchPanelUi\"\n                    class=\"global-actions\"\n                    fdType=\"transparent\"\n                    [clearBorder]=\"true\"\n                    [shouldOverflow]=\"deviceSize === 's'\"\n                >\n                    <fd-popover\n                        fd-toolbar-item\n                        #popover\n                        fdOverflowPriority=\"never\"\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\n                    >\n                        <fd-popover-control>\n                            <div style=\"display: flex; align-items: center\">\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\n                                    {{\n                                        selectedSearchPanelSettings?.IsStandard\n                                            ? ''\n                                            : selectedSearchPanelSettings?.Title\n                                    }}\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\n                                </h3>\n                                <button\n                                    fd-button\n                                    glyph=\"slim-arrow-down\"\n                                    fdType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></button>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body mobile>\n                            <div fd-popover-body-header>\n                                <div fd-bar [fdCozy]>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\n                                <li\n                                    fd-list-item\n                                    *ngFor=\"let option of allSearchPanelSettings\"\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\n                                >\n                                    <span fd-list-title>{{ option.Title }}</span>\n                                </li>\n                            </ul>\n                            <div fd-popover-body-footer>\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\n                                        <fd-button-bar\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\n                                            [label]=\"'Save' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                            (click)=\"onFilterSave(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            *ngIf=\"searchPanelMoChanged\"\n                                            [label]=\"'SaveAs' | bbbTranslate\"\n                                            [fdType]=\"\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\n                                            \"\n                                            (click)=\"onFilterSaveAs(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Manage' | bbbTranslate\"\n                                            fdInitialFocus\n                                            fdType=\"transparent\"\n                                            (click)=\"onManageFilters(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\n                    <button\n                        fd-button\n                        *ngIf=\"isMobile\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        (click)=\"onShowSearchpanelDialog()\"\n                        [glyph]=\"'filter'\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        fd-toolbar-item\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fdType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-subheader\n            [pinnable]=\"true\"\n            [collapsible]=\"false\"\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\n        >\n            <bsu-search-panel\n                *ngIf=\"!isMobile\"\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\n                    context: { noRenderPageing: true }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\n            <!-- page footer content goes here -->\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-middle>\n                    <ng-container\n                        [renderUlvPaging]=\"context\"\n                        [pagingSetting]=\"pagingSetting\"\n                        (pageChange)=\"onPageChange($event)\"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n    <ng-container *ngIf=\"tabMode\">\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #reportTemplate>\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\n</ng-template>\n<ng-template #sideContentTemplate>\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" [size]=\"deviceSize | sapSize\">\n        <fd-dynamic-side-content-side>\n            <ng-container\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\n            ></ng-container>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-template>\n<ng-template #searchpanelTemplate let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\">\n    <fd-card class=\"searchpanel-card\">\n        <fd-card-header>\n            <h2 fd-card-title>\n                <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\n            </h2>\n        </fd-card-header>\n        <fd-card-content>\n            <bsu-search-panel\n                *ngIf=\"!hideSearchPanel && searchPanelUi\"\n                [searchPanelUi]=\"searchPanelUi\"\n                [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n                [hideButtons]=\"true\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-card-content>\n        <fd-card-footer>\n            <button\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"emphasized\"\n                [label]=\"'Search' | bbbTranslate\"\n                (click)=\"onSearch()\"\n                [fdContentDensity]=\"contentDensity\"\n            ></button>\n            <button\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"transparent\"\n                [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\n                (click)=\"onClearSearch()\"\n                [fdOverflowGroup]=\"1\"\n                [fdContentDensity]=\"contentDensity\"\n            ></button>\n        </fd-card-footer>\n    </fd-card>\n</ng-template>\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\n    <div\n        class=\"viewer-container\"\n        fillEmptySpace\n        [disable]=\"isReportPage || !fillPage\"\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\n        [style.min-height]=\"isReportPage ? '100%' : null\"\n        [style.position]=\"viewerLoading ? 'relative' : null\"\n    >\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\n        <ng-container *ngIf=\"viewerControl\" [renderUlvViewer]=\"viewerControl\"></ng-container>\n    </div>\n    <ng-container\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <bsu-search-panel\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-initial-focus\n                    fdType=\"emphasized\"\n                    (click)=\"dialog.dismiss(); onSearch()\"\n                    [label]=\"'Search' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"dialog.dismiss('Close button')\"\n                    [label]=\"'Cancel' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.DialogService }]; }, propDecorators: { _dynamicPageComponent: [{
                 type: ViewChild,
                 args: [DynamicPageComponent]
@@ -6419,12 +6421,12 @@ class UiUlvMainUiComponent extends BaseComponent {
         });
     }
 }
-UiUlvMainUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiUlvMainUiComponent, deps: [{ token: i1$1.DialogService }, { token: i2.UlvMainService }, { token: i0.ElementRef }, { token: i2$3.Router }, { token: i2.PortalService }, { token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService }, { token: i2.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
+UiUlvMainUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiUlvMainUiComponent, deps: [{ token: i1$1.DialogService }, { token: i2.UlvMainService }, { token: i0.ElementRef }, { token: i2$4.Router }, { token: i2.PortalService }, { token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService }, { token: i2.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
 UiUlvMainUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: { context: "context", isReportPage: "isReportPage", inDialog: "inDialog", isMultiSelect: "isMultiSelect", layoutInfo: "layoutInfo", fullscreen: "fullscreen" }, host: { properties: { "class.control-readonly": "this.readonly", "class.control-disabled": "this.disable", "class.margin-ulv": "this.marginUlv" } }, providers: [UlvMainService], viewQueries: [{ propertyName: "searchPanelComponent", first: true, predicate: SearchPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<bsu-barsa-ulv-main\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [isReportPage]=\"isReportPage\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [title]=\"title\"\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\n    [canSaveGridSetting]=\"(canSaveGridSetting$ | async) === true\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\n    [context]=\"context\"\n    [contentDensity]=\"contentDensity$ | async\"\n    (close)=\"onClose()\"\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\n    (openManageFilters)=\"onOpenManageFilters()\"\n    (collapsedChange)=\"onCollapsedChange($event)\"\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\n    (filterSave)=\"onFilterSave()\"\n    (filterSaveAs)=\"onFilterSaveAs()\"\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\n    (manageFilters)=\"onManageFilters()\"\n    (clearSearch)=\"onClearSearch()\"\n    (search)=\"onSearch()\"\n    (pageChange)=\"onPageChange($event)\"\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\n>\n</bsu-barsa-ulv-main>\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column;cursor:default}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"], dependencies: [{ kind: "component", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: ["viewerControl", "loading", "viewerLoading", "isReportPage", "deviceSize", "title", "searchPanelUi", "breadCrumbs", "allSearchPanelSettings", "isAnonymous", "canSaveGridSetting", "rtl", "selectedSearchPanelSettings", "searchPanelMoChanged", "selectedSearchPanelSettingsId", "hideSearchPanel", "pagingSetting", "contentDensity", "context", "isMobile", "standalone", "landscape"], outputs: ["close", "searchPanelMoChange", "openManageFilters", "collapsedChange", "hideSearchPanelClick", "filterSave", "filterSaveAs", "pageChange", "showFilterFieldsSetting", "manageFilters", "clearSearch", "search", "selectSearchPanelSettings"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiUlvMainUiComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-ulv-main-ui', providers: [UlvMainService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bsu-barsa-ulv-main\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [isReportPage]=\"isReportPage\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [title]=\"title\"\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\n    [canSaveGridSetting]=\"(canSaveGridSetting$ | async) === true\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\n    [context]=\"context\"\n    [contentDensity]=\"contentDensity$ | async\"\n    (close)=\"onClose()\"\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\n    (openManageFilters)=\"onOpenManageFilters()\"\n    (collapsedChange)=\"onCollapsedChange($event)\"\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\n    (filterSave)=\"onFilterSave()\"\n    (filterSaveAs)=\"onFilterSaveAs()\"\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\n    (manageFilters)=\"onManageFilters()\"\n    (clearSearch)=\"onClearSearch()\"\n    (search)=\"onSearch()\"\n    (pageChange)=\"onPageChange($event)\"\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\n>\n</bsu-barsa-ulv-main>\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column;cursor:default}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: i2.UlvMainService }, { type: i0.ElementRef }, { type: i2$3.Router }, { type: i2.PortalService }, { type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService }, { type: i2.BreadcrumbService }]; }, propDecorators: { context: [{
+        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: i2.UlvMainService }, { type: i0.ElementRef }, { type: i2$4.Router }, { type: i2.PortalService }, { type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService }, { type: i2.BreadcrumbService }]; }, propDecorators: { context: [{
                 type: Input
             }], isReportPage: [{
                 type: Input
@@ -7875,10 +7877,10 @@ class FormToolbarComponent extends FormToolbarBaseComponent {
     }
 }
 FormToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormToolbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: { toolbarClick: "toolbarClick" }, viewQueries: [{ propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-toolbar\n    #formToolbar\n    fdType=\"transparent\"\n    [clearBorder]=\"true\"\n    [shouldOverflow]=\"deviceSize === 's'\"\n    [class.firefox]=\"isFirefox\"\n>\n    <ng-container *ngFor=\"let btn of buttons; let i = index; let last = last; let first = first\">\n        <fd-toolbar-separator\n            [attr.i]=\"i\"\n            [attr.last]=\"last\"\n            [attr.first]=\"first\"\n            *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\n        ></fd-toolbar-separator>\n        <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\n            <fd-split-button\n                *ngIf=\"btn.isBuiltin\"\n                [dir]=\"dirValue\"\n                fd-toolbar-item\n                [attr.fdOverflowPriority]=\"'low'\"\n                [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\n                (click)=\"menu2.open()\"\n            >\n                <fd-menu #menu2>\n                    <li\n                        fd-menu-item\n                        *ngFor=\"let menuItem of btn.menu.items\"\n                        [disabled]=\"menuItem.disabled\"\n                        (click)=\"onToolbarClick(menuItem, menu2)\"\n                    >\n                        <div fd-menu-interactive>\n                            <fd-menu-addon\n                                position=\"before\"\n                                [glyph]=\"menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\"\n                            >\n                            </fd-menu-addon>\n                            <img class=\"mr8\" *ngIf=\"!menuItem.newIcon && menuItem.icon\" [src]=\"menuItem.icon\" />\n                            <span fd-menu-title>{{ menuItem.text }}</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </fd-split-button>\n            <button\n                *ngIf=\"!btn.isBuiltin\"\n                fd-button\n                fd-toolbar-item\n                [fdMenu]=\"true\"\n                [glyph]=\"btn.FontIcon\"\n                [style.color]=\"btn.IconColor\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [ariaLabel]=\"btn.text | bbbTranslate\"\n                [fdMenuTrigger]=\"menu\"\n            >\n                <img *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\" width=\"16\" [src]=\"btn.icon\" />\n                <fd-menu #menu>\n                    <li\n                        fd-menu-item\n                        *ngFor=\"let menuItem of btn.menu.items\"\n                        [disabled]=\"menuItem.disabled\"\n                        (click)=\"onToolbarClick(menuItem, menu)\"\n                    >\n                        <div fd-menu-interactive>\n                            <fd-menu-addon\n                                *ngIf=\"\n                                    menuItem.newIcon ||\n                                    menuItem.Data?.JsonExtraProp?.Icon ||\n                                    menuItem.FontIcon ||\n                                    menuItem.Data?.CustomUi?.Parameters?.Icon\n                                \"\n                                position=\"before\"\n                                [ngClass]=\"\n                                    menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                        ? 'fd-button--' + menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                        : ''\n                                \"\n                                [style.color]=\"menuItem.IconColor\"\n                                [glyph]=\"\n                                    menuItem.newIcon ||\n                                    menuItem.Data?.JsonExtraProp?.Icon ||\n                                    menuItem.FontIcon ||\n                                    menuItem.Data?.CustomUi?.Parameters?.Icon\n                                \"\n                            >\n                            </fd-menu-addon>\n                            <img\n                                class=\"mr8\"\n                                *ngIf=\"\n                                    !(\n                                        menuItem.newIcon ||\n                                        menuItem.Data?.JsonExtraProp?.Icon ||\n                                        menuItem.Data?.CustomUi?.Parameters?.Icon ||\n                                        menuItem.FontIcon\n                                    ) && menuItem.icon\n                                \"\n                                [src]=\"menuItem.icon\"\n                            />\n                            <span fd-menu-title>{{ menuItem.text }}</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </button>\n        </ng-container>\n        <ng-template #simpleButton>\n            <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                        context: { $implicit: btn }\n                    \"\n                ></ng-container>\n                <ng-template #btnTemplate let-btn>\n                    <button\n                        fd-toolbar-item\n                        fd-button\n                        [disabled]=\"btn.disabled\"\n                        [attr.fdOverflowPriority]=\"btn.priority\"\n                        [fdType]=\"\n                            btn.isWorkflow ? 'positive' : btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\n                        \"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                        (click)=\"onToolbarClick(btn)\"\n                    >\n                        <img\n                            *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                            width=\"16\"\n                            [src]=\"btn.icon\"\n                        />\n                        <span *ngIf=\"btn.text\">{{ btn.text }}</span>\n                    </button>\n                </ng-template>\n                <ng-template #dynamicBtnTemplate let-btn>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"onToolbarClick(btn)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </ng-template>\n            </ng-container>\n        </ng-template>\n    </ng-container>\n</fd-toolbar>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i6$3.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$3.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$3.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i6$4.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "disabled", "mainActionTitle", "fdType", "expandButtonAriaLabel", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$2.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FormToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: { toolbarClick: "toolbarClick" }, viewQueries: [{ propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-toolbar\n    #formToolbar\n    fdType=\"transparent\"\n    [clearBorder]=\"true\"\n    [shouldOverflow]=\"deviceSize === 's'\"\n    [class.firefox]=\"isFirefox\"\n>\n    <ng-container *ngFor=\"let btn of buttons; let i = index; let last = last; let first = first\">\n        <fd-toolbar-separator\n            [attr.i]=\"i\"\n            [attr.last]=\"last\"\n            [attr.first]=\"first\"\n            *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\n        ></fd-toolbar-separator>\n        <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\n            <fd-split-button\n                *ngIf=\"btn.isBuiltin\"\n                [dir]=\"dirValue\"\n                fd-toolbar-item\n                [attr.fdOverflowPriority]=\"'low'\"\n                [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\n                (click)=\"menu2.open()\"\n            >\n                <fd-menu #menu2>\n                    <li\n                        fd-menu-item\n                        *ngFor=\"let menuItem of btn.menu.items\"\n                        [disabled]=\"menuItem.disabled\"\n                        (click)=\"onToolbarClick(menuItem, menu2)\"\n                    >\n                        <div fd-menu-interactive>\n                            <fd-menu-addon\n                                position=\"before\"\n                                [glyph]=\"menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\"\n                            >\n                            </fd-menu-addon>\n                            <img class=\"mr8\" *ngIf=\"!menuItem.newIcon && menuItem.icon\" [src]=\"menuItem.icon\" />\n                            <span fd-menu-title>{{ menuItem.text }}</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </fd-split-button>\n            <button\n                *ngIf=\"!btn.isBuiltin\"\n                fd-button\n                fd-toolbar-item\n                [fdMenu]=\"true\"\n                [glyph]=\"btn.FontIcon\"\n                [style.color]=\"btn.IconColor\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [ariaLabel]=\"btn.text | bbbTranslate\"\n                [fdMenuTrigger]=\"menu\"\n            >\n                <img *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\" width=\"16\" [src]=\"btn.icon\" />\n                <fd-menu #menu>\n                    <li\n                        fd-menu-item\n                        *ngFor=\"let menuItem of btn.menu.items\"\n                        [disabled]=\"menuItem.disabled\"\n                        (click)=\"onToolbarClick(menuItem, menu)\"\n                    >\n                        <div fd-menu-interactive>\n                            <fd-menu-addon\n                                *ngIf=\"\n                                    menuItem.newIcon ||\n                                    menuItem.Data?.JsonExtraProp?.Icon ||\n                                    menuItem.FontIcon ||\n                                    menuItem.Data?.CustomUi?.Parameters?.Icon\n                                \"\n                                position=\"before\"\n                                [ngClass]=\"\n                                    menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                        ? 'fd-button--' + menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                        : ''\n                                \"\n                                [style.color]=\"menuItem.IconColor\"\n                                [glyph]=\"\n                                    menuItem.newIcon ||\n                                    menuItem.Data?.JsonExtraProp?.Icon ||\n                                    menuItem.FontIcon ||\n                                    menuItem.Data?.CustomUi?.Parameters?.Icon\n                                \"\n                            >\n                            </fd-menu-addon>\n                            <img\n                                class=\"mr8\"\n                                *ngIf=\"\n                                    !(\n                                        menuItem.newIcon ||\n                                        menuItem.Data?.JsonExtraProp?.Icon ||\n                                        menuItem.Data?.CustomUi?.Parameters?.Icon ||\n                                        menuItem.FontIcon\n                                    ) && menuItem.icon\n                                \"\n                                [src]=\"menuItem.icon\"\n                            />\n                            <span fd-menu-title>{{ menuItem.text }}</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </button>\n        </ng-container>\n        <ng-template #simpleButton>\n            <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                        context: { $implicit: btn }\n                    \"\n                ></ng-container>\n                <ng-template #btnTemplate let-btn>\n                    <button\n                        fd-toolbar-item\n                        fd-button\n                        [disabled]=\"btn.disabled\"\n                        [attr.fdOverflowPriority]=\"btn.priority\"\n                        [fdType]=\"\n                            btn.isWorkflow ? 'positive' : btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\n                        \"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                        (click)=\"onToolbarClick(btn)\"\n                    >\n                        <img\n                            *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                            width=\"16\"\n                            [src]=\"btn.icon\"\n                        />\n                        <span *ngIf=\"btn.text\">{{ btn.text }}</span>\n                    </button>\n                </ng-template>\n                <ng-template #dynamicBtnTemplate let-btn>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"onToolbarClick(btn)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </ng-template>\n            </ng-container>\n        </ng-template>\n    </ng-container>\n</fd-toolbar>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i6$3.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$3.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$3.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i6$4.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "disabled", "mainActionTitle", "fdType", "expandButtonAriaLabel", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$2.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-form-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-toolbar\n    #formToolbar\n    fdType=\"transparent\"\n    [clearBorder]=\"true\"\n    [shouldOverflow]=\"deviceSize === 's'\"\n    [class.firefox]=\"isFirefox\"\n>\n    <ng-container *ngFor=\"let btn of buttons; let i = index; let last = last; let first = first\">\n        <fd-toolbar-separator\n            [attr.i]=\"i\"\n            [attr.last]=\"last\"\n            [attr.first]=\"first\"\n            *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\n        ></fd-toolbar-separator>\n        <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\n            <fd-split-button\n                *ngIf=\"btn.isBuiltin\"\n                [dir]=\"dirValue\"\n                fd-toolbar-item\n                [attr.fdOverflowPriority]=\"'low'\"\n                [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\n                (click)=\"menu2.open()\"\n            >\n                <fd-menu #menu2>\n                    <li\n                        fd-menu-item\n                        *ngFor=\"let menuItem of btn.menu.items\"\n                        [disabled]=\"menuItem.disabled\"\n                        (click)=\"onToolbarClick(menuItem, menu2)\"\n                    >\n                        <div fd-menu-interactive>\n                            <fd-menu-addon\n                                position=\"before\"\n                                [glyph]=\"menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\"\n                            >\n                            </fd-menu-addon>\n                            <img class=\"mr8\" *ngIf=\"!menuItem.newIcon && menuItem.icon\" [src]=\"menuItem.icon\" />\n                            <span fd-menu-title>{{ menuItem.text }}</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </fd-split-button>\n            <button\n                *ngIf=\"!btn.isBuiltin\"\n                fd-button\n                fd-toolbar-item\n                [fdMenu]=\"true\"\n                [glyph]=\"btn.FontIcon\"\n                [style.color]=\"btn.IconColor\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [ariaLabel]=\"btn.text | bbbTranslate\"\n                [fdMenuTrigger]=\"menu\"\n            >\n                <img *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\" width=\"16\" [src]=\"btn.icon\" />\n                <fd-menu #menu>\n                    <li\n                        fd-menu-item\n                        *ngFor=\"let menuItem of btn.menu.items\"\n                        [disabled]=\"menuItem.disabled\"\n                        (click)=\"onToolbarClick(menuItem, menu)\"\n                    >\n                        <div fd-menu-interactive>\n                            <fd-menu-addon\n                                *ngIf=\"\n                                    menuItem.newIcon ||\n                                    menuItem.Data?.JsonExtraProp?.Icon ||\n                                    menuItem.FontIcon ||\n                                    menuItem.Data?.CustomUi?.Parameters?.Icon\n                                \"\n                                position=\"before\"\n                                [ngClass]=\"\n                                    menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                        ? 'fd-button--' + menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                        : ''\n                                \"\n                                [style.color]=\"menuItem.IconColor\"\n                                [glyph]=\"\n                                    menuItem.newIcon ||\n                                    menuItem.Data?.JsonExtraProp?.Icon ||\n                                    menuItem.FontIcon ||\n                                    menuItem.Data?.CustomUi?.Parameters?.Icon\n                                \"\n                            >\n                            </fd-menu-addon>\n                            <img\n                                class=\"mr8\"\n                                *ngIf=\"\n                                    !(\n                                        menuItem.newIcon ||\n                                        menuItem.Data?.JsonExtraProp?.Icon ||\n                                        menuItem.Data?.CustomUi?.Parameters?.Icon ||\n                                        menuItem.FontIcon\n                                    ) && menuItem.icon\n                                \"\n                                [src]=\"menuItem.icon\"\n                            />\n                            <span fd-menu-title>{{ menuItem.text }}</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </button>\n        </ng-container>\n        <ng-template #simpleButton>\n            <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                        context: { $implicit: btn }\n                    \"\n                ></ng-container>\n                <ng-template #btnTemplate let-btn>\n                    <button\n                        fd-toolbar-item\n                        fd-button\n                        [disabled]=\"btn.disabled\"\n                        [attr.fdOverflowPriority]=\"btn.priority\"\n                        [fdType]=\"\n                            btn.isWorkflow ? 'positive' : btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\n                        \"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                        (click)=\"onToolbarClick(btn)\"\n                    >\n                        <img\n                            *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                            width=\"16\"\n                            [src]=\"btn.icon\"\n                        />\n                        <span *ngIf=\"btn.text\">{{ btn.text }}</span>\n                    </button>\n                </ng-template>\n                <ng-template #dynamicBtnTemplate let-btn>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"onToolbarClick(btn)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </ng-template>\n            </ng-container>\n        </ng-template>\n    </ng-container>\n</fd-toolbar>\n" }]
+            args: [{ selector: 'bsu-form-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-toolbar\n    #formToolbar\n    fdType=\"transparent\"\n    [clearBorder]=\"true\"\n    [shouldOverflow]=\"deviceSize === 's'\"\n    [class.firefox]=\"isFirefox\"\n>\n    <ng-container *ngFor=\"let btn of buttons; let i = index; let last = last; let first = first\">\n        <fd-toolbar-separator\n            [attr.i]=\"i\"\n            [attr.last]=\"last\"\n            [attr.first]=\"first\"\n            *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\n        ></fd-toolbar-separator>\n        <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\n            <fd-split-button\n                *ngIf=\"btn.isBuiltin\"\n                [dir]=\"dirValue\"\n                fd-toolbar-item\n                [attr.fdOverflowPriority]=\"'low'\"\n                [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\n                (click)=\"menu2.open()\"\n            >\n                <fd-menu #menu2>\n                    <li\n                        fd-menu-item\n                        *ngFor=\"let menuItem of btn.menu.items\"\n                        [disabled]=\"menuItem.disabled\"\n                        (click)=\"onToolbarClick(menuItem, menu2)\"\n                    >\n                        <div fd-menu-interactive>\n                            <fd-menu-addon\n                                position=\"before\"\n                                [glyph]=\"menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\"\n                            >\n                            </fd-menu-addon>\n                            <img class=\"mr8\" *ngIf=\"!menuItem.newIcon && menuItem.icon\" [src]=\"menuItem.icon\" />\n                            <span fd-menu-title>{{ menuItem.text }}</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </fd-split-button>\n            <button\n                *ngIf=\"!btn.isBuiltin\"\n                fd-button\n                fd-toolbar-item\n                [fdMenu]=\"true\"\n                [glyph]=\"btn.FontIcon\"\n                [style.color]=\"btn.IconColor\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [ariaLabel]=\"btn.text | bbbTranslate\"\n                [fdMenuTrigger]=\"menu\"\n            >\n                <img *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\" width=\"16\" [src]=\"btn.icon\" />\n                <fd-menu #menu>\n                    <li\n                        fd-menu-item\n                        *ngFor=\"let menuItem of btn.menu.items\"\n                        [disabled]=\"menuItem.disabled\"\n                        (click)=\"onToolbarClick(menuItem, menu)\"\n                    >\n                        <div fd-menu-interactive>\n                            <fd-menu-addon\n                                *ngIf=\"\n                                    menuItem.newIcon ||\n                                    menuItem.Data?.JsonExtraProp?.Icon ||\n                                    menuItem.FontIcon ||\n                                    menuItem.Data?.CustomUi?.Parameters?.Icon\n                                \"\n                                position=\"before\"\n                                [ngClass]=\"\n                                    menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                        ? 'fd-button--' + menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                        : ''\n                                \"\n                                [style.color]=\"menuItem.IconColor\"\n                                [glyph]=\"\n                                    menuItem.newIcon ||\n                                    menuItem.Data?.JsonExtraProp?.Icon ||\n                                    menuItem.FontIcon ||\n                                    menuItem.Data?.CustomUi?.Parameters?.Icon\n                                \"\n                            >\n                            </fd-menu-addon>\n                            <img\n                                class=\"mr8\"\n                                *ngIf=\"\n                                    !(\n                                        menuItem.newIcon ||\n                                        menuItem.Data?.JsonExtraProp?.Icon ||\n                                        menuItem.Data?.CustomUi?.Parameters?.Icon ||\n                                        menuItem.FontIcon\n                                    ) && menuItem.icon\n                                \"\n                                [src]=\"menuItem.icon\"\n                            />\n                            <span fd-menu-title>{{ menuItem.text }}</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </button>\n        </ng-container>\n        <ng-template #simpleButton>\n            <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                        context: { $implicit: btn }\n                    \"\n                ></ng-container>\n                <ng-template #btnTemplate let-btn>\n                    <button\n                        fd-toolbar-item\n                        fd-button\n                        [disabled]=\"btn.disabled\"\n                        [attr.fdOverflowPriority]=\"btn.priority\"\n                        [fdType]=\"\n                            btn.isWorkflow ? 'positive' : btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\n                        \"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                        (click)=\"onToolbarClick(btn)\"\n                    >\n                        <img\n                            *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                            width=\"16\"\n                            [src]=\"btn.icon\"\n                        />\n                        <span *ngIf=\"btn.text\">{{ btn.text }}</span>\n                    </button>\n                </ng-template>\n                <ng-template #dynamicBtnTemplate let-btn>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"onToolbarClick(btn)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </ng-template>\n            </ng-container>\n        </ng-template>\n    </ng-container>\n</fd-toolbar>\n", styles: [":host{display:contents}\n"] }]
         }], propDecorators: { toolbarClick: [{
                 type: Output
             }], _toolbarComponent: [{
@@ -8423,7 +8425,7 @@ class HyperlinkComponent extends FieldBaseComponent {
     }
 }
 HyperlinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: HyperlinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-HyperlinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: HyperlinkComponent, selector: "bsu-hyperlink", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"parameters?.routerLink; else button\">\r\n    <a\r\n        [routerLink]=\"['./']\"\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-container>\r\n<ng-template #button>\r\n    <a\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        (click)=\"onClick()\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n        [href]=\"parameters.Link\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-template>\r\n", styles: [":host{cursor:pointer;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "directive", type: i2$3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.RemoveNewlinePipe, name: "removeNewline" }, { kind: "pipe", type: i2.ConvertToStylePipe, name: "convertToStyle" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+HyperlinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: HyperlinkComponent, selector: "bsu-hyperlink", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"parameters?.routerLink; else button\">\r\n    <a\r\n        [routerLink]=\"['./']\"\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-container>\r\n<ng-template #button>\r\n    <a\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        (click)=\"onClick()\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n        [href]=\"parameters.Link\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-template>\r\n", styles: [":host{cursor:pointer;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "directive", type: i2$4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.RemoveNewlinePipe, name: "removeNewline" }, { kind: "pipe", type: i2.ConvertToStylePipe, name: "convertToStyle" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: HyperlinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-hyperlink', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"parameters?.routerLink; else button\">\r\n    <a\r\n        [routerLink]=\"['./']\"\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-container>\r\n<ng-template #button>\r\n    <a\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        (click)=\"onClick()\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n        [href]=\"parameters.Link\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-template>\r\n", styles: [":host{cursor:pointer;display:flex;flex-direction:column}\n"] }]
@@ -8566,7 +8568,7 @@ class UiTextFieldAutoCompleteComponent extends FieldBaseComponent {
     }
 }
 UiTextFieldAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTextFieldAutoCompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiTextFieldAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTextFieldAutoCompleteComponent, selector: "bsu-ui-text-field-auto-complete", usesInheritance: true, ngImport: i0, template: "<fd-combobox\r\n    [inputId]=\"id\"\r\n    [placeholder]=\"Setting?.NullText || ''\"\r\n    [readonly]=\"(readonly$ | async) === true\"\r\n    [disabled]=\"(disable$ | async) === true\"\r\n    [maxlength]=\"Setting?.MaxLength !== undefined ? Setting?.MaxLength : null\"\r\n    [style.direction]=\"Setting?.IsLtr === true ? 'ltr' : 'rtl'\"\r\n    [showDropdownButton]=\"false\"\r\n    [dropdownValues]=\"(suggestionList$ | async) || []\"\r\n    [ngModel]=\"value\"\r\n    (inputTextChange)=\"onValueChange($event)\"\r\n>\r\n</fd-combobox>\r\n", styles: [":host{display:block;height:100%}fd-combobox{width:100%}fd-combobox ::ng-deep fd-popover{width:100%}fd-combobox ::ng-deep .fd-input-group--control{margin:.1875rem 0!important;margin-bottom:.25rem rem!important}fd-combobox ::ng-deep .fd-input-group--control input{padding-right:.625rem!important;padding-left:.625rem!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$4.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiTextFieldAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTextFieldAutoCompleteComponent, selector: "bsu-ui-text-field-auto-complete", usesInheritance: true, ngImport: i0, template: "<fd-combobox\r\n    [inputId]=\"id\"\r\n    [placeholder]=\"Setting?.NullText || ''\"\r\n    [readonly]=\"(readonly$ | async) === true\"\r\n    [disabled]=\"(disable$ | async) === true\"\r\n    [maxlength]=\"Setting?.MaxLength !== undefined ? Setting?.MaxLength : null\"\r\n    [style.direction]=\"Setting?.IsLtr === true ? 'ltr' : 'rtl'\"\r\n    [showDropdownButton]=\"false\"\r\n    [dropdownValues]=\"(suggestionList$ | async) || []\"\r\n    [ngModel]=\"value\"\r\n    (inputTextChange)=\"onValueChange($event)\"\r\n>\r\n</fd-combobox>\r\n", styles: [":host{display:block;height:100%}fd-combobox{width:100%}fd-combobox ::ng-deep fd-popover{width:100%}fd-combobox ::ng-deep .fd-input-group--control{margin:.1875rem 0!important;margin-bottom:.25rem rem!important}fd-combobox ::ng-deep .fd-input-group--control input{padding-right:.625rem!important;padding-left:.625rem!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTextFieldAutoCompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-text-field-auto-complete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-combobox\r\n    [inputId]=\"id\"\r\n    [placeholder]=\"Setting?.NullText || ''\"\r\n    [readonly]=\"(readonly$ | async) === true\"\r\n    [disabled]=\"(disable$ | async) === true\"\r\n    [maxlength]=\"Setting?.MaxLength !== undefined ? Setting?.MaxLength : null\"\r\n    [style.direction]=\"Setting?.IsLtr === true ? 'ltr' : 'rtl'\"\r\n    [showDropdownButton]=\"false\"\r\n    [dropdownValues]=\"(suggestionList$ | async) || []\"\r\n    [ngModel]=\"value\"\r\n    (inputTextChange)=\"onValueChange($event)\"\r\n>\r\n</fd-combobox>\r\n", styles: [":host{display:block;height:100%}fd-combobox{width:100%}fd-combobox ::ng-deep fd-popover{width:100%}fd-combobox ::ng-deep .fd-input-group--control{margin:.1875rem 0!important;margin-bottom:.25rem rem!important}fd-combobox ::ng-deep .fd-input-group--control input{padding-right:.625rem!important;padding-left:.625rem!important}\n"] }]
@@ -9239,12 +9241,12 @@ class FormDialogLessComponent extends ContainerComponent {
     }
     onFormClose() { }
 }
-FormDialogLessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormDialogLessComponent, deps: [{ token: i2.DialogParams }, { token: i0.ElementRef }, { token: i2$3.ActivatedRoute }, { token: i2.PortalService }, { token: i0.ViewContainerRef }, { token: i2.BarsaDialogService }, { token: i0.Injector }, { token: i2$3.Router }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2.ContainerService, optional: true, self: true }, { token: FORM_DIALOG_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+FormDialogLessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormDialogLessComponent, deps: [{ token: i2.DialogParams }, { token: i0.ElementRef }, { token: i2$4.ActivatedRoute }, { token: i2.PortalService }, { token: i0.ViewContainerRef }, { token: i2.BarsaDialogService }, { token: i0.Injector }, { token: i2$4.Router }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2.ContainerService, optional: true, self: true }, { token: FORM_DIALOG_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 FormDialogLessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormDialogLessComponent, selector: "bsu-form-dialog-less", providers: [ContainerService], usesInheritance: true, ngImport: i0, template: "<bnrc-form *ngIf=\"rendered\" [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormDialogLessComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-form-dialog-less', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ContainerService], template: "<bnrc-form *ngIf=\"rendered\" [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i2.DialogParams }, { type: i0.ElementRef }, { type: i2$3.ActivatedRoute }, { type: i2.PortalService }, { type: i0.ViewContainerRef }, { type: i2.BarsaDialogService }, { type: i0.Injector }, { type: i2$3.Router }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i2.ContainerService, decorators: [{
+        }], ctorParameters: function () { return [{ type: i2.DialogParams }, { type: i0.ElementRef }, { type: i2$4.ActivatedRoute }, { type: i2.PortalService }, { type: i0.ViewContainerRef }, { type: i2.BarsaDialogService }, { type: i0.Injector }, { type: i2$4.Router }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i2.ContainerService, decorators: [{
                     type: Self
                 }, {
                     type: Optional
@@ -9271,9 +9273,7 @@ class BarsaSimpleFormComponent extends BaseComponent {
         this.isFirefox = isFirefox();
         this.facetList || (this.facetList = []);
         this.workflowInfoText = this.workflowPanelUi?.Setting?.Workflow?.InfoText;
-        const workflowButtons = this.workflowPanelUi?.buttonList ?? [];
         this.workflowButtonsComboMode = this.workflowPanelUi?.Setting?.Workflow?.ButtonsComboMode;
-        this.workflowButtons = workflowButtons;
         const toolbarButtonsCount = this.toolbarItems.filter((c) => typeof c !== 'string' && c.text !== '-').length;
         if (this.deviceSize === 's' && toolbarButtonsCount > 1) {
             this.toolbarShouldOverflow = true;
@@ -9310,10 +9310,10 @@ class BarsaSimpleFormComponent extends BaseComponent {
     onDynamicComponentEvents(e) { }
 }
 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", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs", 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>\n<ng-container\n    *ngTemplateOutlet=\"\n        parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n    <ng-container *ngIf=\"workflowButtons\">\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n            <div style=\"flex-grow: 1\"></div>\n            <bsu-layout-actions\n                style=\"display: flex; column-gap: 1rem\"\n                [simple]=\"true\"\n                [buttons]=\"[]\"\n                [workflowButtons]=\"workflowButtons\"\n                (toolClick)=\"onToolbarClick($event)\"\n            >\n            </bsu-layout-actions>\n        </div>\n    </ng-container>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\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: 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", 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>\n<ng-container\n    *ngTemplateOutlet=\"\n        parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n    <ng-container *ngIf=\"workflowButtons && !isModal\">\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n            <div style=\"flex-grow: 1\"></div>\n            <bsu-layout-actions\n                style=\"display: flex; column-gap: 1rem\"\n                [simple]=\"true\"\n                [buttons]=\"[]\"\n                [workflowButtons]=\"workflowButtons\"\n                (toolClick)=\"onToolbarClick($event)\"\n            >\n            </bsu-layout-actions>\n        </div>\n    </ng-container>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\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: 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>\n<ng-container\n    *ngTemplateOutlet=\"\n        parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n    <ng-container *ngIf=\"workflowButtons\">\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n            <div style=\"flex-grow: 1\"></div>\n            <bsu-layout-actions\n                style=\"display: flex; column-gap: 1rem\"\n                [simple]=\"true\"\n                [buttons]=\"[]\"\n                [workflowButtons]=\"workflowButtons\"\n                (toolClick)=\"onToolbarClick($event)\"\n            >\n            </bsu-layout-actions>\n        </div>\n    </ng-container>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\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"] }]
+            args: [{ selector: 'bsu-barsa-simple-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bsu-mask *ngIf=\"mask\"> </bsu-mask>\n<ng-container\n    *ngTemplateOutlet=\"\n        parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n    <ng-container *ngIf=\"workflowButtons && !isModal\">\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n            <div style=\"flex-grow: 1\"></div>\n            <bsu-layout-actions\n                style=\"display: flex; column-gap: 1rem\"\n                [simple]=\"true\"\n                [buttons]=\"[]\"\n                [workflowButtons]=\"workflowButtons\"\n                (toolClick)=\"onToolbarClick($event)\"\n            >\n            </bsu-layout-actions>\n        </div>\n    </ng-container>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\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']
@@ -9361,6 +9361,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }], rtl: [{
                 type: Input
+            }], isModal: [{
+                type: Input
             }], hideTitle: [{
                 type: Input
             }], hideClose: [{
@@ -9385,6 +9387,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }], modernTabs: [{
                 type: Input
+            }], workflowButtons: [{
+                type: Input
             }], formVisibilityStatus: [{
                 type: Input
             }], titleRef: [{
@@ -9463,14 +9467,14 @@ class UiFormPanelComponent extends FormBaseComponent {
         this.fullscreen = parameters?.FullscreenDefault === true && !this.isModal;
     }
 }
-UiFormPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, deps: [{ token: i2.BreadcrumbService }, { token: i2.PortalService }, { token: i2$3.Router }, { token: i0.ElementRef }, { token: i2.ControlUiPipe }, { token: i2.FormPanelService, self: true }, { token: i2$3.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService }], target: i0.ɵɵFactoryTarget.Component });
-UiFormPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-barsa-simple-form\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"extendLayout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage === true\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-barsa-simple-form>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [fullscreen]=\"fullscreen\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"extendLayout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (fullscreenRequest)=\"onFullscreen()\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage === true\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}:host.fullscreen{position:fixed;top:0}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "fullscreen", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close", "fullscreenRequest"] }, { kind: "component", type: BarsaSimpleFormComponent, selector: "bsu-barsa-simple-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiFormPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, deps: [{ token: i2.BreadcrumbService }, { token: i2.PortalService }, { token: i2$4.Router }, { token: i0.ElementRef }, { token: i2.ControlUiPipe }, { token: i2.FormPanelService, self: true }, { token: i2$4.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService }], target: i0.ɵɵFactoryTarget.Component });
+UiFormPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-barsa-simple-form\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [isModal]=\"isModal\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [workflowButtons]=\"(workflowButtons$ | async)!!\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"extendLayout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage === true\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-barsa-simple-form>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [fullscreen]=\"fullscreen\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"extendLayout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (fullscreenRequest)=\"onFullscreen()\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage === true\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}:host.fullscreen{position:fixed;top:0}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "fullscreen", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close", "fullscreenRequest"] }, { kind: "component", type: BarsaSimpleFormComponent, selector: "bsu-barsa-simple-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "isModal", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "workflowButtons", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-barsa-simple-form\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"extendLayout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage === true\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-barsa-simple-form>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [fullscreen]=\"fullscreen\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"extendLayout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (fullscreenRequest)=\"onFullscreen()\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage === true\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}:host.fullscreen{position:fixed;top:0}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.BreadcrumbService }, { type: i2.PortalService }, { type: i2$3.Router }, { type: i0.ElementRef }, { type: i2.ControlUiPipe }, { type: i2.FormPanelService, decorators: [{
+            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-barsa-simple-form\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [isModal]=\"isModal\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [workflowButtons]=\"(workflowButtons$ | async)!!\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"extendLayout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage === true\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-barsa-simple-form>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [formVisibilityStatus]=\"formVisibilityStatus\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [fullscreen]=\"fullscreen\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"extendLayout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [landscape]=\"(landscape$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (fullscreenRequest)=\"onFullscreen()\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage === true\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}:host.fullscreen{position:fixed;top:0}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.BreadcrumbService }, { type: i2.PortalService }, { type: i2$4.Router }, { type: i0.ElementRef }, { type: i2.ControlUiPipe }, { type: i2.FormPanelService, decorators: [{
                     type: Self
-                }] }, { type: i2$3.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService }]; }, propDecorators: { _typeDefName: [{
+                }] }, { type: i2$4.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService }]; }, propDecorators: { _typeDefName: [{
                 type: HostBinding,
                 args: ['attr.typeDefName']
             }] } });
@@ -9593,7 +9597,7 @@ class LayoutWizardComponent extends FormPropsBaseComponent {
     }
 }
 LayoutWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LayoutWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LayoutWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LayoutWizardComponent, selector: "bsu-layout-wizard", inputs: { root: "root", parentContentRef: "parentContentRef", selectedIndex: "selectedIndex", maxContentWidth: "maxContentWidth", minTabHeight: "minTabHeight" }, viewQueries: [{ propertyName: "layoutRef", first: true, predicate: ["layoutRef"], descendants: true }, { propertyName: "containerRootRef", first: true, predicate: ["containerRootRef"], descendants: true, read: ElementRef }, { propertyName: "wizardComponent", first: true, predicate: WizardComponent, descendants: true, read: ElementRef }, { propertyName: "wizardStepComponents", predicate: WizardStepComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-wizard [appendToWizard]=\"false\">\r\n    <fd-wizard-navigation>\r\n        <ul fd-wizard-progress-bar [size]=\"wizardSize\" role=\"list\" aria-label=\"Wizard Steps\">\r\n            <li\r\n                *ngFor=\"let step of modernTabs; let i = index\"\r\n                fd-wizard-step\r\n                [status]=\"arrStatus[i]\"\r\n                (statusChange)=\"onStatusChange(i, $event)\"\r\n                [label]=\"step.Title || '' | bbbTranslate\"\r\n                (click)=\"onStepClick(i, $event)\"\r\n            >\r\n                <fd-wizard-step-indicator>{{ i + 1 }}</fd-wizard-step-indicator>\r\n                <fd-wizard-content>\r\n                    <div class=\"fix-form-content\">\r\n                        <div\r\n                            #layoutRef\r\n                            [style.max-width]=\"maxContentWidth ? maxContentWidth + 'px' : 'auto'\"\r\n                            [style.min-height.px]=\"minTabHeight ? minTabHeight : 400\"\r\n                        >\r\n                            <bsu-ly-layout-container-of-root\r\n                                #containerRootRef\r\n                                class=\"content-wizard\"\r\n                                *ngIf=\"i === selectedIndex\"\r\n                                [config]=\"step\"\r\n                                [isPanel]=\"false\"\r\n                                [isRoot]=\"true\"\r\n                            ></bsu-ly-layout-container-of-root>\r\n                        </div>\r\n                    </div>\r\n                </fd-wizard-content>\r\n            </li>\r\n        </ul>\r\n    </fd-wizard-navigation>\r\n</fd-wizard>\r\n", styles: [":host{width:100%;height:100%;display:block}:host ::ng-deep .fd-wizard-container-wrapper{background:var(--fdWizard_Content_Default_Background)}:host ::ng-deep fd-dynamic-page-content{padding:0!important}.fd-wizard__progress-bar{border-bottom:1px solid #e4e4e4;box-shadow:none;z-index:0}.fix-form-content{display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.fix-form-content>div{flex-grow:1;position:relative}.content-wizard{position:absolute}@media (max-width: 767px){.content-wizard{padding:0 10px}}\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: "component", type: i2$5.WizardComponent, selector: "fd-wizard", inputs: ["appendToWizard", "contentHeight", "responsivePaddings", "displaySummaryStep", "ariaLabel"] }, { kind: "component", type: i2$5.WizardNavigationComponent, selector: "fd-wizard-navigation", inputs: ["ariaLabel"] }, { kind: "directive", type: i2$5.WizardProgressBarDirective, selector: "[fd-wizard-progress-bar]", inputs: ["size"] }, { kind: "component", type: i2$5.WizardStepComponent, selector: "[fd-wizard-step]", inputs: ["ariaLabel", "ariaRoleDecription", "status", "branching", "label", "optionalText", "isSummary", "stepClickValidator"], outputs: ["statusChange", "stepClicked", "stepIndicatorItemClicked"] }, { kind: "component", type: i2$5.WizardStepIndicatorComponent, selector: "fd-wizard-step-indicator", inputs: ["glyph"], outputs: ["stepIndicatorItemClicked"] }, { kind: "component", type: i2$5.WizardContentComponent, selector: "fd-wizard-content", inputs: ["contentBackground", "size"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LayoutWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LayoutWizardComponent, selector: "bsu-layout-wizard", inputs: { root: "root", parentContentRef: "parentContentRef", selectedIndex: "selectedIndex", maxContentWidth: "maxContentWidth", minTabHeight: "minTabHeight" }, viewQueries: [{ propertyName: "layoutRef", first: true, predicate: ["layoutRef"], descendants: true }, { propertyName: "containerRootRef", first: true, predicate: ["containerRootRef"], descendants: true, read: ElementRef }, { propertyName: "wizardComponent", first: true, predicate: WizardComponent, descendants: true, read: ElementRef }, { propertyName: "wizardStepComponents", predicate: WizardStepComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-wizard [appendToWizard]=\"false\">\r\n    <fd-wizard-navigation>\r\n        <ul fd-wizard-progress-bar [size]=\"wizardSize\" role=\"list\" aria-label=\"Wizard Steps\">\r\n            <li\r\n                *ngFor=\"let step of modernTabs; let i = index\"\r\n                fd-wizard-step\r\n                [status]=\"arrStatus[i]\"\r\n                (statusChange)=\"onStatusChange(i, $event)\"\r\n                [label]=\"step.Title || '' | bbbTranslate\"\r\n                (click)=\"onStepClick(i, $event)\"\r\n            >\r\n                <fd-wizard-step-indicator>{{ i + 1 }}</fd-wizard-step-indicator>\r\n                <fd-wizard-content>\r\n                    <div class=\"fix-form-content\">\r\n                        <div\r\n                            #layoutRef\r\n                            [style.max-width]=\"maxContentWidth ? maxContentWidth + 'px' : 'auto'\"\r\n                            [style.min-height.px]=\"minTabHeight ? minTabHeight : 400\"\r\n                        >\r\n                            <bsu-ly-layout-container-of-root\r\n                                #containerRootRef\r\n                                class=\"content-wizard\"\r\n                                *ngIf=\"i === selectedIndex\"\r\n                                [config]=\"step\"\r\n                                [isPanel]=\"false\"\r\n                                [isRoot]=\"true\"\r\n                            ></bsu-ly-layout-container-of-root>\r\n                        </div>\r\n                    </div>\r\n                </fd-wizard-content>\r\n            </li>\r\n        </ul>\r\n    </fd-wizard-navigation>\r\n</fd-wizard>\r\n", styles: [":host{width:100%;height:100%;display:block}:host ::ng-deep .fd-wizard-container-wrapper{background:var(--fdWizard_Content_Default_Background)}:host ::ng-deep fd-dynamic-page-content{padding:0!important}.fd-wizard__progress-bar{border-bottom:1px solid #e4e4e4;box-shadow:none;z-index:0}.fix-form-content{display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.fix-form-content>div{flex-grow:1;position:relative}.content-wizard{position:absolute}@media (max-width: 767px){.content-wizard{padding:0 10px}}\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: "component", type: i2$6.WizardComponent, selector: "fd-wizard", inputs: ["appendToWizard", "contentHeight", "responsivePaddings", "displaySummaryStep", "ariaLabel"] }, { kind: "component", type: i2$6.WizardNavigationComponent, selector: "fd-wizard-navigation", inputs: ["ariaLabel"] }, { kind: "directive", type: i2$6.WizardProgressBarDirective, selector: "[fd-wizard-progress-bar]", inputs: ["size"] }, { kind: "component", type: i2$6.WizardStepComponent, selector: "[fd-wizard-step]", inputs: ["ariaLabel", "ariaRoleDecription", "status", "branching", "label", "optionalText", "isSummary", "stepClickValidator"], outputs: ["statusChange", "stepClicked", "stepIndicatorItemClicked"] }, { kind: "component", type: i2$6.WizardStepIndicatorComponent, selector: "fd-wizard-step-indicator", inputs: ["glyph"], outputs: ["stepIndicatorItemClicked"] }, { kind: "component", type: i2$6.WizardContentComponent, selector: "fd-wizard-content", inputs: ["contentBackground", "size"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LayoutWizardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-layout-wizard', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-wizard [appendToWizard]=\"false\">\r\n    <fd-wizard-navigation>\r\n        <ul fd-wizard-progress-bar [size]=\"wizardSize\" role=\"list\" aria-label=\"Wizard Steps\">\r\n            <li\r\n                *ngFor=\"let step of modernTabs; let i = index\"\r\n                fd-wizard-step\r\n                [status]=\"arrStatus[i]\"\r\n                (statusChange)=\"onStatusChange(i, $event)\"\r\n                [label]=\"step.Title || '' | bbbTranslate\"\r\n                (click)=\"onStepClick(i, $event)\"\r\n            >\r\n                <fd-wizard-step-indicator>{{ i + 1 }}</fd-wizard-step-indicator>\r\n                <fd-wizard-content>\r\n                    <div class=\"fix-form-content\">\r\n                        <div\r\n                            #layoutRef\r\n                            [style.max-width]=\"maxContentWidth ? maxContentWidth + 'px' : 'auto'\"\r\n                            [style.min-height.px]=\"minTabHeight ? minTabHeight : 400\"\r\n                        >\r\n                            <bsu-ly-layout-container-of-root\r\n                                #containerRootRef\r\n                                class=\"content-wizard\"\r\n                                *ngIf=\"i === selectedIndex\"\r\n                                [config]=\"step\"\r\n                                [isPanel]=\"false\"\r\n                                [isRoot]=\"true\"\r\n                            ></bsu-ly-layout-container-of-root>\r\n                        </div>\r\n                    </div>\r\n                </fd-wizard-content>\r\n            </li>\r\n        </ul>\r\n    </fd-wizard-navigation>\r\n</fd-wizard>\r\n", styles: [":host{width:100%;height:100%;display:block}:host ::ng-deep .fd-wizard-container-wrapper{background:var(--fdWizard_Content_Default_Background)}:host ::ng-deep fd-dynamic-page-content{padding:0!important}.fd-wizard__progress-bar{border-bottom:1px solid #e4e4e4;box-shadow:none;z-index:0}.fix-form-content{display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.fix-form-content>div{flex-grow:1;position:relative}.content-wizard{position:absolute}@media (max-width: 767px){.content-wizard{padding:0 10px}}\n"] }]
@@ -10183,10 +10187,10 @@ class FormDialogComponent extends BaseComponent {
     }
 }
 FormDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormDialogComponent, deps: [{ token: i1$1.DialogService }, { token: i2.DialogParams }, { token: i2.PortalService }], target: i0.ɵɵFactoryTarget.Component });
-FormDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormDialogComponent, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.data.canFullscreen\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            <ng-container *ngFor=\"let btn of formPanelCtrlr?.Adapter?.Control?.toolbar?.items\">\n                <ng-container *ngIf=\"!(btn === '-' || btn.text === '-') && btn.isBuiltin && btn.inFooter\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                            context: { $implicit: btn }\n                        \"\n                    ></ng-container>\n                    <ng-template #btnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <fd-button-bar\n                                fd-dialog-decisive-button\n                                [fdType]=\"btn.design\"\n                                [label]=\"btn.text | bbbTranslate\"\n                                [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                                (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></fd-button-bar>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                    <ng-template #dynamicBtnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <bnrc-dynamic-form-toolbaritem\n                                fd-toolbar-item\n                                [component]=\"btn.Data.CustomUi\"\n                                [context]=\"btn\"\n                                [isEnable]=\"btn.Command?._isEnable\"\n                                (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></bnrc-dynamic-form-toolbaritem>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                </ng-container>\n            </ng-container>\n            <!--  <ng-template #saveBtn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        fdType=\"emphasized\"\n                        [label]=\"'Save' | bbbTranslate\"\n                        (click)=\"onSave()\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>-->\n\n            <fd-dialog-footer-button *ngIf=\"!isNonePersistance\">\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\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.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "directive", type: i6$1.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FormDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormDialogComponent, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.data.canFullscreen\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            <ng-container *ngFor=\"let btn of formPanelCtrlr?.Adapter?.Control?.toolbar?.items\">\n                <ng-container\n                    *ngIf=\"!(btn === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                            context: { $implicit: btn }\n                        \"\n                    ></ng-container>\n                    <ng-template #btnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <fd-button-bar\n                                fd-dialog-decisive-button\n                                [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                                [label]=\"btn.text | bbbTranslate\"\n                                [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                                (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></fd-button-bar>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                    <ng-template #dynamicBtnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <bnrc-dynamic-form-toolbaritem\n                                fd-toolbar-item\n                                [component]=\"btn.Data.CustomUi\"\n                                [context]=\"btn\"\n                                [isEnable]=\"btn.Command?._isEnable\"\n                                (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></bnrc-dynamic-form-toolbaritem>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                </ng-container>\n            </ng-container>\n            <!--  <ng-template #saveBtn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        fdType=\"emphasized\"\n                        [label]=\"'Save' | bbbTranslate\"\n                        (click)=\"onSave()\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>-->\n\n            <fd-dialog-footer-button *ngIf=\"!isNonePersistance\">\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\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.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "directive", type: i6$1.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.data.canFullscreen\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            <ng-container *ngFor=\"let btn of formPanelCtrlr?.Adapter?.Control?.toolbar?.items\">\n                <ng-container *ngIf=\"!(btn === '-' || btn.text === '-') && btn.isBuiltin && btn.inFooter\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                            context: { $implicit: btn }\n                        \"\n                    ></ng-container>\n                    <ng-template #btnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <fd-button-bar\n                                fd-dialog-decisive-button\n                                [fdType]=\"btn.design\"\n                                [label]=\"btn.text | bbbTranslate\"\n                                [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                                (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></fd-button-bar>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                    <ng-template #dynamicBtnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <bnrc-dynamic-form-toolbaritem\n                                fd-toolbar-item\n                                [component]=\"btn.Data.CustomUi\"\n                                [context]=\"btn\"\n                                [isEnable]=\"btn.Command?._isEnable\"\n                                (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></bnrc-dynamic-form-toolbaritem>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                </ng-container>\n            </ng-container>\n            <!--  <ng-template #saveBtn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        fdType=\"emphasized\"\n                        [label]=\"'Save' | bbbTranslate\"\n                        (click)=\"onSave()\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>-->\n\n            <fd-dialog-footer-button *ngIf=\"!isNonePersistance\">\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
+            args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.data.canFullscreen\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            <ng-container *ngFor=\"let btn of formPanelCtrlr?.Adapter?.Control?.toolbar?.items\">\n                <ng-container\n                    *ngIf=\"!(btn === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                            context: { $implicit: btn }\n                        \"\n                    ></ng-container>\n                    <ng-template #btnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <fd-button-bar\n                                fd-dialog-decisive-button\n                                [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                                [label]=\"btn.text | bbbTranslate\"\n                                [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                                (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></fd-button-bar>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                    <ng-template #dynamicBtnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <bnrc-dynamic-form-toolbaritem\n                                fd-toolbar-item\n                                [component]=\"btn.Data.CustomUi\"\n                                [context]=\"btn\"\n                                [isEnable]=\"btn.Command?._isEnable\"\n                                (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></bnrc-dynamic-form-toolbaritem>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                </ng-container>\n            </ng-container>\n            <!--  <ng-template #saveBtn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        fdType=\"emphasized\"\n                        [label]=\"'Save' | bbbTranslate\"\n                        (click)=\"onSave()\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>-->\n\n            <fd-dialog-footer-button *ngIf=\"!isNonePersistance\">\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: i2.DialogParams }, { type: i2.PortalService }]; }, propDecorators: { dialogTemplateRef: [{
                 type: ViewChild,
                 args: ['dialog', { read: TemplateRef, static: true }]
@@ -11192,7 +11196,7 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
     }
 }
 UiMoInfoUlvComboComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiMoInfoUlvComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiMoInfoUlvComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiMoInfoUlvComboComponent, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvUi: "UlvUi", UlvMainCtrlr: "UlvMainCtrlr", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <span fd-input-group-addon *ngIf=\"hasValue && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            fd-button\n            *ngIf=\"hasValue && disableOrReadonly !== true\"\n            glyph=\"decline\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onClear()\"\n        ></button>\n\n        <button\n            fd-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></button>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\">{{\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\n                }}</span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background);border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{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.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$4.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i7$1.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "directive", type: i7$1.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiMoInfoUlvComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiMoInfoUlvComboComponent, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvUi: "UlvUi", UlvMainCtrlr: "UlvMainCtrlr", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <span fd-input-group-addon *ngIf=\"hasValue && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            fd-button\n            *ngIf=\"hasValue && disableOrReadonly !== true\"\n            glyph=\"decline\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onClear()\"\n        ></button>\n\n        <button\n            fd-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></button>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\">{{\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\n                }}</span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background);border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{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.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$5.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i7$1.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "directive", type: i7$1.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiMoInfoUlvComboComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <span fd-input-group-addon *ngIf=\"hasValue && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            fd-button\n            *ngIf=\"hasValue && disableOrReadonly !== true\"\n            glyph=\"decline\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onClear()\"\n        ></button>\n\n        <button\n            fd-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></button>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\">{{\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\n                }}</span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background);border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"] }]
@@ -11564,7 +11568,7 @@ class UiSwitchButtonComponent extends UiCheckBoxComponent {
     }
 }
 UiSwitchButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiSwitchButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiSwitchButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiSwitchButtonComponent, selector: "bsu-ui-switch-button", usesInheritance: true, ngImport: i0, template: "<fd-switch\r\n    [activeText]=\"activeText\"\r\n    [inactiveText]=\"inactiveText\"\r\n    (click)=\"onValueChange()\"\r\n    [checked]=\"value\"\r\n    [semantic]=\"semantic\"\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n></fd-switch>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$6.SwitchComponent, selector: "fd-switch", inputs: ["activeText", "inactiveText", "disabled", "id", "name", "required", "checked", "semantic", "ariaLabel", "ariaLabelledby", "ariaLabelledBy", "semanticAcceptLabel", "semanticDeclineLabel"], outputs: ["checkedChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiSwitchButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiSwitchButtonComponent, selector: "bsu-ui-switch-button", usesInheritance: true, ngImport: i0, template: "<fd-switch\r\n    [activeText]=\"activeText\"\r\n    [inactiveText]=\"inactiveText\"\r\n    (click)=\"onValueChange()\"\r\n    [checked]=\"value\"\r\n    [semantic]=\"semantic\"\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n></fd-switch>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$5.SwitchComponent, selector: "fd-switch", inputs: ["activeText", "inactiveText", "disabled", "id", "name", "required", "checked", "semantic", "ariaLabel", "ariaLabelledby", "ariaLabelledBy", "semanticAcceptLabel", "semanticDeclineLabel"], outputs: ["checkedChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiSwitchButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-switch-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-switch\r\n    [activeText]=\"activeText\"\r\n    [inactiveText]=\"inactiveText\"\r\n    (click)=\"onValueChange()\"\r\n    [checked]=\"value\"\r\n    [semantic]=\"semantic\"\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n></fd-switch>\r\n" }]
@@ -11767,7 +11771,7 @@ class UiCardViewHorizontalGroupComponent extends UiCardViewComponent {
     }
 }
 UiCardViewHorizontalGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiCardViewHorizontalGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiCardViewHorizontalGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiCardViewHorizontalGroupComponent, selector: "bsu-ui-card-view-horizontal-group", viewQueries: [{ propertyName: "dynamicPage", first: true, predicate: DynamicPageComponent, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-dynamic-page [size]=\"deviceSize | dynamicPageSize\">\n    <fd-tab-list\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        [stackContent]=\"true\"\n        *ngIf=\"moDataList?.length; else noData\"\n    >\n        <fd-tab\n            *ngFor=\"\n                let tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox;\n                let index = index;\n                trackBy: _trackByRow\n            \"\n            [title]=\"tab.key | bbbTranslate\"\n            [id]=\"'h_' + index\"\n        >\n            <fd-dynamic-page-content>\n                <h4 fd-title [id]=\"'h_' + index + '_h'\">{{ tab.key | bbbTranslate }}</h4>\n                <bsu-card-view-content\n                    [moDataList]=\"tab.value\"\n                    [groupby]=\"[]\"\n                    [title]=\"tab.key\"\n                    [setting]=\"cardSetting\"\n                    [editMode]=\"inlineEditMode\"\n                    [rtl]=\"rtl\"\n                    [deviceName]=\"deviceName\"\n                    [deviceSize]=\"deviceSize\"\n                    [allColumns]=\"allColumns\"\n                    [contextMenuItems]=\"contextMenuItems\"\n                    [canView]=\"canView\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [navigationArrow]=\"navigationArrow\"\n                    [isCheckList]=\"isCheckList\"\n                    (rowCheck)=\"onRowCheck($event)\"\n                    (rowClick)=\"onRowClick($event)\"\n                    (ulvCommand)=\"onUlvCommand($event)\"\n                    (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                    (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n                    (action)=\"onAction($event)\"\n                ></bsu-card-view-content>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n</fd-dynamic-page>\n<ng-template #noData>\n    <fd-dynamic-page-content>\n        <bsu-no-data></bsu-no-data>\n    </fd-dynamic-page-content>\n</ng-template>\n", styles: [":host ::ng-deep .fd-container.card-list{padding:0!important}:host ::ng-deep .footer-spacer{display:none!important}\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: "component", type: i9$3.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i9$3.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i13$1.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i13$1.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: CardViewContentComponent, selector: "bsu-card-view-content" }, { kind: "pipe", type: i2.GroupByPipe, name: "groupBy" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ReversePipe, name: "reverse" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiCardViewHorizontalGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiCardViewHorizontalGroupComponent, selector: "bsu-ui-card-view-horizontal-group", viewQueries: [{ propertyName: "dynamicPage", first: true, predicate: DynamicPageComponent, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-dynamic-page [size]=\"deviceSize | dynamicPageSize\">\n    <fd-tab-list\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        [stackContent]=\"true\"\n        *ngIf=\"moDataList?.length; else noData\"\n    >\n        <fd-tab\n            *ngFor=\"\n                let tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox;\n                let index = index;\n                trackBy: _trackByRow\n            \"\n            [title]=\"tab.key | bbbTranslate\"\n            [id]=\"'h_' + index\"\n        >\n            <fd-dynamic-page-content>\n                <h4 fd-title [id]=\"'h_' + index + '_h'\">{{ tab.key | bbbTranslate }}</h4>\n                <bsu-card-view-content\n                    [moDataList]=\"tab.value\"\n                    [groupby]=\"[]\"\n                    [title]=\"tab.key\"\n                    [setting]=\"cardSetting\"\n                    [editMode]=\"inlineEditMode\"\n                    [rtl]=\"rtl\"\n                    [deviceName]=\"deviceName\"\n                    [deviceSize]=\"deviceSize\"\n                    [allColumns]=\"allColumns\"\n                    [contextMenuItems]=\"contextMenuItems\"\n                    [canView]=\"canView\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [navigationArrow]=\"navigationArrow\"\n                    [isCheckList]=\"isCheckList\"\n                    (rowCheck)=\"onRowCheck($event)\"\n                    (rowClick)=\"onRowClick($event)\"\n                    (ulvCommand)=\"onUlvCommand($event)\"\n                    (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                    (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n                    (action)=\"onAction($event)\"\n                ></bsu-card-view-content>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n</fd-dynamic-page>\n<ng-template #noData>\n    <fd-dynamic-page-content>\n        <bsu-no-data></bsu-no-data>\n    </fd-dynamic-page-content>\n</ng-template>\n", styles: [":host ::ng-deep .fd-container.card-list{padding:0!important}:host ::ng-deep .footer-spacer{display:none!important}\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: "component", type: i9$3.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i9$3.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i13$1.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i13$1.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: CardViewContentComponent, selector: "bsu-card-view-content" }, { kind: "pipe", type: i2.GroupByPipe, name: "groupBy" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ReversePipe, name: "reverse" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiCardViewHorizontalGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-card-view-horizontal-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dynamic-page [size]=\"deviceSize | dynamicPageSize\">\n    <fd-tab-list\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        [stackContent]=\"true\"\n        *ngIf=\"moDataList?.length; else noData\"\n    >\n        <fd-tab\n            *ngFor=\"\n                let tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox;\n                let index = index;\n                trackBy: _trackByRow\n            \"\n            [title]=\"tab.key | bbbTranslate\"\n            [id]=\"'h_' + index\"\n        >\n            <fd-dynamic-page-content>\n                <h4 fd-title [id]=\"'h_' + index + '_h'\">{{ tab.key | bbbTranslate }}</h4>\n                <bsu-card-view-content\n                    [moDataList]=\"tab.value\"\n                    [groupby]=\"[]\"\n                    [title]=\"tab.key\"\n                    [setting]=\"cardSetting\"\n                    [editMode]=\"inlineEditMode\"\n                    [rtl]=\"rtl\"\n                    [deviceName]=\"deviceName\"\n                    [deviceSize]=\"deviceSize\"\n                    [allColumns]=\"allColumns\"\n                    [contextMenuItems]=\"contextMenuItems\"\n                    [canView]=\"canView\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [navigationArrow]=\"navigationArrow\"\n                    [isCheckList]=\"isCheckList\"\n                    (rowCheck)=\"onRowCheck($event)\"\n                    (rowClick)=\"onRowClick($event)\"\n                    (ulvCommand)=\"onUlvCommand($event)\"\n                    (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                    (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n                    (action)=\"onAction($event)\"\n                ></bsu-card-view-content>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n</fd-dynamic-page>\n<ng-template #noData>\n    <fd-dynamic-page-content>\n        <bsu-no-data></bsu-no-data>\n    </fd-dynamic-page-content>\n</ng-template>\n", styles: [":host ::ng-deep .fd-container.card-list{padding:0!important}:host ::ng-deep .footer-spacer{display:none!important}\n"] }]
@@ -11789,7 +11793,7 @@ const routes = [];
 class BarsaSapUiRoutingModule {
 }
 BarsaSapUiRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BarsaSapUiRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiRoutingModule, imports: [i2$3.RouterModule], exports: [RouterModule] });
+BarsaSapUiRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiRoutingModule, imports: [i2$4.RouterModule], exports: [RouterModule] });
 BarsaSapUiRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiRoutingModule, decorators: [{
             type: NgModule,