barsa-sap-ui 1.0.351 → 1.0.353

package/fesm2015/barsa-sap-ui.mjs

@@ -3245,10 +3245,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
 class UiAspReportViewerComponent extends SapUiReportBaseComponent {
 }
 UiAspReportViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiAspReportViewerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiAspReportViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiAspReportViewerComponent, selector: "bsu-ui-asp-report-viewer", usesInheritance: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\r\n    <bsu-barsa-asp-viewer\r\n        [context]=\"context\"\r\n        [style.min-height.px]=\"parentHeight\"\r\n        [parentHeight]=\"parentHeight\"\r\n    ></bsu-barsa-asp-viewer>\r\n</ng-container>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "component", type: BarsaAspViewerComponent, selector: "bsu-barsa-asp-viewer", inputs: ["context", "parentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiAspReportViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiAspReportViewerComponent, selector: "bsu-ui-asp-report-viewer", usesInheritance: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\n    <bsu-barsa-asp-viewer\n        fillEmptySpace\n        [dontUseTopBound]=\"true\"\n        [context]=\"context\"\n        [style.min-height.px]=\"parentHeight\"\n        [parentHeight]=\"parentHeight\"\n    ></bsu-barsa-asp-viewer>\n</ng-container>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { kind: "component", type: BarsaAspViewerComponent, selector: "bsu-barsa-asp-viewer", inputs: ["context", "parentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiAspReportViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-asp-report-viewer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *untilInView=\"el\">\r\n    <bsu-barsa-asp-viewer\r\n        [context]=\"context\"\r\n        [style.min-height.px]=\"parentHeight\"\r\n        [parentHeight]=\"parentHeight\"\r\n    ></bsu-barsa-asp-viewer>\r\n</ng-container>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+            args: [{ selector: 'bsu-ui-asp-report-viewer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *untilInView=\"el\">\n    <bsu-barsa-asp-viewer\n        fillEmptySpace\n        [dontUseTopBound]=\"true\"\n        [context]=\"context\"\n        [style.min-height.px]=\"parentHeight\"\n        [parentHeight]=\"parentHeight\"\n    ></bsu-barsa-asp-viewer>\n</ng-container>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
         }] });
 
 class UiCalendarComponent extends SapUiReportBaseComponent {
@@ -4221,7 +4221,7 @@ class FileViewerContentComponent extends BaseComponent {
     }
 }
 FileViewerContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FileViewerContentComponent, deps: [{ token: i2.PictureFieldSourcePipe }], target: i0.ɵɵFactoryTarget.Component });
-FileViewerContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: { fillWidth: "fillWidth", imageOnly: "imageOnly", cardMode: "cardMode", showFooter: "showFooter", showContent: "showContent", width: "width", deviceSize: "deviceSize", cardContentHeight: "cardContentHeight", file: "file" }, usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"cardMode ? cardTpl : file.isImage || imageOnly ? showImage : blobViewer\"\n></ng-container>\n\n<ng-template #showImage>\n    <div class=\"column big-imgs-box\" [class.fill-width]=\"fillWidth\">\n        <div class=\"pics\">\n            <bsu-mask></bsu-mask>\n            <img imgLazy [imgLazy]=\"file.mediaUrl\" [src]=\"file.mediaUrl\" [style.width]=\"width\" />\n        </div>\n    </div>\n</ng-template>\n<ng-template #blobViewer>\n    <bsu-blob-viewer\n        [file]=\"file\"\n        [style.width]=\"width\"\n        fillEmptySpace\n        [disable]=\"deviceSize !== 's'\"\n        [decrement]=\"'25px'\"\n    ></bsu-blob-viewer>\n</ng-template>\n<ng-template #cardTpl>\n    <fd-card class=\"media\">\n        <fd-card-content style=\"text-align: center\" [style.height]=\"cardContentHeight\">\n            <ng-container\n                *ngTemplateOutlet=\"!showContent ? thumbnailTpl : file.isImage || imageOnly ? showImage : blobViewer\"\n            ></ng-container>\n        </fd-card-content>\n    </fd-card>\n</ng-template>\n<ng-template #thumbnailTpl>\n    <img imgLazy [imgLazy]=\"file.thumbnailUrl\" [src]=\"file.thumbnailUrl\" [style.width]=\"width\" />\n</ng-template>\n", styles: [":host{display:block;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["decrement", "disable"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: BlobViewerComponent, selector: "bsu-blob-viewer", inputs: ["file"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FileViewerContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: { fillWidth: "fillWidth", imageOnly: "imageOnly", cardMode: "cardMode", showFooter: "showFooter", showContent: "showContent", width: "width", deviceSize: "deviceSize", cardContentHeight: "cardContentHeight", file: "file" }, usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"cardMode ? cardTpl : file.isImage || imageOnly ? showImage : blobViewer\"\n></ng-container>\n\n<ng-template #showImage>\n    <div class=\"column big-imgs-box\" [class.fill-width]=\"fillWidth\">\n        <div class=\"pics\">\n            <bsu-mask></bsu-mask>\n            <img imgLazy [imgLazy]=\"file.mediaUrl\" [src]=\"file.mediaUrl\" [style.width]=\"width\" />\n        </div>\n    </div>\n</ng-template>\n<ng-template #blobViewer>\n    <bsu-blob-viewer\n        [file]=\"file\"\n        [style.width]=\"width\"\n        fillEmptySpace\n        [disable]=\"deviceSize !== 's'\"\n        [decrement]=\"'25px'\"\n    ></bsu-blob-viewer>\n</ng-template>\n<ng-template #cardTpl>\n    <fd-card class=\"media\">\n        <fd-card-content style=\"text-align: center\" [style.height]=\"cardContentHeight\">\n            <ng-container\n                *ngTemplateOutlet=\"!showContent ? thumbnailTpl : file.isImage || imageOnly ? showImage : blobViewer\"\n            ></ng-container>\n        </fd-card-content>\n    </fd-card>\n</ng-template>\n<ng-template #thumbnailTpl>\n    <img imgLazy [imgLazy]=\"file.thumbnailUrl\" [src]=\"file.thumbnailUrl\" [style.width]=\"width\" />\n</ng-template>\n", styles: [":host{display:block;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: BlobViewerComponent, selector: "bsu-blob-viewer", inputs: ["file"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FileViewerContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-file-viewer-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"cardMode ? cardTpl : file.isImage || imageOnly ? showImage : blobViewer\"\n></ng-container>\n\n<ng-template #showImage>\n    <div class=\"column big-imgs-box\" [class.fill-width]=\"fillWidth\">\n        <div class=\"pics\">\n            <bsu-mask></bsu-mask>\n            <img imgLazy [imgLazy]=\"file.mediaUrl\" [src]=\"file.mediaUrl\" [style.width]=\"width\" />\n        </div>\n    </div>\n</ng-template>\n<ng-template #blobViewer>\n    <bsu-blob-viewer\n        [file]=\"file\"\n        [style.width]=\"width\"\n        fillEmptySpace\n        [disable]=\"deviceSize !== 's'\"\n        [decrement]=\"'25px'\"\n    ></bsu-blob-viewer>\n</ng-template>\n<ng-template #cardTpl>\n    <fd-card class=\"media\">\n        <fd-card-content style=\"text-align: center\" [style.height]=\"cardContentHeight\">\n            <ng-container\n                *ngTemplateOutlet=\"!showContent ? thumbnailTpl : file.isImage || imageOnly ? showImage : blobViewer\"\n            ></ng-container>\n        </fd-card-content>\n    </fd-card>\n</ng-template>\n<ng-template #thumbnailTpl>\n    <img imgLazy [imgLazy]=\"file.thumbnailUrl\" [src]=\"file.thumbnailUrl\" [style.width]=\"width\" />\n</ng-template>\n", styles: [":host{display:block;height:100%}\n"] }]
@@ -5015,10 +5015,10 @@ class UiListViewComponent extends ReportViewBaseComponent {
     }
 }
 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: [".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"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$7.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$6.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: i4$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i7$3.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i7$3.LayoutPanelHeaderComponent, selector: "fd-layout-panel-header" }, { kind: "component", type: i7$3.LayoutPanelHeadComponent, selector: "fd-layout-panel-head" }, { kind: "directive", type: i7$3.LayoutPanelTitleDirective, selector: "[fd-layout-panel-title]" }, { kind: "component", type: i7$3.LayoutPanelActionsComponent, selector: "fd-layout-panel-actions" }, { kind: "component", type: i7$3.LayoutPanelFiltersComponent, selector: "fd-layout-panel-filters" }, { kind: "component", type: i7$3.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: i6$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6$1.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i9.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i9.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$2.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$1.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }, { kind: "component", type: i9$2.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: ["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"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$7.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$6.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: i4$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i7$3.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i7$3.LayoutPanelHeaderComponent, selector: "fd-layout-panel-header" }, { kind: "component", type: i7$3.LayoutPanelHeadComponent, selector: "fd-layout-panel-head" }, { kind: "directive", type: i7$3.LayoutPanelTitleDirective, selector: "[fd-layout-panel-title]" }, { kind: "component", type: i7$3.LayoutPanelActionsComponent, selector: "fd-layout-panel-actions" }, { kind: "component", type: i7$3.LayoutPanelFiltersComponent, selector: "fd-layout-panel-filters" }, { kind: "component", type: i7$3.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: i6$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6$1.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i9.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i9.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$2.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$1.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }, { kind: "component", type: i9$2.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 });
 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: [".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 #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"] }]
         }], propDecorators: { popupModeTemplateRef: [{
                 type: ViewChild,
                 args: ['popupMode', { static: true, read: TemplateRef }]
@@ -5311,10 +5311,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    tableResizer\n    [fitWidth]=\"fitWidth\"\n    (columnResized)=\"onColumnResized($event)\"\n    [containerWidth]=\"containerWidth\"\n    [minWidth]=\"30\"\n    [minHeight]=\"22\"\n    [rowResizer]=\"rowResizer\"\n    [enableResizing]=\"enableResizing\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    </ng-container>\n</table>\n<ng-template #headerTemplate let-columns>\n    <bsu-barsa-table-header\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [allChecked]=\"allChecked\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\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\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container *ngIf=\"moDataList && moDataList.length > 0; else noData\">\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        [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        [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        (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<!--renderColumn-->\n<ng-template #noData>\n    <tr *ngIf=\"!inlineEditMode || !newInlineEditMo\">\n        <td colspan=\"100%\" style=\"padding: 10px\">{{ 'NoData' | bbbTranslate }}</td>\n    </tr>\n</ng-template>\n", styles: [":host{display:block;width:100%;overflow-x:auto;max-width:100vw}table{margin-bottom:5px}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"] }, { kind: "directive", type: i2.TableResizerDirective, selector: "[tableResizer]", inputs: ["fitWidth", "minWidth", "minHeight", "containerWidth", "rowResizer", "enableResizing"], outputs: ["columnResized"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i4$4.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$4.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i4$4.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$4.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$4.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "canView", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "rowIndicator", "deviceSize"], outputs: ["allCheckbox", "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    tableResizer\n    [fitWidth]=\"fitWidth\"\n    (columnResized)=\"onColumnResized($event)\"\n    [containerWidth]=\"containerWidth\"\n    [minWidth]=\"30\"\n    [minHeight]=\"22\"\n    [rowResizer]=\"rowResizer\"\n    [enableResizing]=\"enableResizing\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    </ng-container>\n</table>\n<ng-template #headerTemplate let-columns>\n    <bsu-barsa-table-header\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [allChecked]=\"allChecked\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\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\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container *ngIf=\"moDataList && moDataList.length > 0; else noData\">\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        [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        [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        (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<!--renderColumn-->\n<ng-template #noData>\n    <tr *ngIf=\"!inlineEditMode || !newInlineEditMo\">\n        <td colspan=\"100%\" style=\"padding: 10px\">{{ 'NoData' | bbbTranslate }}</td>\n    </tr>\n</ng-template>\n", styles: [":host{display:block;width:100%;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"] }, { kind: "directive", type: i2.TableResizerDirective, selector: "[tableResizer]", inputs: ["fitWidth", "minWidth", "minHeight", "containerWidth", "rowResizer", "enableResizing"], outputs: ["columnResized"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i4$4.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$4.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i4$4.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$4.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$4.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "canView", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "rowIndicator", "deviceSize"], outputs: ["allCheckbox", "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    tableResizer\n    [fitWidth]=\"fitWidth\"\n    (columnResized)=\"onColumnResized($event)\"\n    [containerWidth]=\"containerWidth\"\n    [minWidth]=\"30\"\n    [minHeight]=\"22\"\n    [rowResizer]=\"rowResizer\"\n    [enableResizing]=\"enableResizing\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    </ng-container>\n</table>\n<ng-template #headerTemplate let-columns>\n    <bsu-barsa-table-header\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [allChecked]=\"allChecked\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\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\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container *ngIf=\"moDataList && moDataList.length > 0; else noData\">\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        [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        [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        (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<!--renderColumn-->\n<ng-template #noData>\n    <tr *ngIf=\"!inlineEditMode || !newInlineEditMo\">\n        <td colspan=\"100%\" style=\"padding: 10px\">{{ 'NoData' | bbbTranslate }}</td>\n    </tr>\n</ng-template>\n", styles: [":host{display:block;width:100%;overflow-x:auto;max-width:100vw}table{margin-bottom:5px}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    tableResizer\n    [fitWidth]=\"fitWidth\"\n    (columnResized)=\"onColumnResized($event)\"\n    [containerWidth]=\"containerWidth\"\n    [minWidth]=\"30\"\n    [minHeight]=\"22\"\n    [rowResizer]=\"rowResizer\"\n    [enableResizing]=\"enableResizing\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    </ng-container>\n</table>\n<ng-template #headerTemplate let-columns>\n    <bsu-barsa-table-header\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [allChecked]=\"allChecked\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\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\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container *ngIf=\"moDataList && moDataList.length > 0; else noData\">\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        [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        [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        (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<!--renderColumn-->\n<ng-template #noData>\n    <tr *ngIf=\"!inlineEditMode || !newInlineEditMo\">\n        <td colspan=\"100%\" style=\"padding: 10px\">{{ 'NoData' | bbbTranslate }}</td>\n    </tr>\n</ng-template>\n", styles: [":host{display:block;width:100%;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: [{
@@ -5983,10 +5983,12 @@ class BarsaUlvMainComponent extends BaseComponent {
         this.search = new EventEmitter();
         this.selectSearchPanelSettings = new EventEmitter();
         this.isServiceDesk = false;
+        this.fillPage = false;
         this.isServiceDesk = BarsaApi.LoginFormData.IsServiceDesk; // eslint-disable-line
     }
     ngOnInit() {
         super.ngOnInit();
+        this.fillPage = BarsaApi.Common.Util.TryGetValue(this.context, 'Setting.ClassNames.CustomUi.Parameters.FillPage', false);
         this.isMobile = getDeviceIsMobile();
     }
     ngAfterViewInit() {
@@ -6042,10 +6044,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 }], 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" }, 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 }], 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                                <fdp-button\n                                    glyph=\"slim-arrow-down\"\n                                    buttonType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></fdp-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                    <fdp-button\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        buttonType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-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 [pinnable]=\"true\" [collapsible]=\"false\" *ngIf=\"!hideSearchPanel && searchPanelUi\">\n            <ng-container>\n                <bsu-search-panel\n                    [hideButtons]=\"true\"\n                    [searchPanelUi]=\"searchPanelUi\"\n                    (moChanged)=\"onSearchPanelMoChanged()\"\n                ></bsu-search-panel>\n            </ng-container>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></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\">\n        <bsu-search-panel [searchPanelUi]=\"searchPanelUi\" (moChanged)=\"onSearchPanelMoChanged()\"></bsu-search-panel>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    <ng-container\n        *ngIf=\"pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template #viewerTemplate>\n    <div\n        class=\"viewer-container\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\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-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 .fdp-search-field__input-group{outline:none}:host ::ng-deep .fdp-search-field__input-group :-webkit-autofill,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:hover,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:focus,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important}: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}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}}.viewer-container{background:var(--sapBaseColor)}\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.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$7.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: i5$3.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$3.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: i7$6.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i7$6.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i7$6.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i7$6.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i7$6.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i7$6.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i7$6.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i6$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { 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$2.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$1.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i7$1.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "directive", type: i7$1.ToolbarOverflowGroupDirective, selector: "[fdOverflowGroup]", inputs: ["fdOverflowGroup"] }, { kind: "component", type: i13.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: SearchPanelComponent, selector: "bsu-search-panel", inputs: ["searchPanelUi", "hideButtons"], 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" }], 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" }, 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 }], 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                                <fdp-button\n                                    glyph=\"slim-arrow-down\"\n                                    buttonType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></fdp-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                    <fdp-button\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        buttonType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-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 [pinnable]=\"true\" [collapsible]=\"false\" *ngIf=\"!hideSearchPanel && searchPanelUi\">\n            <ng-container>\n                <bsu-search-panel\n                    [hideButtons]=\"true\"\n                    [searchPanelUi]=\"searchPanelUi\"\n                    (moChanged)=\"onSearchPanelMoChanged()\"\n                ></bsu-search-panel>\n            </ng-container>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></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\">\n        <bsu-search-panel [searchPanelUi]=\"searchPanelUi\" (moChanged)=\"onSearchPanelMoChanged()\"></bsu-search-panel>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    <ng-container\n        *ngIf=\"pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template #viewerTemplate>\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-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 .fdp-search-field__input-group{outline:none}:host ::ng-deep .fdp-search-field__input-group :-webkit-autofill,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:hover,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:focus,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important}: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}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}}.viewer-container{background:var(--sapBaseColor);box-shadow:0 .3125rem 1.25rem 0 var(--sapGroup_ContentBorderColor)}\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$7.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: i5$3.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$3.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: i7$6.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i7$6.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i7$6.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i7$6.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i7$6.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i7$6.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i7$6.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i6$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { 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$2.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$1.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i7$1.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "directive", type: i7$1.ToolbarOverflowGroupDirective, selector: "[fdOverflowGroup]", inputs: ["fdOverflowGroup"] }, { kind: "component", type: i13.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: SearchPanelComponent, selector: "bsu-search-panel", inputs: ["searchPanelUi", "hideButtons"], 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" }], 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                                <fdp-button\n                                    glyph=\"slim-arrow-down\"\n                                    buttonType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></fdp-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                    <fdp-button\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        buttonType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-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 [pinnable]=\"true\" [collapsible]=\"false\" *ngIf=\"!hideSearchPanel && searchPanelUi\">\n            <ng-container>\n                <bsu-search-panel\n                    [hideButtons]=\"true\"\n                    [searchPanelUi]=\"searchPanelUi\"\n                    (moChanged)=\"onSearchPanelMoChanged()\"\n                ></bsu-search-panel>\n            </ng-container>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></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\">\n        <bsu-search-panel [searchPanelUi]=\"searchPanelUi\" (moChanged)=\"onSearchPanelMoChanged()\"></bsu-search-panel>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    <ng-container\n        *ngIf=\"pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template #viewerTemplate>\n    <div\n        class=\"viewer-container\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\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-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 .fdp-search-field__input-group{outline:none}:host ::ng-deep .fdp-search-field__input-group :-webkit-autofill,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:hover,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:focus,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important}: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}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}}.viewer-container{background:var(--sapBaseColor)}\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                                <fdp-button\n                                    glyph=\"slim-arrow-down\"\n                                    buttonType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></fdp-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                    <fdp-button\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        buttonType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-button>\n                    <fdp-button\n                        fd-toolbar-item\n                        buttonType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></fdp-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 [pinnable]=\"true\" [collapsible]=\"false\" *ngIf=\"!hideSearchPanel && searchPanelUi\">\n            <ng-container>\n                <bsu-search-panel\n                    [hideButtons]=\"true\"\n                    [searchPanelUi]=\"searchPanelUi\"\n                    (moChanged)=\"onSearchPanelMoChanged()\"\n                ></bsu-search-panel>\n            </ng-container>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></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\">\n        <bsu-search-panel [searchPanelUi]=\"searchPanelUi\" (moChanged)=\"onSearchPanelMoChanged()\"></bsu-search-panel>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    <ng-container\n        *ngIf=\"pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template #viewerTemplate>\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-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 .fdp-search-field__input-group{outline:none}:host ::ng-deep .fdp-search-field__input-group :-webkit-autofill,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:hover,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:focus,:host ::ng-deep .fdp-search-field__input-group:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important}: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}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}}.viewer-container{background:var(--sapBaseColor);box-shadow:0 .3125rem 1.25rem 0 var(--sapGroup_ContentBorderColor)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _dynamicPageComponent: [{
                 type: ViewChild,
                 args: [DynamicPageComponent]
@@ -6345,10 +6347,10 @@ 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$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    [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}:host ::ng-deep bsu-barsa-ulv-main[isReportPage=true] bsu-barsa-asp-viewer{height:100vh!important}.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"], 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 });
+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    [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"], 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    [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}:host ::ng-deep bsu-barsa-ulv-main[isReportPage=true] bsu-barsa-asp-viewer{height:100vh!important}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"] }]
+            args: [{ selector: 'bsu-ui-ulv-main-ui', providers: [UlvMainService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bsu-barsa-ulv-main\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | 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$4.Router }, { type: i2.PortalService }, { type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService }, { type: i2.BreadcrumbService }]; }, propDecorators: { context: [{
                 type: Input
             }], isReportPage: [{
@@ -7197,10 +7199,10 @@ class UiPdfViewerComponent extends DeviceInfoFieldBaseComponent {
     }
 }
 UiPdfViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPdfViewerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiPdfViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiPdfViewerComponent, selector: "bsu-ui-pdf-viewer", providers: [UploadService], viewQueries: [{ propertyName: "_pdfViewerOnDemand", first: true, predicate: ["pdfViewerOnDemand"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\r\n    <fd-toolbar [transparent]=\"true\" [shouldOverflow]=\"true\" *ngIf=\"(disableOrReadonly$ | async) !== true\">\r\n        <fd-file-uploader\r\n            #uploader\r\n            [style.display]=\"'none'\"\r\n            fd-toolbar-item\r\n            [id]=\"id\"\r\n            [name]=\"'pdf_' + id\"\r\n            [placeholder]=\"'AttachFile' | bbbTranslate\"\r\n            [buttonLabel]=\"'AttachFile' | bbbTranslate\"\r\n            [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\r\n            [accept]=\"validExtension\"\r\n            [(ngModel)]=\"files\"\r\n            [multiple]=\"false\"\r\n            (selectedFilesChanged)=\"onFileSelection($event)\"\r\n            [contentDensity]=\"(contentDensity$ | async)!!\"\r\n        ></fd-file-uploader>\r\n        <button\r\n            fd-button\r\n            fd-toolbar-item\r\n            glyph=\"attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [disabled]=\"!canUpload\"\r\n            (click)=\"uploader.open()\"\r\n        ></button>\r\n        <button\r\n            [disabled]=\"!(canDelete && value)\"\r\n            fd-button\r\n            fd-toolbar-item\r\n            class=\"delete\"\r\n            glyph=\"delete\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onDelete()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"canEdit\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"edit\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onEdit()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"canDownload\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"download\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onDownload()\"\r\n        ></button>\r\n\r\n        <button\r\n            *ngIf=\"useWordEditor\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"doc-attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"'EditInWord' | bbbTranslate\"\r\n            (click)=\"onEditInWord()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"officeOnline\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"doc-attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"'OfficeOnline' | bbbTranslate\"\r\n            (click)=\"onOfficeOnline($event)\"\r\n        ></button>\r\n        <button fd-toolbar-item fd-button glyph=\"refresh\" [fdType]=\"'transparent'\" (click)=\"onRefresh()\"></button>\r\n\r\n        <fd-busy-indicator\r\n            fd-toolbar-item\r\n            [loading]=\"(uploadingState$ | async)?.uploading === true\"\r\n        ></fd-busy-indicator>\r\n    </fd-toolbar>\r\n    <div\r\n        *ngIf=\"isMobile; else browserPdf\"\r\n        [style.border]=\"!blobUrl ? '.0625rem solid var(--sapGroup_TitleBorderColor)' : null\"\r\n        style=\"height: calc(70vh - 40px); position: relative\"\r\n    >\r\n        <ng2-pdfjs-viewer\r\n            #pdfViewerOnDemand\r\n            [externalWindow]=\"false\"\r\n            [downloadFileName]=\"blobUrl\"\r\n            [openFile]=\"false\"\r\n            [viewBookmark]=\"false\"\r\n            [showSpinner]=\"true\"\r\n            [download]=\"true\"\r\n        ></ng2-pdfjs-viewer>\r\n    </div>\r\n    <ng-template #browserPdf>\r\n        <object\r\n            *ngIf=\"hasPdf; else HatchBackground\"\r\n            style=\"flex-grow: 1\"\r\n            [attr.data]=\"valueUrl\"\r\n            type=\"application/pdf\"\r\n            width=\"100%\"\r\n            [style.height]=\"formHeight - 30 > 0 ? formHeight - 30 + 'px' : '100vh'\"\r\n            [attr.html]=\"fallbackLink\"\r\n        ></object>\r\n    </ng-template>\r\n\r\n    <ng-template #HatchBackground>\r\n        <ng-container *ngIf=\"singleControl && value && !value.IsDeleted; else noFile\">\r\n            <div style=\"display: flex\">\r\n                <img *ngIf=\"singleFileThumbnailUrl\" [src]=\"singleFileThumbnailUrl\" />\r\n                <fd-object-identifier>\r\n                    {{ value.FileName }}\r\n                </fd-object-identifier>\r\n            </div>\r\n        </ng-container>\r\n        <ng-template #noFile>\r\n            <div class=\"hatchBackground\"></div>\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;min-height:70vh}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}:host ::ng-deep .fd-file-uploader input{display:none}.single-control{height:50px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { 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$4.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i7$8.ObjectIdentifierComponent, selector: "fd-object-identifier", inputs: ["description", "bold", "medium"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i3$4.PdfJsViewerComponent, selector: "ng2-pdfjs-viewer", inputs: ["viewerId", "viewerFolder", "externalWindow", "showSpinner", "downloadFileName", "openFile", "download", "startDownload", "viewBookmark", "print", "startPrint", "fullScreen", "find", "zoom", "nameddest", "pagemode", "lastPage", "rotatecw", "rotateccw", "cursor", "scroll", "spread", "locale", "useOnlyCssZoom", "errorOverride", "errorAppend", "errorMessage", "diagnosticLogs", "externalWindowOptions", "page", "pdfSrc"], outputs: ["onBeforePrint", "onAfterPrint", "onDocumentLoad", "onPageChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiPdfViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiPdfViewerComponent, selector: "bsu-ui-pdf-viewer", providers: [UploadService], viewQueries: [{ propertyName: "_pdfViewerOnDemand", first: true, predicate: ["pdfViewerOnDemand"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\n    <fd-toolbar [transparent]=\"true\" [shouldOverflow]=\"true\" *ngIf=\"(disableOrReadonly$ | async) !== true\">\n        <fd-file-uploader\n            #uploader\n            [style.display]=\"'none'\"\n            fd-toolbar-item\n            [id]=\"id\"\n            [name]=\"'pdf_' + id\"\n            [placeholder]=\"'AttachFile' | bbbTranslate\"\n            [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n            [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n            [accept]=\"validExtension\"\n            [(ngModel)]=\"files\"\n            [multiple]=\"false\"\n            (selectedFilesChanged)=\"onFileSelection($event)\"\n            [contentDensity]=\"(contentDensity$ | async)!!\"\n        ></fd-file-uploader>\n        <button\n            fd-button\n            fd-toolbar-item\n            glyph=\"attachment\"\n            [fdType]=\"'transparent'\"\n            [disabled]=\"!canUpload\"\n            (click)=\"uploader.open()\"\n        ></button>\n        <button\n            [disabled]=\"!(canDelete && value)\"\n            fd-button\n            fd-toolbar-item\n            class=\"delete\"\n            glyph=\"delete\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onDelete()\"\n        ></button>\n        <button\n            *ngIf=\"canEdit\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"edit\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onEdit()\"\n        ></button>\n        <button\n            *ngIf=\"canDownload\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"download\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onDownload()\"\n        ></button>\n\n        <button\n            *ngIf=\"useWordEditor\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"doc-attachment\"\n            [fdType]=\"'transparent'\"\n            [label]=\"'EditInWord' | bbbTranslate\"\n            (click)=\"onEditInWord()\"\n        ></button>\n        <button\n            *ngIf=\"officeOnline\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"doc-attachment\"\n            [fdType]=\"'transparent'\"\n            [label]=\"'OfficeOnline' | bbbTranslate\"\n            (click)=\"onOfficeOnline($event)\"\n        ></button>\n        <button fd-toolbar-item fd-button glyph=\"refresh\" [fdType]=\"'transparent'\" (click)=\"onRefresh()\"></button>\n\n        <fd-busy-indicator\n            fd-toolbar-item\n            [loading]=\"(uploadingState$ | async)?.uploading === true\"\n        ></fd-busy-indicator>\n    </fd-toolbar>\n    <div\n        *ngIf=\"isMobile; else browserPdf\"\n        [style.border]=\"!blobUrl ? '.0625rem solid var(--sapGroup_TitleBorderColor)' : null\"\n        style=\"height: calc(70vh - 40px); position: relative\"\n    >\n        <ng2-pdfjs-viewer\n            fillEmptySpace\n            [containerDom]=\"formContainer\"\n            [dontUseTopBound]=\"true\"\n            #pdfViewerOnDemand\n            [externalWindow]=\"false\"\n            [downloadFileName]=\"blobUrl\"\n            [openFile]=\"false\"\n            [viewBookmark]=\"false\"\n            [showSpinner]=\"true\"\n            [download]=\"true\"\n        ></ng2-pdfjs-viewer>\n    </div>\n    <ng-template #browserPdf>\n        <object\n            *ngIf=\"hasPdf; else HatchBackground\"\n            fillEmptySpace\n            [containerDom]=\"formContainer\"\n            [dontUseTopBound]=\"true\"\n            style=\"flex-grow: 1\"\n            [attr.data]=\"valueUrl\"\n            type=\"application/pdf\"\n            width=\"100%\"\n            [style.height]=\"formHeight - 30 > 0 ? formHeight - 30 + 'px' : '100vh'\"\n            [attr.html]=\"fallbackLink\"\n        ></object>\n    </ng-template>\n\n    <ng-template #HatchBackground>\n        <ng-container *ngIf=\"singleControl && value && !value.IsDeleted; else noFile\">\n            <div style=\"display: flex\">\n                <img *ngIf=\"singleFileThumbnailUrl\" [src]=\"singleFileThumbnailUrl\" />\n                <fd-object-identifier>\n                    {{ value.FileName }}\n                </fd-object-identifier>\n            </div>\n        </ng-container>\n        <ng-template #noFile>\n            <div fillEmptySpace [containerDom]=\"formContainer\" [dontUseTopBound]=\"true\" class=\"hatchBackground\"></div>\n        </ng-template>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;min-height:70vh}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}:host ::ng-deep .fd-file-uploader input{display:none}.single-control{height:50px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { 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$4.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i7$8.ObjectIdentifierComponent, selector: "fd-object-identifier", inputs: ["description", "bold", "medium"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i3$4.PdfJsViewerComponent, selector: "ng2-pdfjs-viewer", inputs: ["viewerId", "viewerFolder", "externalWindow", "showSpinner", "downloadFileName", "openFile", "download", "startDownload", "viewBookmark", "print", "startPrint", "fullScreen", "find", "zoom", "nameddest", "pagemode", "lastPage", "rotatecw", "rotateccw", "cursor", "scroll", "spread", "locale", "useOnlyCssZoom", "errorOverride", "errorAppend", "errorMessage", "diagnosticLogs", "externalWindowOptions", "page", "pdfSrc"], outputs: ["onBeforePrint", "onAfterPrint", "onDocumentLoad", "onPageChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPdfViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-pdf-viewer', providers: [UploadService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *untilInView=\"el\">\r\n    <fd-toolbar [transparent]=\"true\" [shouldOverflow]=\"true\" *ngIf=\"(disableOrReadonly$ | async) !== true\">\r\n        <fd-file-uploader\r\n            #uploader\r\n            [style.display]=\"'none'\"\r\n            fd-toolbar-item\r\n            [id]=\"id\"\r\n            [name]=\"'pdf_' + id\"\r\n            [placeholder]=\"'AttachFile' | bbbTranslate\"\r\n            [buttonLabel]=\"'AttachFile' | bbbTranslate\"\r\n            [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\r\n            [accept]=\"validExtension\"\r\n            [(ngModel)]=\"files\"\r\n            [multiple]=\"false\"\r\n            (selectedFilesChanged)=\"onFileSelection($event)\"\r\n            [contentDensity]=\"(contentDensity$ | async)!!\"\r\n        ></fd-file-uploader>\r\n        <button\r\n            fd-button\r\n            fd-toolbar-item\r\n            glyph=\"attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [disabled]=\"!canUpload\"\r\n            (click)=\"uploader.open()\"\r\n        ></button>\r\n        <button\r\n            [disabled]=\"!(canDelete && value)\"\r\n            fd-button\r\n            fd-toolbar-item\r\n            class=\"delete\"\r\n            glyph=\"delete\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onDelete()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"canEdit\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"edit\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onEdit()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"canDownload\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"download\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onDownload()\"\r\n        ></button>\r\n\r\n        <button\r\n            *ngIf=\"useWordEditor\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"doc-attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"'EditInWord' | bbbTranslate\"\r\n            (click)=\"onEditInWord()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"officeOnline\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"doc-attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"'OfficeOnline' | bbbTranslate\"\r\n            (click)=\"onOfficeOnline($event)\"\r\n        ></button>\r\n        <button fd-toolbar-item fd-button glyph=\"refresh\" [fdType]=\"'transparent'\" (click)=\"onRefresh()\"></button>\r\n\r\n        <fd-busy-indicator\r\n            fd-toolbar-item\r\n            [loading]=\"(uploadingState$ | async)?.uploading === true\"\r\n        ></fd-busy-indicator>\r\n    </fd-toolbar>\r\n    <div\r\n        *ngIf=\"isMobile; else browserPdf\"\r\n        [style.border]=\"!blobUrl ? '.0625rem solid var(--sapGroup_TitleBorderColor)' : null\"\r\n        style=\"height: calc(70vh - 40px); position: relative\"\r\n    >\r\n        <ng2-pdfjs-viewer\r\n            #pdfViewerOnDemand\r\n            [externalWindow]=\"false\"\r\n            [downloadFileName]=\"blobUrl\"\r\n            [openFile]=\"false\"\r\n            [viewBookmark]=\"false\"\r\n            [showSpinner]=\"true\"\r\n            [download]=\"true\"\r\n        ></ng2-pdfjs-viewer>\r\n    </div>\r\n    <ng-template #browserPdf>\r\n        <object\r\n            *ngIf=\"hasPdf; else HatchBackground\"\r\n            style=\"flex-grow: 1\"\r\n            [attr.data]=\"valueUrl\"\r\n            type=\"application/pdf\"\r\n            width=\"100%\"\r\n            [style.height]=\"formHeight - 30 > 0 ? formHeight - 30 + 'px' : '100vh'\"\r\n            [attr.html]=\"fallbackLink\"\r\n        ></object>\r\n    </ng-template>\r\n\r\n    <ng-template #HatchBackground>\r\n        <ng-container *ngIf=\"singleControl && value && !value.IsDeleted; else noFile\">\r\n            <div style=\"display: flex\">\r\n                <img *ngIf=\"singleFileThumbnailUrl\" [src]=\"singleFileThumbnailUrl\" />\r\n                <fd-object-identifier>\r\n                    {{ value.FileName }}\r\n                </fd-object-identifier>\r\n            </div>\r\n        </ng-container>\r\n        <ng-template #noFile>\r\n            <div class=\"hatchBackground\"></div>\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;min-height:70vh}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}:host ::ng-deep .fd-file-uploader input{display:none}.single-control{height:50px}\n"] }]
+            args: [{ selector: 'bsu-ui-pdf-viewer', providers: [UploadService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *untilInView=\"el\">\n    <fd-toolbar [transparent]=\"true\" [shouldOverflow]=\"true\" *ngIf=\"(disableOrReadonly$ | async) !== true\">\n        <fd-file-uploader\n            #uploader\n            [style.display]=\"'none'\"\n            fd-toolbar-item\n            [id]=\"id\"\n            [name]=\"'pdf_' + id\"\n            [placeholder]=\"'AttachFile' | bbbTranslate\"\n            [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n            [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n            [accept]=\"validExtension\"\n            [(ngModel)]=\"files\"\n            [multiple]=\"false\"\n            (selectedFilesChanged)=\"onFileSelection($event)\"\n            [contentDensity]=\"(contentDensity$ | async)!!\"\n        ></fd-file-uploader>\n        <button\n            fd-button\n            fd-toolbar-item\n            glyph=\"attachment\"\n            [fdType]=\"'transparent'\"\n            [disabled]=\"!canUpload\"\n            (click)=\"uploader.open()\"\n        ></button>\n        <button\n            [disabled]=\"!(canDelete && value)\"\n            fd-button\n            fd-toolbar-item\n            class=\"delete\"\n            glyph=\"delete\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onDelete()\"\n        ></button>\n        <button\n            *ngIf=\"canEdit\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"edit\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onEdit()\"\n        ></button>\n        <button\n            *ngIf=\"canDownload\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"download\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onDownload()\"\n        ></button>\n\n        <button\n            *ngIf=\"useWordEditor\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"doc-attachment\"\n            [fdType]=\"'transparent'\"\n            [label]=\"'EditInWord' | bbbTranslate\"\n            (click)=\"onEditInWord()\"\n        ></button>\n        <button\n            *ngIf=\"officeOnline\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"doc-attachment\"\n            [fdType]=\"'transparent'\"\n            [label]=\"'OfficeOnline' | bbbTranslate\"\n            (click)=\"onOfficeOnline($event)\"\n        ></button>\n        <button fd-toolbar-item fd-button glyph=\"refresh\" [fdType]=\"'transparent'\" (click)=\"onRefresh()\"></button>\n\n        <fd-busy-indicator\n            fd-toolbar-item\n            [loading]=\"(uploadingState$ | async)?.uploading === true\"\n        ></fd-busy-indicator>\n    </fd-toolbar>\n    <div\n        *ngIf=\"isMobile; else browserPdf\"\n        [style.border]=\"!blobUrl ? '.0625rem solid var(--sapGroup_TitleBorderColor)' : null\"\n        style=\"height: calc(70vh - 40px); position: relative\"\n    >\n        <ng2-pdfjs-viewer\n            fillEmptySpace\n            [containerDom]=\"formContainer\"\n            [dontUseTopBound]=\"true\"\n            #pdfViewerOnDemand\n            [externalWindow]=\"false\"\n            [downloadFileName]=\"blobUrl\"\n            [openFile]=\"false\"\n            [viewBookmark]=\"false\"\n            [showSpinner]=\"true\"\n            [download]=\"true\"\n        ></ng2-pdfjs-viewer>\n    </div>\n    <ng-template #browserPdf>\n        <object\n            *ngIf=\"hasPdf; else HatchBackground\"\n            fillEmptySpace\n            [containerDom]=\"formContainer\"\n            [dontUseTopBound]=\"true\"\n            style=\"flex-grow: 1\"\n            [attr.data]=\"valueUrl\"\n            type=\"application/pdf\"\n            width=\"100%\"\n            [style.height]=\"formHeight - 30 > 0 ? formHeight - 30 + 'px' : '100vh'\"\n            [attr.html]=\"fallbackLink\"\n        ></object>\n    </ng-template>\n\n    <ng-template #HatchBackground>\n        <ng-container *ngIf=\"singleControl && value && !value.IsDeleted; else noFile\">\n            <div style=\"display: flex\">\n                <img *ngIf=\"singleFileThumbnailUrl\" [src]=\"singleFileThumbnailUrl\" />\n                <fd-object-identifier>\n                    {{ value.FileName }}\n                </fd-object-identifier>\n            </div>\n        </ng-container>\n        <ng-template #noFile>\n            <div fillEmptySpace [containerDom]=\"formContainer\" [dontUseTopBound]=\"true\" class=\"hatchBackground\"></div>\n        </ng-template>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;min-height:70vh}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}:host ::ng-deep .fd-file-uploader input{display:none}.single-control{height:50px}\n"] }]
         }], propDecorators: { _pdfViewerOnDemand: [{
                 type: ViewChild,
                 args: ['pdfViewerOnDemand']
@@ -7708,13 +7710,14 @@ class LyTabPageComponent extends LayoutPanelBaseComponent {
         config.controlUi = this;
         this.title = config.Title;
         this.flex = config.Bounds.width;
+        this._classes = this.config.items.length === 0 ? 'field-nopadding' : 'field-nopadding';
     }
     refreshLayout() {
         this.layoutService.refreshLayout();
     }
 }
 LyTabPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LyTabPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LyTabPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: { renderItems: "renderItems", tablist: "tablist" }, host: { properties: { "style.flex": "this.flex", "attr.title": "this.title" } }, providers: [LayoutService], viewQueries: [{ propertyName: "vcr", first: true, predicate: ["placeholder"], descendants: true, read: ViewContainerRef }, { propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\n    <ng-container *ngFor=\"let item of config | filterToolbarControl\">\n        <ng-container [ngSwitch]=\"item.xtype\">\n            <ng-container *ngSwitchCase=\"'Ly.LayoutTabPanel'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-tab-container' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutPanel'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-layout-panel' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutContainer'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: {\n                            $implicit: item,\n                            name: 'LyLayoutContainerComponent',\n                            selector: 'bsu-ly-layout-container'\n                        }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.EmptySpace'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.SimpleLabel'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LySimpleLabelComponent', selector: 'bsu-ly-simple-label' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutLine'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutJoin'\">\n                <ng-container *ngIf=\"item.Type === 'HorizontalJoin'; else verticalJoin\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                selector: 'bsu-ly-horizontal-layout',\n                                name: 'LyLayoutHorizontalComponent'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\n                </ng-container>\n                <ng-template #verticalJoin>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                selector: 'bsu-ly-vertical-layout',\n                                name: 'LyLayoutVerticalComponent'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\n                </ng-template>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutControl'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: {\n                            $implicit: item,\n                            selector: 'bsu-layout-control',\n                            name: 'LayoutControlComponent'\n                        }\n                    \"\n                ></ng-container>\n                <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\n            </ng-container>\n        </ng-container>\n    </ng-container>\n    <ng-template #dynamicLayout let-config let-selector=\"selector\" let-name=\"name\">\n        <bnrc-dynamic-layout\n            [config]=\"config\"\n            [selector]=\"selector\"\n            [name]=\"name\"\n            [module]=\"'BarsaSapUi'\"\n            [moduleFileName]=\"'BarsaSapUi'\"\n            [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n            [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n            [isSearchPanel]=\"isSearchPanel\"\n        >\n        </bnrc-dynamic-layout>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:block}\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LyTabPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: { renderItems: "renderItems", tablist: "tablist" }, host: { properties: { "style.flex": "this.flex", "attr.title": "this.title", "class": "this._classes" } }, providers: [LayoutService], viewQueries: [{ propertyName: "vcr", first: true, predicate: ["placeholder"], descendants: true, read: ViewContainerRef }, { propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\n    <ng-container *ngFor=\"let item of config | filterToolbarControl\">\n        <ng-container [ngSwitch]=\"item.xtype\">\n            <ng-container *ngSwitchCase=\"'Ly.LayoutTabPanel'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-tab-container' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutPanel'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-layout-panel' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutContainer'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: {\n                            $implicit: item,\n                            name: 'LyLayoutContainerComponent',\n                            selector: 'bsu-ly-layout-container'\n                        }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.EmptySpace'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.SimpleLabel'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LySimpleLabelComponent', selector: 'bsu-ly-simple-label' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutLine'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutJoin'\">\n                <ng-container *ngIf=\"item.Type === 'HorizontalJoin'; else verticalJoin\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                selector: 'bsu-ly-horizontal-layout',\n                                name: 'LyLayoutHorizontalComponent'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\n                </ng-container>\n                <ng-template #verticalJoin>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                selector: 'bsu-ly-vertical-layout',\n                                name: 'LyLayoutVerticalComponent'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\n                </ng-template>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutControl'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: {\n                            $implicit: item,\n                            selector: 'bsu-layout-control',\n                            name: 'LayoutControlComponent'\n                        }\n                    \"\n                ></ng-container>\n                <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\n            </ng-container>\n        </ng-container>\n    </ng-container>\n    <ng-template #dynamicLayout let-config let-selector=\"selector\" let-name=\"name\">\n        <bnrc-dynamic-layout\n            [config]=\"config\"\n            [selector]=\"selector\"\n            [name]=\"name\"\n            [module]=\"'BarsaSapUi'\"\n            [moduleFileName]=\"'BarsaSapUi'\"\n            [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n            [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n            [isSearchPanel]=\"isSearchPanel\"\n        >\n        </bnrc-dynamic-layout>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:block}\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LyTabPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ly-tab-page', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<ng-container *untilInView=\"el\">\n    <ng-container *ngFor=\"let item of config | filterToolbarControl\">\n        <ng-container [ngSwitch]=\"item.xtype\">\n            <ng-container *ngSwitchCase=\"'Ly.LayoutTabPanel'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-tab-container' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutPanel'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-layout-panel' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutContainer'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: {\n                            $implicit: item,\n                            name: 'LyLayoutContainerComponent',\n                            selector: 'bsu-ly-layout-container'\n                        }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.EmptySpace'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.SimpleLabel'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LySimpleLabelComponent', selector: 'bsu-ly-simple-label' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutLine'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\n                    \"\n                ></ng-container>\n                <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutJoin'\">\n                <ng-container *ngIf=\"item.Type === 'HorizontalJoin'; else verticalJoin\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                selector: 'bsu-ly-horizontal-layout',\n                                name: 'LyLayoutHorizontalComponent'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\n                </ng-container>\n                <ng-template #verticalJoin>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                selector: 'bsu-ly-vertical-layout',\n                                name: 'LyLayoutVerticalComponent'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\n                </ng-template>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'Ly.LayoutControl'\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        dynamicLayout;\n                        context: {\n                            $implicit: item,\n                            selector: 'bsu-layout-control',\n                            name: 'LayoutControlComponent'\n                        }\n                    \"\n                ></ng-container>\n                <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\n            </ng-container>\n        </ng-container>\n    </ng-container>\n    <ng-template #dynamicLayout let-config let-selector=\"selector\" let-name=\"name\">\n        <bnrc-dynamic-layout\n            [config]=\"config\"\n            [selector]=\"selector\"\n            [name]=\"name\"\n            [module]=\"'BarsaSapUi'\"\n            [moduleFileName]=\"'BarsaSapUi'\"\n            [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n            [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n            [isSearchPanel]=\"isSearchPanel\"\n        >\n        </bnrc-dynamic-layout>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:block}\n"] }]
@@ -7731,6 +7734,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }], title: [{
                 type: HostBinding,
                 args: ['attr.title']
+            }], _classes: [{
+                type: HostBinding,
+                args: ['class']
             }], viewRef: [{
                 type: ViewChild,
                 args: ['viewRefTemplate', { read: ViewContainerRef, static: true }]
@@ -9304,10 +9310,10 @@ class UiFormPanelComponent extends FormBaseComponent {
     }
 }
 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-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as 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    </div>\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]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | 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]=\"layout94$ | 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\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.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: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { 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", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\" #containerDiv>\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n            [parentDom]=\"containerDiv\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as 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    </div>\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]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | 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]=\"layout94$ | 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\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.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: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { 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", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { 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-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as 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    </div>\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]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | 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]=\"layout94$ | 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\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
+            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-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\" #containerDiv>\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n            [parentDom]=\"containerDiv\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as 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    </div>\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]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | 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]=\"layout94$ | 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\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.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
@@ -11251,10 +11257,10 @@ class UiSimpleComboComponent extends FieldBaseComponent {
     }
 }
 UiSimpleComboComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiSimpleComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiSimpleComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiSimpleComboComponent, selector: "bsu-ui-simple-combo", inputs: { MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-select\r\n    style=\"width: 100%\"\r\n    [placeholder]=\"'Select' | bbbTranslate\"\r\n    [value]=\"value\"\r\n    [mobile]=\"(deviceSize$ | async) === 's'\"\r\n    [mobileConfig]=\"mobileConfig\"\r\n    (valueChange)=\"onValueChange($event)\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n    [disabled]=\"(disable$ | async) === true ? true : false\"\r\n>\r\n    <fd-option\r\n        *ngFor=\"let item of context.store.data[context.store.root] | filter: { IsEmpty: false }\"\r\n        [value]=\"item.id\"\r\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n        [class.control-disabled]=\"item.IsEmpty\"\r\n    >\r\n        <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n        {{ item.txt | bbbTranslate }}\r\n    </fd-option>\r\n</fd-select>\r\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\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: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$3.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i3$3.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.FilterPipe, name: "filter" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiSimpleComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiSimpleComboComponent, selector: "bsu-ui-simple-combo", inputs: { MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-select\n    style=\"width: 100%\"\n    [placeholder]=\"'Select' | bbbTranslate\"\n    [value]=\"value\"\n    [mobile]=\"(deviceSize$ | async) === 's'\"\n    [mobileConfig]=\"mobileConfig\"\n    (valueChange)=\"onValueChange($event)\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\n    [readonly]=\"(readonly$ | async) === true ? true : false\"\n    [disabled]=\"(disable$ | async) === true ? true : false\"\n>\n    <fd-option\n        *ngFor=\"let item of context.store.data[context.store.root]\"\n        [value]=\"item.id\"\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n        [class.control-disabled]=\"item.IsEmpty\"\n    >\n        <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n        {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\n    </fd-option>\n</fd-select>\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\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: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$3.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i3$3.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiSimpleComboComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-simple-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-select\r\n    style=\"width: 100%\"\r\n    [placeholder]=\"'Select' | bbbTranslate\"\r\n    [value]=\"value\"\r\n    [mobile]=\"(deviceSize$ | async) === 's'\"\r\n    [mobileConfig]=\"mobileConfig\"\r\n    (valueChange)=\"onValueChange($event)\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n    [disabled]=\"(disable$ | async) === true ? true : false\"\r\n>\r\n    <fd-option\r\n        *ngFor=\"let item of context.store.data[context.store.root] | filter: { IsEmpty: false }\"\r\n        [value]=\"item.id\"\r\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n        [class.control-disabled]=\"item.IsEmpty\"\r\n    >\r\n        <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n        {{ item.txt | bbbTranslate }}\r\n    </fd-option>\r\n</fd-select>\r\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"] }]
+            args: [{ selector: 'bsu-ui-simple-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-select\n    style=\"width: 100%\"\n    [placeholder]=\"'Select' | bbbTranslate\"\n    [value]=\"value\"\n    [mobile]=\"(deviceSize$ | async) === 's'\"\n    [mobileConfig]=\"mobileConfig\"\n    (valueChange)=\"onValueChange($event)\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\n    [readonly]=\"(readonly$ | async) === true ? true : false\"\n    [disabled]=\"(disable$ | async) === true ? true : false\"\n>\n    <fd-option\n        *ngFor=\"let item of context.store.data[context.store.root]\"\n        [value]=\"item.id\"\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n        [class.control-disabled]=\"item.IsEmpty\"\n    >\n        <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n        {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\n    </fd-option>\n</fd-select>\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"] }]
         }], propDecorators: { MinSize: [{
                 type: Input
             }] } });
@@ -11487,10 +11493,10 @@ 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, ngImport: i0, template: "<fd-dynamic-page [size]=\"deviceSize | dynamicPageSize\">\n    <fd-tab-list [stackContent]=\"true\" *ngIf=\"moDataList?.length; else noData\">\n        <fd-tab\n            *ngFor=\"let tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox; let index = index\"\n            [title]=\"tab.key\"\n            [id]=\"'h_' + index\"\n        >\n            <fd-dynamic-page-content>\n                <h4 fd-title [id]=\"'h_' + index + '_h'\">{{ tab.key }}</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: ["::ng-deep .fd-container.card-list{padding:0!important}::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: i7$6.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i7$6.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: i15.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i15.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.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, ngImport: i0, template: "<fd-dynamic-page [size]=\"deviceSize | dynamicPageSize\">\n    <fd-tab-list [stackContent]=\"true\" *ngIf=\"moDataList?.length; else noData\">\n        <fd-tab\n            *ngFor=\"let tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox; let index = index\"\n            [title]=\"tab.key\"\n            [id]=\"'h_' + index\"\n        >\n            <fd-dynamic-page-content>\n                <h4 fd-title [id]=\"'h_' + index + '_h'\">{{ tab.key }}</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: i7$6.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i7$6.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: i15.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i15.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.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 [stackContent]=\"true\" *ngIf=\"moDataList?.length; else noData\">\n        <fd-tab\n            *ngFor=\"let tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox; let index = index\"\n            [title]=\"tab.key\"\n            [id]=\"'h_' + index\"\n        >\n            <fd-dynamic-page-content>\n                <h4 fd-title [id]=\"'h_' + index + '_h'\">{{ tab.key }}</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: ["::ng-deep .fd-container.card-list{padding:0!important}::ng-deep .footer-spacer{display:none!important}\n"] }]
+            args: [{ selector: 'bsu-ui-card-view-horizontal-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dynamic-page [size]=\"deviceSize | dynamicPageSize\">\n    <fd-tab-list [stackContent]=\"true\" *ngIf=\"moDataList?.length; else noData\">\n        <fd-tab\n            *ngFor=\"let tab of moDataList | groupBy: groupby[0].Name | reverse: isFirefox; let index = index\"\n            [title]=\"tab.key\"\n            [id]=\"'h_' + index\"\n        >\n            <fd-dynamic-page-content>\n                <h4 fd-title [id]=\"'h_' + index + '_h'\">{{ tab.key }}</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"] }]
         }], propDecorators: { dynamicPage: [{
                 type: ViewChild,
                 args: [DynamicPageComponent, { static: true }]