barsa-sap-ui 1.0.445 → 1.0.447

package/fesm2015/barsa-sap-ui.mjs

@@ -53,7 +53,7 @@ import * as i7$4 from '@fundamental-ngx/core/notification';
 import * as i2$4 from '@fundamental-ngx/core/action-sheet';
 import * as i4$5 from '@fundamental-ngx/core/radio';
 import * as i2$5 from '@angular/router';
-import { RouterModule } from '@angular/router';
+import { RouterModule, Router, ActivatedRoute } from '@angular/router';
 import * as i6$5 from '@fundamental-ngx/core/breadcrumb';
 import * as i9$2 from '@fundamental-ngx/core/dynamic-page';
 import * as i10$1 from '@fundamental-ngx/core/dynamic-side-content';
@@ -921,10 +921,10 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
     }
 }
 LayoutControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LayoutControlComponent, deps: [{ token: i2.FormPanelService }, { token: i0.ElementRef }, { token: i1$1.ContentDensityService }, { token: i1$2.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i2.BbbTranslatePipe }], target: i0.ɵɵFactoryTarget.Component });
-LayoutControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isChekbox": "this.isCheckbox", "attr.isButton": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!hide\">\n    <ng-container *ngIf=\"labelVisible\">\n        <bsu-ly-label\n            [attr.labelWidth]=\"labelWidth\"\n            [attrRtl]\n            [class.no-padding]=\"config.Padding[0] === 0\"\n            [config]=\"config\"\n            [caption]=\"labelCaption\"\n            [originalWidth]=\"labelWidth\"\n            [style.min-width]=\"\n                config.CaptionSetting?.AlignMode === 'AutoSize'\n                    ? 'auto'\n                    : isColumnDirection || isColumnReverseDirection\n                    ? '100%'\n                    : maxLabelWidth + 'px'\n            \"\n            [style.width]=\"\n                config.CaptionSetting?.AlignMode === 'AutoSize'\n                    ? 'auto'\n                    : isColumnDirection || isColumnReverseDirection\n                    ? '100%'\n                    : maxLabelWidth + 'px'\n            \"\n            [isMandatory]=\"isMandatory\"\n            [fieldIcon]=\"fieldIcon\"\n            [originalXtype]=\"originalXtype\"\n            [textVisible]=\"textVisible\"\n            [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\n        ></bsu-ly-label>\n    </ng-container>\n    <label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\n    <bnrc-field-ui\n        [attr.xtype]=\"config.FieldUi.originalXtype\"\n        [attr.fieldWidth]=\"layoutControlWidth\"\n        [attr.isCheckbox]=\"isCheckbox\"\n        [style.flex-grow]=\"isCheckbox ? 1 : 0\"\n        [class.no-padding]=\"config.Padding[0] === 0\"\n        [customField]=\"config.FieldUi\"\n        [layoutInfo]=\"config\"\n        [inlineEdit]=\"inlineEdit\"\n        [formHeight]=\"(formHeight$ | async)!!\"\n        [focusControl]=\"focusControl\"\n        [isSearchPanel]=\"isSearchPanel\"\n        [style.height]=\"isUlv ? '100%' : 'auto'\"\n        [attr.isulv]=\"isUlv\"\n    ></bnrc-field-ui>\n</ng-container>\n", styles: [":host{width:100%;display:flex}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bnrc-field-ui{padding:0 5px;margin:auto}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}bnrc-field-ui{height:auto}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "componentUi", "layoutInfo", "inlineEdit", "focusControl", "formHeight"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: LyLabelComponent, selector: "bsu-ly-label", inputs: ["originalWidth", "minWidth", "caption", "captionIcon", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LayoutControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isChekbox": "this.isCheckbox", "attr.isButton": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!hide\">\r\n    <ng-container *ngIf=\"labelVisible\">\r\n        <bsu-ly-label\r\n            [attr.labelWidth]=\"labelWidth\"\r\n            [attrRtl]\r\n            [class.no-padding]=\"config.Padding[0] === 0\"\r\n            [config]=\"config\"\r\n            [caption]=\"labelCaption\"\r\n            [originalWidth]=\"labelWidth\"\r\n            [style.min-width]=\"\r\n                config.CaptionSetting?.AlignMode === 'AutoSize'\r\n                    ? 'auto'\r\n                    : isColumnDirection || isColumnReverseDirection\r\n                    ? '100%'\r\n                    : maxLabelWidth + 'px'\r\n            \"\r\n            [style.width]=\"\r\n                config.CaptionSetting?.AlignMode === 'AutoSize'\r\n                    ? 'auto'\r\n                    : isColumnDirection || isColumnReverseDirection\r\n                    ? '100%'\r\n                    : maxLabelWidth + 'px'\r\n            \"\r\n            [isMandatory]=\"isMandatory\"\r\n            [fieldIcon]=\"fieldIcon\"\r\n            [originalXtype]=\"originalXtype\"\r\n            [textVisible]=\"textVisible\"\r\n            [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n        ></bsu-ly-label>\r\n    </ng-container>\r\n    <label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n    <bnrc-field-ui\r\n        [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n        [attr.fieldWidth]=\"layoutControlWidth\"\r\n        [attr.isCheckbox]=\"isCheckbox\"\r\n        [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n        [class.no-padding]=\"config.Padding[0] === 0\"\r\n        [customField]=\"config.FieldUi\"\r\n        [layoutInfo]=\"config\"\r\n        [inlineEdit]=\"inlineEdit\"\r\n        [formHeight]=\"(formHeight$ | async)!!\"\r\n        [focusControl]=\"focusControl\"\r\n        [isSearchPanel]=\"isSearchPanel\"\r\n        [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n        [attr.isulv]=\"isUlv\"\r\n    ></bnrc-field-ui>\r\n</ng-container>\r\n", styles: [":host{width:100%;display:flex}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bnrc-field-ui{padding:0 5px;margin:auto}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}bnrc-field-ui{height:auto}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "componentUi", "layoutInfo", "inlineEdit", "focusControl", "formHeight"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: LyLabelComponent, selector: "bsu-ly-label", inputs: ["originalWidth", "minWidth", "caption", "captionIcon", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LayoutControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-layout-control', providers: [LayoutService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!hide\">\n    <ng-container *ngIf=\"labelVisible\">\n        <bsu-ly-label\n            [attr.labelWidth]=\"labelWidth\"\n            [attrRtl]\n            [class.no-padding]=\"config.Padding[0] === 0\"\n            [config]=\"config\"\n            [caption]=\"labelCaption\"\n            [originalWidth]=\"labelWidth\"\n            [style.min-width]=\"\n                config.CaptionSetting?.AlignMode === 'AutoSize'\n                    ? 'auto'\n                    : isColumnDirection || isColumnReverseDirection\n                    ? '100%'\n                    : maxLabelWidth + 'px'\n            \"\n            [style.width]=\"\n                config.CaptionSetting?.AlignMode === 'AutoSize'\n                    ? 'auto'\n                    : isColumnDirection || isColumnReverseDirection\n                    ? '100%'\n                    : maxLabelWidth + 'px'\n            \"\n            [isMandatory]=\"isMandatory\"\n            [fieldIcon]=\"fieldIcon\"\n            [originalXtype]=\"originalXtype\"\n            [textVisible]=\"textVisible\"\n            [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\n        ></bsu-ly-label>\n    </ng-container>\n    <label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\n    <bnrc-field-ui\n        [attr.xtype]=\"config.FieldUi.originalXtype\"\n        [attr.fieldWidth]=\"layoutControlWidth\"\n        [attr.isCheckbox]=\"isCheckbox\"\n        [style.flex-grow]=\"isCheckbox ? 1 : 0\"\n        [class.no-padding]=\"config.Padding[0] === 0\"\n        [customField]=\"config.FieldUi\"\n        [layoutInfo]=\"config\"\n        [inlineEdit]=\"inlineEdit\"\n        [formHeight]=\"(formHeight$ | async)!!\"\n        [focusControl]=\"focusControl\"\n        [isSearchPanel]=\"isSearchPanel\"\n        [style.height]=\"isUlv ? '100%' : 'auto'\"\n        [attr.isulv]=\"isUlv\"\n    ></bnrc-field-ui>\n</ng-container>\n", styles: [":host{width:100%;display:flex}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bnrc-field-ui{padding:0 5px;margin:auto}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}bnrc-field-ui{height:auto}}\n"] }]
+            args: [{ selector: 'bsu-layout-control', providers: [LayoutService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!hide\">\r\n    <ng-container *ngIf=\"labelVisible\">\r\n        <bsu-ly-label\r\n            [attr.labelWidth]=\"labelWidth\"\r\n            [attrRtl]\r\n            [class.no-padding]=\"config.Padding[0] === 0\"\r\n            [config]=\"config\"\r\n            [caption]=\"labelCaption\"\r\n            [originalWidth]=\"labelWidth\"\r\n            [style.min-width]=\"\r\n                config.CaptionSetting?.AlignMode === 'AutoSize'\r\n                    ? 'auto'\r\n                    : isColumnDirection || isColumnReverseDirection\r\n                    ? '100%'\r\n                    : maxLabelWidth + 'px'\r\n            \"\r\n            [style.width]=\"\r\n                config.CaptionSetting?.AlignMode === 'AutoSize'\r\n                    ? 'auto'\r\n                    : isColumnDirection || isColumnReverseDirection\r\n                    ? '100%'\r\n                    : maxLabelWidth + 'px'\r\n            \"\r\n            [isMandatory]=\"isMandatory\"\r\n            [fieldIcon]=\"fieldIcon\"\r\n            [originalXtype]=\"originalXtype\"\r\n            [textVisible]=\"textVisible\"\r\n            [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n        ></bsu-ly-label>\r\n    </ng-container>\r\n    <label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n    <bnrc-field-ui\r\n        [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n        [attr.fieldWidth]=\"layoutControlWidth\"\r\n        [attr.isCheckbox]=\"isCheckbox\"\r\n        [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n        [class.no-padding]=\"config.Padding[0] === 0\"\r\n        [customField]=\"config.FieldUi\"\r\n        [layoutInfo]=\"config\"\r\n        [inlineEdit]=\"inlineEdit\"\r\n        [formHeight]=\"(formHeight$ | async)!!\"\r\n        [focusControl]=\"focusControl\"\r\n        [isSearchPanel]=\"isSearchPanel\"\r\n        [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n        [attr.isulv]=\"isUlv\"\r\n    ></bnrc-field-ui>\r\n</ng-container>\r\n", styles: [":host{width:100%;display:flex}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bnrc-field-ui{padding:0 5px;margin:auto}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}bnrc-field-ui{height:auto}}\n"] }]
         }], ctorParameters: function () { return [{ type: i2.FormPanelService }, { type: i0.ElementRef }, { type: i1$1.ContentDensityService }, { type: i1$2.DomSanitizer }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i2.BbbTranslatePipe }]; }, propDecorators: { tempLabelRef: [{
                 type: ViewChild,
                 args: ['tempLabelRef', { read: ElementRef, static: true }]
@@ -1758,7 +1758,7 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
                 }
             });
         }));
-        this._ulvMainService.inlineEditMode$.pipe(withLatestFrom(this.hasSelected$), filter(([_, __]) => this._access.Add !== false));
+        this._ulvMainService.inlineEditMode$.pipe(withLatestFrom(this.hasSelected$), filter(() => this._access.Add !== false));
         this._setContainerWidth();
     }
     ngOnDestroy() {
@@ -2127,7 +2127,7 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
     }
     _rowCheck(mo, index, selected = false) {
         const editMode = this._inlineEditMode && this._allowInlineEdit;
-        if (mo.$IsChecked && editMode) {
+        if (mo.$IsChecked) {
             return;
         }
         let selectionMode = this.selectionMode;
@@ -2373,10 +2373,10 @@ class UlvToolbarComponent extends BaseComponent {
     }
 }
 UlvToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvToolbarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-UlvToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: { allowGridColumnSort: "allowGridColumnSort", useLayoutItemTextForControl: "useLayoutItemTextForControl", enableSearch: "enableSearch", hideTitle: "hideTitle", title: "title", deviceName: "deviceName", deviceSize: "deviceSize", access: "access", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", contentDensity: "contentDensity", inlineEditMode: "inlineEditMode", allowInlineEdit: "allowInlineEdit", gridSetting: "gridSetting", viewCollection: "viewCollection", reportView: "reportView", inDialog: "inDialog", isMultiSelect: "isMultiSelect", hasSelected: "hasSelected", config: "config", hidden: "hidden", buttons: "buttons", moDataListCount: "moDataListCount" }, outputs: { search: "search", groupbyClick: "groupbyClick", sortClick: "sortClick", columnClick: "columnClick", editModeClick: "editModeClick", viewClick: "viewClick", createNewInlineMo: "createNewInlineMo" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-toolbar\n    #toolbar\n    [shouldOverflow]=\"deviceSize === 's'\"\n    [ngClass]=\"deviceSize\"\n    [hasTitle]=\"!hideTitle\"\n    [forceOverflow]=\"false\"\n    [title]=\"!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''\"\n    *ngIf=\"!useLayoutItemTextForControl && !hideToolbar\"\n>\n    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\" fd-toolbar-item></fd-toolbar-spacer>\n\n    <ng-container *ngIf=\"!hideToolbar\">\n        <ng-container *ngFor=\"let btn of toolbarButtons; trackBy: _trackBy; let i = index\">\n            <button\n                *ngIf=\"btn !== '-' && btn.Command && !btn.Command.CustomUi && !btn.menu\"\n                fd-button\n                fd-toolbar-item\n                [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\n                [ulvCommandHandler]=\"btn\"\n                [disable]=\"inlineEditMode && btn.itemId === 'New'\"\n                [disabled]=\"btn.Command._isEnable === false ? true : false\"\n                [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\n                [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\n                [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\n                (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\n                bodyClick\n            >\n                <img\n                    *ngIf=\"!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon\"\n                    width=\"16\"\n                    [src]=\"btn.icon\"\n                />\n                <span *ngIf=\"!btn.hideText || deviceSize === 's'\">{{ btn.text | bbbTranslate }}</span>\n            </button>\n            <fd-toolbar-separator\n                fd-toolbar-item\n                *ngIf=\"(btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile'\"\n            ></fd-toolbar-separator>\n\n            <button\n                *ngIf=\"btn.menu\"\n                fd-button\n                fd-toolbar-item\n                [fdMenu]=\"true\"\n                [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\n                [label]=\"btn.text | bbbTranslate\"\n                [ariaLabel]=\"btn.text | bbbTranslate\"\n                [fdMenuTrigger]=\"menu\"\n                bodyClick\n            >\n                <fd-menu #menu>\n                    <li\n                        fd-menu-item\n                        *ngFor=\"let btnCommand of btn.menu.items\"\n                        [ulvCommandHandler]=\"btnCommand\"\n                        (click)=\"menu.close()\"\n                    >\n                        <div fd-menu-interactive>\n                            <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </button>\n\n            <bnrc-dynamic-form-toolbaritem\n                *ngIf=\"btn !== '-' && btn.Command && btn.Command.CustomUi\"\n                fd-toolbar-item\n                [ulvCommandHandler]=\"btn\"\n                [component]=\"btn.Command?.CustomUi\"\n                [context]=\"btn\"\n                [isEnable]=\"btn.Command?._isEnable\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                bodyClick\n            ></bnrc-dynamic-form-toolbaritem>\n        </ng-container>\n        <ng-content select=\"[fd-toolbar-item]\"></ng-content>\n        <button\n            *ngIf=\"allowInlineEdit && access?.Edit\"\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\n            [glyph]=\"'edit'\"\n            [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\n            (click)=\"onEditMode()\"\n            [attr.fdOverflowPriority]=\"'always'\"\n            [title]=\"'Inline Edit In List' | bbbTranslate\"\n            bodyClick\n        ></button>\n        <ng-container *ngIf=\"gridSetting && gridSetting.Hidden !== true && allowGridColumnSort\">\n            <ng-container *ngIf=\"deviceSize === 's'\">\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [contentDensity]=\"contentDensity\"\n                    fdType=\"transparent\"\n                    [attr.fdOverflowPriority]=\"'always'\"\n                    (click)=\"onGroupbySettings()\"\n                    [label]=\"'Groups' | bbbTranslate\"\n                    bodyClick\n                ></button>\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [contentDensity]=\"contentDensity\"\n                    fdType=\"transparent\"\n                    [attr.fdOverflowPriority]=\"'always'\"\n                    (click)=\"onSortSettings()\"\n                    [label]=\"'Sort' | bbbTranslate\"\n                    bodyClick\n                ></button>\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [contentDensity]=\"contentDensity\"\n                    fdType=\"transparent\"\n                    [attr.fdOverflowPriority]=\"'always'\"\n                    (click)=\"onColumnSettings()\"\n                    [label]=\"'Columns' | bbbTranslate\"\n                    bodyClick\n                ></button>\n            </ng-container>\n\n            <button\n                *ngIf=\"deviceSize !== 's'\"\n                fd-button\n                fd-toolbar-item\n                [attr.fdOverflowPriority]=\"'never'\"\n                [fdMenu]=\"true\"\n                fdType=\"transparent\"\n                glyph=\"action-settings\"\n                [title]=\"'Settings' | bbbTranslate\"\n                [fdMenuTrigger]=\"tableMenuSettings\"\n                bodyClick\n            ></button>\n\n            <fd-menu #tableMenuSettings>\n                <li fd-menu-item>\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\n                        <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\n                        <span fd-menu-title>\n                            {{ 'Columns' | bbbTranslate }}\n                        </span>\n                    </div>\n                </li>\n                <li fd-menu-item>\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\n                        <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\n                        <span fd-menu-title>\n                            {{ 'Sort' | bbbTranslate }}\n                        </span>\n                    </div>\n                </li>\n                <li fd-menu-item>\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\n                        <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\n                        <span fd-menu-title>\n                            {{ 'Groups' | bbbTranslate }}\n                        </span>\n                    </div>\n                </li>\n            </fd-menu>\n        </ng-container>\n        <fd-split-button\n            *ngIf=\"viewCollection && viewCollection.length > 1\"\n            fd-toolbar-item\n            [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\n            [fdType]=\"'transparent'\"\n            [mainAction]=\"{\n                keepMainAction: true,\n                mainActionTitle: splitBtnTitle\n            }\"\n        >\n            <fd-menu>\n                <li fd-menu-item *ngFor=\"let viewObject of viewCollection\">\n                    <div fd-menu-interactive (click)=\"onChangeView(viewObject)\">\n                        <span fd-menu-title>\n                            <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\n                        </span>\n                    </div>\n                </li>\n            </fd-menu>\n        </fd-split-button>\n        <ng-template #splitBtnTitle>\n            <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\n        </ng-template>\n        <ng-template #splitBtnSettings>\n            <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\n        </ng-template>\n    </ng-container>\n</fd-toolbar>\n", styles: [":host{display:block;width:100%;position:relative}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\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: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.UlvCommandDirective, selector: "[ulvCommandHandler]", inputs: ["ulvCommandHandler", "disable"], outputs: ["commandClick"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i6$3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i6$3.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$3.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$3.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i6$4.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "disabled", "mainActionTitle", "fdType", "expandButtonAriaLabel", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i7$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: "component", type: i7$1.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "directive", type: i7$1.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UlvToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: { allowGridColumnSort: "allowGridColumnSort", useLayoutItemTextForControl: "useLayoutItemTextForControl", enableSearch: "enableSearch", hideTitle: "hideTitle", title: "title", deviceName: "deviceName", deviceSize: "deviceSize", access: "access", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", contentDensity: "contentDensity", inlineEditMode: "inlineEditMode", allowInlineEdit: "allowInlineEdit", gridSetting: "gridSetting", viewCollection: "viewCollection", reportView: "reportView", inDialog: "inDialog", isMultiSelect: "isMultiSelect", hasSelected: "hasSelected", config: "config", hidden: "hidden", buttons: "buttons", moDataListCount: "moDataListCount" }, outputs: { search: "search", groupbyClick: "groupbyClick", sortClick: "sortClick", columnClick: "columnClick", editModeClick: "editModeClick", viewClick: "viewClick", createNewInlineMo: "createNewInlineMo" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-toolbar\r\n    #toolbar\r\n    [shouldOverflow]=\"deviceSize === 's'\"\r\n    [ngClass]=\"deviceSize\"\r\n    [hasTitle]=\"!hideTitle\"\r\n    [forceOverflow]=\"false\"\r\n    [title]=\"!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''\"\r\n    *ngIf=\"!useLayoutItemTextForControl && !hideToolbar\"\r\n>\r\n    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\" fd-toolbar-item></fd-toolbar-spacer>\r\n\r\n    <ng-container *ngIf=\"!hideToolbar\">\r\n        <ng-container *ngFor=\"let btn of toolbarButtons; trackBy: _trackBy; let i = index\">\r\n            <button\r\n                *ngIf=\"btn !== '-' && btn.Command && !btn.Command.CustomUi && !btn.menu\"\r\n                fd-button\r\n                fd-toolbar-item\r\n                [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\r\n                [ulvCommandHandler]=\"btn\"\r\n                [disable]=\"inlineEditMode && btn.itemId === 'New'\"\r\n                [disabled]=\"btn.Command._isEnable === false ? true : false\"\r\n                [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\r\n                [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\r\n                [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\r\n                (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\r\n                bodyClick\r\n            >\r\n                <img\r\n                    *ngIf=\"!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon\"\r\n                    width=\"16\"\r\n                    [src]=\"btn.icon\"\r\n                />\r\n                <span *ngIf=\"!btn.hideText || deviceSize === 's'\">{{ btn.text | bbbTranslate }}</span>\r\n            </button>\r\n            <fd-toolbar-separator\r\n                fd-toolbar-item\r\n                *ngIf=\"(btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile'\"\r\n            ></fd-toolbar-separator>\r\n\r\n            <button\r\n                *ngIf=\"btn.menu\"\r\n                fd-button\r\n                fd-toolbar-item\r\n                [fdMenu]=\"true\"\r\n                [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\r\n                [label]=\"btn.text | bbbTranslate\"\r\n                [ariaLabel]=\"btn.text | bbbTranslate\"\r\n                [fdMenuTrigger]=\"menu\"\r\n                bodyClick\r\n            >\r\n                <fd-menu #menu>\r\n                    <li\r\n                        fd-menu-item\r\n                        *ngFor=\"let btnCommand of btn.menu.items\"\r\n                        [ulvCommandHandler]=\"btnCommand\"\r\n                        (click)=\"menu.close()\"\r\n                    >\r\n                        <div fd-menu-interactive>\r\n                            <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\r\n                        </div>\r\n                    </li>\r\n                </fd-menu>\r\n            </button>\r\n\r\n            <bnrc-dynamic-form-toolbaritem\r\n                *ngIf=\"btn !== '-' && btn.Command && btn.Command.CustomUi\"\r\n                fd-toolbar-item\r\n                [ulvCommandHandler]=\"btn\"\r\n                [component]=\"btn.Command?.CustomUi\"\r\n                [context]=\"btn\"\r\n                [isEnable]=\"btn.Command?._isEnable\"\r\n                [deviceName]=\"deviceName\"\r\n                [deviceSize]=\"deviceSize\"\r\n                bodyClick\r\n            ></bnrc-dynamic-form-toolbaritem>\r\n        </ng-container>\r\n        <ng-content select=\"[fd-toolbar-item]\"></ng-content>\r\n        <button\r\n            *ngIf=\"allowInlineEdit && access?.Edit\"\r\n            fd-button\r\n            fd-toolbar-item\r\n            [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\r\n            [glyph]=\"'edit'\"\r\n            [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\r\n            (click)=\"onEditMode()\"\r\n            [attr.fdOverflowPriority]=\"'always'\"\r\n            [title]=\"'Inline Edit In List' | bbbTranslate\"\r\n            bodyClick\r\n        ></button>\r\n        <ng-container *ngIf=\"gridSetting && gridSetting.Hidden !== true && allowGridColumnSort\">\r\n            <ng-container *ngIf=\"deviceSize === 's'\">\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [contentDensity]=\"contentDensity\"\r\n                    fdType=\"transparent\"\r\n                    [attr.fdOverflowPriority]=\"'always'\"\r\n                    (click)=\"onGroupbySettings()\"\r\n                    [label]=\"'Groups' | bbbTranslate\"\r\n                    bodyClick\r\n                ></button>\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [contentDensity]=\"contentDensity\"\r\n                    fdType=\"transparent\"\r\n                    [attr.fdOverflowPriority]=\"'always'\"\r\n                    (click)=\"onSortSettings()\"\r\n                    [label]=\"'Sort' | bbbTranslate\"\r\n                    bodyClick\r\n                ></button>\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [contentDensity]=\"contentDensity\"\r\n                    fdType=\"transparent\"\r\n                    [attr.fdOverflowPriority]=\"'always'\"\r\n                    (click)=\"onColumnSettings()\"\r\n                    [label]=\"'Columns' | bbbTranslate\"\r\n                    bodyClick\r\n                ></button>\r\n            </ng-container>\r\n\r\n            <button\r\n                *ngIf=\"deviceSize !== 's'\"\r\n                fd-button\r\n                fd-toolbar-item\r\n                [attr.fdOverflowPriority]=\"'never'\"\r\n                [fdMenu]=\"true\"\r\n                fdType=\"transparent\"\r\n                glyph=\"action-settings\"\r\n                [title]=\"'Settings' | bbbTranslate\"\r\n                [fdMenuTrigger]=\"tableMenuSettings\"\r\n                bodyClick\r\n            ></button>\r\n\r\n            <fd-menu #tableMenuSettings>\r\n                <li fd-menu-item>\r\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\r\n                        <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\r\n                        <span fd-menu-title>\r\n                            {{ 'Columns' | bbbTranslate }}\r\n                        </span>\r\n                    </div>\r\n                </li>\r\n                <li fd-menu-item>\r\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\r\n                        <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\r\n                        <span fd-menu-title>\r\n                            {{ 'Sort' | bbbTranslate }}\r\n                        </span>\r\n                    </div>\r\n                </li>\r\n                <li fd-menu-item>\r\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\r\n                        <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\r\n                        <span fd-menu-title>\r\n                            {{ 'Groups' | bbbTranslate }}\r\n                        </span>\r\n                    </div>\r\n                </li>\r\n            </fd-menu>\r\n        </ng-container>\r\n        <fd-split-button\r\n            *ngIf=\"viewCollection && viewCollection.length > 1\"\r\n            fd-toolbar-item\r\n            [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\r\n            [fdType]=\"'transparent'\"\r\n            [mainAction]=\"{\r\n                keepMainAction: true,\r\n                mainActionTitle: splitBtnTitle\r\n            }\"\r\n        >\r\n            <fd-menu>\r\n                <li fd-menu-item *ngFor=\"let viewObject of viewCollection\">\r\n                    <div fd-menu-interactive (click)=\"onChangeView(viewObject)\">\r\n                        <span fd-menu-title>\r\n                            <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\r\n                        </span>\r\n                    </div>\r\n                </li>\r\n            </fd-menu>\r\n        </fd-split-button>\r\n        <ng-template #splitBtnTitle>\r\n            <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\r\n        </ng-template>\r\n        <ng-template #splitBtnSettings>\r\n            <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\r\n        </ng-template>\r\n    </ng-container>\r\n</fd-toolbar>\r\n", styles: [":host{display:block;width:100%;position:relative}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\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: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.UlvCommandDirective, selector: "[ulvCommandHandler]", inputs: ["ulvCommandHandler", "disable"], outputs: ["commandClick"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i6$3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i6$3.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$3.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$3.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i6$4.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "disabled", "mainActionTitle", "fdType", "expandButtonAriaLabel", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i7$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: "component", type: i7$1.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "directive", type: i7$1.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ulv-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-toolbar\n    #toolbar\n    [shouldOverflow]=\"deviceSize === 's'\"\n    [ngClass]=\"deviceSize\"\n    [hasTitle]=\"!hideTitle\"\n    [forceOverflow]=\"false\"\n    [title]=\"!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''\"\n    *ngIf=\"!useLayoutItemTextForControl && !hideToolbar\"\n>\n    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\" fd-toolbar-item></fd-toolbar-spacer>\n\n    <ng-container *ngIf=\"!hideToolbar\">\n        <ng-container *ngFor=\"let btn of toolbarButtons; trackBy: _trackBy; let i = index\">\n            <button\n                *ngIf=\"btn !== '-' && btn.Command && !btn.Command.CustomUi && !btn.menu\"\n                fd-button\n                fd-toolbar-item\n                [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\n                [ulvCommandHandler]=\"btn\"\n                [disable]=\"inlineEditMode && btn.itemId === 'New'\"\n                [disabled]=\"btn.Command._isEnable === false ? true : false\"\n                [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\n                [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\n                [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\n                (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\n                bodyClick\n            >\n                <img\n                    *ngIf=\"!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon\"\n                    width=\"16\"\n                    [src]=\"btn.icon\"\n                />\n                <span *ngIf=\"!btn.hideText || deviceSize === 's'\">{{ btn.text | bbbTranslate }}</span>\n            </button>\n            <fd-toolbar-separator\n                fd-toolbar-item\n                *ngIf=\"(btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile'\"\n            ></fd-toolbar-separator>\n\n            <button\n                *ngIf=\"btn.menu\"\n                fd-button\n                fd-toolbar-item\n                [fdMenu]=\"true\"\n                [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\n                [label]=\"btn.text | bbbTranslate\"\n                [ariaLabel]=\"btn.text | bbbTranslate\"\n                [fdMenuTrigger]=\"menu\"\n                bodyClick\n            >\n                <fd-menu #menu>\n                    <li\n                        fd-menu-item\n                        *ngFor=\"let btnCommand of btn.menu.items\"\n                        [ulvCommandHandler]=\"btnCommand\"\n                        (click)=\"menu.close()\"\n                    >\n                        <div fd-menu-interactive>\n                            <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\n                        </div>\n                    </li>\n                </fd-menu>\n            </button>\n\n            <bnrc-dynamic-form-toolbaritem\n                *ngIf=\"btn !== '-' && btn.Command && btn.Command.CustomUi\"\n                fd-toolbar-item\n                [ulvCommandHandler]=\"btn\"\n                [component]=\"btn.Command?.CustomUi\"\n                [context]=\"btn\"\n                [isEnable]=\"btn.Command?._isEnable\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                bodyClick\n            ></bnrc-dynamic-form-toolbaritem>\n        </ng-container>\n        <ng-content select=\"[fd-toolbar-item]\"></ng-content>\n        <button\n            *ngIf=\"allowInlineEdit && access?.Edit\"\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\n            [glyph]=\"'edit'\"\n            [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\n            (click)=\"onEditMode()\"\n            [attr.fdOverflowPriority]=\"'always'\"\n            [title]=\"'Inline Edit In List' | bbbTranslate\"\n            bodyClick\n        ></button>\n        <ng-container *ngIf=\"gridSetting && gridSetting.Hidden !== true && allowGridColumnSort\">\n            <ng-container *ngIf=\"deviceSize === 's'\">\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [contentDensity]=\"contentDensity\"\n                    fdType=\"transparent\"\n                    [attr.fdOverflowPriority]=\"'always'\"\n                    (click)=\"onGroupbySettings()\"\n                    [label]=\"'Groups' | bbbTranslate\"\n                    bodyClick\n                ></button>\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [contentDensity]=\"contentDensity\"\n                    fdType=\"transparent\"\n                    [attr.fdOverflowPriority]=\"'always'\"\n                    (click)=\"onSortSettings()\"\n                    [label]=\"'Sort' | bbbTranslate\"\n                    bodyClick\n                ></button>\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [contentDensity]=\"contentDensity\"\n                    fdType=\"transparent\"\n                    [attr.fdOverflowPriority]=\"'always'\"\n                    (click)=\"onColumnSettings()\"\n                    [label]=\"'Columns' | bbbTranslate\"\n                    bodyClick\n                ></button>\n            </ng-container>\n\n            <button\n                *ngIf=\"deviceSize !== 's'\"\n                fd-button\n                fd-toolbar-item\n                [attr.fdOverflowPriority]=\"'never'\"\n                [fdMenu]=\"true\"\n                fdType=\"transparent\"\n                glyph=\"action-settings\"\n                [title]=\"'Settings' | bbbTranslate\"\n                [fdMenuTrigger]=\"tableMenuSettings\"\n                bodyClick\n            ></button>\n\n            <fd-menu #tableMenuSettings>\n                <li fd-menu-item>\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\n                        <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\n                        <span fd-menu-title>\n                            {{ 'Columns' | bbbTranslate }}\n                        </span>\n                    </div>\n                </li>\n                <li fd-menu-item>\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\n                        <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\n                        <span fd-menu-title>\n                            {{ 'Sort' | bbbTranslate }}\n                        </span>\n                    </div>\n                </li>\n                <li fd-menu-item>\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\n                        <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\n                        <span fd-menu-title>\n                            {{ 'Groups' | bbbTranslate }}\n                        </span>\n                    </div>\n                </li>\n            </fd-menu>\n        </ng-container>\n        <fd-split-button\n            *ngIf=\"viewCollection && viewCollection.length > 1\"\n            fd-toolbar-item\n            [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\n            [fdType]=\"'transparent'\"\n            [mainAction]=\"{\n                keepMainAction: true,\n                mainActionTitle: splitBtnTitle\n            }\"\n        >\n            <fd-menu>\n                <li fd-menu-item *ngFor=\"let viewObject of viewCollection\">\n                    <div fd-menu-interactive (click)=\"onChangeView(viewObject)\">\n                        <span fd-menu-title>\n                            <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\n                        </span>\n                    </div>\n                </li>\n            </fd-menu>\n        </fd-split-button>\n        <ng-template #splitBtnTitle>\n            <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\n        </ng-template>\n        <ng-template #splitBtnSettings>\n            <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\n        </ng-template>\n    </ng-container>\n</fd-toolbar>\n", styles: [":host{display:block;width:100%;position:relative}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\n"] }]
+            args: [{ selector: 'bsu-ulv-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-toolbar\r\n    #toolbar\r\n    [shouldOverflow]=\"deviceSize === 's'\"\r\n    [ngClass]=\"deviceSize\"\r\n    [hasTitle]=\"!hideTitle\"\r\n    [forceOverflow]=\"false\"\r\n    [title]=\"!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''\"\r\n    *ngIf=\"!useLayoutItemTextForControl && !hideToolbar\"\r\n>\r\n    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\" fd-toolbar-item></fd-toolbar-spacer>\r\n\r\n    <ng-container *ngIf=\"!hideToolbar\">\r\n        <ng-container *ngFor=\"let btn of toolbarButtons; trackBy: _trackBy; let i = index\">\r\n            <button\r\n                *ngIf=\"btn !== '-' && btn.Command && !btn.Command.CustomUi && !btn.menu\"\r\n                fd-button\r\n                fd-toolbar-item\r\n                [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\r\n                [ulvCommandHandler]=\"btn\"\r\n                [disable]=\"inlineEditMode && btn.itemId === 'New'\"\r\n                [disabled]=\"btn.Command._isEnable === false ? true : false\"\r\n                [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\r\n                [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\r\n                [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\r\n                (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\r\n                bodyClick\r\n            >\r\n                <img\r\n                    *ngIf=\"!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon\"\r\n                    width=\"16\"\r\n                    [src]=\"btn.icon\"\r\n                />\r\n                <span *ngIf=\"!btn.hideText || deviceSize === 's'\">{{ btn.text | bbbTranslate }}</span>\r\n            </button>\r\n            <fd-toolbar-separator\r\n                fd-toolbar-item\r\n                *ngIf=\"(btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile'\"\r\n            ></fd-toolbar-separator>\r\n\r\n            <button\r\n                *ngIf=\"btn.menu\"\r\n                fd-button\r\n                fd-toolbar-item\r\n                [fdMenu]=\"true\"\r\n                [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\r\n                [label]=\"btn.text | bbbTranslate\"\r\n                [ariaLabel]=\"btn.text | bbbTranslate\"\r\n                [fdMenuTrigger]=\"menu\"\r\n                bodyClick\r\n            >\r\n                <fd-menu #menu>\r\n                    <li\r\n                        fd-menu-item\r\n                        *ngFor=\"let btnCommand of btn.menu.items\"\r\n                        [ulvCommandHandler]=\"btnCommand\"\r\n                        (click)=\"menu.close()\"\r\n                    >\r\n                        <div fd-menu-interactive>\r\n                            <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\r\n                        </div>\r\n                    </li>\r\n                </fd-menu>\r\n            </button>\r\n\r\n            <bnrc-dynamic-form-toolbaritem\r\n                *ngIf=\"btn !== '-' && btn.Command && btn.Command.CustomUi\"\r\n                fd-toolbar-item\r\n                [ulvCommandHandler]=\"btn\"\r\n                [component]=\"btn.Command?.CustomUi\"\r\n                [context]=\"btn\"\r\n                [isEnable]=\"btn.Command?._isEnable\"\r\n                [deviceName]=\"deviceName\"\r\n                [deviceSize]=\"deviceSize\"\r\n                bodyClick\r\n            ></bnrc-dynamic-form-toolbaritem>\r\n        </ng-container>\r\n        <ng-content select=\"[fd-toolbar-item]\"></ng-content>\r\n        <button\r\n            *ngIf=\"allowInlineEdit && access?.Edit\"\r\n            fd-button\r\n            fd-toolbar-item\r\n            [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\r\n            [glyph]=\"'edit'\"\r\n            [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\r\n            (click)=\"onEditMode()\"\r\n            [attr.fdOverflowPriority]=\"'always'\"\r\n            [title]=\"'Inline Edit In List' | bbbTranslate\"\r\n            bodyClick\r\n        ></button>\r\n        <ng-container *ngIf=\"gridSetting && gridSetting.Hidden !== true && allowGridColumnSort\">\r\n            <ng-container *ngIf=\"deviceSize === 's'\">\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [contentDensity]=\"contentDensity\"\r\n                    fdType=\"transparent\"\r\n                    [attr.fdOverflowPriority]=\"'always'\"\r\n                    (click)=\"onGroupbySettings()\"\r\n                    [label]=\"'Groups' | bbbTranslate\"\r\n                    bodyClick\r\n                ></button>\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [contentDensity]=\"contentDensity\"\r\n                    fdType=\"transparent\"\r\n                    [attr.fdOverflowPriority]=\"'always'\"\r\n                    (click)=\"onSortSettings()\"\r\n                    [label]=\"'Sort' | bbbTranslate\"\r\n                    bodyClick\r\n                ></button>\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [contentDensity]=\"contentDensity\"\r\n                    fdType=\"transparent\"\r\n                    [attr.fdOverflowPriority]=\"'always'\"\r\n                    (click)=\"onColumnSettings()\"\r\n                    [label]=\"'Columns' | bbbTranslate\"\r\n                    bodyClick\r\n                ></button>\r\n            </ng-container>\r\n\r\n            <button\r\n                *ngIf=\"deviceSize !== 's'\"\r\n                fd-button\r\n                fd-toolbar-item\r\n                [attr.fdOverflowPriority]=\"'never'\"\r\n                [fdMenu]=\"true\"\r\n                fdType=\"transparent\"\r\n                glyph=\"action-settings\"\r\n                [title]=\"'Settings' | bbbTranslate\"\r\n                [fdMenuTrigger]=\"tableMenuSettings\"\r\n                bodyClick\r\n            ></button>\r\n\r\n            <fd-menu #tableMenuSettings>\r\n                <li fd-menu-item>\r\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\r\n                        <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\r\n                        <span fd-menu-title>\r\n                            {{ 'Columns' | bbbTranslate }}\r\n                        </span>\r\n                    </div>\r\n                </li>\r\n                <li fd-menu-item>\r\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\r\n                        <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\r\n                        <span fd-menu-title>\r\n                            {{ 'Sort' | bbbTranslate }}\r\n                        </span>\r\n                    </div>\r\n                </li>\r\n                <li fd-menu-item>\r\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\r\n                        <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\r\n                        <span fd-menu-title>\r\n                            {{ 'Groups' | bbbTranslate }}\r\n                        </span>\r\n                    </div>\r\n                </li>\r\n            </fd-menu>\r\n        </ng-container>\r\n        <fd-split-button\r\n            *ngIf=\"viewCollection && viewCollection.length > 1\"\r\n            fd-toolbar-item\r\n            [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\r\n            [fdType]=\"'transparent'\"\r\n            [mainAction]=\"{\r\n                keepMainAction: true,\r\n                mainActionTitle: splitBtnTitle\r\n            }\"\r\n        >\r\n            <fd-menu>\r\n                <li fd-menu-item *ngFor=\"let viewObject of viewCollection\">\r\n                    <div fd-menu-interactive (click)=\"onChangeView(viewObject)\">\r\n                        <span fd-menu-title>\r\n                            <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\r\n                        </span>\r\n                    </div>\r\n                </li>\r\n            </fd-menu>\r\n        </fd-split-button>\r\n        <ng-template #splitBtnTitle>\r\n            <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\r\n        </ng-template>\r\n        <ng-template #splitBtnSettings>\r\n            <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\r\n        </ng-template>\r\n    </ng-container>\r\n</fd-toolbar>\r\n", styles: [":host{display:block;width:100%;position:relative}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { allowGridColumnSort: [{
                 type: Input
             }], useLayoutItemTextForControl: [{
@@ -3158,10 +3158,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", inputs: { isReportPage: "isReportPage", layoutInfo: "layoutInfo" }, usesInheritance: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\n    <bsu-barsa-asp-viewer\n        fillEmptySpace\n        [dontUseTopBound]=\"false\"\n        [height]=\"layoutInfo?.ControlBounds?.height\"\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", "height", "dontUseTopBound", "setMinHeight"] }, { kind: "component", type: BarsaAspViewerComponent, selector: "bsu-barsa-asp-viewer", inputs: ["context", "parentHeight", "isReportPage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiAspReportViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiAspReportViewerComponent, selector: "bsu-ui-asp-report-viewer", inputs: { isReportPage: "isReportPage", layoutInfo: "layoutInfo" }, usesInheritance: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\r\n    <bsu-barsa-asp-viewer\r\n        fillEmptySpace\r\n        [dontUseTopBound]=\"false\"\r\n        [height]=\"layoutInfo?.ControlBounds?.height\"\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: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"] }, { kind: "component", type: BarsaAspViewerComponent, selector: "bsu-barsa-asp-viewer", inputs: ["context", "parentHeight", "isReportPage"] }], 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\">\n    <bsu-barsa-asp-viewer\n        fillEmptySpace\n        [dontUseTopBound]=\"false\"\n        [height]=\"layoutInfo?.ControlBounds?.height\"\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"] }]
+            args: [{ selector: 'bsu-ui-asp-report-viewer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *untilInView=\"el\">\r\n    <bsu-barsa-asp-viewer\r\n        fillEmptySpace\r\n        [dontUseTopBound]=\"false\"\r\n        [height]=\"layoutInfo?.ControlBounds?.height\"\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"] }]
         }], propDecorators: { isReportPage: [{
                 type: Input
             }], layoutInfo: [{
@@ -4286,10 +4286,10 @@ class FileViewerPopoverComponent extends BaseComponent {
     }
 }
 FileViewerPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FileViewerPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FileViewerPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: { files: "files", file: "file", deviceSize: "deviceSize", canDownload: "canDownload", disableRemove: "disableRemove", fdType: "fdType" }, outputs: { remove: "remove" }, usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"box\" #divRef (mouseover)=\"divRef.classList.add('onside')\" (mouseout)=\"divRef.classList.remove('onside')\">\n    <div class=\"box-content\">\n        <fd-icon [glyph]=\"'pdf-attachment'\"></fd-icon>\n    </div>\n    <div class=\"box-file-download\">\n        <div class=\"icon\">\n            <img\n                id=\":1wy\"\n                class=\"aSM\"\n                src=\"//ssl.gstatic.com/docs/doclist/images/mediatype/icon_2_archive_x16.png\"\n                title=\"Compressed Archive\"\n            />\n        </div>\n        <div class=\"filename-wrapper\">\n            <span class=\"filename\">build.rar</span>\n        </div>\n    </div>\n    <div class=\"download-wrapper\">\n        <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n        <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n    </div>\n</div> -->\n\n<div style=\"display: flex; align-items: center; column-gap: 1px\">\n    <button\n        fd-button\n        [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\n        [label]=\"file.FileName || ''\"\n        [title]=\"file.FileName || ''\"\n        glyph=\"attachment\"\n        [fdMenu]=\"true\"\n        [fdType]=\"fdType\"\n        class=\"btn-actionsheet\"\n    ></button>\n    <fd-popover\n        #popoverMobile\n        [mobile]=\"true\"\n        [mobileConfig]=\"{ title: 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\n    >\n        <ng-template #popoverBodyContent>\n            <ng-container\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\n            ></ng-container>\n        </ng-template>\n    </fd-popover>\n    <fd-popover #popoverLarge>\n        <fd-popover-body>\n            <ng-container\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\n            ></ng-container>\n        </fd-popover-body>\n    </fd-popover>\n\n    <button *ngIf=\"!disableRemove\" fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\n</div>\n\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\n    <div fd-popover-body-header>\n        <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\n            <div fd-bar-left>\n                <fd-bar-element>{{ file.FileName }}</fd-bar-element>\n            </div>\n        </div>\n    </div>\n    <bsu-file-viewer-content\n        [file]=\"file\"\n        [width]=\"mobile ? '100vw' : '30vw'\"\n        [cardMode]=\"true\"\n        [showContent]=\"true\"\n        [showFooter]=\"true\"\n        [deviceSize]=\"deviceSize\"\n        [cardContentHeight]=\"mobile ? null : '320px'\"\n    ></bsu-file-viewer-content>\n    <div fd-popover-body-footer *ngIf=\"canDownload\">\n        <div fd-bar barDesign=\"footer\">\n            <div fd-bar-right>\n                <fd-button-bar\n                    fdType=\"transparent\"\n                    glyph=\"download\"\n                    downloadFiles\n                    [files]=\"[file]\"\n                    (click)=\"popover.close()\"\n                ></fd-button-bar>\n                <fd-button-bar\n                    *ngIf=\"!mobile\"\n                    fdType=\"transparent\"\n                    glyph=\"resize\"\n                    fullscreenFiles\n                    [files]=\"files?.length ? files : [file]\"\n                    (click)=\"popover.close()\"\n                ></fd-button-bar>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:flex;height:32px;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { 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.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: "directive", type: i3$1.DeprecatedBarContentDensityDirective, selector: "[fd-bar][cozy]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: "directive", type: i7$2.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "width", "deviceSize", "cardContentHeight", "file"] }, { kind: "directive", type: FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FileViewerPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: { files: "files", file: "file", deviceSize: "deviceSize", canDownload: "canDownload", disableRemove: "disableRemove", fdType: "fdType" }, outputs: { remove: "remove" }, usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"box\" #divRef (mouseover)=\"divRef.classList.add('onside')\" (mouseout)=\"divRef.classList.remove('onside')\">\r\n    <div class=\"box-content\">\r\n        <fd-icon [glyph]=\"'pdf-attachment'\"></fd-icon>\r\n    </div>\r\n    <div class=\"box-file-download\">\r\n        <div class=\"icon\">\r\n            <img\r\n                id=\":1wy\"\r\n                class=\"aSM\"\r\n                src=\"//ssl.gstatic.com/docs/doclist/images/mediatype/icon_2_archive_x16.png\"\r\n                title=\"Compressed Archive\"\r\n            />\r\n        </div>\r\n        <div class=\"filename-wrapper\">\r\n            <span class=\"filename\">build.rar</span>\r\n        </div>\r\n    </div>\r\n    <div class=\"download-wrapper\">\r\n        <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\r\n        <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\r\n    </div>\r\n</div> -->\r\n\r\n<div style=\"display: flex; align-items: center; column-gap: 1px\">\r\n    <button\r\n        fd-button\r\n        [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\r\n        [label]=\"file.FileName || ''\"\r\n        [title]=\"file.FileName || ''\"\r\n        glyph=\"attachment\"\r\n        [fdMenu]=\"true\"\r\n        [fdType]=\"fdType\"\r\n        class=\"btn-actionsheet\"\r\n    ></button>\r\n    <fd-popover\r\n        #popoverMobile\r\n        [mobile]=\"true\"\r\n        [mobileConfig]=\"{ title: 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\r\n    >\r\n        <ng-template #popoverBodyContent>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\r\n            ></ng-container>\r\n        </ng-template>\r\n    </fd-popover>\r\n    <fd-popover #popoverLarge>\r\n        <fd-popover-body>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\r\n            ></ng-container>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n\r\n    <button *ngIf=\"!disableRemove\" fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\r\n</div>\r\n\r\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\r\n    <div fd-popover-body-header>\r\n        <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>{{ file.FileName }}</fd-bar-element>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <bsu-file-viewer-content\r\n        [file]=\"file\"\r\n        [width]=\"mobile ? '100vw' : '30vw'\"\r\n        [cardMode]=\"true\"\r\n        [showContent]=\"true\"\r\n        [showFooter]=\"true\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [cardContentHeight]=\"mobile ? null : '320px'\"\r\n    ></bsu-file-viewer-content>\r\n    <div fd-popover-body-footer *ngIf=\"canDownload\">\r\n        <div fd-bar barDesign=\"footer\">\r\n            <div fd-bar-right>\r\n                <fd-button-bar\r\n                    fdType=\"transparent\"\r\n                    glyph=\"download\"\r\n                    downloadFiles\r\n                    [files]=\"[file]\"\r\n                    (click)=\"popover.close()\"\r\n                ></fd-button-bar>\r\n                <fd-button-bar\r\n                    *ngIf=\"!mobile\"\r\n                    fdType=\"transparent\"\r\n                    glyph=\"resize\"\r\n                    fullscreenFiles\r\n                    [files]=\"files?.length ? files : [file]\"\r\n                    (click)=\"popover.close()\"\r\n                ></fd-button-bar>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:flex;height:32px;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { 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.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: "directive", type: i3$1.DeprecatedBarContentDensityDirective, selector: "[fd-bar][cozy]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: "directive", type: i7$2.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "width", "deviceSize", "cardContentHeight", "file"] }, { kind: "directive", type: FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FileViewerPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-file-viewer-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <div class=\"box\" #divRef (mouseover)=\"divRef.classList.add('onside')\" (mouseout)=\"divRef.classList.remove('onside')\">\n    <div class=\"box-content\">\n        <fd-icon [glyph]=\"'pdf-attachment'\"></fd-icon>\n    </div>\n    <div class=\"box-file-download\">\n        <div class=\"icon\">\n            <img\n                id=\":1wy\"\n                class=\"aSM\"\n                src=\"//ssl.gstatic.com/docs/doclist/images/mediatype/icon_2_archive_x16.png\"\n                title=\"Compressed Archive\"\n            />\n        </div>\n        <div class=\"filename-wrapper\">\n            <span class=\"filename\">build.rar</span>\n        </div>\n    </div>\n    <div class=\"download-wrapper\">\n        <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n        <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n    </div>\n</div> -->\n\n<div style=\"display: flex; align-items: center; column-gap: 1px\">\n    <button\n        fd-button\n        [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\n        [label]=\"file.FileName || ''\"\n        [title]=\"file.FileName || ''\"\n        glyph=\"attachment\"\n        [fdMenu]=\"true\"\n        [fdType]=\"fdType\"\n        class=\"btn-actionsheet\"\n    ></button>\n    <fd-popover\n        #popoverMobile\n        [mobile]=\"true\"\n        [mobileConfig]=\"{ title: 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\n    >\n        <ng-template #popoverBodyContent>\n            <ng-container\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\n            ></ng-container>\n        </ng-template>\n    </fd-popover>\n    <fd-popover #popoverLarge>\n        <fd-popover-body>\n            <ng-container\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\n            ></ng-container>\n        </fd-popover-body>\n    </fd-popover>\n\n    <button *ngIf=\"!disableRemove\" fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\n</div>\n\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\n    <div fd-popover-body-header>\n        <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\n            <div fd-bar-left>\n                <fd-bar-element>{{ file.FileName }}</fd-bar-element>\n            </div>\n        </div>\n    </div>\n    <bsu-file-viewer-content\n        [file]=\"file\"\n        [width]=\"mobile ? '100vw' : '30vw'\"\n        [cardMode]=\"true\"\n        [showContent]=\"true\"\n        [showFooter]=\"true\"\n        [deviceSize]=\"deviceSize\"\n        [cardContentHeight]=\"mobile ? null : '320px'\"\n    ></bsu-file-viewer-content>\n    <div fd-popover-body-footer *ngIf=\"canDownload\">\n        <div fd-bar barDesign=\"footer\">\n            <div fd-bar-right>\n                <fd-button-bar\n                    fdType=\"transparent\"\n                    glyph=\"download\"\n                    downloadFiles\n                    [files]=\"[file]\"\n                    (click)=\"popover.close()\"\n                ></fd-button-bar>\n                <fd-button-bar\n                    *ngIf=\"!mobile\"\n                    fdType=\"transparent\"\n                    glyph=\"resize\"\n                    fullscreenFiles\n                    [files]=\"files?.length ? files : [file]\"\n                    (click)=\"popover.close()\"\n                ></fd-button-bar>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:flex;height:32px;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"] }]
+            args: [{ selector: 'bsu-file-viewer-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <div class=\"box\" #divRef (mouseover)=\"divRef.classList.add('onside')\" (mouseout)=\"divRef.classList.remove('onside')\">\r\n    <div class=\"box-content\">\r\n        <fd-icon [glyph]=\"'pdf-attachment'\"></fd-icon>\r\n    </div>\r\n    <div class=\"box-file-download\">\r\n        <div class=\"icon\">\r\n            <img\r\n                id=\":1wy\"\r\n                class=\"aSM\"\r\n                src=\"//ssl.gstatic.com/docs/doclist/images/mediatype/icon_2_archive_x16.png\"\r\n                title=\"Compressed Archive\"\r\n            />\r\n        </div>\r\n        <div class=\"filename-wrapper\">\r\n            <span class=\"filename\">build.rar</span>\r\n        </div>\r\n    </div>\r\n    <div class=\"download-wrapper\">\r\n        <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\r\n        <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\r\n    </div>\r\n</div> -->\r\n\r\n<div style=\"display: flex; align-items: center; column-gap: 1px\">\r\n    <button\r\n        fd-button\r\n        [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\r\n        [label]=\"file.FileName || ''\"\r\n        [title]=\"file.FileName || ''\"\r\n        glyph=\"attachment\"\r\n        [fdMenu]=\"true\"\r\n        [fdType]=\"fdType\"\r\n        class=\"btn-actionsheet\"\r\n    ></button>\r\n    <fd-popover\r\n        #popoverMobile\r\n        [mobile]=\"true\"\r\n        [mobileConfig]=\"{ title: 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\r\n    >\r\n        <ng-template #popoverBodyContent>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\r\n            ></ng-container>\r\n        </ng-template>\r\n    </fd-popover>\r\n    <fd-popover #popoverLarge>\r\n        <fd-popover-body>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\r\n            ></ng-container>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n\r\n    <button *ngIf=\"!disableRemove\" fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\r\n</div>\r\n\r\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\r\n    <div fd-popover-body-header>\r\n        <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>{{ file.FileName }}</fd-bar-element>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <bsu-file-viewer-content\r\n        [file]=\"file\"\r\n        [width]=\"mobile ? '100vw' : '30vw'\"\r\n        [cardMode]=\"true\"\r\n        [showContent]=\"true\"\r\n        [showFooter]=\"true\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [cardContentHeight]=\"mobile ? null : '320px'\"\r\n    ></bsu-file-viewer-content>\r\n    <div fd-popover-body-footer *ngIf=\"canDownload\">\r\n        <div fd-bar barDesign=\"footer\">\r\n            <div fd-bar-right>\r\n                <fd-button-bar\r\n                    fdType=\"transparent\"\r\n                    glyph=\"download\"\r\n                    downloadFiles\r\n                    [files]=\"[file]\"\r\n                    (click)=\"popover.close()\"\r\n                ></fd-button-bar>\r\n                <fd-button-bar\r\n                    *ngIf=\"!mobile\"\r\n                    fdType=\"transparent\"\r\n                    glyph=\"resize\"\r\n                    fullscreenFiles\r\n                    [files]=\"files?.length ? files : [file]\"\r\n                    (click)=\"popover.close()\"\r\n                ></fd-button-bar>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:flex;height:32px;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { files: [{
                 type: Input
             }], file: [{
@@ -4337,10 +4337,10 @@ class ColumnRendererComponent extends BaseComponent {
     }
 }
 ColumnRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ColumnRendererComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ColumnRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: { column: "column", mo: "mo", index: "index", editMode: "editMode", customRowHeight: "customRowHeight", controlUi: "controlUi", formLayoutShowLabel: "formLayoutShowLabel", isChecked: "isChecked", isNewInlineMo: "isNewInlineMo", containerDom: "containerDom", disableEllapsis: "disableEllapsis", rtl: "rtl", deviceName: "deviceName", deviceSize: "deviceSize", value: "value", icon: "icon" }, host: { properties: { "class.isMobile": "this._isSmall" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"column\">\n    <ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\n</ng-container>\n<ng-template #renderCellTemplate>\n    <ng-container [ngSwitch]=\"column.FieldTypeId\">\n        <ng-container *ngSwitchCase=\"'42'\">\n            <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'33'\">\n            <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'31'\">\n            <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'11'\">\n            <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'5'\">\n            <ng-container\n                *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\n            ></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n            <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #renderGeneral>\n    <div style=\"display: flex; width: 100%; height: 100%; align-items: center; justify-content: start\">\n        <img [attr.rtl]=\"rtl\" *ngIf=\"icon\" [src]=\"icon\" />\n        <!-- <fd-text\n            #fdText\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\n            [maxLines]=\"1\"\n            [text]=\"value\"\n            [fd-inline-help]=\"value\"\n            [disabled]=\"!fdText._hasMore\"\n        ></fd-text> -->\n\n        <!-- <bsu-barsa-text-ellipsis\n            [style.width]=\"column.$Width\"\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\n            [text]=\"value\"\n        ></bsu-barsa-text-ellipsis> -->\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\n            {{ value }}\n        </div> -->\n        <div\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\n            [ellapsisText]=\"value\"\n            [class.ellapsis]=\"!disableEllapsis\"\n            (ellapsised)=\"onElapsised($event)\"\n            (click)=\"showMore && helpPopover.open()\"\n        >\n            {{ value }}\n        </div>\n        <fd-popover #helpPopover>\n            <fd-popover-control> </fd-popover-control>\n            <fd-popover-body class=\"help-popover-body\">\n                <div fd-popover-body-header>\n                    <div fd-bar>\n                        <div fd-bar-left>\n                            <fd-bar-element style=\"white-space: break-spaces\"\n                                >{{ column.Alias | bbbTranslate }}:</fd-bar-element\n                            >\n                        </div>\n                        <div fd-bar-right>\n                            <fd-bar-element\n                                ><button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    glyph=\"decline\"\n                                    (click)=\"helpPopover.close()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"help-content\">{{ value }}</div>\n            </fd-popover-body>\n        </fd-popover>\n    </div>\n</ng-template>\n<ng-template #formControlTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\n                ? renderCellTemplate\n                : layoutControlTemplate\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #layoutControlTemplate>\n    <bsu-layout-control\n        *ngIf=\"controlUi\"\n        [inlineEdit]=\"true\"\n        [caption]=\"column.Caption\"\n        [config]=\"controlUi\"\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\n        [showLabel]=\"formLayoutShowLabel\"\n    ></bsu-layout-control>\n</ng-template>\n<ng-template #renderCellListTasavir>\n    <div *ngIf=\"mo[column.Name] && mo[column.Name].Images\" style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\n        <ng-container *ngFor=\"let pic of mo[column.Name].Images\">\n            <img\n                fullscreen\n                fullscreenFiles\n                [files]=\"mo[column.Name].Images\"\n                [isImageGallery]=\"true\"\n                [deviceSize]=\"deviceSize\"\n                [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\n                style=\"width: 3rem; height: 3rem\"\n            />\n        </ng-container>\n    </div>\n</ng-template>\n<ng-template #renderCellFileListKhati>\n    <ng-container *ngIf=\"mo[column.Name]\">\n        <div class=\"file-viewer-attachments\">\n            <ng-container *ngFor=\"let file of mo[column.Name].Files\">\n                <bsu-file-viewer-popover\n                    [style.width.px]=\"containerDom ? containerDom.offsetWidth : null\"\n                    *ngIf=\"!file.IsDeleted\"\n                    [file]=\"file\"\n                    [files]=\"mo[column.Name].Files\"\n                    [deviceSize]=\"deviceSize\"\n                    [canDownload]=\"true\"\n                    [disableRemove]=\"true\"\n                    [fdType]=\"'transparent'\"\n                ></bsu-file-viewer-popover>\n\n                <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n<ng-template #renderCellFileInfo>\n    <fd-avatar\n        *ngIf=\"mo[column.Name]\"\n        [transparent]=\"true\"\n        [size]=\"deviceSize === 's' ? 's' : 'm'\"\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\n    ></fd-avatar>\n</ng-template>\n<ng-template #renderCellChecbox>\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\n</ng-template>\n<ng-template #renderChecboxImage>\n    <ng-container *ngIf=\"column.Extra?.TrueImage === ''\">{{ value }}</ng-container>\n    <img\n        *ngIf=\"column.Extra?.TrueImage !== ''\"\n        [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\"\n        aling=\"middle\"\n    />\n</ng-template>\n<ng-template #renderCellImage>\n    <fd-avatar\n        *ngIf=\"mo[column.Name] && mo[column.Name]['Url']\"\n        [size]=\"column.FieldTypeId === '42' ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\n        [transparent]=\"true\"\n        [image]=\"mo[column.Name]['Url']\"\n    ></fd-avatar>\n</ng-template>\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i1.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: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.EllapsisTextDirective, selector: "[ellapsisText]", inputs: ["ellapsisText", "fontSize"], outputs: ["ellapsised"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$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.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { 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: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ColumnRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: { column: "column", mo: "mo", index: "index", editMode: "editMode", customRowHeight: "customRowHeight", controlUi: "controlUi", formLayoutShowLabel: "formLayoutShowLabel", isChecked: "isChecked", isNewInlineMo: "isNewInlineMo", containerDom: "containerDom", disableEllapsis: "disableEllapsis", rtl: "rtl", deviceName: "deviceName", deviceSize: "deviceSize", value: "value", icon: "icon" }, host: { properties: { "class.isMobile": "this._isSmall" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"column\">\r\n    <ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\r\n</ng-container>\r\n<ng-template #renderCellTemplate>\r\n    <ng-container [ngSwitch]=\"column.FieldTypeId\">\r\n        <ng-container *ngSwitchCase=\"'42'\">\r\n            <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'33'\">\r\n            <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'31'\">\r\n            <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'11'\">\r\n            <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'5'\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\r\n            ></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n            <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #renderGeneral>\r\n    <div style=\"display: flex; width: 100%; height: 100%; align-items: center; justify-content: start\" [style.width]=\"\">\r\n        <img [attr.rtl]=\"rtl\" *ngIf=\"icon\" [src]=\"icon\" />\r\n        <!-- <fd-text\r\n            #fdText\r\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n            [maxLines]=\"1\"\r\n            [text]=\"value\"\r\n            [fd-inline-help]=\"value\"\r\n            [disabled]=\"!fdText._hasMore\"\r\n        ></fd-text> -->\r\n\r\n        <!-- <bsu-barsa-text-ellipsis\r\n            [style.width]=\"column.$Width\"\r\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n            [text]=\"value\"\r\n        ></bsu-barsa-text-ellipsis> -->\r\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\r\n            {{ value }}\r\n        </div> -->\r\n        <div\r\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n            [ellapsisText]=\"value\"\r\n            [class.ellapsis]=\"!disableEllapsis\"\r\n            (ellapsised)=\"onElapsised($event)\"\r\n            (click)=\"showMore && helpPopover.open()\"\r\n        >\r\n            {{ value }}\r\n        </div>\r\n        <fd-popover #helpPopover>\r\n            <fd-popover-control> </fd-popover-control>\r\n            <fd-popover-body class=\"help-popover-body\">\r\n                <div fd-popover-body-header>\r\n                    <div fd-bar>\r\n                        <div fd-bar-left>\r\n                            <fd-bar-element style=\"white-space: break-spaces\"\r\n                                >{{ column.Alias | bbbTranslate }}:</fd-bar-element\r\n                            >\r\n                        </div>\r\n                        <div fd-bar-right>\r\n                            <fd-bar-element\r\n                                ><button\r\n                                    fd-button\r\n                                    fdType=\"transparent\"\r\n                                    glyph=\"decline\"\r\n                                    (click)=\"helpPopover.close()\"\r\n                                ></button>\r\n                            </fd-bar-element>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"help-content\">{{ value }}</div>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n    </div>\r\n</ng-template>\r\n<ng-template #formControlTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\r\n                ? renderCellTemplate\r\n                : layoutControlTemplate\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #layoutControlTemplate>\r\n    <bsu-layout-control\r\n        *ngIf=\"controlUi\"\r\n        [inlineEdit]=\"true\"\r\n        [caption]=\"column.Caption\"\r\n        [config]=\"controlUi\"\r\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\r\n        [showLabel]=\"formLayoutShowLabel\"\r\n    ></bsu-layout-control>\r\n</ng-template>\r\n<ng-template #renderCellListTasavir>\r\n    <div *ngIf=\"mo[column.Name] && mo[column.Name].Images\" style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\r\n        <ng-container *ngFor=\"let pic of mo[column.Name].Images\">\r\n            <img\r\n                fullscreen\r\n                fullscreenFiles\r\n                [files]=\"mo[column.Name].Images\"\r\n                [isImageGallery]=\"true\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\r\n                style=\"width: 3rem; height: 3rem\"\r\n            />\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template #renderCellFileListKhati>\r\n    <ng-container *ngIf=\"mo[column.Name]\">\r\n        <div class=\"file-viewer-attachments\">\r\n            <ng-container *ngFor=\"let file of mo[column.Name].Files\">\r\n                <bsu-file-viewer-popover\r\n                    [style.width.px]=\"containerDom ? containerDom.offsetWidth : null\"\r\n                    *ngIf=\"!file.IsDeleted\"\r\n                    [file]=\"file\"\r\n                    [files]=\"mo[column.Name].Files\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [canDownload]=\"true\"\r\n                    [disableRemove]=\"true\"\r\n                    [fdType]=\"'transparent'\"\r\n                ></bsu-file-viewer-popover>\r\n\r\n                <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\r\n            </ng-container>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #renderCellFileInfo>\r\n    <fd-avatar\r\n        *ngIf=\"mo[column.Name]\"\r\n        [transparent]=\"true\"\r\n        [size]=\"deviceSize === 's' ? 's' : 'm'\"\r\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\r\n    ></fd-avatar>\r\n</ng-template>\r\n<ng-template #renderCellChecbox>\r\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\r\n</ng-template>\r\n<ng-template #renderChecboxImage>\r\n    <ng-container *ngIf=\"column.Extra?.TrueImage === ''\">{{ value }}</ng-container>\r\n    <img\r\n        *ngIf=\"column.Extra?.TrueImage !== ''\"\r\n        [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\"\r\n        aling=\"middle\"\r\n    />\r\n</ng-template>\r\n<ng-template #renderCellImage>\r\n    <fd-avatar\r\n        *ngIf=\"mo[column.Name] && mo[column.Name]['Url']\"\r\n        [size]=\"column.FieldTypeId === '42' ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [transparent]=\"true\"\r\n        [image]=\"mo[column.Name]['Url']\"\r\n    ></fd-avatar>\r\n</ng-template>\r\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i1.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: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.EllapsisTextDirective, selector: "[ellapsisText]", inputs: ["ellapsisText", "fontSize"], outputs: ["ellapsised"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$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.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { 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: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ColumnRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-column-renderer,[colRenderer]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"column\">\n    <ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\n</ng-container>\n<ng-template #renderCellTemplate>\n    <ng-container [ngSwitch]=\"column.FieldTypeId\">\n        <ng-container *ngSwitchCase=\"'42'\">\n            <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'33'\">\n            <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'31'\">\n            <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'11'\">\n            <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'5'\">\n            <ng-container\n                *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\n            ></ng-container>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n            <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #renderGeneral>\n    <div style=\"display: flex; width: 100%; height: 100%; align-items: center; justify-content: start\">\n        <img [attr.rtl]=\"rtl\" *ngIf=\"icon\" [src]=\"icon\" />\n        <!-- <fd-text\n            #fdText\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\n            [maxLines]=\"1\"\n            [text]=\"value\"\n            [fd-inline-help]=\"value\"\n            [disabled]=\"!fdText._hasMore\"\n        ></fd-text> -->\n\n        <!-- <bsu-barsa-text-ellipsis\n            [style.width]=\"column.$Width\"\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\n            [text]=\"value\"\n        ></bsu-barsa-text-ellipsis> -->\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\n            {{ value }}\n        </div> -->\n        <div\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\n            [ellapsisText]=\"value\"\n            [class.ellapsis]=\"!disableEllapsis\"\n            (ellapsised)=\"onElapsised($event)\"\n            (click)=\"showMore && helpPopover.open()\"\n        >\n            {{ value }}\n        </div>\n        <fd-popover #helpPopover>\n            <fd-popover-control> </fd-popover-control>\n            <fd-popover-body class=\"help-popover-body\">\n                <div fd-popover-body-header>\n                    <div fd-bar>\n                        <div fd-bar-left>\n                            <fd-bar-element style=\"white-space: break-spaces\"\n                                >{{ column.Alias | bbbTranslate }}:</fd-bar-element\n                            >\n                        </div>\n                        <div fd-bar-right>\n                            <fd-bar-element\n                                ><button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    glyph=\"decline\"\n                                    (click)=\"helpPopover.close()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"help-content\">{{ value }}</div>\n            </fd-popover-body>\n        </fd-popover>\n    </div>\n</ng-template>\n<ng-template #formControlTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\n                ? renderCellTemplate\n                : layoutControlTemplate\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #layoutControlTemplate>\n    <bsu-layout-control\n        *ngIf=\"controlUi\"\n        [inlineEdit]=\"true\"\n        [caption]=\"column.Caption\"\n        [config]=\"controlUi\"\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\n        [showLabel]=\"formLayoutShowLabel\"\n    ></bsu-layout-control>\n</ng-template>\n<ng-template #renderCellListTasavir>\n    <div *ngIf=\"mo[column.Name] && mo[column.Name].Images\" style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\n        <ng-container *ngFor=\"let pic of mo[column.Name].Images\">\n            <img\n                fullscreen\n                fullscreenFiles\n                [files]=\"mo[column.Name].Images\"\n                [isImageGallery]=\"true\"\n                [deviceSize]=\"deviceSize\"\n                [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\n                style=\"width: 3rem; height: 3rem\"\n            />\n        </ng-container>\n    </div>\n</ng-template>\n<ng-template #renderCellFileListKhati>\n    <ng-container *ngIf=\"mo[column.Name]\">\n        <div class=\"file-viewer-attachments\">\n            <ng-container *ngFor=\"let file of mo[column.Name].Files\">\n                <bsu-file-viewer-popover\n                    [style.width.px]=\"containerDom ? containerDom.offsetWidth : null\"\n                    *ngIf=\"!file.IsDeleted\"\n                    [file]=\"file\"\n                    [files]=\"mo[column.Name].Files\"\n                    [deviceSize]=\"deviceSize\"\n                    [canDownload]=\"true\"\n                    [disableRemove]=\"true\"\n                    [fdType]=\"'transparent'\"\n                ></bsu-file-viewer-popover>\n\n                <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>\n<ng-template #renderCellFileInfo>\n    <fd-avatar\n        *ngIf=\"mo[column.Name]\"\n        [transparent]=\"true\"\n        [size]=\"deviceSize === 's' ? 's' : 'm'\"\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\n    ></fd-avatar>\n</ng-template>\n<ng-template #renderCellChecbox>\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\n</ng-template>\n<ng-template #renderChecboxImage>\n    <ng-container *ngIf=\"column.Extra?.TrueImage === ''\">{{ value }}</ng-container>\n    <img\n        *ngIf=\"column.Extra?.TrueImage !== ''\"\n        [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\"\n        aling=\"middle\"\n    />\n</ng-template>\n<ng-template #renderCellImage>\n    <fd-avatar\n        *ngIf=\"mo[column.Name] && mo[column.Name]['Url']\"\n        [size]=\"column.FieldTypeId === '42' ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\n        [transparent]=\"true\"\n        [image]=\"mo[column.Name]['Url']\"\n    ></fd-avatar>\n</ng-template>\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}\n"] }]
+            args: [{ selector: 'bsu-column-renderer,[colRenderer]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"column\">\r\n    <ng-container *ngTemplateOutlet=\"editMode ? formControlTemplate : renderCellTemplate\"> </ng-container>\r\n</ng-container>\r\n<ng-template #renderCellTemplate>\r\n    <ng-container [ngSwitch]=\"column.FieldTypeId\">\r\n        <ng-container *ngSwitchCase=\"'42'\">\r\n            <ng-container *ngTemplateOutlet=\"renderCellImage\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'33'\">\r\n            <ng-container *ngTemplateOutlet=\"renderCellFileInfo\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'31'\">\r\n            <ng-container *ngTemplateOutlet=\"renderCellFileListKhati\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'11'\">\r\n            <ng-container *ngTemplateOutlet=\"renderCellListTasavir\"></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'5'\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"column.Extra?.ShowCheckInGrid ? renderCellChecbox : renderChecboxImage\"\r\n            ></ng-container>\r\n        </ng-container>\r\n        <ng-container *ngSwitchDefault>\r\n            <ng-container *ngTemplateOutlet=\"renderGeneral\"></ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #renderGeneral>\r\n    <div style=\"display: flex; width: 100%; height: 100%; align-items: center; justify-content: start\" [style.width]=\"\">\r\n        <img [attr.rtl]=\"rtl\" *ngIf=\"icon\" [src]=\"icon\" />\r\n        <!-- <fd-text\r\n            #fdText\r\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n            [maxLines]=\"1\"\r\n            [text]=\"value\"\r\n            [fd-inline-help]=\"value\"\r\n            [disabled]=\"!fdText._hasMore\"\r\n        ></fd-text> -->\r\n\r\n        <!-- <bsu-barsa-text-ellipsis\r\n            [style.width]=\"column.$Width\"\r\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n            [text]=\"value\"\r\n        ></bsu-barsa-text-ellipsis> -->\r\n        <!-- <div *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\" style=\"word-break:break-word\">\r\n            {{ value }}\r\n        </div> -->\r\n        <div\r\n            *ngIf=\"column.Extra?.IconDisplayTypeEnum !== 'Image'\"\r\n            [ellapsisText]=\"value\"\r\n            [class.ellapsis]=\"!disableEllapsis\"\r\n            (ellapsised)=\"onElapsised($event)\"\r\n            (click)=\"showMore && helpPopover.open()\"\r\n        >\r\n            {{ value }}\r\n        </div>\r\n        <fd-popover #helpPopover>\r\n            <fd-popover-control> </fd-popover-control>\r\n            <fd-popover-body class=\"help-popover-body\">\r\n                <div fd-popover-body-header>\r\n                    <div fd-bar>\r\n                        <div fd-bar-left>\r\n                            <fd-bar-element style=\"white-space: break-spaces\"\r\n                                >{{ column.Alias | bbbTranslate }}:</fd-bar-element\r\n                            >\r\n                        </div>\r\n                        <div fd-bar-right>\r\n                            <fd-bar-element\r\n                                ><button\r\n                                    fd-button\r\n                                    fdType=\"transparent\"\r\n                                    glyph=\"decline\"\r\n                                    (click)=\"helpPopover.close()\"\r\n                                ></button>\r\n                            </fd-bar-element>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"help-content\">{{ value }}</div>\r\n            </fd-popover-body>\r\n        </fd-popover>\r\n    </div>\r\n</ng-template>\r\n<ng-template #formControlTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            !controlUi || controlUi.FieldUi.originalXtype === 'Ui.ReadOnlyField'\r\n                ? renderCellTemplate\r\n                : layoutControlTemplate\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #layoutControlTemplate>\r\n    <bsu-layout-control\r\n        *ngIf=\"controlUi\"\r\n        [inlineEdit]=\"true\"\r\n        [caption]=\"column.Caption\"\r\n        [config]=\"controlUi\"\r\n        [focusControl]=\"index === 0 && (isChecked || isNewInlineMo)\"\r\n        [showLabel]=\"formLayoutShowLabel\"\r\n    ></bsu-layout-control>\r\n</ng-template>\r\n<ng-template #renderCellListTasavir>\r\n    <div *ngIf=\"mo[column.Name] && mo[column.Name].Images\" style=\"display: flex; flex-wrap: wrap; gap: 0.15rem\">\r\n        <ng-container *ngFor=\"let pic of mo[column.Name].Images\">\r\n            <img\r\n                fullscreen\r\n                fullscreenFiles\r\n                [files]=\"mo[column.Name].Images\"\r\n                [isImageGallery]=\"true\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [src]=\"pic.FileId | picFieldSrc: 'BarsaPicture.Thumbnail':null:'':32:32\"\r\n                style=\"width: 3rem; height: 3rem\"\r\n            />\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template #renderCellFileListKhati>\r\n    <ng-container *ngIf=\"mo[column.Name]\">\r\n        <div class=\"file-viewer-attachments\">\r\n            <ng-container *ngFor=\"let file of mo[column.Name].Files\">\r\n                <bsu-file-viewer-popover\r\n                    [style.width.px]=\"containerDom ? containerDom.offsetWidth : null\"\r\n                    *ngIf=\"!file.IsDeleted\"\r\n                    [file]=\"file\"\r\n                    [files]=\"mo[column.Name].Files\"\r\n                    [deviceSize]=\"deviceSize\"\r\n                    [canDownload]=\"true\"\r\n                    [disableRemove]=\"true\"\r\n                    [fdType]=\"'transparent'\"\r\n                ></bsu-file-viewer-popover>\r\n\r\n                <!-- <fd-token *ngIf=\"!file.IsDeleted\" [readOnly]=\"true\">{{ file.FileName }}</fd-token> -->\r\n            </ng-container>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #renderCellFileInfo>\r\n    <fd-avatar\r\n        *ngIf=\"mo[column.Name]\"\r\n        [transparent]=\"true\"\r\n        [size]=\"deviceSize === 's' ? 's' : 'm'\"\r\n        [image]=\"mo[column.Name] | picFieldSrc: 'PictureFileInfo':null:column.FieldDefId\"\r\n    ></fd-avatar>\r\n</ng-template>\r\n<ng-template #renderCellChecbox>\r\n    <fd-icon [glyph]=\"mo[column.Name] === true ? 'accept' : 'less'\"></fd-icon>\r\n</ng-template>\r\n<ng-template #renderChecboxImage>\r\n    <ng-container *ngIf=\"column.Extra?.TrueImage === ''\">{{ value }}</ng-container>\r\n    <img\r\n        *ngIf=\"column.Extra?.TrueImage !== ''\"\r\n        [src]=\"mo[column.Name] ? column.Extra?.TrueImage : column.Extra?.FalseImage\"\r\n        aling=\"middle\"\r\n    />\r\n</ng-template>\r\n<ng-template #renderCellImage>\r\n    <fd-avatar\r\n        *ngIf=\"mo[column.Name] && mo[column.Name]['Url']\"\r\n        [size]=\"column.FieldTypeId === '42' ? 'xs' : deviceSize === 's' ? 's' : 'm'\"\r\n        [transparent]=\"true\"\r\n        [image]=\"mo[column.Name]['Url']\"\r\n    ></fd-avatar>\r\n</ng-template>\r\n", styles: [":host{display:contents;overflow:hidden;padding:0}:host.isMobile span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _isSmall: [{
                 type: HostBinding,
                 args: ['class.isMobile']
@@ -4517,6 +4517,7 @@ class ReportViewRendererDirective extends BaseDirective {
             instance.hideSearchpanel = this.hideSearchpanel;
             instance.customFieldInfo = this.customFieldInfo;
             instance.disableResponsive = this.disableResponsive;
+            instance.toolbarButtons = this.toolbarButtons;
             instance.popin = this.popin;
             instance.contextView = this.contextView;
             instance.isCheckList = this.isCheckList;
@@ -4525,6 +4526,8 @@ class ReportViewRendererDirective extends BaseDirective {
             instance.typeViewId = this.typeViewId;
             instance.gridFreeColumnSizing = this.gridFreeColumnSizing;
             instance.inDialog = this.inDialog;
+            instance.hasInlineDeleteButton = this.hasInlineDeleteButton;
+            instance.hasInlineEditButton = this.hasInlineEditButton;
             instance.isMultiSelect = this.isMultiSelect;
             instance.columnsCount = this.columnsCount;
             instance.hideToolbar = this.hideToolbar;
@@ -4630,7 +4633,7 @@ class ReportViewRendererDirective extends BaseDirective {
     }
 }
 ReportViewRendererDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportViewRendererDirective, deps: [{ token: i2.PortalService }, { token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ReportViewRendererDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: ReportViewRendererDirective, selector: "[reportViewRenderer]", inputs: { view: "view", moDataList: "moDataList", allChecked: "allChecked", contextSetting: "contextSetting", groupby: "groupby", isCheckList: "isCheckList", selectedCount: "selectedCount", hideToolbar: "hideToolbar", pagingSetting: "pagingSetting", UlvMainCtrlr: "UlvMainCtrlr", hasSummary: "hasSummary", relationList: "relationList", columns: "columns", columnsCount: "columnsCount", secondaryColumns: "secondaryColumns", contextMenuItems: "contextMenuItems", conditionalFormats: "conditionalFormats", deviceName: "deviceName", deviceSize: "deviceSize", mobileOrTablet: "mobileOrTablet", access: "access", title: "title", customFieldInfo: "customFieldInfo", selectedMo: "selectedMo", allColumns: "allColumns", viewSetting: "viewSetting", inlineEditMode: "inlineEditMode", onlyInlineEdit: "onlyInlineEdit", allowInlineEdit: "allowInlineEdit", popin: "popin", hasSelected: "hasSelected", formSetting: "formSetting", disableOverflowContextMenu: "disableOverflowContextMenu", navigationArrow: "navigationArrow", typeDefId: "typeDefId", reportId: "reportId", listEditViewId: "listEditViewId", typeViewId: "typeViewId", containerWidth: "containerWidth", extraRelation: "extraRelation", contextView: "contextView", contentDensity: "contentDensity", hideOpenIcon: "hideOpenIcon", openOnClick: "openOnClick", inDialog: "inDialog", isMultiSelect: "isMultiSelect", rtl: "rtl", disableResponsive: "disableResponsive", hideSearchpanel: "hideSearchpanel", gridFreeColumnSizing: "gridFreeColumnSizing", cartableTemplates: "cartableTemplates", cartableChildsMo: "cartableChildsMo" }, outputs: { editFormPanelCancel: "editFormPanelCancel", editFormPanelValueChange: "editFormPanelValueChange", resetWorkflowState: "resetWorkflowState", ulvCommandClick: "ulvCommandClick", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter", deselectAll: "deselectAll", rowCheck: "rowCheck", rowClick: "rowClick", executeToolbarButton: "executeToolbarButton", expandClick: "expandClick", trackBySelectedFn: "trackBySelectedFn", cartableFormClosed: "cartableFormClosed", createNewMo: "createNewMo", updateMo: "updateMo", hasDetailsInRow: "hasDetailsInRow", allCheckbox: "allCheckbox", mandatory: "mandatory", editFormPanelSave: "editFormPanelSave", columnResized: "columnResized", selectNextInlineRecord: "selectNextInlineRecord", workflowShareButtons: "workflowShareButtons" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+ReportViewRendererDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: ReportViewRendererDirective, selector: "[reportViewRenderer]", inputs: { view: "view", moDataList: "moDataList", allChecked: "allChecked", contextSetting: "contextSetting", groupby: "groupby", isCheckList: "isCheckList", hasInlineDeleteButton: "hasInlineDeleteButton", hasInlineEditButton: "hasInlineEditButton", selectedCount: "selectedCount", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", pagingSetting: "pagingSetting", UlvMainCtrlr: "UlvMainCtrlr", hasSummary: "hasSummary", relationList: "relationList", columns: "columns", columnsCount: "columnsCount", secondaryColumns: "secondaryColumns", contextMenuItems: "contextMenuItems", conditionalFormats: "conditionalFormats", deviceName: "deviceName", deviceSize: "deviceSize", mobileOrTablet: "mobileOrTablet", access: "access", title: "title", customFieldInfo: "customFieldInfo", selectedMo: "selectedMo", allColumns: "allColumns", viewSetting: "viewSetting", inlineEditMode: "inlineEditMode", onlyInlineEdit: "onlyInlineEdit", allowInlineEdit: "allowInlineEdit", popin: "popin", hasSelected: "hasSelected", formSetting: "formSetting", disableOverflowContextMenu: "disableOverflowContextMenu", navigationArrow: "navigationArrow", typeDefId: "typeDefId", reportId: "reportId", listEditViewId: "listEditViewId", typeViewId: "typeViewId", containerWidth: "containerWidth", extraRelation: "extraRelation", contextView: "contextView", contentDensity: "contentDensity", hideOpenIcon: "hideOpenIcon", openOnClick: "openOnClick", inDialog: "inDialog", isMultiSelect: "isMultiSelect", rtl: "rtl", disableResponsive: "disableResponsive", hideSearchpanel: "hideSearchpanel", gridFreeColumnSizing: "gridFreeColumnSizing", cartableTemplates: "cartableTemplates", cartableChildsMo: "cartableChildsMo" }, outputs: { editFormPanelCancel: "editFormPanelCancel", editFormPanelValueChange: "editFormPanelValueChange", resetWorkflowState: "resetWorkflowState", ulvCommandClick: "ulvCommandClick", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter", deselectAll: "deselectAll", rowCheck: "rowCheck", rowClick: "rowClick", executeToolbarButton: "executeToolbarButton", expandClick: "expandClick", trackBySelectedFn: "trackBySelectedFn", cartableFormClosed: "cartableFormClosed", createNewMo: "createNewMo", updateMo: "updateMo", hasDetailsInRow: "hasDetailsInRow", allCheckbox: "allCheckbox", mandatory: "mandatory", editFormPanelSave: "editFormPanelSave", columnResized: "columnResized", selectNextInlineRecord: "selectNextInlineRecord", workflowShareButtons: "workflowShareButtons" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportViewRendererDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4648,10 +4651,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }], isCheckList: [{
                 type: Input
+            }], hasInlineDeleteButton: [{
+                type: Input
+            }], hasInlineEditButton: [{
+                type: Input
             }], selectedCount: [{
                 type: Input
             }], hideToolbar: [{
                 type: Input
+            }], toolbarButtons: [{
+                type: Input
             }], pagingSetting: [{
                 type: Input
             }], UlvMainCtrlr: [{
@@ -4812,10 +4821,10 @@ class UiReportContainerComponent extends SapUiReportBaseComponent {
     }
 }
 UiReportContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiReportContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiReportContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiReportContainerComponent, selector: "bsu-ui-report-container", viewQueries: [{ propertyName: "tableView", first: true, predicate: ["renderTable"], descendants: true, static: true }, { propertyName: "cardListView", first: true, predicate: ["renderCardList"], descendants: true, static: true }, { propertyName: "listView", first: true, predicate: ["renderList"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            rtl: rtl$ | async,\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\n            selectedView: selectedView,\n            viewCollection: viewCollection,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            contentDensity: contentDensity$ | async,\n            formLayout: layout$ | async,\n            hasSelected: hasSelected$ | async,\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\n            showCreateForm: viewSetting.ShowCreateForm,\n            hideOpenIcon: viewSetting.HideOpenIcon,\n            openOnClick: viewSetting.OpenOnClick,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            formSetting: context.Setting.FormTemplate,\n            extraRelation: context.Setting.Extra?.Relation,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            disableResponsive: viewSetting.DisableResponsive,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            contextSetting: context.Setting,\n            customFieldInfo: context.Setting.CustomFieldInfo,\n            selectedMo: selectedMo$ | async,\n            hideSearchpanel: hideSearchpanel$ | async,\n            selectedCount: selectedCount$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            pagingSetting: pagingSetting$ | async\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-onlyInlineEdit=\"onlyInlineEdit\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-selectedView=\"selectedView\"\n    let-viewCollection=\"viewCollection\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formLayout=\"formLayout\"\n    let-hasSelected=\"hasSelected\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-hasSummary=\"hasSummary\"\n    let-typeDefId=\"typeDefId\"\n    let-formSetting=\"formSetting\"\n    let-extraRelation=\"extraRelation\"\n    let-contextView=\"contextView\"\n    let-showCreateForm=\"showCreateForm\"\n    let-hideOpenIcon=\"hideOpenIcon\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-openOnClick=\"openOnClick\"\n    let-disableResponsive=\"disableResponsive\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-customFieldInfo=\"customFieldInfo\"\n    let-selectedMo=\"selectedMo\"\n    let-selectedCount=\"selectedCount\"\n    let-hideSearchpanel=\"hideSearchpanel\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n    let-contextSetting=\"contextSetting\"\n>\n    <div *ngIf=\"showCreateForm\">\n        <bsu-report-new-top-form\n            [extraRelation]=\"extraRelation\"\n            [moDataListCount]=\"moDataList.length\"\n            [selectedMo]=\"selectedMo\"\n            [formSetting]=\"formSetting\"\n            [typeDefId]=\"typeDefId\"\n            [inlineEditMode]=\"true\"\n            [isChecked]=\"true\"\n            (add)=\"onNewTopFormAdd($event)\"\n            (save)=\"onSaveTopForm($event)\"\n        ></bsu-report-new-top-form>\n    </div>\n    <bsu-ulv-toolbar\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [viewCollection]=\"viewCollection\"\n        [reportView]=\"selectedView\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        (sortClick)=\"onSortSettings($event)\"\n        (groupbyClick)=\"onGroupbySettings($event)\"\n        (columnClick)=\"onColumnSettings($event)\"\n        (editModeClick)=\"onEditMode()\"\n        (viewClick)=\"onChangeView($event)\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n\n    <div\n        class=\"report-view\"\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\n        reportViewRenderer\n        [hideToolbar]=\"hideToolbar\"\n        [contextSetting]=\"contextSetting\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [pagingSetting]=\"pagingSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [reportId]=\"reportId\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [hideSearchpanel]=\"hideSearchpanel\"\n        [selectedMo]=\"selectedMo\"\n        [selectedCount]=\"selectedCount\"\n        [hasSelected]=\"hasSelected\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [customFieldInfo]=\"customFieldInfo\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [openOnClick]=\"openOnClick\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [extraRelation]=\"extraRelation\"\n        [typeDefId]=\"typeDefId\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [view]=\"selectedView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [contentDensity]=\"contentDensity\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [formSetting]=\"formSetting\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [rtl]=\"rtl\"\n        [allColumns]=\"allColumns\"\n        [hasSummary]=\"hasSummary\"\n        [columnsCount]=\"columnsCount\"\n        [formLayout]=\"formLayout\"\n        [disableResponsive]=\"disableResponsive\"\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n        (createNewMo)=\"onCreateNewMo()\"\n        (updateMo)=\"onUpdateMo($event)\"\n        (mandatory)=\"onMandatory($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n    ></div>\n</ng-template>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}.view-row{cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.5rem;background-color:var(--sapBaseColor)}.header span{font-size:1.7rem;font-weight:300}.btn-margin{margin:0 8px 0 0}.table-header-btn-group{display:flex;justify-content:flex-end;flex-grow:1}.context-command{margin:0 2px}.body-wrapper,.body-wrapper table{width:100%}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.root-grouped{color:green}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.single-select{min-width:2rem;max-width:2rem;width:2rem;text-align:center}.grid-editable-btn-group{display:flex;justify-content:space-evenly;align-items:center}table.fixed{table-layout:fixed}table.fixed td{overflow:hidden}::ng-deep span.fd-toolbar__spacer{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: ReportNewTopFormComponent, selector: "bsu-report-new-top-form", inputs: ["selectedMo"], outputs: ["add", "save"] }, { kind: "directive", type: ReportViewRendererDirective, selector: "[reportViewRenderer]", inputs: ["view", "moDataList", "allChecked", "contextSetting", "groupby", "isCheckList", "selectedCount", "hideToolbar", "pagingSetting", "UlvMainCtrlr", "hasSummary", "relationList", "columns", "columnsCount", "secondaryColumns", "contextMenuItems", "conditionalFormats", "deviceName", "deviceSize", "mobileOrTablet", "access", "title", "customFieldInfo", "selectedMo", "allColumns", "viewSetting", "inlineEditMode", "onlyInlineEdit", "allowInlineEdit", "popin", "hasSelected", "formSetting", "disableOverflowContextMenu", "navigationArrow", "typeDefId", "reportId", "listEditViewId", "typeViewId", "containerWidth", "extraRelation", "contextView", "contentDensity", "hideOpenIcon", "openOnClick", "inDialog", "isMultiSelect", "rtl", "disableResponsive", "hideSearchpanel", "gridFreeColumnSizing", "cartableTemplates", "cartableChildsMo"], outputs: ["editFormPanelCancel", "editFormPanelValueChange", "resetWorkflowState", "ulvCommandClick", "sortAscending", "sortDescending", "filter", "deselectAll", "rowCheck", "rowClick", "executeToolbarButton", "expandClick", "trackBySelectedFn", "cartableFormClosed", "createNewMo", "updateMo", "hasDetailsInRow", "allCheckbox", "mandatory", "editFormPanelSave", "columnResized", "selectNextInlineRecord", "workflowShareButtons"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiReportContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiReportContainerComponent, selector: "bsu-ui-report-container", viewQueries: [{ propertyName: "tableView", first: true, predicate: ["renderTable"], descendants: true, static: true }, { propertyName: "cardListView", first: true, predicate: ["renderCardList"], descendants: true, static: true }, { propertyName: "listView", first: true, predicate: ["renderList"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--render container-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\r\n            selectedView: selectedView,\r\n            viewCollection: viewCollection,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            contentDensity: contentDensity$ | async,\r\n            formLayout: layout$ | async,\r\n            hasSelected: hasSelected$ | async,\r\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\r\n            showCreateForm: viewSetting.ShowCreateForm,\r\n            hideOpenIcon: viewSetting.HideOpenIcon,\r\n            openOnClick: viewSetting.OpenOnClick,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            formSetting: context.Setting.FormTemplate,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            disableResponsive: viewSetting.DisableResponsive,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            contextSetting: context.Setting,\r\n            customFieldInfo: context.Setting.CustomFieldInfo,\r\n            selectedMo: selectedMo$ | async,\r\n            hideSearchpanel: hideSearchpanel$ | async,\r\n            selectedCount: selectedCount$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            allowGridColumnSort: context.ViewSetting.AllowGridColumnSort,\r\n            hasInlineEditButton: viewSetting.HasInlineEditButton,\r\n            hasInlineDeleteButton: viewSetting.HasInlineDeleteButton,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-onlyInlineEdit=\"onlyInlineEdit\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-selectedView=\"selectedView\"\r\n    let-viewCollection=\"viewCollection\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formLayout=\"formLayout\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-formSetting=\"formSetting\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-contextView=\"contextView\"\r\n    let-showCreateForm=\"showCreateForm\"\r\n    let-hideOpenIcon=\"hideOpenIcon\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-openOnClick=\"openOnClick\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-customFieldInfo=\"customFieldInfo\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-selectedCount=\"selectedCount\"\r\n    let-hideSearchpanel=\"hideSearchpanel\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n    let-hasInlineDeleteButton=\"hasInlineDeleteButton\"\r\n    let-hasInlineEditButton=\"hasInlineEditButton\"\r\n    let-contextSetting=\"contextSetting\"\r\n>\r\n    <div *ngIf=\"showCreateForm\">\r\n        <bsu-report-new-top-form\r\n            [extraRelation]=\"extraRelation\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [selectedMo]=\"selectedMo\"\r\n            [formSetting]=\"formSetting\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [inlineEditMode]=\"true\"\r\n            [isChecked]=\"true\"\r\n            (add)=\"onNewTopFormAdd($event)\"\r\n            (save)=\"onSaveTopForm($event)\"\r\n        ></bsu-report-new-top-form>\r\n    </div>\r\n    <bsu-ulv-toolbar\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [access]=\"access\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [inDialog]=\"inDialog\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [viewCollection]=\"viewCollection\"\r\n        [reportView]=\"selectedView\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        (sortClick)=\"onSortSettings($event)\"\r\n        (groupbyClick)=\"onGroupbySettings($event)\"\r\n        (columnClick)=\"onColumnSettings($event)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (viewClick)=\"onChangeView($event)\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n\r\n    <div\r\n        class=\"report-view\"\r\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\r\n        reportViewRenderer\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [hasInlineDeleteButton]=\"hasInlineDeleteButton\"\r\n        [hasInlineEditButton]=\"hasInlineEditButton\"\r\n        [contextSetting]=\"contextSetting\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [reportId]=\"reportId\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [hideSearchpanel]=\"hideSearchpanel\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [selectedCount]=\"selectedCount\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [customFieldInfo]=\"customFieldInfo\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [openOnClick]=\"openOnClick\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [view]=\"selectedView\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [formSetting]=\"formSetting\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [rtl]=\"rtl\"\r\n        [allColumns]=\"allColumns\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [formLayout]=\"formLayout\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\r\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\r\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n        (createNewMo)=\"onCreateNewMo()\"\r\n        (updateMo)=\"onUpdateMo($event)\"\r\n        (mandatory)=\"onMandatory($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    ></div>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}.view-row{cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.5rem;background-color:var(--sapBaseColor)}.header span{font-size:1.7rem;font-weight:300}.btn-margin{margin:0 8px 0 0}.table-header-btn-group{display:flex;justify-content:flex-end;flex-grow:1}.context-command{margin:0 2px}.body-wrapper,.body-wrapper table{width:100%}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.root-grouped{color:green}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.single-select{min-width:2rem;max-width:2rem;width:2rem;text-align:center}.grid-editable-btn-group{display:flex;justify-content:space-evenly;align-items:center}table.fixed{table-layout:fixed}table.fixed td{overflow:hidden}::ng-deep span.fd-toolbar__spacer{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: ReportNewTopFormComponent, selector: "bsu-report-new-top-form", inputs: ["selectedMo"], outputs: ["add", "save"] }, { kind: "directive", type: ReportViewRendererDirective, selector: "[reportViewRenderer]", inputs: ["view", "moDataList", "allChecked", "contextSetting", "groupby", "isCheckList", "hasInlineDeleteButton", "hasInlineEditButton", "selectedCount", "hideToolbar", "toolbarButtons", "pagingSetting", "UlvMainCtrlr", "hasSummary", "relationList", "columns", "columnsCount", "secondaryColumns", "contextMenuItems", "conditionalFormats", "deviceName", "deviceSize", "mobileOrTablet", "access", "title", "customFieldInfo", "selectedMo", "allColumns", "viewSetting", "inlineEditMode", "onlyInlineEdit", "allowInlineEdit", "popin", "hasSelected", "formSetting", "disableOverflowContextMenu", "navigationArrow", "typeDefId", "reportId", "listEditViewId", "typeViewId", "containerWidth", "extraRelation", "contextView", "contentDensity", "hideOpenIcon", "openOnClick", "inDialog", "isMultiSelect", "rtl", "disableResponsive", "hideSearchpanel", "gridFreeColumnSizing", "cartableTemplates", "cartableChildsMo"], outputs: ["editFormPanelCancel", "editFormPanelValueChange", "resetWorkflowState", "ulvCommandClick", "sortAscending", "sortDescending", "filter", "deselectAll", "rowCheck", "rowClick", "executeToolbarButton", "expandClick", "trackBySelectedFn", "cartableFormClosed", "createNewMo", "updateMo", "hasDetailsInRow", "allCheckbox", "mandatory", "editFormPanelSave", "columnResized", "selectNextInlineRecord", "workflowShareButtons"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiReportContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-report-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            rtl: rtl$ | async,\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\n            selectedView: selectedView,\n            viewCollection: viewCollection,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            contentDensity: contentDensity$ | async,\n            formLayout: layout$ | async,\n            hasSelected: hasSelected$ | async,\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\n            showCreateForm: viewSetting.ShowCreateForm,\n            hideOpenIcon: viewSetting.HideOpenIcon,\n            openOnClick: viewSetting.OpenOnClick,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            formSetting: context.Setting.FormTemplate,\n            extraRelation: context.Setting.Extra?.Relation,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            disableResponsive: viewSetting.DisableResponsive,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            contextSetting: context.Setting,\n            customFieldInfo: context.Setting.CustomFieldInfo,\n            selectedMo: selectedMo$ | async,\n            hideSearchpanel: hideSearchpanel$ | async,\n            selectedCount: selectedCount$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            pagingSetting: pagingSetting$ | async\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-onlyInlineEdit=\"onlyInlineEdit\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-selectedView=\"selectedView\"\n    let-viewCollection=\"viewCollection\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formLayout=\"formLayout\"\n    let-hasSelected=\"hasSelected\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-hasSummary=\"hasSummary\"\n    let-typeDefId=\"typeDefId\"\n    let-formSetting=\"formSetting\"\n    let-extraRelation=\"extraRelation\"\n    let-contextView=\"contextView\"\n    let-showCreateForm=\"showCreateForm\"\n    let-hideOpenIcon=\"hideOpenIcon\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-openOnClick=\"openOnClick\"\n    let-disableResponsive=\"disableResponsive\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-customFieldInfo=\"customFieldInfo\"\n    let-selectedMo=\"selectedMo\"\n    let-selectedCount=\"selectedCount\"\n    let-hideSearchpanel=\"hideSearchpanel\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n    let-contextSetting=\"contextSetting\"\n>\n    <div *ngIf=\"showCreateForm\">\n        <bsu-report-new-top-form\n            [extraRelation]=\"extraRelation\"\n            [moDataListCount]=\"moDataList.length\"\n            [selectedMo]=\"selectedMo\"\n            [formSetting]=\"formSetting\"\n            [typeDefId]=\"typeDefId\"\n            [inlineEditMode]=\"true\"\n            [isChecked]=\"true\"\n            (add)=\"onNewTopFormAdd($event)\"\n            (save)=\"onSaveTopForm($event)\"\n        ></bsu-report-new-top-form>\n    </div>\n    <bsu-ulv-toolbar\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [viewCollection]=\"viewCollection\"\n        [reportView]=\"selectedView\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        (sortClick)=\"onSortSettings($event)\"\n        (groupbyClick)=\"onGroupbySettings($event)\"\n        (columnClick)=\"onColumnSettings($event)\"\n        (editModeClick)=\"onEditMode()\"\n        (viewClick)=\"onChangeView($event)\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n\n    <div\n        class=\"report-view\"\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\n        reportViewRenderer\n        [hideToolbar]=\"hideToolbar\"\n        [contextSetting]=\"contextSetting\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [pagingSetting]=\"pagingSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [reportId]=\"reportId\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [hideSearchpanel]=\"hideSearchpanel\"\n        [selectedMo]=\"selectedMo\"\n        [selectedCount]=\"selectedCount\"\n        [hasSelected]=\"hasSelected\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [customFieldInfo]=\"customFieldInfo\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [openOnClick]=\"openOnClick\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [extraRelation]=\"extraRelation\"\n        [typeDefId]=\"typeDefId\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [view]=\"selectedView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [contentDensity]=\"contentDensity\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [formSetting]=\"formSetting\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [rtl]=\"rtl\"\n        [allColumns]=\"allColumns\"\n        [hasSummary]=\"hasSummary\"\n        [columnsCount]=\"columnsCount\"\n        [formLayout]=\"formLayout\"\n        [disableResponsive]=\"disableResponsive\"\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n        (createNewMo)=\"onCreateNewMo()\"\n        (updateMo)=\"onUpdateMo($event)\"\n        (mandatory)=\"onMandatory($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n    ></div>\n</ng-template>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}.view-row{cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.5rem;background-color:var(--sapBaseColor)}.header span{font-size:1.7rem;font-weight:300}.btn-margin{margin:0 8px 0 0}.table-header-btn-group{display:flex;justify-content:flex-end;flex-grow:1}.context-command{margin:0 2px}.body-wrapper,.body-wrapper table{width:100%}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.root-grouped{color:green}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.single-select{min-width:2rem;max-width:2rem;width:2rem;text-align:center}.grid-editable-btn-group{display:flex;justify-content:space-evenly;align-items:center}table.fixed{table-layout:fixed}table.fixed td{overflow:hidden}::ng-deep span.fd-toolbar__spacer{display:none}\n"] }]
+            args: [{ selector: 'bsu-ui-report-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async) ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: (hideToolbar$ | async) === true || viewSetting.HideToolbar,\r\n            selectedView: selectedView,\r\n            viewCollection: viewCollection,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            contentDensity: contentDensity$ | async,\r\n            formLayout: layout$ | async,\r\n            hasSelected: hasSelected$ | async,\r\n            disableOverflowContextMenu: viewSetting.DisableOverflowContextMenu,\r\n            showCreateForm: viewSetting.ShowCreateForm,\r\n            hideOpenIcon: viewSetting.HideOpenIcon,\r\n            openOnClick: viewSetting.OpenOnClick,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            formSetting: context.Setting.FormTemplate,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            disableResponsive: viewSetting.DisableResponsive,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            contextSetting: context.Setting,\r\n            customFieldInfo: context.Setting.CustomFieldInfo,\r\n            selectedMo: selectedMo$ | async,\r\n            hideSearchpanel: hideSearchpanel$ | async,\r\n            selectedCount: selectedCount$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            allowGridColumnSort: context.ViewSetting.AllowGridColumnSort,\r\n            hasInlineEditButton: viewSetting.HasInlineEditButton,\r\n            hasInlineDeleteButton: viewSetting.HasInlineDeleteButton,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-onlyInlineEdit=\"onlyInlineEdit\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-selectedView=\"selectedView\"\r\n    let-viewCollection=\"viewCollection\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formLayout=\"formLayout\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-formSetting=\"formSetting\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-contextView=\"contextView\"\r\n    let-showCreateForm=\"showCreateForm\"\r\n    let-hideOpenIcon=\"hideOpenIcon\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-openOnClick=\"openOnClick\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-customFieldInfo=\"customFieldInfo\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-selectedCount=\"selectedCount\"\r\n    let-hideSearchpanel=\"hideSearchpanel\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n    let-hasInlineDeleteButton=\"hasInlineDeleteButton\"\r\n    let-hasInlineEditButton=\"hasInlineEditButton\"\r\n    let-contextSetting=\"contextSetting\"\r\n>\r\n    <div *ngIf=\"showCreateForm\">\r\n        <bsu-report-new-top-form\r\n            [extraRelation]=\"extraRelation\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [selectedMo]=\"selectedMo\"\r\n            [formSetting]=\"formSetting\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [inlineEditMode]=\"true\"\r\n            [isChecked]=\"true\"\r\n            (add)=\"onNewTopFormAdd($event)\"\r\n            (save)=\"onSaveTopForm($event)\"\r\n        ></bsu-report-new-top-form>\r\n    </div>\r\n    <bsu-ulv-toolbar\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [access]=\"access\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [inDialog]=\"inDialog\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [viewCollection]=\"viewCollection\"\r\n        [reportView]=\"selectedView\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        (sortClick)=\"onSortSettings($event)\"\r\n        (groupbyClick)=\"onGroupbySettings($event)\"\r\n        (columnClick)=\"onColumnSettings($event)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (viewClick)=\"onChangeView($event)\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n\r\n    <div\r\n        class=\"report-view\"\r\n        [attr.reportCaption]=\"context.Setting.Extra.Report.Caption\"\r\n        reportViewRenderer\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [hasInlineDeleteButton]=\"hasInlineDeleteButton\"\r\n        [hasInlineEditButton]=\"hasInlineEditButton\"\r\n        [contextSetting]=\"contextSetting\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [reportId]=\"reportId\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [hideSearchpanel]=\"hideSearchpanel\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [selectedCount]=\"selectedCount\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [customFieldInfo]=\"customFieldInfo\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [openOnClick]=\"openOnClick\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [view]=\"selectedView\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [formSetting]=\"formSetting\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [rtl]=\"rtl\"\r\n        [allColumns]=\"allColumns\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [formLayout]=\"formLayout\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        (resetWorkflowState)=\"onResetWorkflowState($event)\"\r\n        (hasDetailsInRow)=\"onHasDetailsInRow($event, deviceSize)\"\r\n        (executeToolbarButton)=\"onExecuteToolbarButton($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n        (createNewMo)=\"onCreateNewMo()\"\r\n        (updateMo)=\"onUpdateMo($event)\"\r\n        (mandatory)=\"onMandatory($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    ></div>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}.view-row{cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.5rem;background-color:var(--sapBaseColor)}.header span{font-size:1.7rem;font-weight:300}.btn-margin{margin:0 8px 0 0}.table-header-btn-group{display:flex;justify-content:flex-end;flex-grow:1}.context-command{margin:0 2px}.body-wrapper,.body-wrapper table{width:100%}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.root-grouped{color:green}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.single-select{min-width:2rem;max-width:2rem;width:2rem;text-align:center}.grid-editable-btn-group{display:flex;justify-content:space-evenly;align-items:center}table.fixed{table-layout:fixed}table.fixed td{overflow:hidden}::ng-deep span.fd-toolbar__spacer{display:none}\n"] }]
         }], propDecorators: { tableView: [{
                 type: ViewChild,
                 args: ['renderTable', { static: true }]
@@ -4872,10 +4881,10 @@ class CardItemComponent extends BaseViewItemPropsComponent {
     }
 }
 CardItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardItemComponent, selector: "bsu-card-item", inputs: { setting: "setting" }, providers: [FormPanelService], viewQueries: [{ propertyName: "_quickViewTemplate", first: true, predicate: ["quickViewTemplate"], descendants: true, static: true }, { propertyName: "_contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-card\n    [cardType]=\"setting.CardType$Caption\"\n    class=\"docs-flex-item-margin\"\n    [class.openOnClick]=\"setting.openOnClick\"\n    [style.width]=\"cardWidth\"\n    [style.min-width]=\"minWidth\"\n    [style.max-width]=\"maxWidth\"\n>\n    <ng-container\n        *ngTemplateOutlet=\"\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\n            context: {\n                $implicit: mo,\n                index: this.index\n            }\n        \"\n    ></ng-container>\n\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify *ngIf=\"!noContent || contextMenuItems\">\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\n                    context: {\n                        $implicit: mo,\n                        index: this.index\n                    }\n                \"\n            ></ng-container>\n        </div>\n        <ng-container *ngIf=\"contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\">\n            <div\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [footerMode]=\"true\"\n                [menuItems]=\"contextMenuItems\"\n                [styleIndex]=\"styleIndex\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></div>\n        </ng-container>\n    </fd-card-content>\n</fd-card>\n\n<ng-template #columnTemplate let-column let-mo=\"mo\" let-index=\"index\" let-layout94=\"layout94\"\n    ><div\n        *ngIf=\"column\"\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [isChecked]=\"isChecked\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n</ng-template>\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\n    <fd-quick-view [id]=\"'id'\" *ngIf=\"!noContent\">\n        <fd-quick-view-group>\n            <fd-quick-view-subheader\n                *ngIf=\"setting.Avatar || setting.AvatarField || setting.TitleField || setting.SubtitleField\"\n            >\n                <fd-avatar\n                    *ngIf=\"setting.AvatarField || setting.Avatar\"\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [circle]=\"setting.CircleAvatar\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize ? avatarSize : deviceSize === 's' ? 's' : 'm'\"\n                    [glyph]=\"\n                        setting.Avatar ||\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n                <fd-quick-view-subheader-title *ngIf=\"setting.TitleField\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-title>\n                <fd-quick-view-subheader-subtitle *ngIf=\"setting.SubtitleField\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-subtitle>\n            </fd-quick-view-subheader>\n            <fd-quick-view-group-item *ngFor=\"let column of setting.FieldListMapped\">\n                <ng-container *ngIf=\"column\">\n                    <fd-quick-view-group-item-label>\n                        {{ column.Caption | bbbTranslate }}\n                    </fd-quick-view-group-item-label>\n                    <fd-quick-view-group-item-content>\n                        <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    columnTemplate;\n                                    context: {\n                                        $implicit: column,\n                                        layout94: layout$ | async,\n                                        mo: mo,\n                                        index: index\n                                    }\n                                \"\n                            ></ng-container>\n                        </div>\n                    </fd-quick-view-group-item-content>\n                </ng-container>\n            </fd-quick-view-group-item>\n            <fd-quick-view-group-item *ngIf=\"setting.DescriptionField\">\n                <fd-quick-view-group-item-content>\n                    <fd-quick-view-group-item-label *ngIf=\"inlineEditMode && allowInlineEdit\">\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                    </fd-quick-view-group-item-label>\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.DescriptionField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                <fd-quick-view-group-item-content\n                    class=\"action\"\n                    *ngIf=\"setting.ActionFieldNameField\"\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\n                >\n                    <a fd-link>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.ActionFieldNameField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </a>\n                </fd-quick-view-group-item-content>\n            </fd-quick-view-group-item>\n        </fd-quick-view-group>\n    </fd-quick-view>\n</ng-template>\n<ng-template #contentTemplate let-mo let-index=\"index\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"2\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        avatar;\n                        context: {\n                            $implicit: setting.Avatar,\n                            visible: setting.AvatarField || setting.Avatar,\n                            circle: setting.CircleAvatar,\n                            avatarField: setting.AvatarField\n                        }\n                    \"\n                ></ng-container>\n            </div>\n\n            <div [fdLayoutGridCol]=\"10\">\n                <span *ngIf=\"setting.TitleField\" style=\"font-weight: bold\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n                <span *ngIf=\"setting.SubtitleField\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n            </div>\n\n            <div [fdLayoutGridCol]=\"12\">\n                <ng-container *ngFor=\"let column of setting.FieldListMapped\">\n                    <div style=\"display: flex\">\n                        <label fd-form-label [colon]=\"true\" for=\"form-value-11\">{{\n                            column.Caption | bbbTranslate\n                        }}</label>\n\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: column,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </ng-container>\n            </div>\n            <div [fdLayoutGridCol]=\"12\" *ngIf=\"setting.DescriptionField\">\n                <label *ngIf=\"inlineEditMode && allowInlineEdit\">\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                </label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.DescriptionField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\n    <fd-avatar\n        *ngIf=\"visible\"\n        alterIcon=\"alt|content|backup|default-icon\"\n        [circle]=\"circle\"\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\n        [size]=\"avatarSize ? avatarSize : deviceSize === 's' ? 's' : 'm'\"\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\n    >\n    </fd-avatar>\n</ng-template>\n\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.ContentComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.ContentComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n\n<ng-template #renderHeader let-mo let-index=\"index\">\n    <fd-card-header\n        *ngIf=\"\n            isCheckList ||\n            deviceName !== 'desktop' ||\n            (contextMenuItems && contextMenuItems.length > 0 && !contextMenuInFooter)\n        \"\n    >\n        <div\n            fd-card-title\n            [style.justify-content]=\"!isCheckList && canView && deviceName !== 'desktop' ? 'left' : 'space-between'\"\n        >\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n                <fd-checkbox\n                    *ngIf=\"isCheckList\"\n                    [name]=\"mo.$Caption\"\n                    [ngModel]=\"isChecked\"\n                    (ngModelChange)=\"onRowCheck()\"\n                ></fd-checkbox>\n                <div\n                    *ngIf=\"!contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n                    ulvContextMenu\n                    [allColumns]=\"allColumns\"\n                    [menuItems]=\"contextMenuItems\"\n                    [styleIndex]=\"styleIndex\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></div>\n            </div>\n            <ng-container *ngIf=\"canView\">\n                <button\n                    fd-button\n                    class=\"view-btn\"\n                    (click)=\"onRowClick()\"\n                    [glyph]=\"navigationArrow\"\n                    fdType=\"transparent\"\n                ></button>\n            </ng-container>\n        </div>\n    </fd-card-header>\n</ng-template>\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.HeaderComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.HeaderComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n", styles: ["fd-card:hover{box-shadow:0 0 0 .0625rem #2235487a,0 .625rem 1.875rem #22354840}fd-card fd-card-content{padding:0!important}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "component", type: i6$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i11.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i11.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i11.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i11.QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle" }, { kind: "component", type: i11.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i11.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i11.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i11.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i11.QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]" }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardItemComponent, selector: "bsu-card-item", inputs: { setting: "setting" }, providers: [FormPanelService], viewQueries: [{ propertyName: "_quickViewTemplate", first: true, predicate: ["quickViewTemplate"], descendants: true, static: true }, { propertyName: "_contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-card\r\n    [cardType]=\"setting.CardType$Caption\"\r\n    class=\"docs-flex-item-margin\"\r\n    [class.openOnClick]=\"setting.openOnClick\"\r\n    [style.width]=\"cardWidth\"\r\n    [style.min-width]=\"minWidth\"\r\n    [style.max-width]=\"maxWidth\"\r\n>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\r\n            context: {\r\n                $implicit: mo,\r\n                index: this.index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n\r\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify *ngIf=\"!noContent || contextMenuItems\">\r\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\r\n                    context: {\r\n                        $implicit: mo,\r\n                        index: this.index\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        <ng-container *ngIf=\"contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\">\r\n            <div\r\n                ulvContextMenu\r\n                [allColumns]=\"allColumns\"\r\n                [footerMode]=\"true\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n            ></div>\r\n        </ng-container>\r\n    </fd-card-content>\r\n</fd-card>\r\n\r\n<ng-template #columnTemplate let-column let-mo=\"mo\" let-index=\"index\" let-layout94=\"layout94\"\r\n    ><div\r\n        *ngIf=\"column\"\r\n        #divEl\r\n        [applyConditionalFormats]=\"conditionalFormats\"\r\n        [styleIndex]=\"styleIndex\"\r\n        [hostEl]=\"divEl\"\r\n        [dbName]=\"column.Name\"\r\n    >\r\n        <bsu-column-renderer\r\n            [mo]=\"mo\"\r\n            [column]=\"column\"\r\n            [value]=\"column | columnValue: mo | bbbTranslate\"\r\n            [icon]=\"column | columnIcon: mo\"\r\n            [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n            [rtl]=\"rtl\"\r\n            [isChecked]=\"isChecked\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [controlUi]=\"column.Caption | controlUi: layout94\"\r\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\r\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\r\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\r\n            [formLayoutShowLabel]=\"true\"\r\n        ></bsu-column-renderer>\r\n    </div>\r\n</ng-template>\r\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\r\n    <fd-quick-view [id]=\"'id'\" *ngIf=\"!noContent\">\r\n        <fd-quick-view-group>\r\n            <fd-quick-view-subheader\r\n                *ngIf=\"setting.Avatar || setting.AvatarField || setting.TitleField || setting.SubtitleField\"\r\n            >\r\n                <fd-avatar\r\n                    *ngIf=\"setting.AvatarField || setting.Avatar\"\r\n                    alterIcon=\"alt|content|backup|default-icon\"\r\n                    [circle]=\"setting.CircleAvatar\"\r\n                    [image]=\"\r\n                        setting.AvatarField\r\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\r\n                            : ''\r\n                    \"\r\n                    [size]=\"avatarSize ? avatarSize : deviceSize === 's' ? 's' : 'm'\"\r\n                    [glyph]=\"\r\n                        setting.Avatar ||\r\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\r\n                    \"\r\n                >\r\n                </fd-avatar>\r\n                <fd-quick-view-subheader-title *ngIf=\"setting.TitleField\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: setting.TitleField,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </fd-quick-view-subheader-title>\r\n                <fd-quick-view-subheader-subtitle *ngIf=\"setting.SubtitleField\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: setting.SubtitleField,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </fd-quick-view-subheader-subtitle>\r\n            </fd-quick-view-subheader>\r\n            <fd-quick-view-group-item *ngFor=\"let column of setting.FieldListMapped\">\r\n                <ng-container *ngIf=\"column\">\r\n                    <fd-quick-view-group-item-label>\r\n                        {{ column.Caption | bbbTranslate }}\r\n                    </fd-quick-view-group-item-label>\r\n                    <fd-quick-view-group-item-content>\r\n                        <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                            <ng-container\r\n                                *ngTemplateOutlet=\"\r\n                                    columnTemplate;\r\n                                    context: {\r\n                                        $implicit: column,\r\n                                        layout94: layout$ | async,\r\n                                        mo: mo,\r\n                                        index: index\r\n                                    }\r\n                                \"\r\n                            ></ng-container>\r\n                        </div>\r\n                    </fd-quick-view-group-item-content>\r\n                </ng-container>\r\n            </fd-quick-view-group-item>\r\n            <fd-quick-view-group-item *ngIf=\"setting.DescriptionField\">\r\n                <fd-quick-view-group-item-content>\r\n                    <fd-quick-view-group-item-label *ngIf=\"inlineEditMode && allowInlineEdit\">\r\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                    </fd-quick-view-group-item-label>\r\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.DescriptionField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </fd-quick-view-group-item-content>\r\n                <fd-quick-view-group-item-content\r\n                    class=\"action\"\r\n                    *ngIf=\"setting.ActionFieldNameField\"\r\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\r\n                >\r\n                    <a fd-link>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.ActionFieldNameField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </a>\r\n                </fd-quick-view-group-item-content>\r\n            </fd-quick-view-group-item>\r\n        </fd-quick-view-group>\r\n    </fd-quick-view>\r\n</ng-template>\r\n<ng-template #contentTemplate let-mo let-index=\"index\">\r\n    <fd-layout-grid>\r\n        <div fdLayoutGridRow>\r\n            <div [fdLayoutGridCol]=\"2\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        avatar;\r\n                        context: {\r\n                            $implicit: setting.Avatar,\r\n                            visible: setting.AvatarField || setting.Avatar,\r\n                            circle: setting.CircleAvatar,\r\n                            avatarField: setting.AvatarField\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n\r\n            <div [fdLayoutGridCol]=\"10\">\r\n                <span *ngIf=\"setting.TitleField\" style=\"font-weight: bold\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: setting.TitleField,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </span>\r\n                <span *ngIf=\"setting.SubtitleField\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: setting.SubtitleField,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </span>\r\n            </div>\r\n\r\n            <div [fdLayoutGridCol]=\"12\">\r\n                <ng-container *ngFor=\"let column of setting.FieldListMapped\">\r\n                    <div style=\"display: flex\">\r\n                        <label fd-form-label [colon]=\"true\" for=\"form-value-11\">{{\r\n                            column.Caption | bbbTranslate\r\n                        }}</label>\r\n\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: column,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n            <div [fdLayoutGridCol]=\"12\" *ngIf=\"setting.DescriptionField\">\r\n                <label *ngIf=\"inlineEditMode && allowInlineEdit\">\r\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                </label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.DescriptionField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n        </div>\r\n    </fd-layout-grid>\r\n</ng-template>\r\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\r\n    <fd-avatar\r\n        *ngIf=\"visible\"\r\n        alterIcon=\"alt|content|backup|default-icon\"\r\n        [circle]=\"circle\"\r\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\r\n        [size]=\"avatarSize ? avatarSize : deviceSize === 's' ? 's' : 'm'\"\r\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\r\n    >\r\n    </fd-avatar>\r\n</ng-template>\r\n\r\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"setting.ContentComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.ContentComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n\r\n<ng-template #renderHeader let-mo let-index=\"index\">\r\n    <fd-card-header\r\n        *ngIf=\"\r\n            isCheckList ||\r\n            deviceName !== 'desktop' ||\r\n            (contextMenuItems && contextMenuItems.length > 0 && !contextMenuInFooter)\r\n        \"\r\n    >\r\n        <div\r\n            fd-card-title\r\n            [style.justify-content]=\"!isCheckList && canView && deviceName !== 'desktop' ? 'left' : 'space-between'\"\r\n        >\r\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n                <fd-checkbox\r\n                    *ngIf=\"isCheckList\"\r\n                    [name]=\"mo.$Caption\"\r\n                    [ngModel]=\"isChecked\"\r\n                    (ngModelChange)=\"onRowCheck()\"\r\n                ></fd-checkbox>\r\n                <div\r\n                    *ngIf=\"!contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\r\n                    ulvContextMenu\r\n                    [allColumns]=\"allColumns\"\r\n                    [menuItems]=\"contextMenuItems\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [mo]=\"mo\"\r\n                    (commandClick)=\"onUlvCommand()\"\r\n                ></div>\r\n            </div>\r\n            <ng-container *ngIf=\"canView\">\r\n                <button\r\n                    fd-button\r\n                    class=\"view-btn\"\r\n                    (click)=\"onRowClick()\"\r\n                    [glyph]=\"navigationArrow\"\r\n                    fdType=\"transparent\"\r\n                ></button>\r\n            </ng-container>\r\n        </div>\r\n    </fd-card-header>\r\n</ng-template>\r\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"setting.HeaderComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.HeaderComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n", styles: ["fd-card:hover{box-shadow:0 0 0 .0625rem #2235487a,0 .625rem 1.875rem #22354840}fd-card fd-card-content{padding:0!important}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "component", type: i6$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i11.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i11.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i11.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i11.QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle" }, { kind: "component", type: i11.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i11.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i11.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i11.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i11.QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]" }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-card-item', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card\n    [cardType]=\"setting.CardType$Caption\"\n    class=\"docs-flex-item-margin\"\n    [class.openOnClick]=\"setting.openOnClick\"\n    [style.width]=\"cardWidth\"\n    [style.min-width]=\"minWidth\"\n    [style.max-width]=\"maxWidth\"\n>\n    <ng-container\n        *ngTemplateOutlet=\"\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\n            context: {\n                $implicit: mo,\n                index: this.index\n            }\n        \"\n    ></ng-container>\n\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify *ngIf=\"!noContent || contextMenuItems\">\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\n                    context: {\n                        $implicit: mo,\n                        index: this.index\n                    }\n                \"\n            ></ng-container>\n        </div>\n        <ng-container *ngIf=\"contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\">\n            <div\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [footerMode]=\"true\"\n                [menuItems]=\"contextMenuItems\"\n                [styleIndex]=\"styleIndex\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></div>\n        </ng-container>\n    </fd-card-content>\n</fd-card>\n\n<ng-template #columnTemplate let-column let-mo=\"mo\" let-index=\"index\" let-layout94=\"layout94\"\n    ><div\n        *ngIf=\"column\"\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [isChecked]=\"isChecked\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n</ng-template>\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\n    <fd-quick-view [id]=\"'id'\" *ngIf=\"!noContent\">\n        <fd-quick-view-group>\n            <fd-quick-view-subheader\n                *ngIf=\"setting.Avatar || setting.AvatarField || setting.TitleField || setting.SubtitleField\"\n            >\n                <fd-avatar\n                    *ngIf=\"setting.AvatarField || setting.Avatar\"\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [circle]=\"setting.CircleAvatar\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize ? avatarSize : deviceSize === 's' ? 's' : 'm'\"\n                    [glyph]=\"\n                        setting.Avatar ||\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n                <fd-quick-view-subheader-title *ngIf=\"setting.TitleField\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-title>\n                <fd-quick-view-subheader-subtitle *ngIf=\"setting.SubtitleField\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </fd-quick-view-subheader-subtitle>\n            </fd-quick-view-subheader>\n            <fd-quick-view-group-item *ngFor=\"let column of setting.FieldListMapped\">\n                <ng-container *ngIf=\"column\">\n                    <fd-quick-view-group-item-label>\n                        {{ column.Caption | bbbTranslate }}\n                    </fd-quick-view-group-item-label>\n                    <fd-quick-view-group-item-content>\n                        <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    columnTemplate;\n                                    context: {\n                                        $implicit: column,\n                                        layout94: layout$ | async,\n                                        mo: mo,\n                                        index: index\n                                    }\n                                \"\n                            ></ng-container>\n                        </div>\n                    </fd-quick-view-group-item-content>\n                </ng-container>\n            </fd-quick-view-group-item>\n            <fd-quick-view-group-item *ngIf=\"setting.DescriptionField\">\n                <fd-quick-view-group-item-content>\n                    <fd-quick-view-group-item-label *ngIf=\"inlineEditMode && allowInlineEdit\">\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                    </fd-quick-view-group-item-label>\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.DescriptionField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                <fd-quick-view-group-item-content\n                    class=\"action\"\n                    *ngIf=\"setting.ActionFieldNameField\"\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\n                >\n                    <a fd-link>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.ActionFieldNameField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </a>\n                </fd-quick-view-group-item-content>\n            </fd-quick-view-group-item>\n        </fd-quick-view-group>\n    </fd-quick-view>\n</ng-template>\n<ng-template #contentTemplate let-mo let-index=\"index\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"2\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        avatar;\n                        context: {\n                            $implicit: setting.Avatar,\n                            visible: setting.AvatarField || setting.Avatar,\n                            circle: setting.CircleAvatar,\n                            avatarField: setting.AvatarField\n                        }\n                    \"\n                ></ng-container>\n            </div>\n\n            <div [fdLayoutGridCol]=\"10\">\n                <span *ngIf=\"setting.TitleField\" style=\"font-weight: bold\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.TitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n                <span *ngIf=\"setting.SubtitleField\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </span>\n            </div>\n\n            <div [fdLayoutGridCol]=\"12\">\n                <ng-container *ngFor=\"let column of setting.FieldListMapped\">\n                    <div style=\"display: flex\">\n                        <label fd-form-label [colon]=\"true\" for=\"form-value-11\">{{\n                            column.Caption | bbbTranslate\n                        }}</label>\n\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: column,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </ng-container>\n            </div>\n            <div [fdLayoutGridCol]=\"12\" *ngIf=\"setting.DescriptionField\">\n                <label *ngIf=\"inlineEditMode && allowInlineEdit\">\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                </label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.DescriptionField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\n    <fd-avatar\n        *ngIf=\"visible\"\n        alterIcon=\"alt|content|backup|default-icon\"\n        [circle]=\"circle\"\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\n        [size]=\"avatarSize ? avatarSize : deviceSize === 's' ? 's' : 'm'\"\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\n    >\n    </fd-avatar>\n</ng-template>\n\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.ContentComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.ContentComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n\n<ng-template #renderHeader let-mo let-index=\"index\">\n    <fd-card-header\n        *ngIf=\"\n            isCheckList ||\n            deviceName !== 'desktop' ||\n            (contextMenuItems && contextMenuItems.length > 0 && !contextMenuInFooter)\n        \"\n    >\n        <div\n            fd-card-title\n            [style.justify-content]=\"!isCheckList && canView && deviceName !== 'desktop' ? 'left' : 'space-between'\"\n        >\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\n                <fd-checkbox\n                    *ngIf=\"isCheckList\"\n                    [name]=\"mo.$Caption\"\n                    [ngModel]=\"isChecked\"\n                    (ngModelChange)=\"onRowCheck()\"\n                ></fd-checkbox>\n                <div\n                    *ngIf=\"!contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n                    ulvContextMenu\n                    [allColumns]=\"allColumns\"\n                    [menuItems]=\"contextMenuItems\"\n                    [styleIndex]=\"styleIndex\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></div>\n            </div>\n            <ng-container *ngIf=\"canView\">\n                <button\n                    fd-button\n                    class=\"view-btn\"\n                    (click)=\"onRowClick()\"\n                    [glyph]=\"navigationArrow\"\n                    fdType=\"transparent\"\n                ></button>\n            </ng-container>\n        </div>\n    </fd-card-header>\n</ng-template>\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.HeaderComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.HeaderComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n", styles: ["fd-card:hover{box-shadow:0 0 0 .0625rem #2235487a,0 .625rem 1.875rem #22354840}fd-card fd-card-content{padding:0!important}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"] }]
+            args: [{ selector: 'bsu-card-item', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card\r\n    [cardType]=\"setting.CardType$Caption\"\r\n    class=\"docs-flex-item-margin\"\r\n    [class.openOnClick]=\"setting.openOnClick\"\r\n    [style.width]=\"cardWidth\"\r\n    [style.min-width]=\"minWidth\"\r\n    [style.max-width]=\"maxWidth\"\r\n>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\r\n            context: {\r\n                $implicit: mo,\r\n                index: this.index\r\n            }\r\n        \"\r\n    ></ng-container>\r\n\r\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify *ngIf=\"!noContent || contextMenuItems\">\r\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\r\n                    context: {\r\n                        $implicit: mo,\r\n                        index: this.index\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n        <ng-container *ngIf=\"contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\">\r\n            <div\r\n                ulvContextMenu\r\n                [allColumns]=\"allColumns\"\r\n                [footerMode]=\"true\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [mo]=\"mo\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n            ></div>\r\n        </ng-container>\r\n    </fd-card-content>\r\n</fd-card>\r\n\r\n<ng-template #columnTemplate let-column let-mo=\"mo\" let-index=\"index\" let-layout94=\"layout94\"\r\n    ><div\r\n        *ngIf=\"column\"\r\n        #divEl\r\n        [applyConditionalFormats]=\"conditionalFormats\"\r\n        [styleIndex]=\"styleIndex\"\r\n        [hostEl]=\"divEl\"\r\n        [dbName]=\"column.Name\"\r\n    >\r\n        <bsu-column-renderer\r\n            [mo]=\"mo\"\r\n            [column]=\"column\"\r\n            [value]=\"column | columnValue: mo | bbbTranslate\"\r\n            [icon]=\"column | columnIcon: mo\"\r\n            [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n            [rtl]=\"rtl\"\r\n            [isChecked]=\"isChecked\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [controlUi]=\"column.Caption | controlUi: layout94\"\r\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\r\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\r\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\r\n            [formLayoutShowLabel]=\"true\"\r\n        ></bsu-column-renderer>\r\n    </div>\r\n</ng-template>\r\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\r\n    <fd-quick-view [id]=\"'id'\" *ngIf=\"!noContent\">\r\n        <fd-quick-view-group>\r\n            <fd-quick-view-subheader\r\n                *ngIf=\"setting.Avatar || setting.AvatarField || setting.TitleField || setting.SubtitleField\"\r\n            >\r\n                <fd-avatar\r\n                    *ngIf=\"setting.AvatarField || setting.Avatar\"\r\n                    alterIcon=\"alt|content|backup|default-icon\"\r\n                    [circle]=\"setting.CircleAvatar\"\r\n                    [image]=\"\r\n                        setting.AvatarField\r\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\r\n                            : ''\r\n                    \"\r\n                    [size]=\"avatarSize ? avatarSize : deviceSize === 's' ? 's' : 'm'\"\r\n                    [glyph]=\"\r\n                        setting.Avatar ||\r\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\r\n                    \"\r\n                >\r\n                </fd-avatar>\r\n                <fd-quick-view-subheader-title *ngIf=\"setting.TitleField\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: setting.TitleField,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </fd-quick-view-subheader-title>\r\n                <fd-quick-view-subheader-subtitle *ngIf=\"setting.SubtitleField\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: setting.SubtitleField,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </fd-quick-view-subheader-subtitle>\r\n            </fd-quick-view-subheader>\r\n            <fd-quick-view-group-item *ngFor=\"let column of setting.FieldListMapped\">\r\n                <ng-container *ngIf=\"column\">\r\n                    <fd-quick-view-group-item-label>\r\n                        {{ column.Caption | bbbTranslate }}\r\n                    </fd-quick-view-group-item-label>\r\n                    <fd-quick-view-group-item-content>\r\n                        <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                            <ng-container\r\n                                *ngTemplateOutlet=\"\r\n                                    columnTemplate;\r\n                                    context: {\r\n                                        $implicit: column,\r\n                                        layout94: layout$ | async,\r\n                                        mo: mo,\r\n                                        index: index\r\n                                    }\r\n                                \"\r\n                            ></ng-container>\r\n                        </div>\r\n                    </fd-quick-view-group-item-content>\r\n                </ng-container>\r\n            </fd-quick-view-group-item>\r\n            <fd-quick-view-group-item *ngIf=\"setting.DescriptionField\">\r\n                <fd-quick-view-group-item-content>\r\n                    <fd-quick-view-group-item-label *ngIf=\"inlineEditMode && allowInlineEdit\">\r\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                    </fd-quick-view-group-item-label>\r\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.DescriptionField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </fd-quick-view-group-item-content>\r\n                <fd-quick-view-group-item-content\r\n                    class=\"action\"\r\n                    *ngIf=\"setting.ActionFieldNameField\"\r\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\r\n                >\r\n                    <a fd-link>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: setting.ActionFieldNameField,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </a>\r\n                </fd-quick-view-group-item-content>\r\n            </fd-quick-view-group-item>\r\n        </fd-quick-view-group>\r\n    </fd-quick-view>\r\n</ng-template>\r\n<ng-template #contentTemplate let-mo let-index=\"index\">\r\n    <fd-layout-grid>\r\n        <div fdLayoutGridRow>\r\n            <div [fdLayoutGridCol]=\"2\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        avatar;\r\n                        context: {\r\n                            $implicit: setting.Avatar,\r\n                            visible: setting.AvatarField || setting.Avatar,\r\n                            circle: setting.CircleAvatar,\r\n                            avatarField: setting.AvatarField\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n\r\n            <div [fdLayoutGridCol]=\"10\">\r\n                <span *ngIf=\"setting.TitleField\" style=\"font-weight: bold\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: setting.TitleField,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </span>\r\n                <span *ngIf=\"setting.SubtitleField\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            columnTemplate;\r\n                            context: {\r\n                                $implicit: setting.SubtitleField,\r\n                                layout94: layout$ | async,\r\n                                mo: mo,\r\n                                index: index\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                </span>\r\n            </div>\r\n\r\n            <div [fdLayoutGridCol]=\"12\">\r\n                <ng-container *ngFor=\"let column of setting.FieldListMapped\">\r\n                    <div style=\"display: flex\">\r\n                        <label fd-form-label [colon]=\"true\" for=\"form-value-11\">{{\r\n                            column.Caption | bbbTranslate\r\n                        }}</label>\r\n\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                columnTemplate;\r\n                                context: {\r\n                                    $implicit: column,\r\n                                    layout94: layout$ | async,\r\n                                    mo: mo,\r\n                                    index: index\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n            <div [fdLayoutGridCol]=\"12\" *ngIf=\"setting.DescriptionField\">\r\n                <label *ngIf=\"inlineEditMode && allowInlineEdit\">\r\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\r\n                </label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: setting.DescriptionField,\r\n                            layout94: layout$ | async,\r\n                            mo: mo,\r\n                            index: index\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </div>\r\n        </div>\r\n    </fd-layout-grid>\r\n</ng-template>\r\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\r\n    <fd-avatar\r\n        *ngIf=\"visible\"\r\n        alterIcon=\"alt|content|backup|default-icon\"\r\n        [circle]=\"circle\"\r\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\r\n        [size]=\"avatarSize ? avatarSize : deviceSize === 's' ? 's' : 'm'\"\r\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\r\n    >\r\n    </fd-avatar>\r\n</ng-template>\r\n\r\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"setting.ContentComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.ContentComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n\r\n<ng-template #renderHeader let-mo let-index=\"index\">\r\n    <fd-card-header\r\n        *ngIf=\"\r\n            isCheckList ||\r\n            deviceName !== 'desktop' ||\r\n            (contextMenuItems && contextMenuItems.length > 0 && !contextMenuInFooter)\r\n        \"\r\n    >\r\n        <div\r\n            fd-card-title\r\n            [style.justify-content]=\"!isCheckList && canView && deviceName !== 'desktop' ? 'left' : 'space-between'\"\r\n        >\r\n            <div style=\"display: flex; justify-content: start; flex-grow: 1\">\r\n                <fd-checkbox\r\n                    *ngIf=\"isCheckList\"\r\n                    [name]=\"mo.$Caption\"\r\n                    [ngModel]=\"isChecked\"\r\n                    (ngModelChange)=\"onRowCheck()\"\r\n                ></fd-checkbox>\r\n                <div\r\n                    *ngIf=\"!contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\r\n                    ulvContextMenu\r\n                    [allColumns]=\"allColumns\"\r\n                    [menuItems]=\"contextMenuItems\"\r\n                    [styleIndex]=\"styleIndex\"\r\n                    [conditionalFormats]=\"conditionalFormats\"\r\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                    [mo]=\"mo\"\r\n                    (commandClick)=\"onUlvCommand()\"\r\n                ></div>\r\n            </div>\r\n            <ng-container *ngIf=\"canView\">\r\n                <button\r\n                    fd-button\r\n                    class=\"view-btn\"\r\n                    (click)=\"onRowClick()\"\r\n                    [glyph]=\"navigationArrow\"\r\n                    fdType=\"transparent\"\r\n                ></button>\r\n            </ng-container>\r\n        </div>\r\n    </fd-card-header>\r\n</ng-template>\r\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"setting.HeaderComponent\"\r\n        [mo]=\"mo\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [isChecked]=\"isChecked\"\r\n        [setting]=\"setting\"\r\n        [parameters]=\"setting.HeaderComponent.Settings\"\r\n        [editMode]=\"inlineEditMode\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [index]=\"index\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-item-component>\r\n</ng-template>\r\n", styles: ["fd-card:hover{box-shadow:0 0 0 .0625rem #2235487a,0 .625rem 1.875rem #22354840}fd-card fd-card-content{padding:0!important}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"] }]
         }], propDecorators: { setting: [{
                 type: Input
             }], _quickViewTemplate: [{
@@ -5144,10 +5153,10 @@ class BarsaTableHeaderComponent extends BaseComponent {
     }
 }
 BarsaTableHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BarsaTableHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: { allChecked: "allChecked", isCheckList: "isCheckList", columns: "columns", fitWidth: "fitWidth", contextMenuItems: "contextMenuItems", contextMenuWidth: "contextMenuWidth", showViewButton: "showViewButton", hasSelected: "hasSelected", hideOpenIcon: "hideOpenIcon", disableOverflowContextMenu: "disableOverflowContextMenu", inlineEditMode: "inlineEditMode", hideHeader: "hideHeader", showDetailsInRow: "showDetailsInRow", viewSetting: "viewSetting", tableWidth: "tableWidth", resizedByUser: "resizedByUser", disableResponsive: "disableResponsive", rowIndicator: "rowIndicator", rtl: "rtl", showRowNumber: "showRowNumber", deviceSize: "deviceSize", tableHeaderMode: "tableHeaderMode" }, outputs: { allCheckbox: "allCheckbox", columnResize: "columnResize", fitToContent: "fitToContent", fitToContainer: "fitToContainer", fitToColumn: "fitToColumn", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter" }, viewQueries: [{ propertyName: "thList", predicate: ["thRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<thead\n    fd-table-header\n    [class.inline-edit]=\"inlineEditMode\"\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\n    [attr.columnsWidth]=\"columnsWidth\"\n    [attr.tableWidth]=\"tableWidth\"\n>\n    <tr fd-table-row>\n        <ng-container *ngIf=\"!hideHeader\">\n            <th *ngIf=\"rowIndicator\" fd-table-cell fd-table-status-indicator></th>\n            <th *ngIf=\"showRowNumber\" fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\n            <th fd-table-cell *ngIf=\"isCheckList\">\n                <fd-checkbox\n                    name=\"allCheckbox\"\n                    [ngModel]=\"allChecked\"\n                    (ngModelChange)=\"onAllCheckbox($event)\"\n                ></fd-checkbox>\n            </th>\n            <th fd-table-cell *ngIf=\"!isCheckList && !showRowNumber\" class=\"single-select\"></th>\n            <ng-container *ngFor=\"let column of columns; let i = index; let last = last; trackBy: _trackByColumn\">\n                <th\n                    *ngIf=\"startIndex <= i\"\n                    #thRef\n                    [columnIndex]=\"i\"\n                    fd-table-cell\n                    [style.width]=\"\n                        inlineEditMode\n                            ? column.FieldTypeId === 5\n                                ? 'auto'\n                                : '210px'\n                            : last\n                            ? null\n                            : column.FieldTypeId === 38\n                            ? '40px'\n                            : column.$Width2 || column.$Width\n                    \"\n                    [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\n                    resizable\n                    [rtl]=\"rtl\"\n                    [disableResize]=\"last\"\n                    (widthChange)=\"onColumnWidthChange(column)\"\n                    (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\n                    [disableResponsive]=\"disableResponsive\"\n                    [tableWidth]=\"tableWidth\"\n                    [columnsWidth]=\"columnsWidth\"\n                    [attr.columnName]=\"column.Name\"\n                    [attr.index]=\"i\"\n                    [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\n                    [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\n                >\n                    <fd-popover #menu>\n                        <fd-popover-control>\n                            <div style=\"display: flex\">\n                                <!-- FieldTypeId 38 means it is auto row number field-->\n                                <img\n                                    [src]=\"column.Icon\"\n                                    *ngIf=\"\n                                        (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) &&\n                                            column.Icon;\n                                        else captionTpl\n                                    \"\n                                />\n                                <ng-template #captionTpl>\n                                    {{ column.Caption | bbbTranslate }}\n                                </ng-template>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body>\n                            <ul fd-list>\n                                <li fd-list-item>\n                                    <a fd-list-link (click)=\"onSortAscending(column, menu)\">\n                                        <fd-menu-addon position=\"before\" glyph=\"sort-ascending\"></fd-menu-addon>\n                                        <span fd-list-title\n                                            >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\n                                        >\n                                    </a>\n                                </li>\n                                <li fd-list-item>\n                                    <a fd-list-link (click)=\"onSortDescending(column, menu)\">\n                                        <fd-menu-addon position=\"before\" glyph=\"sort-descending\"></fd-menu-addon>\n                                        <span fd-list-title\n                                            >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\n                                        >\n                                    </a>\n                                </li>\n                                <li fd-list-item>\n                                    <a fd-list-link (click)=\"menu.close(); fitToContent.emit(column)\">\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                        <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\n                                    </a>\n                                </li>\n                                <li fd-list-item>\n                                    <a fd-list-link (click)=\"menu.close(); fitToContainer.emit()\">\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                        <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\n                                    </a>\n                                </li>\n                                <li fd-list-item>\n                                    <a fd-list-link (click)=\"menu.close(); fitToColumn.emit()\">\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                        <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\n                                    </a>\n                                </li>\n                                <!-- <li fd-list-item>\n                                    <a fd-list-link (click)=\"onFilter(column, menu)\">\n                                        <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\n                                        <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\n                                    </a>\n                                </li> -->\n                            </ul>\n                        </fd-popover-body>\n                    </fd-popover>\n                </th>\n            </ng-container>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode\">\n                <th\n                    class=\"col-header col-context-menu\"\n                    fd-table-cell\n                    [fitContent]=\"disableOverflowContextMenu\"\n                    [style.width.px]=\"contextMenuWidth\"\n                ></th>\n            </ng-container>\n            <th\n                class=\"col-header col-details\"\n                [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\"\n                fd-table-cell\n                *ngIf=\"showDetailsInRow && !inlineEditMode\"\n            ></th>\n            <th class=\"col-header col-view\" [style.width.px]=\"40\" fd-table-cell *ngIf=\"showViewButton\"></th>\n        </ng-container>\n    </tr>\n</thead>\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated"] }, { kind: "component", type: i6$3.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { 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: "directive", type: i4$2.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$2.TableStatusIndicatorDirective, selector: "[fdTableStatusIndicator], [fd-table-status-indicator]", inputs: ["status"] }, { kind: "component", type: i2.ResizableComponent, selector: "th[resizable]", inputs: ["disableResize", "rtl"], outputs: ["widthChange", "widthChanging"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaTableHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: { allChecked: "allChecked", isCheckList: "isCheckList", columns: "columns", fitWidth: "fitWidth", contextMenuItems: "contextMenuItems", contextMenuWidth: "contextMenuWidth", showViewButton: "showViewButton", hasSelected: "hasSelected", hideOpenIcon: "hideOpenIcon", disableOverflowContextMenu: "disableOverflowContextMenu", inlineEditMode: "inlineEditMode", hideHeader: "hideHeader", showDetailsInRow: "showDetailsInRow", viewSetting: "viewSetting", tableWidth: "tableWidth", resizedByUser: "resizedByUser", disableResponsive: "disableResponsive", actionList: "actionList", rowIndicator: "rowIndicator", rtl: "rtl", showRowNumber: "showRowNumber", deviceSize: "deviceSize", tableHeaderMode: "tableHeaderMode" }, outputs: { allCheckbox: "allCheckbox", columnResize: "columnResize", fitToContent: "fitToContent", fitToContainer: "fitToContainer", fitToColumn: "fitToColumn", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter" }, viewQueries: [{ propertyName: "thList", predicate: ["thRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<thead\r\n    fd-table-header\r\n    [class.inline-edit]=\"inlineEditMode\"\r\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\r\n    [attr.columnsWidth]=\"columnsWidth\"\r\n    [attr.tableWidth]=\"tableWidth\"\r\n>\r\n    <tr fd-table-row>\r\n        <ng-container *ngIf=\"!hideHeader\">\r\n            <th *ngIf=\"rowIndicator\" fd-table-cell fd-table-status-indicator></th>\r\n            <th *ngIf=\"showRowNumber\" fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\r\n            <th fd-table-cell *ngIf=\"isCheckList\">\r\n                <fd-checkbox\r\n                    name=\"allCheckbox\"\r\n                    [ngModel]=\"allChecked\"\r\n                    (ngModelChange)=\"onAllCheckbox($event)\"\r\n                ></fd-checkbox>\r\n            </th>\r\n            <th fd-table-cell *ngIf=\"!isCheckList && !showRowNumber\" class=\"single-select\"></th>\r\n            <ng-container *ngFor=\"let column of columns; let i = index; let last = last; trackBy: _trackByColumn\">\r\n                <th\r\n                    *ngIf=\"startIndex <= i\"\r\n                    #thRef\r\n                    [columnIndex]=\"i\"\r\n                    fd-table-cell\r\n                    [style.width]=\"\r\n                        inlineEditMode\r\n                            ? column.FieldTypeId === 5\r\n                                ? 'auto'\r\n                                : '210px'\r\n                            : last\r\n                            ? null\r\n                            : column.FieldTypeId === 38\r\n                            ? '40px'\r\n                            : column.$Width2 || column.$Width\r\n                    \"\r\n                    [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\r\n                    resizable\r\n                    [rtl]=\"rtl\"\r\n                    [disableResize]=\"last\"\r\n                    (widthChange)=\"onColumnWidthChange(column)\"\r\n                    (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\r\n                    [disableResponsive]=\"disableResponsive\"\r\n                    [tableWidth]=\"tableWidth\"\r\n                    [columnsWidth]=\"columnsWidth\"\r\n                    [attr.columnName]=\"column.Name\"\r\n                    [attr.index]=\"i\"\r\n                    [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\r\n                    [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\r\n                >\r\n                    <fd-popover #menu>\r\n                        <fd-popover-control>\r\n                            <div style=\"display: flex\">\r\n                                <!-- FieldTypeId 38 means it is auto row number field-->\r\n                                <img\r\n                                    [src]=\"column.Icon\"\r\n                                    *ngIf=\"\r\n                                        (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) &&\r\n                                            column.Icon;\r\n                                        else captionTpl\r\n                                    \"\r\n                                />\r\n                                <ng-template #captionTpl>\r\n                                    {{ column.Caption | bbbTranslate }}\r\n                                </ng-template>\r\n                            </div>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body>\r\n                            <ul fd-list>\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"onSortAscending(column, menu)\">\r\n                                        <fd-menu-addon position=\"before\" glyph=\"sort-ascending\"></fd-menu-addon>\r\n                                        <span fd-list-title\r\n                                            >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\r\n                                        >\r\n                                    </a>\r\n                                </li>\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"onSortDescending(column, menu)\">\r\n                                        <fd-menu-addon position=\"before\" glyph=\"sort-descending\"></fd-menu-addon>\r\n                                        <span fd-list-title\r\n                                            >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\r\n                                        >\r\n                                    </a>\r\n                                </li>\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"menu.close(); fitToContent.emit(column)\">\r\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\r\n                                        <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\r\n                                    </a>\r\n                                </li>\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"menu.close(); fitToContainer.emit()\">\r\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\r\n                                        <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\r\n                                    </a>\r\n                                </li>\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"menu.close(); fitToColumn.emit()\">\r\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\r\n                                        <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\r\n                                    </a>\r\n                                </li>\r\n                                <!-- <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"onFilter(column, menu)\">\r\n                                        <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\r\n                                        <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\r\n                                    </a>\r\n                                </li> -->\r\n                            </ul>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                </th>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode\">\r\n                <th\r\n                    class=\"col-header col-context-menu\"\r\n                    fd-table-cell\r\n                    [fitContent]=\"disableOverflowContextMenu\"\r\n                    [style.width.px]=\"contextMenuWidth\"\r\n                ></th>\r\n            </ng-container>\r\n            <th\r\n                class=\"col-header col-details\"\r\n                [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\"\r\n                fd-table-cell\r\n                *ngIf=\"showDetailsInRow && !inlineEditMode\"\r\n            ></th>\r\n            <th\r\n                class=\"col-header col-view\"\r\n                [style.width.px]=\"26.5 * (actionList?.length ?? 0) + 8\"\r\n                fd-table-cell\r\n                *ngIf=\"showViewButton\"\r\n            ></th>\r\n        </ng-container>\r\n    </tr>\r\n</thead>\r\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated"] }, { kind: "component", type: i6$3.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { 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: "directive", type: i4$2.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$2.TableStatusIndicatorDirective, selector: "[fdTableStatusIndicator], [fd-table-status-indicator]", inputs: ["status"] }, { kind: "component", type: i2.ResizableComponent, selector: "th[resizable]", inputs: ["disableResize", "rtl"], outputs: ["widthChange", "widthChanging"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<thead\n    fd-table-header\n    [class.inline-edit]=\"inlineEditMode\"\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\n    [attr.columnsWidth]=\"columnsWidth\"\n    [attr.tableWidth]=\"tableWidth\"\n>\n    <tr fd-table-row>\n        <ng-container *ngIf=\"!hideHeader\">\n            <th *ngIf=\"rowIndicator\" fd-table-cell fd-table-status-indicator></th>\n            <th *ngIf=\"showRowNumber\" fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\n            <th fd-table-cell *ngIf=\"isCheckList\">\n                <fd-checkbox\n                    name=\"allCheckbox\"\n                    [ngModel]=\"allChecked\"\n                    (ngModelChange)=\"onAllCheckbox($event)\"\n                ></fd-checkbox>\n            </th>\n            <th fd-table-cell *ngIf=\"!isCheckList && !showRowNumber\" class=\"single-select\"></th>\n            <ng-container *ngFor=\"let column of columns; let i = index; let last = last; trackBy: _trackByColumn\">\n                <th\n                    *ngIf=\"startIndex <= i\"\n                    #thRef\n                    [columnIndex]=\"i\"\n                    fd-table-cell\n                    [style.width]=\"\n                        inlineEditMode\n                            ? column.FieldTypeId === 5\n                                ? 'auto'\n                                : '210px'\n                            : last\n                            ? null\n                            : column.FieldTypeId === 38\n                            ? '40px'\n                            : column.$Width2 || column.$Width\n                    \"\n                    [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\n                    resizable\n                    [rtl]=\"rtl\"\n                    [disableResize]=\"last\"\n                    (widthChange)=\"onColumnWidthChange(column)\"\n                    (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\n                    [disableResponsive]=\"disableResponsive\"\n                    [tableWidth]=\"tableWidth\"\n                    [columnsWidth]=\"columnsWidth\"\n                    [attr.columnName]=\"column.Name\"\n                    [attr.index]=\"i\"\n                    [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\n                    [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\n                >\n                    <fd-popover #menu>\n                        <fd-popover-control>\n                            <div style=\"display: flex\">\n                                <!-- FieldTypeId 38 means it is auto row number field-->\n                                <img\n                                    [src]=\"column.Icon\"\n                                    *ngIf=\"\n                                        (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) &&\n                                            column.Icon;\n                                        else captionTpl\n                                    \"\n                                />\n                                <ng-template #captionTpl>\n                                    {{ column.Caption | bbbTranslate }}\n                                </ng-template>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body>\n                            <ul fd-list>\n                                <li fd-list-item>\n                                    <a fd-list-link (click)=\"onSortAscending(column, menu)\">\n                                        <fd-menu-addon position=\"before\" glyph=\"sort-ascending\"></fd-menu-addon>\n                                        <span fd-list-title\n                                            >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\n                                        >\n                                    </a>\n                                </li>\n                                <li fd-list-item>\n                                    <a fd-list-link (click)=\"onSortDescending(column, menu)\">\n                                        <fd-menu-addon position=\"before\" glyph=\"sort-descending\"></fd-menu-addon>\n                                        <span fd-list-title\n                                            >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\n                                        >\n                                    </a>\n                                </li>\n                                <li fd-list-item>\n                                    <a fd-list-link (click)=\"menu.close(); fitToContent.emit(column)\">\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                        <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\n                                    </a>\n                                </li>\n                                <li fd-list-item>\n                                    <a fd-list-link (click)=\"menu.close(); fitToContainer.emit()\">\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                        <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\n                                    </a>\n                                </li>\n                                <li fd-list-item>\n                                    <a fd-list-link (click)=\"menu.close(); fitToColumn.emit()\">\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                        <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\n                                    </a>\n                                </li>\n                                <!-- <li fd-list-item>\n                                    <a fd-list-link (click)=\"onFilter(column, menu)\">\n                                        <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\n                                        <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\n                                    </a>\n                                </li> -->\n                            </ul>\n                        </fd-popover-body>\n                    </fd-popover>\n                </th>\n            </ng-container>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode\">\n                <th\n                    class=\"col-header col-context-menu\"\n                    fd-table-cell\n                    [fitContent]=\"disableOverflowContextMenu\"\n                    [style.width.px]=\"contextMenuWidth\"\n                ></th>\n            </ng-container>\n            <th\n                class=\"col-header col-details\"\n                [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\"\n                fd-table-cell\n                *ngIf=\"showDetailsInRow && !inlineEditMode\"\n            ></th>\n            <th class=\"col-header col-view\" [style.width.px]=\"40\" fd-table-cell *ngIf=\"showViewButton\"></th>\n        </ng-container>\n    </tr>\n</thead>\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<thead\r\n    fd-table-header\r\n    [class.inline-edit]=\"inlineEditMode\"\r\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\r\n    [attr.columnsWidth]=\"columnsWidth\"\r\n    [attr.tableWidth]=\"tableWidth\"\r\n>\r\n    <tr fd-table-row>\r\n        <ng-container *ngIf=\"!hideHeader\">\r\n            <th *ngIf=\"rowIndicator\" fd-table-cell fd-table-status-indicator></th>\r\n            <th *ngIf=\"showRowNumber\" fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\r\n            <th fd-table-cell *ngIf=\"isCheckList\">\r\n                <fd-checkbox\r\n                    name=\"allCheckbox\"\r\n                    [ngModel]=\"allChecked\"\r\n                    (ngModelChange)=\"onAllCheckbox($event)\"\r\n                ></fd-checkbox>\r\n            </th>\r\n            <th fd-table-cell *ngIf=\"!isCheckList && !showRowNumber\" class=\"single-select\"></th>\r\n            <ng-container *ngFor=\"let column of columns; let i = index; let last = last; trackBy: _trackByColumn\">\r\n                <th\r\n                    *ngIf=\"startIndex <= i\"\r\n                    #thRef\r\n                    [columnIndex]=\"i\"\r\n                    fd-table-cell\r\n                    [style.width]=\"\r\n                        inlineEditMode\r\n                            ? column.FieldTypeId === 5\r\n                                ? 'auto'\r\n                                : '210px'\r\n                            : last\r\n                            ? null\r\n                            : column.FieldTypeId === 38\r\n                            ? '40px'\r\n                            : column.$Width2 || column.$Width\r\n                    \"\r\n                    [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\r\n                    resizable\r\n                    [rtl]=\"rtl\"\r\n                    [disableResize]=\"last\"\r\n                    (widthChange)=\"onColumnWidthChange(column)\"\r\n                    (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\r\n                    [disableResponsive]=\"disableResponsive\"\r\n                    [tableWidth]=\"tableWidth\"\r\n                    [columnsWidth]=\"columnsWidth\"\r\n                    [attr.columnName]=\"column.Name\"\r\n                    [attr.index]=\"i\"\r\n                    [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\r\n                    [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\r\n                >\r\n                    <fd-popover #menu>\r\n                        <fd-popover-control>\r\n                            <div style=\"display: flex\">\r\n                                <!-- FieldTypeId 38 means it is auto row number field-->\r\n                                <img\r\n                                    [src]=\"column.Icon\"\r\n                                    *ngIf=\"\r\n                                        (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) &&\r\n                                            column.Icon;\r\n                                        else captionTpl\r\n                                    \"\r\n                                />\r\n                                <ng-template #captionTpl>\r\n                                    {{ column.Caption | bbbTranslate }}\r\n                                </ng-template>\r\n                            </div>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body>\r\n                            <ul fd-list>\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"onSortAscending(column, menu)\">\r\n                                        <fd-menu-addon position=\"before\" glyph=\"sort-ascending\"></fd-menu-addon>\r\n                                        <span fd-list-title\r\n                                            >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\r\n                                        >\r\n                                    </a>\r\n                                </li>\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"onSortDescending(column, menu)\">\r\n                                        <fd-menu-addon position=\"before\" glyph=\"sort-descending\"></fd-menu-addon>\r\n                                        <span fd-list-title\r\n                                            >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\r\n                                        >\r\n                                    </a>\r\n                                </li>\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"menu.close(); fitToContent.emit(column)\">\r\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\r\n                                        <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\r\n                                    </a>\r\n                                </li>\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"menu.close(); fitToContainer.emit()\">\r\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\r\n                                        <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\r\n                                    </a>\r\n                                </li>\r\n                                <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"menu.close(); fitToColumn.emit()\">\r\n                                        <fd-menu-addon position=\"before\"></fd-menu-addon>\r\n                                        <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\r\n                                    </a>\r\n                                </li>\r\n                                <!-- <li fd-list-item>\r\n                                    <a fd-list-link (click)=\"onFilter(column, menu)\">\r\n                                        <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\r\n                                        <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\r\n                                    </a>\r\n                                </li> -->\r\n                            </ul>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                </th>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode\">\r\n                <th\r\n                    class=\"col-header col-context-menu\"\r\n                    fd-table-cell\r\n                    [fitContent]=\"disableOverflowContextMenu\"\r\n                    [style.width.px]=\"contextMenuWidth\"\r\n                ></th>\r\n            </ng-container>\r\n            <th\r\n                class=\"col-header col-details\"\r\n                [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\"\r\n                fd-table-cell\r\n                *ngIf=\"showDetailsInRow && !inlineEditMode\"\r\n            ></th>\r\n            <th\r\n                class=\"col-header col-view\"\r\n                [style.width.px]=\"26.5 * (actionList?.length ?? 0) + 8\"\r\n                fd-table-cell\r\n                *ngIf=\"showViewButton\"\r\n            ></th>\r\n        </ng-container>\r\n    </tr>\r\n</thead>\r\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { thList: [{
                 type: ViewChildren,
                 args: ['thRef', { read: ElementRef }]
@@ -5185,6 +5194,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }], disableResponsive: [{
                 type: Input
+            }], actionList: [{
+                type: Input
             }], rowIndicator: [{
                 type: Input
             }], rtl: [{
@@ -5226,11 +5237,13 @@ class BarsaTableColumnComponent extends BaseColumnPropsComponent {
     }
 }
 BarsaTableColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaTableColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", providers: [FormPanelService, ColumnService], usesInheritance: true, ngImport: i0, template: "<div\n    [class.editMode]=\"editMode\"\n    #divDom\n    style=\"display: flex; width: 100%\"\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\n>\n    <ng-container *ngIf=\"customComponent; else columnRendererTpl\">\n        <bnrc-dynamic-item-component\n            [component]=\"customComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"customComponent.Settings\"\n            [column]=\"column\"\n            [value]=\"value\"\n            [icon]=\"icon\"\n            [editMode]=\"editMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [containerDom]=\"divDom\"\n        ></bnrc-dynamic-item-component>\n    </ng-container>\n    <ng-template #columnRendererTpl>\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [containerDom]=\"divDom\"\n            [column]=\"column\"\n            [value]=\"value | bbbTranslate\"\n            [icon]=\"icon\"\n            [editMode]=\"editMode\"\n            [isChecked]=\"isChecked\"\n            [index]=\"index\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [formLayoutShowLabel]=\"false\"\n            [deviceSize]=\"deviceSize\"\n            [controlUi]=\"column.Caption | controlUi: layout94\"\n            (keyup.control.enter)=\"save.emit($event)\"\n            (keyup.esc)=\"cancel.emit($event)\"\n            (keydown.Tab)=\"tab.emit($event)\"\n        ></bsu-column-renderer>\n    </ng-template>\n\n    <ng-container *ngIf=\"editMode\">\n        <ng-container *ngFor=\"let fieldCaption of column.$MergedFieldsToColumn\">\n            <ng-container *ngIf=\"fieldCaption | controlUi: layout94 as layoutConfig\">\n                <bsu-layout-control\n                    [caption]=\"fieldCaption\"\n                    [config]=\"layoutConfig\"\n                    [showLabel]=\"false\"\n                    [inlineEdit]=\"true\"\n                    (keyup.control.enter)=\"save.emit($event)\"\n                    (keyup.esc)=\"cancel.emit($event)\"\n                    (keydown.Tab)=\"tab.emit($event)\"\n                ></bsu-layout-control>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaTableColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: { disableEllapsis: "disableEllapsis" }, providers: [FormPanelService, ColumnService], usesInheritance: true, ngImport: i0, template: "<div\r\n    [class.editMode]=\"editMode\"\r\n    #divDom\r\n    style=\"display: flex; width: 100%\"\r\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\r\n>\r\n    <ng-container *ngIf=\"customComponent; else columnRendererTpl\">\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"customComponent\"\r\n            [mo]=\"mo\"\r\n            [isChecked]=\"isChecked\"\r\n            [setting]=\"detailsComponentSetting\"\r\n            [parameters]=\"customComponent.Settings\"\r\n            [column]=\"column\"\r\n            [value]=\"value\"\r\n            [icon]=\"icon\"\r\n            [editMode]=\"editMode\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n            [containerDom]=\"divDom\"\r\n        ></bnrc-dynamic-item-component>\r\n    </ng-container>\r\n    <ng-template #columnRendererTpl>\r\n        <bsu-column-renderer\r\n            [mo]=\"mo\"\r\n            [containerDom]=\"divDom\"\r\n            [column]=\"column\"\r\n            [disableEllapsis]=\"disableEllapsis\"\r\n            [value]=\"value | bbbTranslate\"\r\n            [icon]=\"icon\"\r\n            [editMode]=\"editMode\"\r\n            [isChecked]=\"isChecked\"\r\n            [index]=\"index\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [formLayoutShowLabel]=\"false\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [controlUi]=\"column.Caption | controlUi: layout94\"\r\n            (keyup.control.enter)=\"save.emit($event)\"\r\n            (keyup.esc)=\"cancel.emit($event)\"\r\n            (keydown.Tab)=\"tab.emit($event)\"\r\n        ></bsu-column-renderer>\r\n    </ng-template>\r\n\r\n    <ng-container *ngIf=\"editMode\">\r\n        <ng-container *ngFor=\"let fieldCaption of column.$MergedFieldsToColumn\">\r\n            <ng-container *ngIf=\"fieldCaption | controlUi: layout94 as layoutConfig\">\r\n                <bsu-layout-control\r\n                    [caption]=\"fieldCaption\"\r\n                    [config]=\"layoutConfig\"\r\n                    [showLabel]=\"false\"\r\n                    [inlineEdit]=\"true\"\r\n                    (keyup.control.enter)=\"save.emit($event)\"\r\n                    (keyup.esc)=\"cancel.emit($event)\"\r\n                    (keydown.Tab)=\"tab.emit($event)\"\r\n                ></bsu-layout-control>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</div>\r\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"] }, { kind: "component", type: ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-column', providers: [FormPanelService, ColumnService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [class.editMode]=\"editMode\"\n    #divDom\n    style=\"display: flex; width: 100%\"\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\n>\n    <ng-container *ngIf=\"customComponent; else columnRendererTpl\">\n        <bnrc-dynamic-item-component\n            [component]=\"customComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"customComponent.Settings\"\n            [column]=\"column\"\n            [value]=\"value\"\n            [icon]=\"icon\"\n            [editMode]=\"editMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [containerDom]=\"divDom\"\n        ></bnrc-dynamic-item-component>\n    </ng-container>\n    <ng-template #columnRendererTpl>\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [containerDom]=\"divDom\"\n            [column]=\"column\"\n            [value]=\"value | bbbTranslate\"\n            [icon]=\"icon\"\n            [editMode]=\"editMode\"\n            [isChecked]=\"isChecked\"\n            [index]=\"index\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [formLayoutShowLabel]=\"false\"\n            [deviceSize]=\"deviceSize\"\n            [controlUi]=\"column.Caption | controlUi: layout94\"\n            (keyup.control.enter)=\"save.emit($event)\"\n            (keyup.esc)=\"cancel.emit($event)\"\n            (keydown.Tab)=\"tab.emit($event)\"\n        ></bsu-column-renderer>\n    </ng-template>\n\n    <ng-container *ngIf=\"editMode\">\n        <ng-container *ngFor=\"let fieldCaption of column.$MergedFieldsToColumn\">\n            <ng-container *ngIf=\"fieldCaption | controlUi: layout94 as layoutConfig\">\n                <bsu-layout-control\n                    [caption]=\"fieldCaption\"\n                    [config]=\"layoutConfig\"\n                    [showLabel]=\"false\"\n                    [inlineEdit]=\"true\"\n                    (keyup.control.enter)=\"save.emit($event)\"\n                    (keyup.esc)=\"cancel.emit($event)\"\n                    (keydown.Tab)=\"tab.emit($event)\"\n                ></bsu-layout-control>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"] }]
-        }] });
+            args: [{ selector: 'bsu-barsa-table-column', providers: [FormPanelService, ColumnService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n    [class.editMode]=\"editMode\"\r\n    #divDom\r\n    style=\"display: flex; width: 100%\"\r\n    [style.column-gap]=\"column.$MergedFieldsToColumn?.length ? '0.2rem' : null\"\r\n>\r\n    <ng-container *ngIf=\"customComponent; else columnRendererTpl\">\r\n        <bnrc-dynamic-item-component\r\n            [component]=\"customComponent\"\r\n            [mo]=\"mo\"\r\n            [isChecked]=\"isChecked\"\r\n            [setting]=\"detailsComponentSetting\"\r\n            [parameters]=\"customComponent.Settings\"\r\n            [column]=\"column\"\r\n            [value]=\"value\"\r\n            [icon]=\"icon\"\r\n            [editMode]=\"editMode\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [index]=\"index\"\r\n            [allColumns]=\"allColumns\"\r\n            [containerDom]=\"divDom\"\r\n        ></bnrc-dynamic-item-component>\r\n    </ng-container>\r\n    <ng-template #columnRendererTpl>\r\n        <bsu-column-renderer\r\n            [mo]=\"mo\"\r\n            [containerDom]=\"divDom\"\r\n            [column]=\"column\"\r\n            [disableEllapsis]=\"disableEllapsis\"\r\n            [value]=\"value | bbbTranslate\"\r\n            [icon]=\"icon\"\r\n            [editMode]=\"editMode\"\r\n            [isChecked]=\"isChecked\"\r\n            [index]=\"index\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [formLayoutShowLabel]=\"false\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [controlUi]=\"column.Caption | controlUi: layout94\"\r\n            (keyup.control.enter)=\"save.emit($event)\"\r\n            (keyup.esc)=\"cancel.emit($event)\"\r\n            (keydown.Tab)=\"tab.emit($event)\"\r\n        ></bsu-column-renderer>\r\n    </ng-template>\r\n\r\n    <ng-container *ngIf=\"editMode\">\r\n        <ng-container *ngFor=\"let fieldCaption of column.$MergedFieldsToColumn\">\r\n            <ng-container *ngIf=\"fieldCaption | controlUi: layout94 as layoutConfig\">\r\n                <bsu-layout-control\r\n                    [caption]=\"fieldCaption\"\r\n                    [config]=\"layoutConfig\"\r\n                    [showLabel]=\"false\"\r\n                    [inlineEdit]=\"true\"\r\n                    (keyup.control.enter)=\"save.emit($event)\"\r\n                    (keyup.esc)=\"cancel.emit($event)\"\r\n                    (keydown.Tab)=\"tab.emit($event)\"\r\n                ></bsu-layout-control>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</div>\r\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .editMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .editMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.showdetails-on td{border-bottom:none!important}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}\n"] }]
+        }], propDecorators: { disableEllapsis: [{
+                type: Input
+            }] } });
 
 class BarsaColumnIndicatorComponent extends BaseComponent {
     ngOnInit() {
@@ -5279,10 +5292,10 @@ class BarsaTableRowComponent extends BaseViewItemPropsComponent {
     }
 }
 BarsaTableRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", columnComponents: "columnComponents" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            style=\"font-weight: bold; font-size: 1rem\"\n            [attr.colspan]=\"\n                columns.length +\n                1 +\n                (rowIndicator ? -1 : 0) +\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n                (showViewButton ? 1 : 0) +\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\n            \"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\" [style.width]=\"checkboxComponent ? '60px' : null\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n            </div>\n\n            <bnrc-dynamic-item-component\n                *ngIf=\"checkboxComponent?.Selector\"\n                [component]=\"checkboxComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"setting\"\n                [parameters]=\"checkboxComponent.Parameters\"\n                [editMode]=\"inlineEditMode\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [value]=\"isChecked\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n                (events)=\"onRowCheck()\"\n            ></bnrc-dynamic-item-component>\n\n            <fd-checkbox\n                *ngIf=\"!checkboxComponent?.Selector\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"onRowCheck()\"\n            ></fd-checkbox>\n        </td>\n        <td\n            fd-table-cell\n            class=\"single-select\"\n            *ngIf=\"!isCheckList && !showRowNumber\"\n            (click)=\"!isCheckList && onRowCheck()\"\n            style=\"padding: 0; text-align: center\"\n        >\n            <ng-container\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\n            >\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\n                <fd-busy-indicator\n                    *ngIf=\"saving\"\n                    [loading]=\"true\"\n                    [size]=\"'s'\"\n                    title=\"record saving\"\n                ></fd-busy-indicator>\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\n            </ng-container>\n            <ng-template #iconStateTemplate>\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\n            </ng-template>\n        </td>\n        <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\n            <td\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\n                [attr.dbName]=\"column.Name\"\n                #tdEl\n                fd-table-cell\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"tdEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                [focusable]=\"false\"\n                (click)=\"(!isCheckList || (inlineEditMode && allowInlineEdit)) && onRowCheck()\"\n                (dblclick)=\"onRowClick()\"\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </td>\n        </ng-container>\n        <td\n            class=\"col-context-menu\"\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\n            fd-table-cell\n        >\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n        </td>\n        <td\n            class=\"col-details\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </td>\n        <td\n            class=\"col-view\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                fd-button\n                [glyph]=\"navigationArrow\"\n                [navigation]=\"true\"\n                [fdType]=\"'transparent'\"\n                role=\"presentation\"\n                (click)=\"onRowClick()\"\n            ></button>\n        </td>\n    </ng-template>\n</tr>\n\n<tr\n    #trEl\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            <p\n                #pEl\n                fd-table-text\n                *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n        </div>\n    </td>\n</tr>\n<tr\n    [class.detailCollapsed]=\"detailsCollapsed\"\n    *ngIf=\"cartableParams?.moId\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n<tr\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\n            <bnrc-dynamic-item-component\n                [component]=\"detailsComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"detailsComponentSetting\"\n                [parameters]=\"detailsComponent.Settings\"\n                [editMode]=\"inlineEditMode\"\n                [formSetting]=\"formSetting\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n            ></bnrc-dynamic-item-component>\n        </ng-container>\n    </td>\n</tr>\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </div>\n</ng-template>\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\n            [dismissible]=\"false\"\n        >\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<tr *ngIf=\"workflowState?.state === 'Finish' && workflowState?.error\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\n<ng-template #rowNumberTemplate>\n    <bsu-barsa-column-rownumber *ngIf=\"showRowNumber\" [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\n    </bsu-barsa-column-rownumber>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i9$1.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$2.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column" }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "component", type: BarsaColumnRowNumberComponent, selector: "bsu-barsa-column-rownumber", inputs: ["rowNumber"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", columnComponents: "columnComponents", actionList: "actionList" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<tr\r\n    [class.row-error]=\"hasError\"\r\n    [class.showdetails-on]=\"!detailsCollapsed\"\r\n    #trEl\r\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [activable]=\"false\"\r\n    [hoverable]=\"false\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [main]=\"true\"\r\n    [focusable]=\"true\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\r\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\r\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\r\n>\r\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\r\n        <td\r\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            fd-table-cell\r\n            style=\"font-weight: bold; font-size: 1rem\"\r\n            [attr.colspan]=\"\r\n                columns.length +\r\n                1 +\r\n                (rowIndicator ? -1 : 0) +\r\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n                (showViewButton ? 1 : 0) +\r\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n            \"\r\n            class=\"row-group\"\r\n            [class.mobile-mode]=\"secondaryColumns?.length\"\r\n            [attr.level]=\"level\"\r\n            [class.root-group]=\"level === 0\"\r\n        >\r\n            <button\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n                class=\"cell-expand\"\r\n                (click)=\"onExpandClick()\"\r\n            ></button>\r\n            {{ mo.$Group }}\r\n        </td>\r\n    </ng-container>\r\n    <ng-template #renderRow>\r\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n        <td fd-table-cell *ngIf=\"isCheckList\" [style.width]=\"checkboxComponent ? '60px' : null\">\r\n            <div\r\n                *ngIf=\"workflowState?.state === 'Pending'\"\r\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\r\n            >\r\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\r\n            </div>\r\n\r\n            <bnrc-dynamic-item-component\r\n                *ngIf=\"checkboxComponent?.Selector\"\r\n                [component]=\"checkboxComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"setting\"\r\n                [parameters]=\"checkboxComponent.Parameters\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [value]=\"isChecked\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n                (events)=\"onRowCheck()\"\r\n            ></bnrc-dynamic-item-component>\r\n\r\n            <fd-checkbox\r\n                *ngIf=\"!checkboxComponent?.Selector\"\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"onRowCheck()\"\r\n            ></fd-checkbox>\r\n        </td>\r\n        <td\r\n            fd-table-cell\r\n            class=\"single-select\"\r\n            *ngIf=\"!isCheckList && !showRowNumber\"\r\n            (click)=\"!isCheckList && onRowCheck()\"\r\n            style=\"padding: 0; text-align: center\"\r\n        >\r\n            <ng-container\r\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\r\n            >\r\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\r\n                <fd-busy-indicator\r\n                    *ngIf=\"saving\"\r\n                    [loading]=\"true\"\r\n                    [size]=\"'s'\"\r\n                    title=\"record saving\"\r\n                ></fd-busy-indicator>\r\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\r\n            </ng-container>\r\n            <ng-template #iconStateTemplate>\r\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\r\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\r\n            </ng-template>\r\n        </td>\r\n        <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\r\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\r\n            <td\r\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\r\n                [attr.dbName]=\"column.Name\"\r\n                #tdEl\r\n                fd-table-cell\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"tdEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n                [focusable]=\"false\"\r\n                (click)=\"(!isCheckList || (inlineEditMode && allowInlineEdit)) && onRowCheck()\"\r\n                (dblclick)=\"onRowClick()\"\r\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </td>\r\n        </ng-container>\r\n        <td\r\n            class=\"col-context-menu\"\r\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\r\n            fd-table-cell\r\n        >\r\n            <bsu-ulv-context-menu\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                [index]=\"index\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n                [deviceName]=\"deviceName\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [allColumns]=\"allColumns\"\r\n            ></bsu-ulv-context-menu>\r\n        </td>\r\n        <td\r\n            class=\"col-details\"\r\n            fd-table-cell\r\n            [fitContent]=\"true\"\r\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\r\n        >\r\n            <button\r\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\r\n                fd-button\r\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onRowDetails()\"\r\n            ></button>\r\n        </td>\r\n        <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\" *ngIf=\"actionList?.length\">\r\n            <button\r\n                fd-button\r\n                *ngFor=\"let a of actionList\"\r\n                [glyph]=\"a.glyph\"\r\n                [navigation]=\"a.navigation\"\r\n                [fdType]=\"'transparent'\"\r\n                [role]=\"a.role\"\r\n                bodyClick\r\n                [disableBodyClick]=\"!a.closeOnClick\"\r\n                (click)=\"a.handler({mo, index})\"\r\n            ></button>\r\n        </td>\r\n    </ng-template>\r\n</tr>\r\n\r\n<tr\r\n    #trEl\r\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"secondary-row\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\r\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n            >\r\n                <label fd-form-label>{{ column.Caption }} :</label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n        </div>\r\n    </td>\r\n</tr>\r\n<tr\r\n    [class.detailCollapsed]=\"detailsCollapsed\"\r\n    *ngIf=\"cartableParams?.moId\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems.length ? 1 : 0) +\r\n            (canView ? 1 : 0) +\r\n            (showDetailsInRow ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container>\r\n            <bnrc-form\r\n                #cartableFormRef\r\n                class=\"cartable-template\"\r\n                [inlineEditInReport]=\"true\"\r\n                [params]=\"cartableParams\"\r\n                (beforeTransition)=\"onCartableBeforeTansition()\"\r\n                (afterTransition)=\"onCartableAfterTansition($event)\"\r\n                (bruleAction)=\"onCartableBruleAction($event)\"\r\n                (click)=\"OnCartableFormClick($event)\"\r\n                (formClose)=\"onCartableFormClosed()\"\r\n            ></bnrc-form>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<tr\r\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\r\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\r\n            <bnrc-dynamic-item-component\r\n                [component]=\"detailsComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"detailsComponentSetting\"\r\n                [parameters]=\"detailsComponent.Settings\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [formSetting]=\"formSetting\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n            ></bnrc-dynamic-item-component>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<ng-template #detailsColumnsTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: mo,\r\n                inlineEditMode: inlineEditMode,\r\n                layout94: layout$\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\r\n    <div class=\"form-items\">\r\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\r\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout$ | async\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip\r\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\r\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\r\n            [dismissible]=\"false\"\r\n        >\r\n            {{ bruleActionMessage.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<tr *ngIf=\"workflowState?.state === 'Finish' && workflowState?.error\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\r\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"secondaryColumns?.length\"\r\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n</ng-template>\r\n<ng-template #statusIndicator>\r\n    <bsu-barsa-column-indicator\r\n        [hideBorderBottom]=\"!detailsCollapsed\"\r\n        *ngIf=\"rowIndicator\"\r\n        [backColor]=\"rowIndicatorColor\"\r\n    >\r\n    </bsu-barsa-column-indicator>\r\n</ng-template>\r\n<ng-template #rowNumberTemplate>\r\n    <bsu-barsa-column-rownumber *ngIf=\"showRowNumber\" [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\r\n    </bsu-barsa-column-rownumber>\r\n</ng-template>\r\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i9$1.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$2.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis"] }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "component", type: BarsaColumnRowNumberComponent, selector: "bsu-barsa-column-rownumber", inputs: ["rowNumber"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            style=\"font-weight: bold; font-size: 1rem\"\n            [attr.colspan]=\"\n                columns.length +\n                1 +\n                (rowIndicator ? -1 : 0) +\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n                (showViewButton ? 1 : 0) +\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\n            \"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\" [style.width]=\"checkboxComponent ? '60px' : null\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n            </div>\n\n            <bnrc-dynamic-item-component\n                *ngIf=\"checkboxComponent?.Selector\"\n                [component]=\"checkboxComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"setting\"\n                [parameters]=\"checkboxComponent.Parameters\"\n                [editMode]=\"inlineEditMode\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [value]=\"isChecked\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n                (events)=\"onRowCheck()\"\n            ></bnrc-dynamic-item-component>\n\n            <fd-checkbox\n                *ngIf=\"!checkboxComponent?.Selector\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (ngModelChange)=\"onRowCheck()\"\n            ></fd-checkbox>\n        </td>\n        <td\n            fd-table-cell\n            class=\"single-select\"\n            *ngIf=\"!isCheckList && !showRowNumber\"\n            (click)=\"!isCheckList && onRowCheck()\"\n            style=\"padding: 0; text-align: center\"\n        >\n            <ng-container\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\n            >\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\n                <fd-busy-indicator\n                    *ngIf=\"saving\"\n                    [loading]=\"true\"\n                    [size]=\"'s'\"\n                    title=\"record saving\"\n                ></fd-busy-indicator>\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\n            </ng-container>\n            <ng-template #iconStateTemplate>\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\n            </ng-template>\n        </td>\n        <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\n            <td\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\n                [attr.dbName]=\"column.Name\"\n                #tdEl\n                fd-table-cell\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"tdEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                [focusable]=\"false\"\n                (click)=\"(!isCheckList || (inlineEditMode && allowInlineEdit)) && onRowCheck()\"\n                (dblclick)=\"onRowClick()\"\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </td>\n        </ng-container>\n        <td\n            class=\"col-context-menu\"\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\n            fd-table-cell\n        >\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n        </td>\n        <td\n            class=\"col-details\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </td>\n        <td\n            class=\"col-view\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                fd-button\n                [glyph]=\"navigationArrow\"\n                [navigation]=\"true\"\n                [fdType]=\"'transparent'\"\n                role=\"presentation\"\n                (click)=\"onRowClick()\"\n            ></button>\n        </td>\n    </ng-template>\n</tr>\n\n<tr\n    #trEl\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            <p\n                #pEl\n                fd-table-text\n                *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n        </div>\n    </td>\n</tr>\n<tr\n    [class.detailCollapsed]=\"detailsCollapsed\"\n    *ngIf=\"cartableParams?.moId\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n<tr\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\n            <bnrc-dynamic-item-component\n                [component]=\"detailsComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"detailsComponentSetting\"\n                [parameters]=\"detailsComponent.Settings\"\n                [editMode]=\"inlineEditMode\"\n                [formSetting]=\"formSetting\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n            ></bnrc-dynamic-item-component>\n        </ng-container>\n    </td>\n</tr>\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </div>\n</ng-template>\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\n            [dismissible]=\"false\"\n        >\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<tr *ngIf=\"workflowState?.state === 'Finish' && workflowState?.error\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\n<ng-template #rowNumberTemplate>\n    <bsu-barsa-column-rownumber *ngIf=\"showRowNumber\" [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\n    </bsu-barsa-column-rownumber>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<tr\r\n    [class.row-error]=\"hasError\"\r\n    [class.showdetails-on]=\"!detailsCollapsed\"\r\n    #trEl\r\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [activable]=\"false\"\r\n    [hoverable]=\"false\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [main]=\"true\"\r\n    [focusable]=\"true\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\r\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\r\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\r\n>\r\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\r\n        <td\r\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\r\n            fd-table-cell\r\n            style=\"font-weight: bold; font-size: 1rem\"\r\n            [attr.colspan]=\"\r\n                columns.length +\r\n                1 +\r\n                (rowIndicator ? -1 : 0) +\r\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n                (showViewButton ? 1 : 0) +\r\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n            \"\r\n            class=\"row-group\"\r\n            [class.mobile-mode]=\"secondaryColumns?.length\"\r\n            [attr.level]=\"level\"\r\n            [class.root-group]=\"level === 0\"\r\n        >\r\n            <button\r\n                fd-button\r\n                [fdType]=\"'transparent'\"\r\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\r\n                class=\"cell-expand\"\r\n                (click)=\"onExpandClick()\"\r\n            ></button>\r\n            {{ mo.$Group }}\r\n        </td>\r\n    </ng-container>\r\n    <ng-template #renderRow>\r\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n        <td fd-table-cell *ngIf=\"isCheckList\" [style.width]=\"checkboxComponent ? '60px' : null\">\r\n            <div\r\n                *ngIf=\"workflowState?.state === 'Pending'\"\r\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\r\n            >\r\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\r\n            </div>\r\n\r\n            <bnrc-dynamic-item-component\r\n                *ngIf=\"checkboxComponent?.Selector\"\r\n                [component]=\"checkboxComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"setting\"\r\n                [parameters]=\"checkboxComponent.Parameters\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [value]=\"isChecked\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n                (events)=\"onRowCheck()\"\r\n            ></bnrc-dynamic-item-component>\r\n\r\n            <fd-checkbox\r\n                *ngIf=\"!checkboxComponent?.Selector\"\r\n                [name]=\"mo.$Caption\"\r\n                [ngModel]=\"isChecked\"\r\n                (ngModelChange)=\"onRowCheck()\"\r\n            ></fd-checkbox>\r\n        </td>\r\n        <td\r\n            fd-table-cell\r\n            class=\"single-select\"\r\n            *ngIf=\"!isCheckList && !showRowNumber\"\r\n            (click)=\"!isCheckList && onRowCheck()\"\r\n            style=\"padding: 0; text-align: center\"\r\n        >\r\n            <ng-container\r\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\r\n            >\r\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\r\n                <fd-busy-indicator\r\n                    *ngIf=\"saving\"\r\n                    [loading]=\"true\"\r\n                    [size]=\"'s'\"\r\n                    title=\"record saving\"\r\n                ></fd-busy-indicator>\r\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\r\n            </ng-container>\r\n            <ng-template #iconStateTemplate>\r\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\r\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\r\n            </ng-template>\r\n        </td>\r\n        <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\r\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\r\n            <td\r\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\r\n                [attr.dbName]=\"column.Name\"\r\n                #tdEl\r\n                fd-table-cell\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"tdEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n                [focusable]=\"false\"\r\n                (click)=\"(!isCheckList || (inlineEditMode && allowInlineEdit)) && onRowCheck()\"\r\n                (dblclick)=\"onRowClick()\"\r\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </td>\r\n        </ng-container>\r\n        <td\r\n            class=\"col-context-menu\"\r\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\r\n            fd-table-cell\r\n        >\r\n            <bsu-ulv-context-menu\r\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                [conditionalFormats]=\"conditionalFormats\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [mo]=\"mo\"\r\n                [index]=\"index\"\r\n                (commandClick)=\"onUlvCommand()\"\r\n                [deviceName]=\"deviceName\"\r\n                [menuItems]=\"contextMenuItems\"\r\n                [allColumns]=\"allColumns\"\r\n            ></bsu-ulv-context-menu>\r\n        </td>\r\n        <td\r\n            class=\"col-details\"\r\n            fd-table-cell\r\n            [fitContent]=\"true\"\r\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\r\n        >\r\n            <button\r\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\r\n                fd-button\r\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onRowDetails()\"\r\n            ></button>\r\n        </td>\r\n        <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\" *ngIf=\"actionList?.length\">\r\n            <button\r\n                fd-button\r\n                *ngFor=\"let a of actionList\"\r\n                [glyph]=\"a.glyph\"\r\n                [navigation]=\"a.navigation\"\r\n                [fdType]=\"'transparent'\"\r\n                [role]=\"a.role\"\r\n                bodyClick\r\n                [disableBodyClick]=\"!a.closeOnClick\"\r\n                (click)=\"a.handler({mo, index})\"\r\n            ></button>\r\n        </td>\r\n    </ng-template>\r\n</tr>\r\n\r\n<tr\r\n    #trEl\r\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\r\n    fd-table-row\r\n    [secondary]=\"true\"\r\n    class=\"secondary-row\"\r\n    [class.no-edit-mode]=\"!inlineEditMode\"\r\n    [applyConditionalFormats]=\"conditionalFormats\"\r\n    [styleIndex]=\"styleIndex\"\r\n    [hostEl]=\"trEl\"\r\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\r\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\r\n        <div style=\"display: flex; flex-direction: column\">\r\n            <p\r\n                #pEl\r\n                fd-table-text\r\n                *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\r\n                [applyConditionalFormats]=\"conditionalFormats\"\r\n                [hostEl]=\"pEl\"\r\n                [styleIndex]=\"styleIndex\"\r\n                [dbName]=\"column.Name\"\r\n            >\r\n                <label fd-form-label>{{ column.Caption }} :</label>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        columnTemplate;\r\n                        context: {\r\n                            $implicit: column,\r\n                            mo: mo,\r\n                            index: columnIndex,\r\n                            inlineEditMode: inlineEditMode,\r\n                            layout94: layout$ | async\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </p>\r\n        </div>\r\n    </td>\r\n</tr>\r\n<tr\r\n    [class.detailCollapsed]=\"detailsCollapsed\"\r\n    *ngIf=\"cartableParams?.moId\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems.length ? 1 : 0) +\r\n            (canView ? 1 : 0) +\r\n            (showDetailsInRow ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container>\r\n            <bnrc-form\r\n                #cartableFormRef\r\n                class=\"cartable-template\"\r\n                [inlineEditInReport]=\"true\"\r\n                [params]=\"cartableParams\"\r\n                (beforeTransition)=\"onCartableBeforeTansition()\"\r\n                (afterTransition)=\"onCartableAfterTansition($event)\"\r\n                (bruleAction)=\"onCartableBruleAction($event)\"\r\n                (click)=\"OnCartableFormClick($event)\"\r\n                (formClose)=\"onCartableFormClosed()\"\r\n            ></bnrc-form>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<tr\r\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\r\n    fd-table-row\r\n    class=\"showdetails\"\r\n    [attr.aria-selected]=\"isChecked\"\r\n>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n\r\n    <td\r\n        (click)=\"onRowCheck()\"\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\r\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\r\n            <bnrc-dynamic-item-component\r\n                [component]=\"detailsComponent\"\r\n                [mo]=\"mo\"\r\n                [isChecked]=\"isChecked\"\r\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                [setting]=\"detailsComponentSetting\"\r\n                [parameters]=\"detailsComponent.Settings\"\r\n                [editMode]=\"inlineEditMode\"\r\n                [formSetting]=\"formSetting\"\r\n                [rtl]=\"rtl\"\r\n                [deviceName]=\"deviceName\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [index]=\"index\"\r\n                [allColumns]=\"allColumns\"\r\n                [typeDefId]=\"typeDefId\"\r\n            ></bnrc-dynamic-item-component>\r\n        </ng-container>\r\n    </td>\r\n</tr>\r\n<ng-template #detailsColumnsTemplate>\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            detailsFormItems;\r\n            context: {\r\n                $implicit: detailsColumns,\r\n                mo: mo,\r\n                inlineEditMode: inlineEditMode,\r\n                layout94: layout$\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\r\n    <div class=\"form-items\">\r\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\r\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    columnTemplate;\r\n                    context: {\r\n                        $implicit: column,\r\n                        mo: mo,\r\n                        index: columnIndex,\r\n                        inlineEditMode: inlineEditMode,\r\n                        layout94: layout$ | async\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip\r\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\r\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\r\n            [dismissible]=\"false\"\r\n        >\r\n            {{ bruleActionMessage.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<tr *ngIf=\"workflowState?.state === 'Finish' && workflowState?.error\" fd-table-row>\r\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\r\n    <td\r\n        fd-table-cell\r\n        [attr.colspan]=\"\r\n            columns.length +\r\n            1 +\r\n            (rowIndicator ? -1 : 0) +\r\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\r\n            (showViewButton ? 1 : 0) +\r\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\r\n        \"\r\n    >\r\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\r\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\r\n        </fd-message-strip>\r\n    </td>\r\n</tr>\r\n<ng-template\r\n    #columnTemplate\r\n    let-column\r\n    let-mo=\"mo\"\r\n    let-index=\"index\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-layout94=\"layout94\"\r\n>\r\n    <bsu-barsa-table-column\r\n        [mo]=\"mo\"\r\n        [allColumns]=\"allColumns\"\r\n        [column]=\"column\"\r\n        [value]=\"column | columnValue: mo\"\r\n        [icon]=\"column | columnIcon: mo\"\r\n        [customComponent]=\"column.$CustomComponent\"\r\n        [column]=\"column\"\r\n        [disableEllapsis]=\"secondaryColumns?.length\"\r\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [isChecked]=\"isChecked\"\r\n        [index]=\"index\"\r\n        [formSetting]=\"formSetting\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [layout94]=\"layout94\"\r\n        (save)=\"onEditFormPanelSave(null)\"\r\n        (cancel)=\"onEditFormPanelCancel(null)\"\r\n        (tab)=\"onTabKeyDown($event, index)\"\r\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\r\n    >\r\n    </bsu-barsa-table-column>\r\n</ng-template>\r\n<ng-template #statusIndicator>\r\n    <bsu-barsa-column-indicator\r\n        [hideBorderBottom]=\"!detailsCollapsed\"\r\n        *ngIf=\"rowIndicator\"\r\n        [backColor]=\"rowIndicatorColor\"\r\n    >\r\n    </bsu-barsa-column-indicator>\r\n</ng-template>\r\n<ng-template #rowNumberTemplate>\r\n    <bsu-barsa-column-rownumber *ngIf=\"showRowNumber\" [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\r\n    </bsu-barsa-column-rownumber>\r\n</ng-template>\r\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}\n"] }]
         }], propDecorators: { showDetailsInRow: [{
                 type: Input
             }], detailsComponent: [{
@@ -5293,6 +5306,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }], columnComponents: [{
                 type: Input
+            }], actionList: [{
+                type: Input
             }], detailsFormItems: [{
                 type: ViewChild,
                 args: ['detailsFormItems', { static: true }]
@@ -5375,9 +5390,6 @@ class UiTableViewComponent extends ReportViewBaseComponent {
         setColumnWidthByMaxMoContentWidth(this.moDataList, column);
         this._fireResizeChanged();
     }
-    get showViewButton() {
-        return this.canView && !this.inlineEditMode && !this.hideOpenIcon;
-    }
     _fireResizeChanged() {
         this.columnResized.emit({
             columns: this.columns,
@@ -5423,10 +5435,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-layout]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                headerTemplate;\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n            \"\n        ></ng-container>\n        <ng-container *ngIf=\"moDataList?.length\">\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n            <ng-container\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\n</table>\n<!--renderColumn-->\n\n<bsu-no-data\n    *ngIf=\"!moDataList?.length\"\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n>\n</bsu-no-data>\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            <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                            rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            secondaryColumns:\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length,\n                            cartableTemplate:\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\n        <tr fd-table-row class=\"row-summary\">\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td *ngFor=\"let column of columns; let i = index\">\n                <ng-container *ngIf=\"column.HasSummary\">\n                    <strong style=\"direction: ltr; display: block\">\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\n                    >\n                </ng-container>\n            </td>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\n                <td fd-table-cell style=\"width: 100px\"></td>\n            </ng-container>\n            <td fd-table-cell *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"></td>\n        </tr>\n    </tfoot>\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [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-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}table.fixed-layout{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", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i4$2.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$2.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i4$2.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "contextMenuWidth", "showViewButton", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "rowIndicator", "rtl", "showRowNumber", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "fitToContent", "fitToContainer", "fitToColumn", "sortAscending", "sortDescending", "filter"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "columnComponents"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.TotalSummaryPipe, name: "totalSummary" }, { kind: "pipe", type: i2.MergeFieldsToColumnsPipe, name: "mergeFieldsToColumns" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }, { kind: "pipe", type: i2.ColumnCustomComponentPipe, name: "columnCustomComponent" }, { kind: "pipe", type: i2.RowNumberPipe, name: "rowNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiTableViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", rowResizer: "rowResizer", enableResizing: "enableResizing" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\r\n    fd-table\r\n    [popIn]=\"popin\"\r\n    [class.table-fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\r\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n>\r\n    <ng-container\r\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                headerTemplate;\r\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\r\n            \"\r\n        ></ng-container>\r\n        <ng-container *ngIf=\"moDataList?.length\">\r\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\r\n            ></ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</table>\r\n<!--renderColumn-->\r\n\r\n<bsu-no-data\r\n    *ngIf=\"!moDataList?.length\"\r\n    [class.no-topborder]=\"!hideToolbar\"\r\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\r\n>\r\n</bsu-no-data>\r\n\r\n<ng-template #headerTemplate let-columns let-moDataListCount>\r\n    <bsu-barsa-table-header\r\n        [class.has-toolbar]=\"!hideToolbar\"\r\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\r\n        [tableWidth]=\"elWidth\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [resizedByUser]=\"resizedByUser\"\r\n        [tableHeaderMode]=\"tableHeaderMode\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [allChecked]=\"allChecked\"\r\n        [rtl]=\"rtl\"\r\n        [actionList]=\"actionList\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [fitWidth]=\"fitWidth\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [contextMenuWidth]=\"contextMenuWidth\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [viewSetting]=\"viewSetting\"\r\n        [hideHeader]=\"contextView.Grid_HideHeader\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        (columnResize)=\"onColumnResized($event)\"\r\n        (fitToContent)=\"onFitToContent($event)\"\r\n        (fitToContainer)=\"onFitToContainer()\"\r\n        (fitToColumn)=\"onFitToColumn()\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n    ></bsu-barsa-table-header>\r\n</ng-template>\r\n<ng-template #bodyTemplate let-columns>\r\n    <tbody\r\n        fd-table-body\r\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\r\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\r\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\r\n    >\r\n        <ng-container>\r\n            <ng-container\r\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        hasRowOlgo ? rowOlgoTemplate : rowTemplate;\r\n                        context: {\r\n                            $implicit: mo,\r\n                            index: index,\r\n                            rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\r\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\r\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            secondaryColumns:\r\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            moDataList: moDataList,\r\n                            moDataListCount: moDataList.length,\r\n                            cartableTemplate:\r\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </tbody>\r\n</ng-template>\r\n<ng-template #footerTemplate let-columns>\r\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\r\n        <tr fd-table-row class=\"row-summary\">\r\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td *ngFor=\"let column of columns; let i = index\">\r\n                <ng-container *ngIf=\"column.HasSummary\">\r\n                    <strong style=\"direction: ltr; display: block\">\r\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\r\n                    >\r\n                </ng-container>\r\n            </td>\r\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\r\n                <td fd-table-cell style=\"width: 100px\"></td>\r\n            </ng-container>\r\n            <td fd-table-cell *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"></td>\r\n        </tr>\r\n    </tfoot>\r\n</ng-template>\r\n<ng-template\r\n    #rowOlgoTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-rowNumber=\"rowNumber\"\r\n>\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"viewSetting.RowOlgo\"\r\n        [mo]=\"mo\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [moDataList]=\"moDataList\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (events)=\"onOlgoEvents($event)\"\r\n    >\r\n    </bnrc-dynamic-item-component>\r\n</ng-template>\r\n<ng-template\r\n    #rowTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n>\r\n    <bsu-barsa-table-row\r\n        [mo]=\"mo\"\r\n        [moDataList]=\"moDataList\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [actionList]=\"actionList\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (ulvCommand)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n    >\r\n    </bsu-barsa-table-row>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}table.table-fixed{table-layout:fixed}table.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i4$2.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$2.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i4$2.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "contextMenuWidth", "showViewButton", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "actionList", "rowIndicator", "rtl", "showRowNumber", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "fitToContent", "fitToContainer", "fitToColumn", "sortAscending", "sortDescending", "filter"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "columnComponents", "actionList"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.TotalSummaryPipe, name: "totalSummary" }, { kind: "pipe", type: i2.MergeFieldsToColumnsPipe, name: "mergeFieldsToColumns" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }, { kind: "pipe", type: i2.ColumnCustomComponentPipe, name: "columnCustomComponent" }, { kind: "pipe", type: i2.RowNumberPipe, name: "rowNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTableViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.fixed-layout]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    <ng-container\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                headerTemplate;\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n            \"\n        ></ng-container>\n        <ng-container *ngIf=\"moDataList?.length\">\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n            <ng-container\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\n            ></ng-container>\n        </ng-container>\n    </ng-container>\n</table>\n<!--renderColumn-->\n\n<bsu-no-data\n    *ngIf=\"!moDataList?.length\"\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n>\n</bsu-no-data>\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            <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                            rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            secondaryColumns:\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length,\n                            cartableTemplate:\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\n        <tr fd-table-row class=\"row-summary\">\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            <td *ngFor=\"let column of columns; let i = index\">\n                <ng-container *ngIf=\"column.HasSummary\">\n                    <strong style=\"direction: ltr; display: block\">\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\n                    >\n                </ng-container>\n            </td>\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\n                <td fd-table-cell style=\"width: 100px\"></td>\n            </ng-container>\n            <td fd-table-cell *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"></td>\n        </tr>\n    </tfoot>\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [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-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}table.fixed-layout{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\r\n    fd-table\r\n    [popIn]=\"popin\"\r\n    [class.table-fixed]=\"!contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0)\"\r\n    [noBorderX]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n    [noBorderY]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n>\r\n    <ng-container\r\n        *ngIf=\"columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList as mergeFieldsToColumns\"\r\n    >\r\n        <ng-container\r\n            *ngTemplateOutlet=\"\r\n                headerTemplate;\r\n                context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\r\n            \"\r\n        ></ng-container>\r\n        <ng-container *ngIf=\"moDataList?.length\">\r\n            <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"\r\n            ></ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</table>\r\n<!--renderColumn-->\r\n\r\n<bsu-no-data\r\n    *ngIf=\"!moDataList?.length\"\r\n    [class.no-topborder]=\"!hideToolbar\"\r\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\r\n>\r\n</bsu-no-data>\r\n\r\n<ng-template #headerTemplate let-columns let-moDataListCount>\r\n    <bsu-barsa-table-header\r\n        [class.has-toolbar]=\"!hideToolbar\"\r\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\r\n        [tableWidth]=\"elWidth\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [resizedByUser]=\"resizedByUser\"\r\n        [tableHeaderMode]=\"tableHeaderMode\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [allChecked]=\"allChecked\"\r\n        [rtl]=\"rtl\"\r\n        [actionList]=\"actionList\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [fitWidth]=\"fitWidth\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [contextMenuWidth]=\"contextMenuWidth\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [viewSetting]=\"viewSetting\"\r\n        [hideHeader]=\"contextView.Grid_HideHeader\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        (columnResize)=\"onColumnResized($event)\"\r\n        (fitToContent)=\"onFitToContent($event)\"\r\n        (fitToContainer)=\"onFitToContainer()\"\r\n        (fitToColumn)=\"onFitToColumn()\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n    ></bsu-barsa-table-header>\r\n</ng-template>\r\n<ng-template #bodyTemplate let-columns>\r\n    <tbody\r\n        fd-table-body\r\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\r\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\r\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\r\n    >\r\n        <ng-container>\r\n            <ng-container\r\n                *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; trackBy: _trackByRow\"\r\n            >\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                        hasRowOlgo ? rowOlgoTemplate : rowTemplate;\r\n                        context: {\r\n                            $implicit: mo,\r\n                            index: index,\r\n                            rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\r\n                            rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\r\n                            columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            secondaryColumns:\r\n                                secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                            moDataList: moDataList,\r\n                            moDataListCount: moDataList.length,\r\n                            cartableTemplate:\r\n                                cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\r\n                        }\r\n                    \"\r\n                ></ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </tbody>\r\n</ng-template>\r\n<ng-template #footerTemplate let-columns>\r\n    <tfoot fd-table-footer *ngIf=\"hasSummary\">\r\n        <tr fd-table-row class=\"row-summary\">\r\n            <td fd-table-cell *ngIf=\"isCheckList\" columnResizer>\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\">\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            <td *ngFor=\"let column of columns; let i = index\">\r\n                <ng-container *ngIf=\"column.HasSummary\">\r\n                    <strong style=\"direction: ltr; display: block\">\r\n                        {{ moDataList | totalSummary: column.Name | number }}</strong\r\n                    >\r\n                </ng-container>\r\n            </td>\r\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0\">\r\n                <td fd-table-cell style=\"width: 100px\"></td>\r\n            </ng-container>\r\n            <td fd-table-cell *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"></td>\r\n        </tr>\r\n    </tfoot>\r\n</ng-template>\r\n<ng-template\r\n    #rowOlgoTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-rowNumber=\"rowNumber\"\r\n>\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"viewSetting.RowOlgo\"\r\n        [mo]=\"mo\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [moDataList]=\"moDataList\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (events)=\"onOlgoEvents($event)\"\r\n    >\r\n    </bnrc-dynamic-item-component>\r\n</ng-template>\r\n<ng-template\r\n    #rowTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n>\r\n    <bsu-barsa-table-row\r\n        [mo]=\"mo\"\r\n        [moDataList]=\"moDataList\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [actionList]=\"actionList\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (ulvCommand)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n    >\r\n    </bsu-barsa-table-row>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}table.table-fixed{table-layout:fixed}table.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"] }]
         }], propDecorators: { columnWidth: [{
                 type: Input
             }], minWidth: [{
@@ -6208,10 +6220,10 @@ class BarsaUlvMainComponent extends BaseComponent {
     }
 }
 BarsaUlvMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaUlvMainComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-BarsaUlvMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: { viewerControl: "viewerControl", loading: "loading", viewerLoading: "viewerLoading", isReportPage: "isReportPage", deviceSize: "deviceSize", title: "title", searchPanelUi: "searchPanelUi", breadCrumbs: "breadCrumbs", allSearchPanelSettings: "allSearchPanelSettings", isAnonymous: "isAnonymous", canSaveGridSetting: "canSaveGridSetting", rtl: "rtl", selectedSearchPanelSettings: "selectedSearchPanelSettings", searchPanelMoChanged: "searchPanelMoChanged", selectedSearchPanelSettingsId: "selectedSearchPanelSettingsId", hideSearchPanel: "hideSearchPanel", pagingSetting: "pagingSetting", contentDensity: "contentDensity", context: "context", isMobile: "isMobile", standalone: "standalone", landscape: "landscape", layoutInfo: "layoutInfo" }, outputs: { close: "close", searchPanelMoChange: "searchPanelMoChange", openManageFilters: "openManageFilters", collapsedChange: "collapsedChange", hideSearchPanelClick: "hideSearchPanelClick", filterSave: "filterSave", filterSaveAs: "filterSaveAs", pageChange: "pageChange", showFilterFieldsSetting: "showFilterFieldsSetting", manageFilters: "manageFilters", clearSearch: "clearSearch", search: "search", selectSearchPanelSettings: "selectSearchPanelSettings" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true }, { propertyName: "dialogTemplate", first: true, predicate: ["searchpanelDialog"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            reportPageTemplate;\n            context: {\n                $implicit: viewerControl,\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n            }\n        \"\n    >\n    </ng-container>\n</ng-container> -->\n<ng-container\n    *ngTemplateOutlet=\"\n        isReportPage ? reportPageTemplate : reportTemplate;\n        context: {\n            $implicit: viewerControl,\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n        }\n    \"\n>\n</ng-container>\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\n    <fd-dynamic-page\n        formClose\n        mobile\n        [attr.isMobile]=\"isMobile\"\n        [isMobile]=\"isMobile\"\n        [size]=\"deviceSize | dynamicPageSize\"\n        [attr.tabMode]=\"tabMode\"\n        [autoResponsive]=\"false\"\n    >\n        <fd-dynamic-page-header\n            [title]=\"\n                (title | bbbTranslate)\n                    ? (title | bbbTranslate)\n                    : isMobile && breadCrumbs.length\n                    ? breadCrumbs[breadCrumbs.length - 1].label\n                    : ''\n            \"\n            class=\"p-b0\"\n        >\n            <fd-breadcrumb *ngIf=\"!isMobile\">\n                <ng-container *ngIf=\"breadCrumbs\">\n                    <ng-container\n                        *ngFor=\"\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\n                            let i = index;\n                            let last = last\n                        \"\n                    >\n                        <fd-breadcrumb-item *ngIf=\"last\">\n                            <bsu-breadcrumb\n                                [index]=\"i\"\n                                [isLast]=\"last\"\n                                [breadCrumb]=\"breadCrumb\"\n                                [allBreadCrumb]=\"breadCrumbs\"\n                            ></bsu-breadcrumb>\n                        </fd-breadcrumb-item>\n                    </ng-container>\n                </ng-container>\n            </fd-breadcrumb>\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\n\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n                <!-- added this because in mobile landscape toolbar disapper -->\n                <fd-toolbar\n                    *ngIf=\"searchPanelUi\"\n                    class=\"global-actions\"\n                    fdType=\"transparent\"\n                    [clearBorder]=\"true\"\n                    [shouldOverflow]=\"deviceSize === 's'\"\n                >\n                    <fd-popover\n                        fd-toolbar-item\n                        #popover\n                        fdOverflowPriority=\"never\"\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\n                    >\n                        <fd-popover-control>\n                            <div style=\"display: flex; align-items: center\">\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\n                                    {{\n                                        selectedSearchPanelSettings?.IsStandard\n                                            ? ''\n                                            : selectedSearchPanelSettings?.Title\n                                    }}\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\n                                </h3>\n                                <button\n                                    fd-button\n                                    glyph=\"slim-arrow-down\"\n                                    fdType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></button>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body mobile>\n                            <div fd-popover-body-header>\n                                <div fd-bar [fdCozy]>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\n                                <li\n                                    fd-list-item\n                                    *ngFor=\"let option of allSearchPanelSettings\"\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\n                                >\n                                    <span fd-list-title>{{ option.Title }}</span>\n                                </li>\n                            </ul>\n                            <div fd-popover-body-footer>\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\n                                        <fd-button-bar\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\n                                            [label]=\"'Save' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                            (click)=\"onFilterSave(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            *ngIf=\"searchPanelMoChanged\"\n                                            [label]=\"'SaveAs' | bbbTranslate\"\n                                            [fdType]=\"\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\n                                            \"\n                                            (click)=\"onFilterSaveAs(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Manage' | bbbTranslate\"\n                                            fdInitialFocus\n                                            fdType=\"transparent\"\n                                            (click)=\"onManageFilters(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\n                    <button\n                        fd-button\n                        *ngIf=\"isMobile\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        (click)=\"onShowSearchpanelDialog()\"\n                        [glyph]=\"'filter'\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        fd-toolbar-item\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fdType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-subheader\n            [pinnable]=\"true\"\n            [collapsible]=\"false\"\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\n        >\n            <bsu-search-panel\n                *ngIf=\"!isMobile\"\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\n                    context: { noRenderPageing: true }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\n            <!-- page footer content goes here -->\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-middle>\n                    <ng-container\n                        [renderUlvPaging]=\"context\"\n                        [pagingSetting]=\"pagingSetting\"\n                        (pageChange)=\"onPageChange($event)\"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n    <ng-container *ngIf=\"tabMode\">\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #reportTemplate>\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate; context: { hideButtons: false }\"></ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\n</ng-template>\n<ng-template #sideContentTemplate>\n    <fd-dynamic-side-content\n        [class.rtl]=\"rtl\"\n        [size]=\"deviceSize | sapSize\"\n        fillEmptySpace\n        [disable]=\"!context.LayoutControl\"\n        [decrement]=\"context.LayoutControl ? '2.75rem' : '0px'\"\n        [setMinHeight]=\"true\"\n    >\n        <fd-dynamic-side-content-side>\n            <ng-container\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\n            ></ng-container>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-template>\n<ng-template\n    #searchpanelTemplate\n    let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\"\n    let-hideButtons=\"hideButtons\"\n>\n    <ng-container *ngIf=\"!isSearcPanelInSideContent; else searchpanelCardTempate\">\n        <bsu-search-panel\n            *ngIf=\"!hideSearchPanel && searchPanelUi\"\n            [searchPanelUi]=\"searchPanelUi\"\n            [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n            [hideButtons]=\"hideButtons\"\n            (moChanged)=\"onSearchPanelMoChanged()\"\n        ></bsu-search-panel>\n    </ng-container>\n    <ng-template #searchpanelCardTempate>\n        <fd-card class=\"searchpanel-card\">\n            <fd-card-header>\n                <h2 fd-card-title>\n                    <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\n                </h2>\n            </fd-card-header>\n            <fd-card-content style=\"flex-grow: 0\">\n                <bsu-search-panel\n                    *ngIf=\"!hideSearchPanel && searchPanelUi\"\n                    [searchPanelUi]=\"searchPanelUi\"\n                    [hideButtons]=\"true\"\n                    [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n                    (moChanged)=\"onSearchPanelMoChanged()\"\n                ></bsu-search-panel>\n            </fd-card-content>\n            <fd-card-footer style=\"border-bottom: none\">\n                <button\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"emphasized\"\n                    [label]=\"'Search' | bbbTranslate\"\n                    (click)=\"onSearch()\"\n                    [fdContentDensity]=\"contentDensity\"\n                ></button>\n                <button\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"transparent\"\n                    [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\n                    (click)=\"onClearSearch()\"\n                    [fdOverflowGroup]=\"1\"\n                    [fdContentDensity]=\"contentDensity\"\n                ></button>\n            </fd-card-footer>\n        </fd-card>\n    </ng-template>\n</ng-template>\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\n    <div\n        class=\"viewer-container\"\n        fillEmptySpace\n        [disable]=\"isReportPage || !fillPage\"\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\n        [style.min-height]=\"isReportPage ? '100%' : null\"\n        [style.position]=\"viewerLoading ? 'relative' : null\"\n    >\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\n        <ng-container\n            *ngIf=\"viewerControl\"\n            [renderUlvViewer]=\"viewerControl\"\n            [layoutInfo]=\"layoutInfo\"\n            [isReportPage]=\"isReportPage\"\n        ></ng-container>\n    </div>\n    <ng-container\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages && !hidePageing\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <bsu-search-panel\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-initial-focus\n                    fdType=\"emphasized\"\n                    (click)=\"dialog.dismiss(); onSearch()\"\n                    [label]=\"'Search' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"dialog.dismiss('Close button')\"\n                    [label]=\"'Cancel' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RenderUlvViewerDirective, selector: "[renderUlvViewer]", inputs: ["mask", "isReportPage", "layoutInfo", "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", "height", "dontUseTopBound", "setMinHeight"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6$5.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i6$5.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "component", type: i5$1.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$1.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { kind: "component", type: i9$2.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i9$2.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i9$2.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$2.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$2.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$2.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$2.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i10$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i10$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i10$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$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: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: SearchPanelComponent, selector: "bsu-search-panel", inputs: ["searchPanelUi", "hideButtons", "isSearcPanelInSideContent"], outputs: ["moChanged"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }, { kind: "pipe", type: SapSizePipe, name: "sapSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaUlvMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: { viewerControl: "viewerControl", loading: "loading", viewerLoading: "viewerLoading", isReportPage: "isReportPage", deviceSize: "deviceSize", title: "title", searchPanelUi: "searchPanelUi", breadCrumbs: "breadCrumbs", allSearchPanelSettings: "allSearchPanelSettings", isAnonymous: "isAnonymous", canSaveGridSetting: "canSaveGridSetting", rtl: "rtl", selectedSearchPanelSettings: "selectedSearchPanelSettings", searchPanelMoChanged: "searchPanelMoChanged", selectedSearchPanelSettingsId: "selectedSearchPanelSettingsId", hideSearchPanel: "hideSearchPanel", pagingSetting: "pagingSetting", contentDensity: "contentDensity", context: "context", isMobile: "isMobile", standalone: "standalone", landscape: "landscape", layoutInfo: "layoutInfo" }, outputs: { close: "close", searchPanelMoChange: "searchPanelMoChange", openManageFilters: "openManageFilters", collapsedChange: "collapsedChange", hideSearchPanelClick: "hideSearchPanelClick", filterSave: "filterSave", filterSaveAs: "filterSaveAs", pageChange: "pageChange", showFilterFieldsSetting: "showFilterFieldsSetting", manageFilters: "manageFilters", clearSearch: "clearSearch", search: "search", selectSearchPanelSettings: "selectSearchPanelSettings" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true }, { propertyName: "dialogTemplate", first: true, predicate: ["searchpanelDialog"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            reportPageTemplate;\r\n            context: {\r\n                $implicit: viewerControl,\r\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\r\n            }\r\n        \"\r\n    >\r\n    </ng-container>\r\n</ng-container> -->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        isReportPage ? reportPageTemplate : reportTemplate;\r\n        context: {\r\n            $implicit: viewerControl,\r\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\r\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\r\n    <fd-dynamic-page\r\n        formClose\r\n        mobile\r\n        [attr.isMobile]=\"isMobile\"\r\n        [isMobile]=\"isMobile\"\r\n        [size]=\"deviceSize | dynamicPageSize\"\r\n        [attr.tabMode]=\"tabMode\"\r\n        [autoResponsive]=\"false\"\r\n    >\r\n        <fd-dynamic-page-header\r\n            [title]=\"\r\n                (title | bbbTranslate)\r\n                    ? (title | bbbTranslate)\r\n                    : isMobile && breadCrumbs.length\r\n                    ? breadCrumbs[breadCrumbs.length - 1].label\r\n                    : ''\r\n            \"\r\n            class=\"p-b0\"\r\n        >\r\n            <fd-breadcrumb *ngIf=\"!isMobile\">\r\n                <ng-container *ngIf=\"breadCrumbs\">\r\n                    <ng-container\r\n                        *ngFor=\"\r\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\r\n                            let i = index;\r\n                            let last = last\r\n                        \"\r\n                    >\r\n                        <fd-breadcrumb-item *ngIf=\"last\">\r\n                            <bsu-breadcrumb\r\n                                [index]=\"i\"\r\n                                [isLast]=\"last\"\r\n                                [breadCrumb]=\"breadCrumb\"\r\n                                [allBreadCrumb]=\"breadCrumbs\"\r\n                            ></bsu-breadcrumb>\r\n                        </fd-breadcrumb-item>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </fd-breadcrumb>\r\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\r\n\r\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\r\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\r\n                <!-- added this because in mobile landscape toolbar disapper -->\r\n                <fd-toolbar\r\n                    *ngIf=\"searchPanelUi\"\r\n                    class=\"global-actions\"\r\n                    fdType=\"transparent\"\r\n                    [clearBorder]=\"true\"\r\n                    [shouldOverflow]=\"deviceSize === 's'\"\r\n                >\r\n                    <fd-popover\r\n                        fd-toolbar-item\r\n                        #popover\r\n                        fdOverflowPriority=\"never\"\r\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\r\n                    >\r\n                        <fd-popover-control>\r\n                            <div style=\"display: flex; align-items: center\">\r\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\r\n                                    {{\r\n                                        selectedSearchPanelSettings?.IsStandard\r\n                                            ? ''\r\n                                            : selectedSearchPanelSettings?.Title\r\n                                    }}\r\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\r\n                                </h3>\r\n                                <button\r\n                                    fd-button\r\n                                    glyph=\"slim-arrow-down\"\r\n                                    fdType=\"transparent\"\r\n                                    [fdContentDensity]=\"contentDensity\"\r\n                                ></button>\r\n                            </div>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body mobile>\r\n                            <div fd-popover-body-header>\r\n                                <div fd-bar [fdCozy]>\r\n                                    <div fd-bar-left>\r\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\r\n                                <li\r\n                                    fd-list-item\r\n                                    *ngFor=\"let option of allSearchPanelSettings\"\r\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\r\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\r\n                                >\r\n                                    <span fd-list-title>{{ option.Title }}</span>\r\n                                </li>\r\n                            </ul>\r\n                            <div fd-popover-body-footer>\r\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\r\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\r\n                                        <fd-button-bar\r\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\r\n                                            [label]=\"'Save' | bbbTranslate\"\r\n                                            fdType=\"emphasized\"\r\n                                            (click)=\"onFilterSave(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        <fd-button-bar\r\n                                            *ngIf=\"searchPanelMoChanged\"\r\n                                            [label]=\"'SaveAs' | bbbTranslate\"\r\n                                            [fdType]=\"\r\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\r\n                                            \"\r\n                                            (click)=\"onFilterSaveAs(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        <fd-button-bar\r\n                                            [label]=\"'Manage' | bbbTranslate\"\r\n                                            fdInitialFocus\r\n                                            fdType=\"transparent\"\r\n                                            (click)=\"onManageFilters(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\r\n                    <button\r\n                        fd-button\r\n                        *ngIf=\"isMobile\"\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        (click)=\"onShowSearchpanelDialog()\"\r\n                        [glyph]=\"'filter'\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        *ngIf=\"!isMobile && !sideContentMode\"\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        fdType=\"emphasized\"\r\n                        [label]=\"'Search' | bbbTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        *ngIf=\"!isMobile && !sideContentMode\"\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Filters' | bbbTranslate\"\r\n                        (click)=\"onShowFilterFieldsSetting()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        *ngIf=\"!isMobile && !sideContentMode\"\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Clear' | bbbTranslate\"\r\n                        (click)=\"onClearSearch()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        *ngIf=\"!isMobile && !sideContentMode\"\r\n                        fdType=\"transparent\"\r\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\r\n                        (click)=\"onHideSearchPanelClick()\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                </fd-toolbar>\r\n            </fd-dynamic-page-global-actions>\r\n            <fd-dynamic-page-layout-actions>\r\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\r\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n                    </button>\r\n                </fd-toolbar>\r\n            </fd-dynamic-page-layout-actions>\r\n        </fd-dynamic-page-header>\r\n        <fd-dynamic-page-subheader\r\n            [pinnable]=\"true\"\r\n            [collapsible]=\"false\"\r\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\r\n        >\r\n            <bsu-search-panel\r\n                *ngIf=\"!isMobile\"\r\n                [hideButtons]=\"true\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n        </fd-dynamic-page-subheader>\r\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\r\n                    context: { noRenderPageing: true }\r\n                \"\r\n            ></ng-container>\r\n        </fd-dynamic-page-content>\r\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\r\n            <!-- page footer content goes here -->\r\n            <div fd-bar [barDesign]=\"'footer'\">\r\n                <div fd-bar-middle>\r\n                    <ng-container\r\n                        [renderUlvPaging]=\"context\"\r\n                        [pagingSetting]=\"pagingSetting\"\r\n                        (pageChange)=\"onPageChange($event)\"\r\n                    ></ng-container>\r\n                </div>\r\n            </div>\r\n        </fd-dynamic-page-footer>\r\n    </fd-dynamic-page>\r\n    <ng-container *ngIf=\"tabMode\">\r\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #reportTemplate>\r\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\r\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\r\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate; context: { hideButtons: false }\"></ng-container>\r\n    </ng-container>\r\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\r\n</ng-template>\r\n<ng-template #sideContentTemplate>\r\n    <fd-dynamic-side-content\r\n        [class.rtl]=\"rtl\"\r\n        [size]=\"deviceSize | sapSize\"\r\n        fillEmptySpace\r\n        [disable]=\"!context.LayoutControl\"\r\n        [decrement]=\"context.LayoutControl ? '2.75rem' : '0px'\"\r\n        [setMinHeight]=\"true\"\r\n    >\r\n        <fd-dynamic-side-content-side>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\r\n            ></ng-container>\r\n        </fd-dynamic-side-content-side>\r\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\r\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\r\n        </fd-dynamic-side-content-main>\r\n    </fd-dynamic-side-content>\r\n</ng-template>\r\n<ng-template\r\n    #searchpanelTemplate\r\n    let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\"\r\n    let-hideButtons=\"hideButtons\"\r\n>\r\n    <ng-container *ngIf=\"!isSearcPanelInSideContent; else searchpanelCardTempate\">\r\n        <bsu-search-panel\r\n            *ngIf=\"!hideSearchPanel && searchPanelUi\"\r\n            [searchPanelUi]=\"searchPanelUi\"\r\n            [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n            [hideButtons]=\"hideButtons\"\r\n            (moChanged)=\"onSearchPanelMoChanged()\"\r\n        ></bsu-search-panel>\r\n    </ng-container>\r\n    <ng-template #searchpanelCardTempate>\r\n        <fd-card class=\"searchpanel-card\">\r\n            <fd-card-header>\r\n                <h2 fd-card-title>\r\n                    <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\r\n                </h2>\r\n            </fd-card-header>\r\n            <fd-card-content style=\"flex-grow: 0\">\r\n                <bsu-search-panel\r\n                    *ngIf=\"!hideSearchPanel && searchPanelUi\"\r\n                    [searchPanelUi]=\"searchPanelUi\"\r\n                    [hideButtons]=\"true\"\r\n                    [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n                    (moChanged)=\"onSearchPanelMoChanged()\"\r\n                ></bsu-search-panel>\r\n            </fd-card-content>\r\n            <fd-card-footer style=\"border-bottom: none\">\r\n                <button\r\n                    *fdCardFooterActionItem\r\n                    fd-button\r\n                    fdType=\"emphasized\"\r\n                    [label]=\"'Search' | bbbTranslate\"\r\n                    (click)=\"onSearch()\"\r\n                    [fdContentDensity]=\"contentDensity\"\r\n                ></button>\r\n                <button\r\n                    *fdCardFooterActionItem\r\n                    fd-button\r\n                    fdType=\"transparent\"\r\n                    [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\r\n                    (click)=\"onClearSearch()\"\r\n                    [fdOverflowGroup]=\"1\"\r\n                    [fdContentDensity]=\"contentDensity\"\r\n                ></button>\r\n            </fd-card-footer>\r\n        </fd-card>\r\n    </ng-template>\r\n</ng-template>\r\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\r\n    <div\r\n        class=\"viewer-container\"\r\n        fillEmptySpace\r\n        [disable]=\"isReportPage || !fillPage\"\r\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\r\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\r\n        [style.min-height]=\"isReportPage ? '100%' : null\"\r\n        [style.position]=\"viewerLoading ? 'relative' : null\"\r\n    >\r\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\r\n        <ng-container\r\n            *ngIf=\"viewerControl\"\r\n            [renderUlvViewer]=\"viewerControl\"\r\n            [layoutInfo]=\"layoutInfo\"\r\n            [isReportPage]=\"isReportPage\"\r\n        ></ng-container>\r\n    </div>\r\n    <ng-container\r\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages && !hidePageing\"\r\n        [renderUlvPaging]=\"context\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        (pageChange)=\"onPageChange($event)\"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body>\r\n            <bsu-search-panel\r\n                [hideButtons]=\"true\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fd-initial-focus\r\n                    fdType=\"emphasized\"\r\n                    (click)=\"dialog.dismiss(); onSearch()\"\r\n                    [label]=\"'Search' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fdType=\"transparent\"\r\n                    (click)=\"dialog.dismiss('Close button')\"\r\n                    [label]=\"'Cancel' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RenderUlvViewerDirective, selector: "[renderUlvViewer]", inputs: ["mask", "isReportPage", "layoutInfo", "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", "height", "dontUseTopBound", "setMinHeight"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6$5.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i6$5.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "component", type: i5$1.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$1.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { kind: "component", type: i9$2.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i9$2.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i9$2.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$2.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$2.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$2.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$2.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i10$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i10$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i10$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$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: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: SearchPanelComponent, selector: "bsu-search-panel", inputs: ["searchPanelUi", "hideButtons", "isSearcPanelInSideContent"], outputs: ["moChanged"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }, { kind: "pipe", type: SapSizePipe, name: "sapSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaUlvMainComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-ulv-main', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            reportPageTemplate;\n            context: {\n                $implicit: viewerControl,\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n            }\n        \"\n    >\n    </ng-container>\n</ng-container> -->\n<ng-container\n    *ngTemplateOutlet=\"\n        isReportPage ? reportPageTemplate : reportTemplate;\n        context: {\n            $implicit: viewerControl,\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n        }\n    \"\n>\n</ng-container>\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\n    <fd-dynamic-page\n        formClose\n        mobile\n        [attr.isMobile]=\"isMobile\"\n        [isMobile]=\"isMobile\"\n        [size]=\"deviceSize | dynamicPageSize\"\n        [attr.tabMode]=\"tabMode\"\n        [autoResponsive]=\"false\"\n    >\n        <fd-dynamic-page-header\n            [title]=\"\n                (title | bbbTranslate)\n                    ? (title | bbbTranslate)\n                    : isMobile && breadCrumbs.length\n                    ? breadCrumbs[breadCrumbs.length - 1].label\n                    : ''\n            \"\n            class=\"p-b0\"\n        >\n            <fd-breadcrumb *ngIf=\"!isMobile\">\n                <ng-container *ngIf=\"breadCrumbs\">\n                    <ng-container\n                        *ngFor=\"\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\n                            let i = index;\n                            let last = last\n                        \"\n                    >\n                        <fd-breadcrumb-item *ngIf=\"last\">\n                            <bsu-breadcrumb\n                                [index]=\"i\"\n                                [isLast]=\"last\"\n                                [breadCrumb]=\"breadCrumb\"\n                                [allBreadCrumb]=\"breadCrumbs\"\n                            ></bsu-breadcrumb>\n                        </fd-breadcrumb-item>\n                    </ng-container>\n                </ng-container>\n            </fd-breadcrumb>\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\n\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n                <!-- added this because in mobile landscape toolbar disapper -->\n                <fd-toolbar\n                    *ngIf=\"searchPanelUi\"\n                    class=\"global-actions\"\n                    fdType=\"transparent\"\n                    [clearBorder]=\"true\"\n                    [shouldOverflow]=\"deviceSize === 's'\"\n                >\n                    <fd-popover\n                        fd-toolbar-item\n                        #popover\n                        fdOverflowPriority=\"never\"\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\n                    >\n                        <fd-popover-control>\n                            <div style=\"display: flex; align-items: center\">\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\n                                    {{\n                                        selectedSearchPanelSettings?.IsStandard\n                                            ? ''\n                                            : selectedSearchPanelSettings?.Title\n                                    }}\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\n                                </h3>\n                                <button\n                                    fd-button\n                                    glyph=\"slim-arrow-down\"\n                                    fdType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></button>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body mobile>\n                            <div fd-popover-body-header>\n                                <div fd-bar [fdCozy]>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\n                                <li\n                                    fd-list-item\n                                    *ngFor=\"let option of allSearchPanelSettings\"\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\n                                >\n                                    <span fd-list-title>{{ option.Title }}</span>\n                                </li>\n                            </ul>\n                            <div fd-popover-body-footer>\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\n                                        <fd-button-bar\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\n                                            [label]=\"'Save' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                            (click)=\"onFilterSave(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            *ngIf=\"searchPanelMoChanged\"\n                                            [label]=\"'SaveAs' | bbbTranslate\"\n                                            [fdType]=\"\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\n                                            \"\n                                            (click)=\"onFilterSaveAs(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Manage' | bbbTranslate\"\n                                            fdInitialFocus\n                                            fdType=\"transparent\"\n                                            (click)=\"onManageFilters(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\n                    <button\n                        fd-button\n                        *ngIf=\"isMobile\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        (click)=\"onShowSearchpanelDialog()\"\n                        [glyph]=\"'filter'\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        fd-toolbar-item\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fdType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-subheader\n            [pinnable]=\"true\"\n            [collapsible]=\"false\"\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\n        >\n            <bsu-search-panel\n                *ngIf=\"!isMobile\"\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\n                    context: { noRenderPageing: true }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\n            <!-- page footer content goes here -->\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-middle>\n                    <ng-container\n                        [renderUlvPaging]=\"context\"\n                        [pagingSetting]=\"pagingSetting\"\n                        (pageChange)=\"onPageChange($event)\"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n    <ng-container *ngIf=\"tabMode\">\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #reportTemplate>\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate; context: { hideButtons: false }\"></ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\n</ng-template>\n<ng-template #sideContentTemplate>\n    <fd-dynamic-side-content\n        [class.rtl]=\"rtl\"\n        [size]=\"deviceSize | sapSize\"\n        fillEmptySpace\n        [disable]=\"!context.LayoutControl\"\n        [decrement]=\"context.LayoutControl ? '2.75rem' : '0px'\"\n        [setMinHeight]=\"true\"\n    >\n        <fd-dynamic-side-content-side>\n            <ng-container\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\n            ></ng-container>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-template>\n<ng-template\n    #searchpanelTemplate\n    let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\"\n    let-hideButtons=\"hideButtons\"\n>\n    <ng-container *ngIf=\"!isSearcPanelInSideContent; else searchpanelCardTempate\">\n        <bsu-search-panel\n            *ngIf=\"!hideSearchPanel && searchPanelUi\"\n            [searchPanelUi]=\"searchPanelUi\"\n            [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n            [hideButtons]=\"hideButtons\"\n            (moChanged)=\"onSearchPanelMoChanged()\"\n        ></bsu-search-panel>\n    </ng-container>\n    <ng-template #searchpanelCardTempate>\n        <fd-card class=\"searchpanel-card\">\n            <fd-card-header>\n                <h2 fd-card-title>\n                    <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\n                </h2>\n            </fd-card-header>\n            <fd-card-content style=\"flex-grow: 0\">\n                <bsu-search-panel\n                    *ngIf=\"!hideSearchPanel && searchPanelUi\"\n                    [searchPanelUi]=\"searchPanelUi\"\n                    [hideButtons]=\"true\"\n                    [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n                    (moChanged)=\"onSearchPanelMoChanged()\"\n                ></bsu-search-panel>\n            </fd-card-content>\n            <fd-card-footer style=\"border-bottom: none\">\n                <button\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"emphasized\"\n                    [label]=\"'Search' | bbbTranslate\"\n                    (click)=\"onSearch()\"\n                    [fdContentDensity]=\"contentDensity\"\n                ></button>\n                <button\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"transparent\"\n                    [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\n                    (click)=\"onClearSearch()\"\n                    [fdOverflowGroup]=\"1\"\n                    [fdContentDensity]=\"contentDensity\"\n                ></button>\n            </fd-card-footer>\n        </fd-card>\n    </ng-template>\n</ng-template>\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\n    <div\n        class=\"viewer-container\"\n        fillEmptySpace\n        [disable]=\"isReportPage || !fillPage\"\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\n        [style.min-height]=\"isReportPage ? '100%' : null\"\n        [style.position]=\"viewerLoading ? 'relative' : null\"\n    >\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\n        <ng-container\n            *ngIf=\"viewerControl\"\n            [renderUlvViewer]=\"viewerControl\"\n            [layoutInfo]=\"layoutInfo\"\n            [isReportPage]=\"isReportPage\"\n        ></ng-container>\n    </div>\n    <ng-container\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages && !hidePageing\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <bsu-search-panel\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-initial-focus\n                    fdType=\"emphasized\"\n                    (click)=\"dialog.dismiss(); onSearch()\"\n                    [label]=\"'Search' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"dialog.dismiss('Close button')\"\n                    [label]=\"'Cancel' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"] }]
+            args: [{ selector: 'bsu-barsa-ulv-main', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            reportPageTemplate;\r\n            context: {\r\n                $implicit: viewerControl,\r\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\r\n            }\r\n        \"\r\n    >\r\n    </ng-container>\r\n</ng-container> -->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        isReportPage ? reportPageTemplate : reportTemplate;\r\n        context: {\r\n            $implicit: viewerControl,\r\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\r\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\r\n    <fd-dynamic-page\r\n        formClose\r\n        mobile\r\n        [attr.isMobile]=\"isMobile\"\r\n        [isMobile]=\"isMobile\"\r\n        [size]=\"deviceSize | dynamicPageSize\"\r\n        [attr.tabMode]=\"tabMode\"\r\n        [autoResponsive]=\"false\"\r\n    >\r\n        <fd-dynamic-page-header\r\n            [title]=\"\r\n                (title | bbbTranslate)\r\n                    ? (title | bbbTranslate)\r\n                    : isMobile && breadCrumbs.length\r\n                    ? breadCrumbs[breadCrumbs.length - 1].label\r\n                    : ''\r\n            \"\r\n            class=\"p-b0\"\r\n        >\r\n            <fd-breadcrumb *ngIf=\"!isMobile\">\r\n                <ng-container *ngIf=\"breadCrumbs\">\r\n                    <ng-container\r\n                        *ngFor=\"\r\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\r\n                            let i = index;\r\n                            let last = last\r\n                        \"\r\n                    >\r\n                        <fd-breadcrumb-item *ngIf=\"last\">\r\n                            <bsu-breadcrumb\r\n                                [index]=\"i\"\r\n                                [isLast]=\"last\"\r\n                                [breadCrumb]=\"breadCrumb\"\r\n                                [allBreadCrumb]=\"breadCrumbs\"\r\n                            ></bsu-breadcrumb>\r\n                        </fd-breadcrumb-item>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </fd-breadcrumb>\r\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\r\n\r\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\r\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\r\n                <!-- added this because in mobile landscape toolbar disapper -->\r\n                <fd-toolbar\r\n                    *ngIf=\"searchPanelUi\"\r\n                    class=\"global-actions\"\r\n                    fdType=\"transparent\"\r\n                    [clearBorder]=\"true\"\r\n                    [shouldOverflow]=\"deviceSize === 's'\"\r\n                >\r\n                    <fd-popover\r\n                        fd-toolbar-item\r\n                        #popover\r\n                        fdOverflowPriority=\"never\"\r\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\r\n                    >\r\n                        <fd-popover-control>\r\n                            <div style=\"display: flex; align-items: center\">\r\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\r\n                                    {{\r\n                                        selectedSearchPanelSettings?.IsStandard\r\n                                            ? ''\r\n                                            : selectedSearchPanelSettings?.Title\r\n                                    }}\r\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\r\n                                </h3>\r\n                                <button\r\n                                    fd-button\r\n                                    glyph=\"slim-arrow-down\"\r\n                                    fdType=\"transparent\"\r\n                                    [fdContentDensity]=\"contentDensity\"\r\n                                ></button>\r\n                            </div>\r\n                        </fd-popover-control>\r\n                        <fd-popover-body mobile>\r\n                            <div fd-popover-body-header>\r\n                                <div fd-bar [fdCozy]>\r\n                                    <div fd-bar-left>\r\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\r\n                                <li\r\n                                    fd-list-item\r\n                                    *ngFor=\"let option of allSearchPanelSettings\"\r\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\r\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\r\n                                >\r\n                                    <span fd-list-title>{{ option.Title }}</span>\r\n                                </li>\r\n                            </ul>\r\n                            <div fd-popover-body-footer>\r\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\r\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\r\n                                        <fd-button-bar\r\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\r\n                                            [label]=\"'Save' | bbbTranslate\"\r\n                                            fdType=\"emphasized\"\r\n                                            (click)=\"onFilterSave(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        <fd-button-bar\r\n                                            *ngIf=\"searchPanelMoChanged\"\r\n                                            [label]=\"'SaveAs' | bbbTranslate\"\r\n                                            [fdType]=\"\r\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\r\n                                            \"\r\n                                            (click)=\"onFilterSaveAs(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                        <fd-button-bar\r\n                                            [label]=\"'Manage' | bbbTranslate\"\r\n                                            fdInitialFocus\r\n                                            fdType=\"transparent\"\r\n                                            (click)=\"onManageFilters(popover)\"\r\n                                        >\r\n                                        </fd-button-bar>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </fd-popover-body>\r\n                    </fd-popover>\r\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\r\n                    <button\r\n                        fd-button\r\n                        *ngIf=\"isMobile\"\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        (click)=\"onShowSearchpanelDialog()\"\r\n                        [glyph]=\"'filter'\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        *ngIf=\"!isMobile && !sideContentMode\"\r\n                        fd-toolbar-item\r\n                        fdOverflowPriority=\"never\"\r\n                        fdType=\"emphasized\"\r\n                        [label]=\"'Search' | bbbTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        *ngIf=\"!isMobile && !sideContentMode\"\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Filters' | bbbTranslate\"\r\n                        (click)=\"onShowFilterFieldsSetting()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        *ngIf=\"!isMobile && !sideContentMode\"\r\n                        fd-toolbar-item\r\n                        fdType=\"transparent\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [label]=\"'Clear' | bbbTranslate\"\r\n                        (click)=\"onClearSearch()\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        fd-toolbar-item\r\n                        *ngIf=\"!isMobile && !sideContentMode\"\r\n                        fdType=\"transparent\"\r\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\r\n                        (click)=\"onHideSearchPanelClick()\"\r\n                        fdOverflowPriority=\"low\"\r\n                        [fdOverflowGroup]=\"1\"\r\n                        [fdContentDensity]=\"contentDensity\"\r\n                    ></button>\r\n                </fd-toolbar>\r\n            </fd-dynamic-page-global-actions>\r\n            <fd-dynamic-page-layout-actions>\r\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\r\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\r\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n                    </button>\r\n                </fd-toolbar>\r\n            </fd-dynamic-page-layout-actions>\r\n        </fd-dynamic-page-header>\r\n        <fd-dynamic-page-subheader\r\n            [pinnable]=\"true\"\r\n            [collapsible]=\"false\"\r\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\r\n        >\r\n            <bsu-search-panel\r\n                *ngIf=\"!isMobile\"\r\n                [hideButtons]=\"true\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n        </fd-dynamic-page-subheader>\r\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\r\n                    context: { noRenderPageing: true }\r\n                \"\r\n            ></ng-container>\r\n        </fd-dynamic-page-content>\r\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\r\n            <!-- page footer content goes here -->\r\n            <div fd-bar [barDesign]=\"'footer'\">\r\n                <div fd-bar-middle>\r\n                    <ng-container\r\n                        [renderUlvPaging]=\"context\"\r\n                        [pagingSetting]=\"pagingSetting\"\r\n                        (pageChange)=\"onPageChange($event)\"\r\n                    ></ng-container>\r\n                </div>\r\n            </div>\r\n        </fd-dynamic-page-footer>\r\n    </fd-dynamic-page>\r\n    <ng-container *ngIf=\"tabMode\">\r\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #reportTemplate>\r\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\r\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\r\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate; context: { hideButtons: false }\"></ng-container>\r\n    </ng-container>\r\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\r\n</ng-template>\r\n<ng-template #sideContentTemplate>\r\n    <fd-dynamic-side-content\r\n        [class.rtl]=\"rtl\"\r\n        [size]=\"deviceSize | sapSize\"\r\n        fillEmptySpace\r\n        [disable]=\"!context.LayoutControl\"\r\n        [decrement]=\"context.LayoutControl ? '2.75rem' : '0px'\"\r\n        [setMinHeight]=\"true\"\r\n    >\r\n        <fd-dynamic-side-content-side>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\r\n            ></ng-container>\r\n        </fd-dynamic-side-content-side>\r\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\r\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\r\n        </fd-dynamic-side-content-main>\r\n    </fd-dynamic-side-content>\r\n</ng-template>\r\n<ng-template\r\n    #searchpanelTemplate\r\n    let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\"\r\n    let-hideButtons=\"hideButtons\"\r\n>\r\n    <ng-container *ngIf=\"!isSearcPanelInSideContent; else searchpanelCardTempate\">\r\n        <bsu-search-panel\r\n            *ngIf=\"!hideSearchPanel && searchPanelUi\"\r\n            [searchPanelUi]=\"searchPanelUi\"\r\n            [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n            [hideButtons]=\"hideButtons\"\r\n            (moChanged)=\"onSearchPanelMoChanged()\"\r\n        ></bsu-search-panel>\r\n    </ng-container>\r\n    <ng-template #searchpanelCardTempate>\r\n        <fd-card class=\"searchpanel-card\">\r\n            <fd-card-header>\r\n                <h2 fd-card-title>\r\n                    <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\r\n                </h2>\r\n            </fd-card-header>\r\n            <fd-card-content style=\"flex-grow: 0\">\r\n                <bsu-search-panel\r\n                    *ngIf=\"!hideSearchPanel && searchPanelUi\"\r\n                    [searchPanelUi]=\"searchPanelUi\"\r\n                    [hideButtons]=\"true\"\r\n                    [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\r\n                    (moChanged)=\"onSearchPanelMoChanged()\"\r\n                ></bsu-search-panel>\r\n            </fd-card-content>\r\n            <fd-card-footer style=\"border-bottom: none\">\r\n                <button\r\n                    *fdCardFooterActionItem\r\n                    fd-button\r\n                    fdType=\"emphasized\"\r\n                    [label]=\"'Search' | bbbTranslate\"\r\n                    (click)=\"onSearch()\"\r\n                    [fdContentDensity]=\"contentDensity\"\r\n                ></button>\r\n                <button\r\n                    *fdCardFooterActionItem\r\n                    fd-button\r\n                    fdType=\"transparent\"\r\n                    [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\r\n                    (click)=\"onClearSearch()\"\r\n                    [fdOverflowGroup]=\"1\"\r\n                    [fdContentDensity]=\"contentDensity\"\r\n                ></button>\r\n            </fd-card-footer>\r\n        </fd-card>\r\n    </ng-template>\r\n</ng-template>\r\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\r\n    <div\r\n        class=\"viewer-container\"\r\n        fillEmptySpace\r\n        [disable]=\"isReportPage || !fillPage\"\r\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\r\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\r\n        [style.min-height]=\"isReportPage ? '100%' : null\"\r\n        [style.position]=\"viewerLoading ? 'relative' : null\"\r\n    >\r\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\r\n        <ng-container\r\n            *ngIf=\"viewerControl\"\r\n            [renderUlvViewer]=\"viewerControl\"\r\n            [layoutInfo]=\"layoutInfo\"\r\n            [isReportPage]=\"isReportPage\"\r\n        ></ng-container>\r\n    </div>\r\n    <ng-container\r\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages && !hidePageing\"\r\n        [renderUlvPaging]=\"context\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        (pageChange)=\"onPageChange($event)\"\r\n    ></ng-container>\r\n</ng-template>\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body>\r\n            <bsu-search-panel\r\n                [hideButtons]=\"true\"\r\n                [searchPanelUi]=\"searchPanelUi\"\r\n                (moChanged)=\"onSearchPanelMoChanged()\"\r\n            ></bsu-search-panel>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fd-initial-focus\r\n                    fdType=\"emphasized\"\r\n                    (click)=\"dialog.dismiss(); onSearch()\"\r\n                    [label]=\"'Search' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\r\n            </fd-dialog-footer-button>\r\n            <fd-dialog-footer-button>\r\n                <button\r\n                    fd-button\r\n                    fdType=\"transparent\"\r\n                    (click)=\"dialog.dismiss('Close button')\"\r\n                    [label]=\"'Cancel' | bbbTranslate\"\r\n                ></button>\r\n            </fd-dialog-footer-button>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.DialogService }]; }, propDecorators: { _dynamicPageComponent: [{
                 type: ViewChild,
                 args: [DynamicPageComponent]
@@ -6523,10 +6535,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$5.Router }, { token: i2.PortalService }, { token: i0.ChangeDetectorRef }, { token: i2$5.ActivatedRoute }, { 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    [layoutInfo]=\"layoutInfo\"\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [isReportPage]=\"isReportPage\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [title]=\"title\"\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\n    [canSaveGridSetting]=\"(canSaveGridSetting$ | async) === true\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\n    [context]=\"context\"\n    [contentDensity]=\"contentDensity$ | async\"\n    (close)=\"onClose()\"\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\n    (openManageFilters)=\"onOpenManageFilters()\"\n    (collapsedChange)=\"onCollapsedChange($event)\"\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\n    (filterSave)=\"onFilterSave()\"\n    (filterSaveAs)=\"onFilterSaveAs()\"\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\n    (manageFilters)=\"onManageFilters()\"\n    (clearSearch)=\"onClearSearch()\"\n    (search)=\"onSearch()\"\n    (pageChange)=\"onPageChange($event)\"\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\n>\n</bsu-barsa-ulv-main>\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column;cursor:default}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"], dependencies: [{ kind: "component", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: ["viewerControl", "loading", "viewerLoading", "isReportPage", "deviceSize", "title", "searchPanelUi", "breadCrumbs", "allSearchPanelSettings", "isAnonymous", "canSaveGridSetting", "rtl", "selectedSearchPanelSettings", "searchPanelMoChanged", "selectedSearchPanelSettingsId", "hideSearchPanel", "pagingSetting", "contentDensity", "context", "isMobile", "standalone", "landscape", "layoutInfo"], 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\r\n    [layoutInfo]=\"layoutInfo\"\r\n    [attr.isReportPage]=\"isReportPage\"\r\n    [viewerControl]=\"viewer$ | async\"\r\n    [loading]=\"(mask$ | async) === true\"\r\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\r\n    [standalone]=\"(standalone$ | async) === true\"\r\n    [landscape]=\"(landscape$ | async) === true\"\r\n    [isReportPage]=\"isReportPage\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [title]=\"title\"\r\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\r\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\r\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\r\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\r\n    [canSaveGridSetting]=\"(canSaveGridSetting$ | async) === true\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\r\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\r\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\r\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\r\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\r\n    [context]=\"context\"\r\n    [contentDensity]=\"contentDensity$ | async\"\r\n    (close)=\"onClose()\"\r\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\r\n    (openManageFilters)=\"onOpenManageFilters()\"\r\n    (collapsedChange)=\"onCollapsedChange($event)\"\r\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\r\n    (filterSave)=\"onFilterSave()\"\r\n    (filterSaveAs)=\"onFilterSaveAs()\"\r\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\r\n    (manageFilters)=\"onManageFilters()\"\r\n    (clearSearch)=\"onClearSearch()\"\r\n    (search)=\"onSearch()\"\r\n    (pageChange)=\"onPageChange($event)\"\r\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\r\n>\r\n</bsu-barsa-ulv-main>\r\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column;cursor:default}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"], dependencies: [{ kind: "component", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: ["viewerControl", "loading", "viewerLoading", "isReportPage", "deviceSize", "title", "searchPanelUi", "breadCrumbs", "allSearchPanelSettings", "isAnonymous", "canSaveGridSetting", "rtl", "selectedSearchPanelSettings", "searchPanelMoChanged", "selectedSearchPanelSettingsId", "hideSearchPanel", "pagingSetting", "contentDensity", "context", "isMobile", "standalone", "landscape", "layoutInfo"], 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    [layoutInfo]=\"layoutInfo\"\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [isReportPage]=\"isReportPage\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [title]=\"title\"\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\n    [canSaveGridSetting]=\"(canSaveGridSetting$ | async) === true\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\n    [context]=\"context\"\n    [contentDensity]=\"contentDensity$ | async\"\n    (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"] }]
+            args: [{ selector: 'bsu-ui-ulv-main-ui', providers: [UlvMainService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bsu-barsa-ulv-main\r\n    [layoutInfo]=\"layoutInfo\"\r\n    [attr.isReportPage]=\"isReportPage\"\r\n    [viewerControl]=\"viewer$ | async\"\r\n    [loading]=\"(mask$ | async) === true\"\r\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\r\n    [standalone]=\"(standalone$ | async) === true\"\r\n    [landscape]=\"(landscape$ | async) === true\"\r\n    [isReportPage]=\"isReportPage\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [title]=\"title\"\r\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\r\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\r\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\r\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\r\n    [canSaveGridSetting]=\"(canSaveGridSetting$ | async) === true\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\r\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\r\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\r\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\r\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\r\n    [context]=\"context\"\r\n    [contentDensity]=\"contentDensity$ | async\"\r\n    (close)=\"onClose()\"\r\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\r\n    (openManageFilters)=\"onOpenManageFilters()\"\r\n    (collapsedChange)=\"onCollapsedChange($event)\"\r\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\r\n    (filterSave)=\"onFilterSave()\"\r\n    (filterSaveAs)=\"onFilterSaveAs()\"\r\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\r\n    (manageFilters)=\"onManageFilters()\"\r\n    (clearSearch)=\"onClearSearch()\"\r\n    (search)=\"onSearch()\"\r\n    (pageChange)=\"onPageChange($event)\"\r\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\r\n>\r\n</bsu-barsa-ulv-main>\r\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$5.Router }, { type: i2.PortalService }, { type: i0.ChangeDetectorRef }, { type: i2$5.ActivatedRoute }, { type: i1$1.ContentDensityService }, { type: i2.BreadcrumbService }]; }, propDecorators: { context: [{
                 type: Input
             }], isReportPage: [{
@@ -6586,10 +6598,10 @@ class UiColorUiComponent extends FieldBaseComponent {
     }
 }
 UiColorUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiColorUiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiColorUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiColorUiComponent, selector: "bsu-ui-color-ui", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"readonly$ | async; else editable\" class=\"read-only\">\n    <div [style.background-color]=\"value ? value : null\"></div>\n    <span>{{ value }}</span>\n    <button\n        fd-button\n        [cdkCopyToClipboard]=\"value\"\n        [fdType]=\"'transparent'\"\n        [glyph]=\"'copy'\"\n        aria-label=\"copy\"\n        title=\"copy\"\n    ></button>\n</div>\n\n<ng-template #editable>\n    <fd-popover #popover>\n        <fd-popover-control style=\"margin: 0.25rem 0\">\n            <button fd-button [fdMenu]=\"true\" fdType=\"transparent\">\n                <span [style.background-color]=\"value\" style=\"width: 16px; height: 16px; border-radius: 50%\"></span>\n            </button>\n        </fd-popover-control>\n\n        <fd-popover-body>\n            <color-chrome\n                *ngIf=\"!isVisibleSwatches\"\n                [color]=\"value\"\n                className=\"color-box\"\n                (colorChange)=\"onColorChang($event)\"\n            ></color-chrome>\n            <color-swatches\n                *ngIf=\"isVisibleSwatches\"\n                [color]=\"value\"\n                (colorChange)=\"onColorChang($event)\"\n            ></color-swatches>\n            <fd-toolbar style=\"background-color: white\">\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel(popover)\"\n                    [compact]=\"true\"\n                ></button>\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [label]=\"'Ok' | bbbTranslate\"\n                    (click)=\"onApply(popover)\"\n                    [compact]=\"true\"\n                ></button>\n                <fd-toolbar-spacer></fd-toolbar-spacer>\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [label]=\"switchText\"\n                    (click)=\"onSwatchClick()\"\n                    [compact]=\"true\"\n                ></button>\n            </fd-toolbar>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n", styles: [":host{display:block;margin:.25rem 0}.read-only{display:flex;justify-content:flex-start;column-gap:3px}.read-only div{width:25px;height:20px;border-radius:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3$2.DeprecatedButtonContentDensityDirective, selector: "[fd-button][compact]" }, { 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: "component", type: i7$1.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i5$2.SwatchesComponent, selector: "color-swatches", inputs: ["width", "height", "colors", "zDepth", "radius", "background"] }, { kind: "component", type: i6$6.ChromeComponent, selector: "color-chrome", inputs: ["disableAlpha"] }, { kind: "directive", type: i7$5.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiColorUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiColorUiComponent, selector: "bsu-ui-color-ui", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"readonly$ | async; else editable\" class=\"read-only\">\r\n    <div [style.background-color]=\"value ? value : null\"></div>\r\n    <span>{{ value }}</span>\r\n    <button\r\n        fd-button\r\n        [cdkCopyToClipboard]=\"value\"\r\n        [fdType]=\"'transparent'\"\r\n        [glyph]=\"'copy'\"\r\n        aria-label=\"copy\"\r\n        title=\"copy\"\r\n    ></button>\r\n</div>\r\n\r\n<ng-template #editable>\r\n    <fd-popover #popover>\r\n        <fd-popover-control style=\"margin: 0.25rem 0\">\r\n            <button fd-button [fdMenu]=\"true\" fdType=\"transparent\">\r\n                <span [style.background-color]=\"value\" style=\"width: 16px; height: 16px; border-radius: 50%\"></span>\r\n            </button>\r\n        </fd-popover-control>\r\n\r\n        <fd-popover-body>\r\n            <color-chrome\r\n                *ngIf=\"!isVisibleSwatches\"\r\n                [color]=\"value\"\r\n                className=\"color-box\"\r\n                (colorChange)=\"onColorChang($event)\"\r\n            ></color-chrome>\r\n            <color-swatches\r\n                *ngIf=\"isVisibleSwatches\"\r\n                [color]=\"value\"\r\n                (colorChange)=\"onColorChang($event)\"\r\n            ></color-swatches>\r\n            <fd-toolbar style=\"background-color: white\">\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [label]=\"'Cancel' | bbbTranslate\"\r\n                    (click)=\"onCancel(popover)\"\r\n                    [compact]=\"true\"\r\n                ></button>\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [label]=\"'Ok' | bbbTranslate\"\r\n                    (click)=\"onApply(popover)\"\r\n                    [compact]=\"true\"\r\n                ></button>\r\n                <fd-toolbar-spacer></fd-toolbar-spacer>\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [label]=\"switchText\"\r\n                    (click)=\"onSwatchClick()\"\r\n                    [compact]=\"true\"\r\n                ></button>\r\n            </fd-toolbar>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</ng-template>\r\n", styles: [":host{display:block;margin:.25rem 0}.read-only{display:flex;justify-content:flex-start;column-gap:3px}.read-only div{width:25px;height:20px;border-radius:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3$2.DeprecatedButtonContentDensityDirective, selector: "[fd-button][compact]" }, { 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: "component", type: i7$1.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i5$2.SwatchesComponent, selector: "color-swatches", inputs: ["width", "height", "colors", "zDepth", "radius", "background"] }, { kind: "component", type: i6$6.ChromeComponent, selector: "color-chrome", inputs: ["disableAlpha"] }, { kind: "directive", type: i7$5.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { 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: UiColorUiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-color-ui', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"readonly$ | async; else editable\" class=\"read-only\">\n    <div [style.background-color]=\"value ? value : null\"></div>\n    <span>{{ value }}</span>\n    <button\n        fd-button\n        [cdkCopyToClipboard]=\"value\"\n        [fdType]=\"'transparent'\"\n        [glyph]=\"'copy'\"\n        aria-label=\"copy\"\n        title=\"copy\"\n    ></button>\n</div>\n\n<ng-template #editable>\n    <fd-popover #popover>\n        <fd-popover-control style=\"margin: 0.25rem 0\">\n            <button fd-button [fdMenu]=\"true\" fdType=\"transparent\">\n                <span [style.background-color]=\"value\" style=\"width: 16px; height: 16px; border-radius: 50%\"></span>\n            </button>\n        </fd-popover-control>\n\n        <fd-popover-body>\n            <color-chrome\n                *ngIf=\"!isVisibleSwatches\"\n                [color]=\"value\"\n                className=\"color-box\"\n                (colorChange)=\"onColorChang($event)\"\n            ></color-chrome>\n            <color-swatches\n                *ngIf=\"isVisibleSwatches\"\n                [color]=\"value\"\n                (colorChange)=\"onColorChang($event)\"\n            ></color-swatches>\n            <fd-toolbar style=\"background-color: white\">\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel(popover)\"\n                    [compact]=\"true\"\n                ></button>\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [label]=\"'Ok' | bbbTranslate\"\n                    (click)=\"onApply(popover)\"\n                    [compact]=\"true\"\n                ></button>\n                <fd-toolbar-spacer></fd-toolbar-spacer>\n                <button\n                    fd-toolbar-item\n                    fd-button\n                    [label]=\"switchText\"\n                    (click)=\"onSwatchClick()\"\n                    [compact]=\"true\"\n                ></button>\n            </fd-toolbar>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n", styles: [":host{display:block;margin:.25rem 0}.read-only{display:flex;justify-content:flex-start;column-gap:3px}.read-only div{width:25px;height:20px;border-radius:5px}\n"] }]
+            args: [{ selector: 'bsu-ui-color-ui', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"readonly$ | async; else editable\" class=\"read-only\">\r\n    <div [style.background-color]=\"value ? value : null\"></div>\r\n    <span>{{ value }}</span>\r\n    <button\r\n        fd-button\r\n        [cdkCopyToClipboard]=\"value\"\r\n        [fdType]=\"'transparent'\"\r\n        [glyph]=\"'copy'\"\r\n        aria-label=\"copy\"\r\n        title=\"copy\"\r\n    ></button>\r\n</div>\r\n\r\n<ng-template #editable>\r\n    <fd-popover #popover>\r\n        <fd-popover-control style=\"margin: 0.25rem 0\">\r\n            <button fd-button [fdMenu]=\"true\" fdType=\"transparent\">\r\n                <span [style.background-color]=\"value\" style=\"width: 16px; height: 16px; border-radius: 50%\"></span>\r\n            </button>\r\n        </fd-popover-control>\r\n\r\n        <fd-popover-body>\r\n            <color-chrome\r\n                *ngIf=\"!isVisibleSwatches\"\r\n                [color]=\"value\"\r\n                className=\"color-box\"\r\n                (colorChange)=\"onColorChang($event)\"\r\n            ></color-chrome>\r\n            <color-swatches\r\n                *ngIf=\"isVisibleSwatches\"\r\n                [color]=\"value\"\r\n                (colorChange)=\"onColorChang($event)\"\r\n            ></color-swatches>\r\n            <fd-toolbar style=\"background-color: white\">\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [label]=\"'Cancel' | bbbTranslate\"\r\n                    (click)=\"onCancel(popover)\"\r\n                    [compact]=\"true\"\r\n                ></button>\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [label]=\"'Ok' | bbbTranslate\"\r\n                    (click)=\"onApply(popover)\"\r\n                    [compact]=\"true\"\r\n                ></button>\r\n                <fd-toolbar-spacer></fd-toolbar-spacer>\r\n                <button\r\n                    fd-toolbar-item\r\n                    fd-button\r\n                    [label]=\"switchText\"\r\n                    (click)=\"onSwatchClick()\"\r\n                    [compact]=\"true\"\r\n                ></button>\r\n            </fd-toolbar>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</ng-template>\r\n", styles: [":host{display:block;margin:.25rem 0}.read-only{display:flex;justify-content:flex-start;column-gap:3px}.read-only div{width:25px;height:20px;border-radius:5px}\n"] }]
         }] });
 
 class BarsaDateTimePickerComponent extends FieldBaseComponent {
@@ -7344,7 +7356,7 @@ class UiPdfViewerComponent extends DeviceInfoFieldBaseComponent {
             }
             return;
         }
-        this.fallbackLink = `امکان نمایش فایل در این مرورگر وجود ندارد.
+        this.fallbackLink = `امکان نمایش فایل در این مرورگر وجود ندارد.
          برای باز کردن فایل از لینک زیر استفاده کنید:  </br> <a href='${BarsaApi.Common.File.CreateAttachmentUrl(fileId, false, true)}'>دانلود فایل بصورت pdf</a>  </br>  <a href='${BarsaApi.Common.File.CreateAttachmentUrl(fileId, false, false)}'>دانلود فایل بصورت بصورت اصلی</a>`;
         if (!BarsaApi.Ext.isIE) {
             // const options = {
@@ -7406,10 +7418,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", host: { properties: { "style.min-height": "this._minheight" } }, providers: [UploadService], viewQueries: [{ propertyName: "_pdfViewerOnDemand", first: true, predicate: ["pdfViewerOnDemand"], descendants: true }, { propertyName: "_dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\n    <ng-container [ngSwitch]=\"parameters?.ShowMode\">\n        <div *ngSwitchCase=\"'2'\">\n            <ng-container *ngTemplateOutlet=\"toolbar; context: { dialogMode: true }\"></ng-container>\n        </div>\n        <div *ngSwitchDefault>\n            <ng-container *ngTemplateOutlet=\"toolbar\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"preview\"></ng-container>\n        </div>\n    </ng-container>\n</ng-container>\n\n<ng-template #toolbar let-dialogMode=\"dialogMode\">\n    <fd-toolbar\n        [class.dialogMode]=\"dialogMode\"\n        [transparent]=\"true\"\n        [shouldOverflow]=\"true\"\n        *ngIf=\"(disableOrReadonly$ | async) !== true\"\n    >\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            *ngIf=\"!parameters?.HideDelete\"\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\n        <button\n            *ngIf=\"!parameters?.HideAttach\"\n            fd-button\n            fd-toolbar-item\n            glyph=\"attachment\"\n            [fdType]=\"'transparent'\"\n            [disabled]=\"!canUpload\"\n            (click)=\"uploader.open()\"\n        ></button>\n\n        <button\n            *ngIf=\"canEdit\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"edit\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onEdit()\"\n        ></button>\n\n        <button\n            *ngIf=\"useWordEditor\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"doc-attachment\"\n            [fdType]=\"'transparent'\"\n            [label]=\"'Edit' | 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\n            *ngIf=\"dialogMode\"\n            fd-toolbar-item\n            fd-button\n            [glyph]=\"'show'\"\n            [attr.fdOverflowPriority]=\"'low'\"\n            [fdType]=\"'transparent'\"\n            [label]=\"!dialogMode ? '' : ('View' | bbbTranslate)\"\n            (click)=\"onOpenPreviewInDialog()\"\n            bodyClick\n        ></button>\n        <button\n            *ngIf=\"canDownload\"\n            fd-toolbar-item\n            fd-button\n            [attr.fdOverflowPriority]=\"'low'\"\n            [glyph]=\"'download'\"\n            [label]=\"!dialogMode ? '' : ('Download' | bbbTranslate)\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onDownload()\"\n            bodyClick\n        ></button>\n\n        <button\n            *ngIf=\"!parameters?.HideRefresh\"\n            [attr.fdOverflowPriority]=\"'low'\"\n            fd-toolbar-item\n            fd-button\n            [glyph]=\"dialogMode ? null : 'refresh'\"\n            [label]=\"!dialogMode ? '' : ('Refresh' | bbbTranslate)\"\n            [fdType]=\"'transparent'\"\n            bodyClick\n            (click)=\"onRefresh()\"\n        ></button>\n\n        <fd-busy-indicator\n            fd-toolbar-item\n            [loading]=\"(uploadingState$ | async)?.uploading === true\"\n        ></fd-busy-indicator>\n    </fd-toolbar>\n</ng-template>\n<ng-template #preview>\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-template>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTpl>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" class=\"vertical\">\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h3 fd-title>edit in word</h3>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDialogClose()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"preview\"></ng-container>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}:host fd-toolbar.dialogMode ::ng-deep .fd-toolbar{border-bottom:none}: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: 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: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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", "height", "dontUseTopBound", "setMinHeight"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]" }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { 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: 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$7.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: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { 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.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i11$1.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: "directive", type: i7$1.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { 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", host: { properties: { "style.min-height": "this._minheight" } }, providers: [UploadService], viewQueries: [{ propertyName: "_pdfViewerOnDemand", first: true, predicate: ["pdfViewerOnDemand"], descendants: true }, { propertyName: "_dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\r\n    <ng-container [ngSwitch]=\"parameters?.ShowMode\">\r\n        <div *ngSwitchCase=\"'2'\">\r\n            <ng-container *ngTemplateOutlet=\"toolbar; context: { dialogMode: true }\"></ng-container>\r\n        </div>\r\n        <div *ngSwitchDefault>\r\n            <ng-container *ngTemplateOutlet=\"toolbar\"></ng-container>\r\n            <ng-container *ngTemplateOutlet=\"preview\"></ng-container>\r\n        </div>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #toolbar let-dialogMode=\"dialogMode\">\r\n    <fd-toolbar\r\n        [class.dialogMode]=\"dialogMode\"\r\n        [transparent]=\"true\"\r\n        [shouldOverflow]=\"true\"\r\n        *ngIf=\"(disableOrReadonly$ | async) !== true\"\r\n    >\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            *ngIf=\"!parameters?.HideDelete\"\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\r\n        <button\r\n            *ngIf=\"!parameters?.HideAttach\"\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\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\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]=\"'Edit' | 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\r\n            *ngIf=\"dialogMode\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            [glyph]=\"'show'\"\r\n            [attr.fdOverflowPriority]=\"'low'\"\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"!dialogMode ? '' : ('View' | bbbTranslate)\"\r\n            (click)=\"onOpenPreviewInDialog()\"\r\n            bodyClick\r\n        ></button>\r\n        <button\r\n            *ngIf=\"canDownload\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            [attr.fdOverflowPriority]=\"'low'\"\r\n            [glyph]=\"'download'\"\r\n            [label]=\"!dialogMode ? '' : ('Download' | bbbTranslate)\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onDownload()\"\r\n            bodyClick\r\n        ></button>\r\n\r\n        <button\r\n            *ngIf=\"!parameters?.HideRefresh\"\r\n            [attr.fdOverflowPriority]=\"'low'\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            [glyph]=\"dialogMode ? null : 'refresh'\"\r\n            [label]=\"!dialogMode ? '' : ('Refresh' | bbbTranslate)\"\r\n            [fdType]=\"'transparent'\"\r\n            bodyClick\r\n            (click)=\"onRefresh()\"\r\n        ></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</ng-template>\r\n<ng-template #preview>\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            fillEmptySpace\r\n            [containerDom]=\"formContainer\"\r\n            [dontUseTopBound]=\"true\"\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            fillEmptySpace\r\n            [containerDom]=\"formContainer\"\r\n            [dontUseTopBound]=\"true\"\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 fillEmptySpace [containerDom]=\"formContainer\" [dontUseTopBound]=\"true\" class=\"hatchBackground\"></div>\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTpl>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" class=\"vertical\">\r\n        <fd-dialog-header>\r\n            <ng-template fdTemplate=\"header\">\r\n                <div fd-bar-left>\r\n                    <fd-bar-element>\r\n                        <h3 fd-title>edit in word</h3>\r\n                    </fd-bar-element>\r\n                </div>\r\n                <div fd-bar-right>\r\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDialogClose()\"></fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body>\r\n            <ng-container *ngTemplateOutlet=\"preview\"></ng-container>\r\n        </fd-dialog-body>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:flex;flex-direction:column}:host fd-toolbar.dialogMode ::ng-deep .fd-toolbar{border-bottom:none}: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: 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: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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", "height", "dontUseTopBound", "setMinHeight"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { 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: 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$7.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: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { 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.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i11$1.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: "directive", type: i7$1.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { 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\">\n    <ng-container [ngSwitch]=\"parameters?.ShowMode\">\n        <div *ngSwitchCase=\"'2'\">\n            <ng-container *ngTemplateOutlet=\"toolbar; context: { dialogMode: true }\"></ng-container>\n        </div>\n        <div *ngSwitchDefault>\n            <ng-container *ngTemplateOutlet=\"toolbar\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"preview\"></ng-container>\n        </div>\n    </ng-container>\n</ng-container>\n\n<ng-template #toolbar let-dialogMode=\"dialogMode\">\n    <fd-toolbar\n        [class.dialogMode]=\"dialogMode\"\n        [transparent]=\"true\"\n        [shouldOverflow]=\"true\"\n        *ngIf=\"(disableOrReadonly$ | async) !== true\"\n    >\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            *ngIf=\"!parameters?.HideDelete\"\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\n        <button\n            *ngIf=\"!parameters?.HideAttach\"\n            fd-button\n            fd-toolbar-item\n            glyph=\"attachment\"\n            [fdType]=\"'transparent'\"\n            [disabled]=\"!canUpload\"\n            (click)=\"uploader.open()\"\n        ></button>\n\n        <button\n            *ngIf=\"canEdit\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"edit\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onEdit()\"\n        ></button>\n\n        <button\n            *ngIf=\"useWordEditor\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"doc-attachment\"\n            [fdType]=\"'transparent'\"\n            [label]=\"'Edit' | 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\n            *ngIf=\"dialogMode\"\n            fd-toolbar-item\n            fd-button\n            [glyph]=\"'show'\"\n            [attr.fdOverflowPriority]=\"'low'\"\n            [fdType]=\"'transparent'\"\n            [label]=\"!dialogMode ? '' : ('View' | bbbTranslate)\"\n            (click)=\"onOpenPreviewInDialog()\"\n            bodyClick\n        ></button>\n        <button\n            *ngIf=\"canDownload\"\n            fd-toolbar-item\n            fd-button\n            [attr.fdOverflowPriority]=\"'low'\"\n            [glyph]=\"'download'\"\n            [label]=\"!dialogMode ? '' : ('Download' | bbbTranslate)\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onDownload()\"\n            bodyClick\n        ></button>\n\n        <button\n            *ngIf=\"!parameters?.HideRefresh\"\n            [attr.fdOverflowPriority]=\"'low'\"\n            fd-toolbar-item\n            fd-button\n            [glyph]=\"dialogMode ? null : 'refresh'\"\n            [label]=\"!dialogMode ? '' : ('Refresh' | bbbTranslate)\"\n            [fdType]=\"'transparent'\"\n            bodyClick\n            (click)=\"onRefresh()\"\n        ></button>\n\n        <fd-busy-indicator\n            fd-toolbar-item\n            [loading]=\"(uploadingState$ | async)?.uploading === true\"\n        ></fd-busy-indicator>\n    </fd-toolbar>\n</ng-template>\n<ng-template #preview>\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-template>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTpl>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" class=\"vertical\">\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h3 fd-title>edit in word</h3>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDialogClose()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"preview\"></ng-container>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}:host fd-toolbar.dialogMode ::ng-deep .fd-toolbar{border-bottom:none}: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\">\r\n    <ng-container [ngSwitch]=\"parameters?.ShowMode\">\r\n        <div *ngSwitchCase=\"'2'\">\r\n            <ng-container *ngTemplateOutlet=\"toolbar; context: { dialogMode: true }\"></ng-container>\r\n        </div>\r\n        <div *ngSwitchDefault>\r\n            <ng-container *ngTemplateOutlet=\"toolbar\"></ng-container>\r\n            <ng-container *ngTemplateOutlet=\"preview\"></ng-container>\r\n        </div>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #toolbar let-dialogMode=\"dialogMode\">\r\n    <fd-toolbar\r\n        [class.dialogMode]=\"dialogMode\"\r\n        [transparent]=\"true\"\r\n        [shouldOverflow]=\"true\"\r\n        *ngIf=\"(disableOrReadonly$ | async) !== true\"\r\n    >\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            *ngIf=\"!parameters?.HideDelete\"\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\r\n        <button\r\n            *ngIf=\"!parameters?.HideAttach\"\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\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\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]=\"'Edit' | 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\r\n            *ngIf=\"dialogMode\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            [glyph]=\"'show'\"\r\n            [attr.fdOverflowPriority]=\"'low'\"\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"!dialogMode ? '' : ('View' | bbbTranslate)\"\r\n            (click)=\"onOpenPreviewInDialog()\"\r\n            bodyClick\r\n        ></button>\r\n        <button\r\n            *ngIf=\"canDownload\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            [attr.fdOverflowPriority]=\"'low'\"\r\n            [glyph]=\"'download'\"\r\n            [label]=\"!dialogMode ? '' : ('Download' | bbbTranslate)\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onDownload()\"\r\n            bodyClick\r\n        ></button>\r\n\r\n        <button\r\n            *ngIf=\"!parameters?.HideRefresh\"\r\n            [attr.fdOverflowPriority]=\"'low'\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            [glyph]=\"dialogMode ? null : 'refresh'\"\r\n            [label]=\"!dialogMode ? '' : ('Refresh' | bbbTranslate)\"\r\n            [fdType]=\"'transparent'\"\r\n            bodyClick\r\n            (click)=\"onRefresh()\"\r\n        ></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</ng-template>\r\n<ng-template #preview>\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            fillEmptySpace\r\n            [containerDom]=\"formContainer\"\r\n            [dontUseTopBound]=\"true\"\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            fillEmptySpace\r\n            [containerDom]=\"formContainer\"\r\n            [dontUseTopBound]=\"true\"\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 fillEmptySpace [containerDom]=\"formContainer\" [dontUseTopBound]=\"true\" class=\"hatchBackground\"></div>\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTpl>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" class=\"vertical\">\r\n        <fd-dialog-header>\r\n            <ng-template fdTemplate=\"header\">\r\n                <div fd-bar-left>\r\n                    <fd-bar-element>\r\n                        <h3 fd-title>edit in word</h3>\r\n                    </fd-bar-element>\r\n                </div>\r\n                <div fd-bar-right>\r\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDialogClose()\"></fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body>\r\n            <ng-container *ngTemplateOutlet=\"preview\"></ng-container>\r\n        </fd-dialog-body>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:flex;flex-direction:column}:host fd-toolbar.dialogMode ::ng-deep .fd-toolbar{border-bottom:none}: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']
@@ -8075,10 +8087,10 @@ class FundamentalDynamicFormComponent extends BaseComponent {
     }
 }
 FundamentalDynamicFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FundamentalDynamicFormComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FundamentalDynamicFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layout94: "layout94", parameters: "parameters", workflowPanelUi: "workflowPanelUi", context: "context", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", fieldDict: "fieldDict", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", mo: "mo", avatar: "avatar", rtl: "rtl", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", fullscreen: "fullscreen", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs", formVisibilityStatus: "formVisibilityStatus", layoutGridCol: "layoutGridCol", colLg: "colLg", colXl: "colXl", colMd: "colMd" }, outputs: { toolbarClick: "toolbarClick", workflowChoiceClick: "workflowChoiceClick", close: "close", fullscreenRequest: "fullscreenRequest" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true, static: true }, { propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }, { propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, read: ViewContainerRef }, { propertyName: "headerAvatarRef", first: true, predicate: ["headerAvatar"], descendants: true }, { propertyName: "closeFormTemplate", first: true, predicate: ["closeForm"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"mask\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n    mobile\n    formClose\n    [isMobile]=\"isMobile\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-breadcrumb *ngIf=\"!isMobile\">\n            <ng-container *ngIf=\"breadCrumbs && !isMobile\">\n                <ng-container\n                    *ngFor=\"let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; let i = index; let last = last\"\n                >\n                    <fd-breadcrumb-item>\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-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            <bsu-form-toolbar\n                *ngIf=\"toolbarVisible\"\n                [deviceSize]=\"deviceSize\"\n                [buttons]=\"toolbarItems\"\n                [dirValue]=\"dirValue\"\n                [isFirefox]=\"isFirefox\"\n                (toolbarClick)=\"toolbarClick.emit($event)\"\n                #formToolbar\n            ></bsu-form-toolbar>\n            <!-- <fd-toolbar\n                *ngIf=\"toolbarVisible\"\n                #formToolbar\n                fdType=\"transparent\"\n                [clearBorder]=\"true\"\n                [shouldOverflow]=\"deviceSize === 's'\"\n                [class.firefox]=\"isFirefox\"\n            >\n                <ng-container *ngFor=\"let btn of toolbarItems; let i = index; let last = last; let first = first\">\n                    <fd-toolbar-separator\n                        [attr.i]=\"i\"\n                        [attr.last]=\"last\"\n                        [attr.first]=\"first\"\n                        *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\n                    ></fd-toolbar-separator>\n                    <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\n                        <fd-split-button\n                            *ngIf=\"btn.isBuiltin\"\n                            [dir]=\"dirValue\"\n                            fd-toolbar-item\n                            [attr.fdOverflowPriority]=\"'low'\"\n                            [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                            (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\n                            (click)=\"menu2.open()\"\n                        >\n                            <fd-menu #menu2>\n                                <li\n                                    fd-menu-item\n                                    *ngFor=\"let menuItem of btn.menu.items\"\n                                    [disabled]=\"menuItem.disabled\"\n                                    (click)=\"onToolbarClick(menuItem, menu2)\"\n                                >\n                                    <div fd-menu-interactive>\n                                        <fd-menu-addon\n                                            position=\"before\"\n                                            [glyph]=\"\n                                                menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\n                                            \"\n                                        >\n                                        </fd-menu-addon>\n                                        <img\n                                            class=\"mr8\"\n                                            *ngIf=\"!menuItem.newIcon && menuItem.icon\"\n                                            [src]=\"menuItem.icon\"\n                                        />\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\n                                    </div>\n                                </li>\n                            </fd-menu>\n                        </fd-split-button>\n                        <button\n                            *ngIf=\"!btn.isBuiltin\"\n                            fd-button\n                            fd-toolbar-item\n                            [fdMenu]=\"true\"\n                            [glyph]=\"btn.FontIcon\"\n                            [style.color]=\"btn.IconColor\"\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                            [label]=\"btn.text | bbbTranslate\"\n                            [ariaLabel]=\"btn.text | bbbTranslate\"\n                            [fdMenuTrigger]=\"menu\"\n                        >\n                            <img\n                                *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                width=\"16\"\n                                [src]=\"btn.icon\"\n                            />\n                            <fd-menu #menu>\n                                <li\n                                    fd-menu-item\n                                    *ngFor=\"let menuItem of btn.menu.items\"\n                                    [disabled]=\"menuItem.disabled\"\n                                    (click)=\"onToolbarClick(menuItem, menu)\"\n                                >\n                                    <div fd-menu-interactive>\n                                        <fd-menu-addon\n                                            *ngIf=\"\n                                                menuItem.newIcon ||\n                                                menuItem.Data?.JsonExtraProp?.Icon ||\n                                                menuItem.FontIcon ||\n                                                menuItem.Data?.CustomUi?.Parameters?.Icon\n                                            \"\n                                            position=\"before\"\n                                            [ngClass]=\"\n                                                menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                                    ? 'fd-button--' +\n                                                      menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                                    : ''\n                                            \"\n                                            [style.color]=\"menuItem.IconColor\"\n                                            [glyph]=\"\n                                                menuItem.newIcon ||\n                                                menuItem.Data?.JsonExtraProp?.Icon ||\n                                                menuItem.FontIcon ||\n                                                menuItem.Data?.CustomUi?.Parameters?.Icon\n                                            \"\n                                        >\n                                        </fd-menu-addon>\n                                        <img\n                                            class=\"mr8\"\n                                            *ngIf=\"\n                                                !(\n                                                    menuItem.newIcon ||\n                                                    menuItem.Data?.JsonExtraProp?.Icon ||\n                                                    menuItem.Data?.CustomUi?.Parameters?.Icon ||\n                                                    menuItem.FontIcon\n                                                ) && menuItem.icon\n                                            \"\n                                            [src]=\"menuItem.icon\"\n                                        />\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\n                                    </div>\n                                </li>\n                            </fd-menu>\n                        </button>\n                    </ng-container>\n                    <ng-template #simpleButton>\n                        <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                                    context: { $implicit: btn }\n                                \"\n                            ></ng-container>\n                            <ng-template #btnTemplate let-btn>\n                                <button\n                                    fd-toolbar-item\n                                    fd-button\n                                    [disabled]=\"btn.disabled\"\n                                    [attr.fdOverflowPriority]=\"btn.priority\"\n                                    [fdType]=\"\n                                        btn.isWorkflow\n                                            ? 'positive'\n                                            : btn.design\n                                            ? btn.design\n                                            : btn.Data?.JsonExtraProp?.Design\n                                    \"\n                                    [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                                    (click)=\"onToolbarClick(btn)\"\n                                >\n                                    <img\n                                        *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                        width=\"16\"\n                                        [src]=\"btn.icon\"\n                                    />\n                                    <span *ngIf=\"btn.text\">{{ btn.text }}</span>\n                                </button>\n                            </ng-template>\n                            <ng-template #dynamicBtnTemplate let-btn>\n                                <bnrc-dynamic-form-toolbaritem\n                                    fd-toolbar-item\n                                    [component]=\"btn.Data.CustomUi\"\n                                    [context]=\"btn\"\n                                    [isEnable]=\"btn.Command?._isEnable\"\n                                    (btnClick)=\"onToolbarClick(btn)\"\n                                ></bnrc-dynamic-form-toolbaritem>\n                            </ng-template>\n                        </ng-container>                      \n                    </ng-template>\n                </ng-container>\n            </fd-toolbar> -->\n            <!-- <bsu-ui-form-panel-toolbar\n        [buttons]=\"toolbarItems | tlbButtons: 'inFooter':false\"\n        [size]=\"size\"\n        [deviceSize]=\"deviceSize$ | async\"\n        [visible]=\"toolbarVisible\"\n        (toolClick)=\"onToolbarClick($event)\"\n      ></bsu-ui-form-panel-toolbar> -->\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            <fd-toolbar *ngIf=\"!hideClose\" fdType=\"transparent\" [clearBorder]=\"true\">\n                <fd-toolbar-separator *ngIf=\"deviceSize !== 's'\"></fd-toolbar-separator>\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    <fd-dynamic-page-subheader\n        *ngIf=\"description || facetList.length > 0 || workflowInfoText || avatar\"\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        <fd-message-strip [type]=\"'warning'\" *ngIf=\"workflowInfoText\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            <fd-facet *ngIf=\"avatar\" type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                ></fd-avatar>\n                <!-- <div\n                    class=\"fd-avatar fd-avatar--circle\"\n                    [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                >\n                    <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            <fd-facet\n                *ngFor=\"let facet of facetList\"\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                <fd-facet-content *ngFor=\"let item of facet.mo.ItemList?.MoDataList\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                <span\n                    *ngIf=\"\n                        !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector;\n                        else dynamicComponentTpl\n                    \"\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                <ng-template #dynamicComponentTpl>\n                    <bnrc-dynamic-component\n                        [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                        [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                        [component]=\"facet.mo.Component\"\n                        [value]=\"facet.mo.Text\"\n                    ></bnrc-dynamic-component>\n                </ng-template>\n                <fd-object-number\n                    *ngIf=\"facet.mo.IsNumber && facet.type === 'key-value'\"\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\n                ></fd-object-number>\n\n                <div *ngIf=\"facet.type === 'plain-text'\" [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n\n                <fd-facet-content *ngIf=\"facet.type === 'rating-indicator'\">\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                <div *ngIf=\"facet.type === 'progress'\" [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                        style=\"width: 10rem\"\n                        [valueState]=\"facet.mo.State\"\n                        [value]=\"getNumber(facet.mo.Value)\"\n                    ></ui5-progress-indicator> -->\n                </div>\n                <div *ngIf=\"facet.type === 'microcharts'\">\n                    <label wrap>in progress ...</label>\n                </div>\n            </fd-facet>\n        </fd-facet-group>\n        <span *ngIf=\"description\">{{ description }}</span>\n    </fd-dynamic-page-subheader>\n\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        *ngIf=\"!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent; else renderLayout\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab *ngFor=\"let tab of modernTabs; let i = index\" [title]=\"tab.Title!! | bbbTranslate\">\n            <fd-dynamic-page-content [id]=\"tab.id\">\n                <fd-layout-grid>\n                    <div fdLayoutGridRow>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n                        </div>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    <ng-template #renderLayout>\n        <fd-dynamic-page-content [class.no-padding]=\"removeContentPadding\" *ngIf=\"!contentIsPage\">\n            <!-- <bsu-ly-layout-container-of-root\n            [config]=\"layout94\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root> -->\n            <fd-layout-grid style=\"min-height: 100%\">\n                <div fdLayoutGridRow>\n                    <div\n                        style=\"padding: 0\"\n                        [fdLayoutGridCol]=\"0\"\n                        [colMd]=\"layout1.colMd\"\n                        [colLg]=\"layout1.colLg\"\n                        [colXl]=\"layout1.colXl\"\n                    ></div>\n                    <div\n                        style=\"min-height: 100%\"\n                        [fdLayoutGridCol]=\"12\"\n                        [colMd]=\"colMd\"\n                        [colLg]=\"colLg\"\n                        [colXl]=\"colXl\"\n                    >\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                                context: {\n                                    $implicit: parameters?.LayoutComponent,\n                                    layout94: layout94\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                    <div\n                        style=\"padding: 0\"\n                        [fdLayoutGridCol]=\"0\"\n                        [colMd]=\"layout2.colMd\"\n                        [colLg]=\"layout2.colLg\"\n                        [colXl]=\"layout2.colXl\"\n                    ></div>\n                </div>\n            </fd-layout-grid>\n        </fd-dynamic-page-content>\n    </ng-template>\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"toolbarClick.emit($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n</fd-dynamic-page>\n<ng-container *ngIf=\"contentIsPage\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            renderLayoutComponent;\n            context: {\n                $implicit: parameters?.LayoutComponent,\n                layout94: layout94\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n<ng-template #closeForm>\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</ng-template>\n<ng-template #fullscreenForm>\n    <button\n        *ngIf=\"canFullscreen\"\n        fd-button\n        fdType=\"transparent\"\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        (click)=\"fullscreenRequest.emit()\"\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n    ></button>\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.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.DynamicFormComponent, selector: "bnrc-dynamic-form-component", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "settings", "workflowPanelUi", "title", "subtitle", "description", "facetList", "removeHeaderBorder", "removeContentPadding", "isMobile", "avatar", "rtl", "mask", "mo", "contentDensity", "deviceSize", "dirValue", "fieldDict", "modernTabs"] }, { kind: "component", type: i2.BaseDynamicComponent, selector: "bnrc-dynamic-component", inputs: ["component", "value"], outputs: ["events"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i6$5.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i6$5.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9$2.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i9$2.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i9$2.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$2.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$2.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$2.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$2.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i7$6.FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "id", "alignEnd"] }, { kind: "component", type: i7$6.FacetGroupComponent, selector: "fd-facet-group", inputs: ["ariaLabel"] }, { kind: "component", type: i7$6.FacetContentComponent, selector: "fd-facet-content" }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i9$1.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i5$3.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i13$1.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { kind: "component", type: i14.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i14.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: i15.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "moreLabel", "lessLabel", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "component", type: i7$1.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: i13.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.HeaderFacetValuePipe, name: "facetValue" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FundamentalDynamicFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layout94: "layout94", parameters: "parameters", workflowPanelUi: "workflowPanelUi", context: "context", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", fieldDict: "fieldDict", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", mo: "mo", avatar: "avatar", rtl: "rtl", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", fullscreen: "fullscreen", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs", formVisibilityStatus: "formVisibilityStatus", layoutGridCol: "layoutGridCol", colLg: "colLg", colXl: "colXl", colMd: "colMd" }, outputs: { toolbarClick: "toolbarClick", workflowChoiceClick: "workflowChoiceClick", close: "close", fullscreenRequest: "fullscreenRequest" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true, static: true }, { propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }, { propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, read: ViewContainerRef }, { propertyName: "headerAvatarRef", first: true, predicate: ["headerAvatar"], descendants: true }, { propertyName: "closeFormTemplate", first: true, predicate: ["closeForm"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"mask\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\r\n    <bsu-mask size=\"m\"></bsu-mask>\r\n</div>\r\n\r\n<fd-dynamic-page\r\n    [size]=\"isMobile ? 'small' : 'large'\"\r\n    [class.header-border]=\"!removeHeaderBorder\"\r\n    [attr.isMobile]=\"isMobile\"\r\n    [attr.contentIsPage]=\"contentIsPage\"\r\n    mobile\r\n    formClose\r\n    [isMobile]=\"isMobile\"\r\n>\r\n    <fd-dynamic-page-header\r\n        [class.simple-title]=\"!description\"\r\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\r\n        [subtitle]=\"subtitle | bbbTranslate\"\r\n        [class.p-b0]=\"removeContentPadding\"\r\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\r\n        #titleRef\r\n    >\r\n        <fd-breadcrumb *ngIf=\"!isMobile\">\r\n            <ng-container *ngIf=\"breadCrumbs && !isMobile\">\r\n                <ng-container\r\n                    *ngFor=\"let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; let i = index; let last = last\"\r\n                >\r\n                    <fd-breadcrumb-item>\r\n                        <bsu-breadcrumb\r\n                            [index]=\"i\"\r\n                            [isLast]=\"last\"\r\n                            [breadCrumb]=\"breadCrumb\"\r\n                            [allBreadCrumb]=\"breadCrumbs\"\r\n                        ></bsu-breadcrumb>\r\n                    </fd-breadcrumb-item>\r\n                </ng-container>\r\n            </ng-container>\r\n        </fd-breadcrumb>\r\n        <fd-dynamic-page-global-actions>\r\n            <!-- global actions -->\r\n\r\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\r\n            <!-- added this because in mobile landscape toolbar disapper -->\r\n            <bsu-form-toolbar\r\n                *ngIf=\"toolbarVisible\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [buttons]=\"toolbarItems\"\r\n                [dirValue]=\"dirValue\"\r\n                [isFirefox]=\"isFirefox\"\r\n                (toolbarClick)=\"toolbarClick.emit($event)\"\r\n                #formToolbar\r\n            ></bsu-form-toolbar>\r\n            <!-- <fd-toolbar\r\n                *ngIf=\"toolbarVisible\"\r\n                #formToolbar\r\n                fdType=\"transparent\"\r\n                [clearBorder]=\"true\"\r\n                [shouldOverflow]=\"deviceSize === 's'\"\r\n                [class.firefox]=\"isFirefox\"\r\n            >\r\n                <ng-container *ngFor=\"let btn of toolbarItems; let i = index; let last = last; let first = first\">\r\n                    <fd-toolbar-separator\r\n                        [attr.i]=\"i\"\r\n                        [attr.last]=\"last\"\r\n                        [attr.first]=\"first\"\r\n                        *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\r\n                    ></fd-toolbar-separator>\r\n                    <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\r\n                        <fd-split-button\r\n                            *ngIf=\"btn.isBuiltin\"\r\n                            [dir]=\"dirValue\"\r\n                            fd-toolbar-item\r\n                            [attr.fdOverflowPriority]=\"'low'\"\r\n                            [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\r\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\r\n                            (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\r\n                            (click)=\"menu2.open()\"\r\n                        >\r\n                            <fd-menu #menu2>\r\n                                <li\r\n                                    fd-menu-item\r\n                                    *ngFor=\"let menuItem of btn.menu.items\"\r\n                                    [disabled]=\"menuItem.disabled\"\r\n                                    (click)=\"onToolbarClick(menuItem, menu2)\"\r\n                                >\r\n                                    <div fd-menu-interactive>\r\n                                        <fd-menu-addon\r\n                                            position=\"before\"\r\n                                            [glyph]=\"\r\n                                                menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\r\n                                            \"\r\n                                        >\r\n                                        </fd-menu-addon>\r\n                                        <img\r\n                                            class=\"mr8\"\r\n                                            *ngIf=\"!menuItem.newIcon && menuItem.icon\"\r\n                                            [src]=\"menuItem.icon\"\r\n                                        />\r\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\r\n                                    </div>\r\n                                </li>\r\n                            </fd-menu>\r\n                        </fd-split-button>\r\n                        <button\r\n                            *ngIf=\"!btn.isBuiltin\"\r\n                            fd-button\r\n                            fd-toolbar-item\r\n                            [fdMenu]=\"true\"\r\n                            [glyph]=\"btn.FontIcon\"\r\n                            [style.color]=\"btn.IconColor\"\r\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\r\n                            [label]=\"btn.text | bbbTranslate\"\r\n                            [ariaLabel]=\"btn.text | bbbTranslate\"\r\n                            [fdMenuTrigger]=\"menu\"\r\n                        >\r\n                            <img\r\n                                *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\r\n                                width=\"16\"\r\n                                [src]=\"btn.icon\"\r\n                            />\r\n                            <fd-menu #menu>\r\n                                <li\r\n                                    fd-menu-item\r\n                                    *ngFor=\"let menuItem of btn.menu.items\"\r\n                                    [disabled]=\"menuItem.disabled\"\r\n                                    (click)=\"onToolbarClick(menuItem, menu)\"\r\n                                >\r\n                                    <div fd-menu-interactive>\r\n                                        <fd-menu-addon\r\n                                            *ngIf=\"\r\n                                                menuItem.newIcon ||\r\n                                                menuItem.Data?.JsonExtraProp?.Icon ||\r\n                                                menuItem.FontIcon ||\r\n                                                menuItem.Data?.CustomUi?.Parameters?.Icon\r\n                                            \"\r\n                                            position=\"before\"\r\n                                            [ngClass]=\"\r\n                                                menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\r\n                                                    ? 'fd-button--' +\r\n                                                      menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\r\n                                                    : ''\r\n                                            \"\r\n                                            [style.color]=\"menuItem.IconColor\"\r\n                                            [glyph]=\"\r\n                                                menuItem.newIcon ||\r\n                                                menuItem.Data?.JsonExtraProp?.Icon ||\r\n                                                menuItem.FontIcon ||\r\n                                                menuItem.Data?.CustomUi?.Parameters?.Icon\r\n                                            \"\r\n                                        >\r\n                                        </fd-menu-addon>\r\n                                        <img\r\n                                            class=\"mr8\"\r\n                                            *ngIf=\"\r\n                                                !(\r\n                                                    menuItem.newIcon ||\r\n                                                    menuItem.Data?.JsonExtraProp?.Icon ||\r\n                                                    menuItem.Data?.CustomUi?.Parameters?.Icon ||\r\n                                                    menuItem.FontIcon\r\n                                                ) && menuItem.icon\r\n                                            \"\r\n                                            [src]=\"menuItem.icon\"\r\n                                        />\r\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\r\n                                    </div>\r\n                                </li>\r\n                            </fd-menu>\r\n                        </button>\r\n                    </ng-container>\r\n                    <ng-template #simpleButton>\r\n                        <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\r\n                            <ng-container\r\n                                *ngTemplateOutlet=\"\r\n                                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\r\n                                    context: { $implicit: btn }\r\n                                \"\r\n                            ></ng-container>\r\n                            <ng-template #btnTemplate let-btn>\r\n                                <button\r\n                                    fd-toolbar-item\r\n                                    fd-button\r\n                                    [disabled]=\"btn.disabled\"\r\n                                    [attr.fdOverflowPriority]=\"btn.priority\"\r\n                                    [fdType]=\"\r\n                                        btn.isWorkflow\r\n                                            ? 'positive'\r\n                                            : btn.design\r\n                                            ? btn.design\r\n                                            : btn.Data?.JsonExtraProp?.Design\r\n                                    \"\r\n                                    [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\r\n                                    (click)=\"onToolbarClick(btn)\"\r\n                                >\r\n                                    <img\r\n                                        *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\r\n                                        width=\"16\"\r\n                                        [src]=\"btn.icon\"\r\n                                    />\r\n                                    <span *ngIf=\"btn.text\">{{ btn.text }}</span>\r\n                                </button>\r\n                            </ng-template>\r\n                            <ng-template #dynamicBtnTemplate let-btn>\r\n                                <bnrc-dynamic-form-toolbaritem\r\n                                    fd-toolbar-item\r\n                                    [component]=\"btn.Data.CustomUi\"\r\n                                    [context]=\"btn\"\r\n                                    [isEnable]=\"btn.Command?._isEnable\"\r\n                                    (btnClick)=\"onToolbarClick(btn)\"\r\n                                ></bnrc-dynamic-form-toolbaritem>\r\n                            </ng-template>\r\n                        </ng-container>                      \r\n                    </ng-template>\r\n                </ng-container>\r\n            </fd-toolbar> -->\r\n            <!-- <bsu-ui-form-panel-toolbar\r\n        [buttons]=\"toolbarItems | tlbButtons: 'inFooter':false\"\r\n        [size]=\"size\"\r\n        [deviceSize]=\"deviceSize$ | async\"\r\n        [visible]=\"toolbarVisible\"\r\n        (toolClick)=\"onToolbarClick($event)\"\r\n      ></bsu-ui-form-panel-toolbar> -->\r\n        </fd-dynamic-page-global-actions>\r\n        <fd-dynamic-page-layout-actions>\r\n            <!-- layout actions -->\r\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\r\n            <fd-toolbar *ngIf=\"!hideClose\" fdType=\"transparent\" [clearBorder]=\"true\">\r\n                <fd-toolbar-separator *ngIf=\"deviceSize !== 's'\"></fd-toolbar-separator>\r\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\r\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\r\n            </fd-toolbar>\r\n        </fd-dynamic-page-layout-actions>\r\n    </fd-dynamic-page-header>\r\n    <fd-dynamic-page-subheader\r\n        *ngIf=\"description || facetList.length > 0 || workflowInfoText || avatar\"\r\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\r\n        [class.no-pin]=\"hidePin\"\r\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\r\n        [pinnable]=\"true\"\r\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\r\n    >\r\n        <fd-message-strip [type]=\"'warning'\" *ngIf=\"workflowInfoText\" [dismissible]=\"false\">\r\n            {{ workflowInfoText | bbbTranslate }}\r\n        </fd-message-strip>\r\n        <fd-facet-group ariaLabel=\"Facet Group\">\r\n            <fd-facet *ngIf=\"avatar\" type=\"image\">\r\n                <fd-avatar\r\n                    title=\"avatar\"\r\n                    [glyph]=\"avatar\"\r\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\r\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\r\n                    [transparent]=\"true\"\r\n                ></fd-avatar>\r\n                <!-- <div\r\n                    class=\"fd-avatar fd-avatar--circle\"\r\n                    [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\r\n                >\r\n                    <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\r\n                </div> -->\r\n            </fd-facet>\r\n            <fd-facet\r\n                *ngFor=\"let facet of facetList\"\r\n                [type]=\"facet.type\"\r\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\r\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\r\n            >\r\n                <fd-facet-content *ngFor=\"let item of facet.mo.ItemList?.MoDataList\">\r\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\r\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\r\n                </fd-facet-content>\r\n                <span\r\n                    *ngIf=\"\r\n                        !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector;\r\n                        else dynamicComponentTpl\r\n                    \"\r\n                    fd-object-status\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [title]=\"facet.mo.Text | facetValue\"\r\n                    [aria-label]=\"facet.mo.Text | facetValue\"\r\n                    [glyph]=\"facet.mo.Icon\"\r\n                >\r\n                </span>\r\n                <ng-template #dynamicComponentTpl>\r\n                    <bnrc-dynamic-component\r\n                        [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\r\n                        [class.fd-object-status--large]=\"facet.mo.IsLarge\"\r\n                        [component]=\"facet.mo.Component\"\r\n                        [value]=\"facet.mo.Text\"\r\n                    ></bnrc-dynamic-component>\r\n                </ng-template>\r\n                <fd-object-number\r\n                    *ngIf=\"facet.mo.IsNumber && facet.type === 'key-value'\"\r\n                    [number]=\"facet.mo.Text | facetValue\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [unit]=\"facet.mo.Unit | facetValue\"\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\r\n                ></fd-object-number>\r\n\r\n                <div *ngIf=\"facet.type === 'plain-text'\" [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\r\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\r\n                </div>\r\n\r\n                <fd-facet-content *ngIf=\"facet.type === 'rating-indicator'\">\r\n                    <fd-rating-indicator\r\n                        style=\"pointer-events: none\"\r\n                        size=\"md\"\r\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\r\n                        [displayMode]=\"true\"\r\n                        [value]=\"facet.mo | facetValue: facet.type\"\r\n                    ></fd-rating-indicator>\r\n                </fd-facet-content>\r\n                <div *ngIf=\"facet.type === 'progress'\" [style.width]=\"'10rem'\">\r\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\r\n                    <fd-progress-indicator\r\n                        style=\"width: 10r em\"\r\n                        [state]=\"facet.mo.State\"\r\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\r\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\r\n                        [valueMax]=\"10\"\r\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\r\n                    ></fd-progress-indicator>\r\n                    <!-- <ui5-progress-indicator\r\n                        style=\"width: 10rem\"\r\n                        [valueState]=\"facet.mo.State\"\r\n                        [value]=\"getNumber(facet.mo.Value)\"\r\n                    ></ui5-progress-indicator> -->\r\n                </div>\r\n                <div *ngIf=\"facet.type === 'microcharts'\">\r\n                    <label wrap>in progress ...</label>\r\n                </div>\r\n            </fd-facet>\r\n        </fd-facet-group>\r\n        <span *ngIf=\"description\">{{ description }}</span>\r\n    </fd-dynamic-page-subheader>\r\n\r\n    <fd-tab-list\r\n        (selectedTabChange)=\"onTabChanged($event)\"\r\n        *ngIf=\"!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent; else renderLayout\"\r\n        [collapseOverflow]=\"true\"\r\n        [stackContent]=\"false\"\r\n        maxContentHeight=\"auto\"\r\n        [expandOverflowText]=\"'More' | bbbTranslate\"\r\n        #tablist\r\n    >\r\n        <fd-tab *ngFor=\"let tab of modernTabs; let i = index\" [title]=\"tab.Title!! | bbbTranslate\">\r\n            <fd-dynamic-page-content [id]=\"tab.id\">\r\n                <fd-layout-grid>\r\n                    <div fdLayoutGridRow>\r\n                        <div\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout1.colMd\"\r\n                            [colLg]=\"layout1.colLg\"\r\n                            [colXl]=\"layout1.colXl\"\r\n                        ></div>\r\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\r\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\r\n                        </div>\r\n                        <div\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout2.colMd\"\r\n                            [colLg]=\"layout2.colLg\"\r\n                            [colXl]=\"layout2.colXl\"\r\n                        ></div>\r\n                    </div>\r\n                </fd-layout-grid>\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n    </fd-tab-list>\r\n    <ng-template #renderLayout>\r\n        <fd-dynamic-page-content [class.no-padding]=\"removeContentPadding\" *ngIf=\"!contentIsPage\">\r\n            <!-- <bsu-ly-layout-container-of-root\r\n            [config]=\"layout94\"\r\n            [isPanel]=\"false\"\r\n            [isRoot]=\"true\"\r\n        ></bsu-ly-layout-container-of-root> -->\r\n            <fd-layout-grid style=\"min-height: 100%\">\r\n                <div fdLayoutGridRow>\r\n                    <div\r\n                        style=\"padding: 0\"\r\n                        [fdLayoutGridCol]=\"0\"\r\n                        [colMd]=\"layout1.colMd\"\r\n                        [colLg]=\"layout1.colLg\"\r\n                        [colXl]=\"layout1.colXl\"\r\n                    ></div>\r\n                    <div\r\n                        style=\"min-height: 100%\"\r\n                        [fdLayoutGridCol]=\"12\"\r\n                        [colMd]=\"colMd\"\r\n                        [colLg]=\"colLg\"\r\n                        [colXl]=\"colXl\"\r\n                    >\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\r\n                                context: {\r\n                                    $implicit: parameters?.LayoutComponent,\r\n                                    layout94: layout94\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                    <div\r\n                        style=\"padding: 0\"\r\n                        [fdLayoutGridCol]=\"0\"\r\n                        [colMd]=\"layout2.colMd\"\r\n                        [colLg]=\"layout2.colLg\"\r\n                        [colXl]=\"layout2.colXl\"\r\n                    ></div>\r\n                </div>\r\n            </fd-layout-grid>\r\n        </fd-dynamic-page-content>\r\n    </ng-template>\r\n    <fd-dynamic-page-footer>\r\n        <bsu-layout-actions\r\n            [canSend]=\"canSend\"\r\n            [buttons]=\"layoutActions\"\r\n            [isMobile]=\"isMobile\"\r\n            [landscape]=\"landscape\"\r\n            [standalone]=\"standalone\"\r\n            [workflowButtons]=\"workflowButtons\"\r\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [rtl]=\"rtl\"\r\n            (toolClick)=\"toolbarClick.emit($event)\"\r\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\r\n        >\r\n        </bsu-layout-actions>\r\n    </fd-dynamic-page-footer>\r\n</fd-dynamic-page>\r\n<ng-container *ngIf=\"contentIsPage\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            renderLayoutComponent;\r\n            context: {\r\n                $implicit: parameters?.LayoutComponent,\r\n                layout94: layout94\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-container>\r\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\r\n    <bsu-ly-layout-container-of-root\r\n        [config]=\"layout94\"\r\n        [isPanel]=\"false\"\r\n        [isRoot]=\"true\"\r\n    ></bsu-ly-layout-container-of-root>\r\n</ng-template>\r\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\r\n    <bnrc-dynamic-form-component\r\n        [component]=\"component\"\r\n        [removeContentPadding]=\"removeContentPadding\"\r\n        [breadCrumbs]=\"breadCrumbs\"\r\n        [description]=\"description\"\r\n        [title]=\"title\"\r\n        [subtitle]=\"subtitle\"\r\n        [toolbarItems]=\"toolbarItems\"\r\n        [layoutActions]=\"layoutActions\"\r\n        [facetList]=\"facetList\"\r\n        [settings]=\"component.Settings\"\r\n        [workflowPanelUi]=\"workflowPanelUi\"\r\n        [isMobile]=\"isMobile\"\r\n        [mo]=\"mo\"\r\n        [layout94]=\"layout94\"\r\n        [context]=\"context\"\r\n        [rtl]=\"rtl\"\r\n        [fieldDict]=\"fieldDict\"\r\n        [mask]=\"mask\"\r\n        [dirValue]=\"dirValue\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [modernTabs]=\"modernTabs\"\r\n        [avatar]=\"avatar\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-form-component>\r\n</ng-template>\r\n<ng-template #closeForm>\r\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\r\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n    </button>\r\n</ng-template>\r\n<ng-template #fullscreenForm>\r\n    <button\r\n        *ngIf=\"canFullscreen\"\r\n        fd-button\r\n        fdType=\"transparent\"\r\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        (click)=\"fullscreenRequest.emit()\"\r\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\r\n    ></button>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.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.DynamicFormComponent, selector: "bnrc-dynamic-form-component", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "settings", "workflowPanelUi", "title", "subtitle", "description", "facetList", "removeHeaderBorder", "removeContentPadding", "isMobile", "avatar", "rtl", "mask", "mo", "contentDensity", "deviceSize", "dirValue", "fieldDict", "modernTabs"] }, { kind: "component", type: i2.BaseDynamicComponent, selector: "bnrc-dynamic-component", inputs: ["component", "value"], outputs: ["events"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i6$5.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i6$5.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9$2.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i9$2.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i9$2.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$2.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$2.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$2.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$2.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i7$6.FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "id", "alignEnd"] }, { kind: "component", type: i7$6.FacetGroupComponent, selector: "fd-facet-group", inputs: ["ariaLabel"] }, { kind: "component", type: i7$6.FacetContentComponent, selector: "fd-facet-content" }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i9$1.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i5$3.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i13$1.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { kind: "component", type: i14.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i14.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: i15.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "moreLabel", "lessLabel", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "component", type: i7$1.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: i13.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.HeaderFacetValuePipe, name: "facetValue" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FundamentalDynamicFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-fundamental-dynamic-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"mask\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n    mobile\n    formClose\n    [isMobile]=\"isMobile\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-breadcrumb *ngIf=\"!isMobile\">\n            <ng-container *ngIf=\"breadCrumbs && !isMobile\">\n                <ng-container\n                    *ngFor=\"let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; let i = index; let last = last\"\n                >\n                    <fd-breadcrumb-item>\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-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            <bsu-form-toolbar\n                *ngIf=\"toolbarVisible\"\n                [deviceSize]=\"deviceSize\"\n                [buttons]=\"toolbarItems\"\n                [dirValue]=\"dirValue\"\n                [isFirefox]=\"isFirefox\"\n                (toolbarClick)=\"toolbarClick.emit($event)\"\n                #formToolbar\n            ></bsu-form-toolbar>\n            <!-- <fd-toolbar\n                *ngIf=\"toolbarVisible\"\n                #formToolbar\n                fdType=\"transparent\"\n                [clearBorder]=\"true\"\n                [shouldOverflow]=\"deviceSize === 's'\"\n                [class.firefox]=\"isFirefox\"\n            >\n                <ng-container *ngFor=\"let btn of toolbarItems; let i = index; let last = last; let first = first\">\n                    <fd-toolbar-separator\n                        [attr.i]=\"i\"\n                        [attr.last]=\"last\"\n                        [attr.first]=\"first\"\n                        *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\n                    ></fd-toolbar-separator>\n                    <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\n                        <fd-split-button\n                            *ngIf=\"btn.isBuiltin\"\n                            [dir]=\"dirValue\"\n                            fd-toolbar-item\n                            [attr.fdOverflowPriority]=\"'low'\"\n                            [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                            (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\n                            (click)=\"menu2.open()\"\n                        >\n                            <fd-menu #menu2>\n                                <li\n                                    fd-menu-item\n                                    *ngFor=\"let menuItem of btn.menu.items\"\n                                    [disabled]=\"menuItem.disabled\"\n                                    (click)=\"onToolbarClick(menuItem, menu2)\"\n                                >\n                                    <div fd-menu-interactive>\n                                        <fd-menu-addon\n                                            position=\"before\"\n                                            [glyph]=\"\n                                                menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\n                                            \"\n                                        >\n                                        </fd-menu-addon>\n                                        <img\n                                            class=\"mr8\"\n                                            *ngIf=\"!menuItem.newIcon && menuItem.icon\"\n                                            [src]=\"menuItem.icon\"\n                                        />\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\n                                    </div>\n                                </li>\n                            </fd-menu>\n                        </fd-split-button>\n                        <button\n                            *ngIf=\"!btn.isBuiltin\"\n                            fd-button\n                            fd-toolbar-item\n                            [fdMenu]=\"true\"\n                            [glyph]=\"btn.FontIcon\"\n                            [style.color]=\"btn.IconColor\"\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                            [label]=\"btn.text | bbbTranslate\"\n                            [ariaLabel]=\"btn.text | bbbTranslate\"\n                            [fdMenuTrigger]=\"menu\"\n                        >\n                            <img\n                                *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                width=\"16\"\n                                [src]=\"btn.icon\"\n                            />\n                            <fd-menu #menu>\n                                <li\n                                    fd-menu-item\n                                    *ngFor=\"let menuItem of btn.menu.items\"\n                                    [disabled]=\"menuItem.disabled\"\n                                    (click)=\"onToolbarClick(menuItem, menu)\"\n                                >\n                                    <div fd-menu-interactive>\n                                        <fd-menu-addon\n                                            *ngIf=\"\n                                                menuItem.newIcon ||\n                                                menuItem.Data?.JsonExtraProp?.Icon ||\n                                                menuItem.FontIcon ||\n                                                menuItem.Data?.CustomUi?.Parameters?.Icon\n                                            \"\n                                            position=\"before\"\n                                            [ngClass]=\"\n                                                menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                                    ? 'fd-button--' +\n                                                      menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\n                                                    : ''\n                                            \"\n                                            [style.color]=\"menuItem.IconColor\"\n                                            [glyph]=\"\n                                                menuItem.newIcon ||\n                                                menuItem.Data?.JsonExtraProp?.Icon ||\n                                                menuItem.FontIcon ||\n                                                menuItem.Data?.CustomUi?.Parameters?.Icon\n                                            \"\n                                        >\n                                        </fd-menu-addon>\n                                        <img\n                                            class=\"mr8\"\n                                            *ngIf=\"\n                                                !(\n                                                    menuItem.newIcon ||\n                                                    menuItem.Data?.JsonExtraProp?.Icon ||\n                                                    menuItem.Data?.CustomUi?.Parameters?.Icon ||\n                                                    menuItem.FontIcon\n                                                ) && menuItem.icon\n                                            \"\n                                            [src]=\"menuItem.icon\"\n                                        />\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\n                                    </div>\n                                </li>\n                            </fd-menu>\n                        </button>\n                    </ng-container>\n                    <ng-template #simpleButton>\n                        <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                                    context: { $implicit: btn }\n                                \"\n                            ></ng-container>\n                            <ng-template #btnTemplate let-btn>\n                                <button\n                                    fd-toolbar-item\n                                    fd-button\n                                    [disabled]=\"btn.disabled\"\n                                    [attr.fdOverflowPriority]=\"btn.priority\"\n                                    [fdType]=\"\n                                        btn.isWorkflow\n                                            ? 'positive'\n                                            : btn.design\n                                            ? btn.design\n                                            : btn.Data?.JsonExtraProp?.Design\n                                    \"\n                                    [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                                    (click)=\"onToolbarClick(btn)\"\n                                >\n                                    <img\n                                        *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\n                                        width=\"16\"\n                                        [src]=\"btn.icon\"\n                                    />\n                                    <span *ngIf=\"btn.text\">{{ btn.text }}</span>\n                                </button>\n                            </ng-template>\n                            <ng-template #dynamicBtnTemplate let-btn>\n                                <bnrc-dynamic-form-toolbaritem\n                                    fd-toolbar-item\n                                    [component]=\"btn.Data.CustomUi\"\n                                    [context]=\"btn\"\n                                    [isEnable]=\"btn.Command?._isEnable\"\n                                    (btnClick)=\"onToolbarClick(btn)\"\n                                ></bnrc-dynamic-form-toolbaritem>\n                            </ng-template>\n                        </ng-container>                      \n                    </ng-template>\n                </ng-container>\n            </fd-toolbar> -->\n            <!-- <bsu-ui-form-panel-toolbar\n        [buttons]=\"toolbarItems | tlbButtons: 'inFooter':false\"\n        [size]=\"size\"\n        [deviceSize]=\"deviceSize$ | async\"\n        [visible]=\"toolbarVisible\"\n        (toolClick)=\"onToolbarClick($event)\"\n      ></bsu-ui-form-panel-toolbar> -->\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            <fd-toolbar *ngIf=\"!hideClose\" fdType=\"transparent\" [clearBorder]=\"true\">\n                <fd-toolbar-separator *ngIf=\"deviceSize !== 's'\"></fd-toolbar-separator>\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\n            </fd-toolbar>\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    <fd-dynamic-page-subheader\n        *ngIf=\"description || facetList.length > 0 || workflowInfoText || avatar\"\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        <fd-message-strip [type]=\"'warning'\" *ngIf=\"workflowInfoText\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            <fd-facet *ngIf=\"avatar\" type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                ></fd-avatar>\n                <!-- <div\n                    class=\"fd-avatar fd-avatar--circle\"\n                    [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                >\n                    <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            <fd-facet\n                *ngFor=\"let facet of facetList\"\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                <fd-facet-content *ngFor=\"let item of facet.mo.ItemList?.MoDataList\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                <span\n                    *ngIf=\"\n                        !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector;\n                        else dynamicComponentTpl\n                    \"\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                <ng-template #dynamicComponentTpl>\n                    <bnrc-dynamic-component\n                        [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                        [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                        [component]=\"facet.mo.Component\"\n                        [value]=\"facet.mo.Text\"\n                    ></bnrc-dynamic-component>\n                </ng-template>\n                <fd-object-number\n                    *ngIf=\"facet.mo.IsNumber && facet.type === 'key-value'\"\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\n                ></fd-object-number>\n\n                <div *ngIf=\"facet.type === 'plain-text'\" [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n\n                <fd-facet-content *ngIf=\"facet.type === 'rating-indicator'\">\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                <div *ngIf=\"facet.type === 'progress'\" [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                        style=\"width: 10rem\"\n                        [valueState]=\"facet.mo.State\"\n                        [value]=\"getNumber(facet.mo.Value)\"\n                    ></ui5-progress-indicator> -->\n                </div>\n                <div *ngIf=\"facet.type === 'microcharts'\">\n                    <label wrap>in progress ...</label>\n                </div>\n            </fd-facet>\n        </fd-facet-group>\n        <span *ngIf=\"description\">{{ description }}</span>\n    </fd-dynamic-page-subheader>\n\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        *ngIf=\"!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent; else renderLayout\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        <fd-tab *ngFor=\"let tab of modernTabs; let i = index\" [title]=\"tab.Title!! | bbbTranslate\">\n            <fd-dynamic-page-content [id]=\"tab.id\">\n                <fd-layout-grid>\n                    <div fdLayoutGridRow>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n                        </div>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    <ng-template #renderLayout>\n        <fd-dynamic-page-content [class.no-padding]=\"removeContentPadding\" *ngIf=\"!contentIsPage\">\n            <!-- <bsu-ly-layout-container-of-root\n            [config]=\"layout94\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root> -->\n            <fd-layout-grid style=\"min-height: 100%\">\n                <div fdLayoutGridRow>\n                    <div\n                        style=\"padding: 0\"\n                        [fdLayoutGridCol]=\"0\"\n                        [colMd]=\"layout1.colMd\"\n                        [colLg]=\"layout1.colLg\"\n                        [colXl]=\"layout1.colXl\"\n                    ></div>\n                    <div\n                        style=\"min-height: 100%\"\n                        [fdLayoutGridCol]=\"12\"\n                        [colMd]=\"colMd\"\n                        [colLg]=\"colLg\"\n                        [colXl]=\"colXl\"\n                    >\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                                context: {\n                                    $implicit: parameters?.LayoutComponent,\n                                    layout94: layout94\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                    <div\n                        style=\"padding: 0\"\n                        [fdLayoutGridCol]=\"0\"\n                        [colMd]=\"layout2.colMd\"\n                        [colLg]=\"layout2.colLg\"\n                        [colXl]=\"layout2.colXl\"\n                    ></div>\n                </div>\n            </fd-layout-grid>\n        </fd-dynamic-page-content>\n    </ng-template>\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"toolbarClick.emit($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n</fd-dynamic-page>\n<ng-container *ngIf=\"contentIsPage\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            renderLayoutComponent;\n            context: {\n                $implicit: parameters?.LayoutComponent,\n                layout94: layout94\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n<ng-template #closeForm>\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</ng-template>\n<ng-template #fullscreenForm>\n    <button\n        *ngIf=\"canFullscreen\"\n        fd-button\n        fdType=\"transparent\"\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        (click)=\"fullscreenRequest.emit()\"\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n    ></button>\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"] }]
+            args: [{ selector: 'bsu-fundamental-dynamic-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"mask\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\r\n    <bsu-mask size=\"m\"></bsu-mask>\r\n</div>\r\n\r\n<fd-dynamic-page\r\n    [size]=\"isMobile ? 'small' : 'large'\"\r\n    [class.header-border]=\"!removeHeaderBorder\"\r\n    [attr.isMobile]=\"isMobile\"\r\n    [attr.contentIsPage]=\"contentIsPage\"\r\n    mobile\r\n    formClose\r\n    [isMobile]=\"isMobile\"\r\n>\r\n    <fd-dynamic-page-header\r\n        [class.simple-title]=\"!description\"\r\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\r\n        [subtitle]=\"subtitle | bbbTranslate\"\r\n        [class.p-b0]=\"removeContentPadding\"\r\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\r\n        #titleRef\r\n    >\r\n        <fd-breadcrumb *ngIf=\"!isMobile\">\r\n            <ng-container *ngIf=\"breadCrumbs && !isMobile\">\r\n                <ng-container\r\n                    *ngFor=\"let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; let i = index; let last = last\"\r\n                >\r\n                    <fd-breadcrumb-item>\r\n                        <bsu-breadcrumb\r\n                            [index]=\"i\"\r\n                            [isLast]=\"last\"\r\n                            [breadCrumb]=\"breadCrumb\"\r\n                            [allBreadCrumb]=\"breadCrumbs\"\r\n                        ></bsu-breadcrumb>\r\n                    </fd-breadcrumb-item>\r\n                </ng-container>\r\n            </ng-container>\r\n        </fd-breadcrumb>\r\n        <fd-dynamic-page-global-actions>\r\n            <!-- global actions -->\r\n\r\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\r\n            <!-- added this because in mobile landscape toolbar disapper -->\r\n            <bsu-form-toolbar\r\n                *ngIf=\"toolbarVisible\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [buttons]=\"toolbarItems\"\r\n                [dirValue]=\"dirValue\"\r\n                [isFirefox]=\"isFirefox\"\r\n                (toolbarClick)=\"toolbarClick.emit($event)\"\r\n                #formToolbar\r\n            ></bsu-form-toolbar>\r\n            <!-- <fd-toolbar\r\n                *ngIf=\"toolbarVisible\"\r\n                #formToolbar\r\n                fdType=\"transparent\"\r\n                [clearBorder]=\"true\"\r\n                [shouldOverflow]=\"deviceSize === 's'\"\r\n                [class.firefox]=\"isFirefox\"\r\n            >\r\n                <ng-container *ngFor=\"let btn of toolbarItems; let i = index; let last = last; let first = first\">\r\n                    <fd-toolbar-separator\r\n                        [attr.i]=\"i\"\r\n                        [attr.last]=\"last\"\r\n                        [attr.first]=\"first\"\r\n                        *ngIf=\"(btn === '-' || btn.text === '-') && !last && !first\"\r\n                    ></fd-toolbar-separator>\r\n                    <ng-container *ngIf=\"btn.IAmMenu; else simpleButton\">\r\n                        <fd-split-button\r\n                            *ngIf=\"btn.isBuiltin\"\r\n                            [dir]=\"dirValue\"\r\n                            fd-toolbar-item\r\n                            [attr.fdOverflowPriority]=\"'low'\"\r\n                            [mainAction]=\"{ mainActionTitle: btn.text, keepMainAction: true }\"\r\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\r\n                            (primaryButtonClicked)=\"btn.isBuiltin && onToolbarClick(btn)\"\r\n                            (click)=\"menu2.open()\"\r\n                        >\r\n                            <fd-menu #menu2>\r\n                                <li\r\n                                    fd-menu-item\r\n                                    *ngFor=\"let menuItem of btn.menu.items\"\r\n                                    [disabled]=\"menuItem.disabled\"\r\n                                    (click)=\"onToolbarClick(menuItem, menu2)\"\r\n                                >\r\n                                    <div fd-menu-interactive>\r\n                                        <fd-menu-addon\r\n                                            position=\"before\"\r\n                                            [glyph]=\"\r\n                                                menuItem.newIcon ? menuItem.newIcon : menuItem.Data?.JsonExtraProp?.Icon\r\n                                            \"\r\n                                        >\r\n                                        </fd-menu-addon>\r\n                                        <img\r\n                                            class=\"mr8\"\r\n                                            *ngIf=\"!menuItem.newIcon && menuItem.icon\"\r\n                                            [src]=\"menuItem.icon\"\r\n                                        />\r\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\r\n                                    </div>\r\n                                </li>\r\n                            </fd-menu>\r\n                        </fd-split-button>\r\n                        <button\r\n                            *ngIf=\"!btn.isBuiltin\"\r\n                            fd-button\r\n                            fd-toolbar-item\r\n                            [fdMenu]=\"true\"\r\n                            [glyph]=\"btn.FontIcon\"\r\n                            [style.color]=\"btn.IconColor\"\r\n                            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\r\n                            [label]=\"btn.text | bbbTranslate\"\r\n                            [ariaLabel]=\"btn.text | bbbTranslate\"\r\n                            [fdMenuTrigger]=\"menu\"\r\n                        >\r\n                            <img\r\n                                *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\r\n                                width=\"16\"\r\n                                [src]=\"btn.icon\"\r\n                            />\r\n                            <fd-menu #menu>\r\n                                <li\r\n                                    fd-menu-item\r\n                                    *ngFor=\"let menuItem of btn.menu.items\"\r\n                                    [disabled]=\"menuItem.disabled\"\r\n                                    (click)=\"onToolbarClick(menuItem, menu)\"\r\n                                >\r\n                                    <div fd-menu-interactive>\r\n                                        <fd-menu-addon\r\n                                            *ngIf=\"\r\n                                                menuItem.newIcon ||\r\n                                                menuItem.Data?.JsonExtraProp?.Icon ||\r\n                                                menuItem.FontIcon ||\r\n                                                menuItem.Data?.CustomUi?.Parameters?.Icon\r\n                                            \"\r\n                                            position=\"before\"\r\n                                            [ngClass]=\"\r\n                                                menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\r\n                                                    ? 'fd-button--' +\r\n                                                      menuItem.Data?.CustomUi?.Parameters?.FdType$Caption\r\n                                                    : ''\r\n                                            \"\r\n                                            [style.color]=\"menuItem.IconColor\"\r\n                                            [glyph]=\"\r\n                                                menuItem.newIcon ||\r\n                                                menuItem.Data?.JsonExtraProp?.Icon ||\r\n                                                menuItem.FontIcon ||\r\n                                                menuItem.Data?.CustomUi?.Parameters?.Icon\r\n                                            \"\r\n                                        >\r\n                                        </fd-menu-addon>\r\n                                        <img\r\n                                            class=\"mr8\"\r\n                                            *ngIf=\"\r\n                                                !(\r\n                                                    menuItem.newIcon ||\r\n                                                    menuItem.Data?.JsonExtraProp?.Icon ||\r\n                                                    menuItem.Data?.CustomUi?.Parameters?.Icon ||\r\n                                                    menuItem.FontIcon\r\n                                                ) && menuItem.icon\r\n                                            \"\r\n                                            [src]=\"menuItem.icon\"\r\n                                        />\r\n                                        <span fd-menu-title>{{ menuItem.text }}</span>\r\n                                    </div>\r\n                                </li>\r\n                            </fd-menu>\r\n                        </button>\r\n                    </ng-container>\r\n                    <ng-template #simpleButton>\r\n                        <ng-container *ngIf=\"!(btn === '-' || btn.text === '-')\">\r\n                            <ng-container\r\n                                *ngTemplateOutlet=\"\r\n                                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\r\n                                    context: { $implicit: btn }\r\n                                \"\r\n                            ></ng-container>\r\n                            <ng-template #btnTemplate let-btn>\r\n                                <button\r\n                                    fd-toolbar-item\r\n                                    fd-button\r\n                                    [disabled]=\"btn.disabled\"\r\n                                    [attr.fdOverflowPriority]=\"btn.priority\"\r\n                                    [fdType]=\"\r\n                                        btn.isWorkflow\r\n                                            ? 'positive'\r\n                                            : btn.design\r\n                                            ? btn.design\r\n                                            : btn.Data?.JsonExtraProp?.Design\r\n                                    \"\r\n                                    [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\r\n                                    (click)=\"onToolbarClick(btn)\"\r\n                                >\r\n                                    <img\r\n                                        *ngIf=\"!btn.Data?.JsonExtraProp?.Icon && !btn.newIcon && btn.icon\"\r\n                                        width=\"16\"\r\n                                        [src]=\"btn.icon\"\r\n                                    />\r\n                                    <span *ngIf=\"btn.text\">{{ btn.text }}</span>\r\n                                </button>\r\n                            </ng-template>\r\n                            <ng-template #dynamicBtnTemplate let-btn>\r\n                                <bnrc-dynamic-form-toolbaritem\r\n                                    fd-toolbar-item\r\n                                    [component]=\"btn.Data.CustomUi\"\r\n                                    [context]=\"btn\"\r\n                                    [isEnable]=\"btn.Command?._isEnable\"\r\n                                    (btnClick)=\"onToolbarClick(btn)\"\r\n                                ></bnrc-dynamic-form-toolbaritem>\r\n                            </ng-template>\r\n                        </ng-container>                      \r\n                    </ng-template>\r\n                </ng-container>\r\n            </fd-toolbar> -->\r\n            <!-- <bsu-ui-form-panel-toolbar\r\n        [buttons]=\"toolbarItems | tlbButtons: 'inFooter':false\"\r\n        [size]=\"size\"\r\n        [deviceSize]=\"deviceSize$ | async\"\r\n        [visible]=\"toolbarVisible\"\r\n        (toolClick)=\"onToolbarClick($event)\"\r\n      ></bsu-ui-form-panel-toolbar> -->\r\n        </fd-dynamic-page-global-actions>\r\n        <fd-dynamic-page-layout-actions>\r\n            <!-- layout actions -->\r\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\r\n            <fd-toolbar *ngIf=\"!hideClose\" fdType=\"transparent\" [clearBorder]=\"true\">\r\n                <fd-toolbar-separator *ngIf=\"deviceSize !== 's'\"></fd-toolbar-separator>\r\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\r\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\r\n            </fd-toolbar>\r\n        </fd-dynamic-page-layout-actions>\r\n    </fd-dynamic-page-header>\r\n    <fd-dynamic-page-subheader\r\n        *ngIf=\"description || facetList.length > 0 || workflowInfoText || avatar\"\r\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\r\n        [class.no-pin]=\"hidePin\"\r\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\r\n        [pinnable]=\"true\"\r\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\r\n    >\r\n        <fd-message-strip [type]=\"'warning'\" *ngIf=\"workflowInfoText\" [dismissible]=\"false\">\r\n            {{ workflowInfoText | bbbTranslate }}\r\n        </fd-message-strip>\r\n        <fd-facet-group ariaLabel=\"Facet Group\">\r\n            <fd-facet *ngIf=\"avatar\" type=\"image\">\r\n                <fd-avatar\r\n                    title=\"avatar\"\r\n                    [glyph]=\"avatar\"\r\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\r\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\r\n                    [transparent]=\"true\"\r\n                ></fd-avatar>\r\n                <!-- <div\r\n                    class=\"fd-avatar fd-avatar--circle\"\r\n                    [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\r\n                >\r\n                    <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\r\n                </div> -->\r\n            </fd-facet>\r\n            <fd-facet\r\n                *ngFor=\"let facet of facetList\"\r\n                [type]=\"facet.type\"\r\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\r\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\r\n            >\r\n                <fd-facet-content *ngFor=\"let item of facet.mo.ItemList?.MoDataList\">\r\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\r\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\r\n                </fd-facet-content>\r\n                <span\r\n                    *ngIf=\"\r\n                        !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector;\r\n                        else dynamicComponentTpl\r\n                    \"\r\n                    fd-object-status\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [title]=\"facet.mo.Text | facetValue\"\r\n                    [aria-label]=\"facet.mo.Text | facetValue\"\r\n                    [glyph]=\"facet.mo.Icon\"\r\n                >\r\n                </span>\r\n                <ng-template #dynamicComponentTpl>\r\n                    <bnrc-dynamic-component\r\n                        [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\r\n                        [class.fd-object-status--large]=\"facet.mo.IsLarge\"\r\n                        [component]=\"facet.mo.Component\"\r\n                        [value]=\"facet.mo.Text\"\r\n                    ></bnrc-dynamic-component>\r\n                </ng-template>\r\n                <fd-object-number\r\n                    *ngIf=\"facet.mo.IsNumber && facet.type === 'key-value'\"\r\n                    [number]=\"facet.mo.Text | facetValue\"\r\n                    [large]=\"facet.mo.IsLarge\"\r\n                    [unit]=\"facet.mo.Unit | facetValue\"\r\n                    [status]=\"facet.mo.Status | facetValue\"\r\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\r\n                ></fd-object-number>\r\n\r\n                <div *ngIf=\"facet.type === 'plain-text'\" [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\r\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\r\n                </div>\r\n\r\n                <fd-facet-content *ngIf=\"facet.type === 'rating-indicator'\">\r\n                    <fd-rating-indicator\r\n                        style=\"pointer-events: none\"\r\n                        size=\"md\"\r\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\r\n                        [displayMode]=\"true\"\r\n                        [value]=\"facet.mo | facetValue: facet.type\"\r\n                    ></fd-rating-indicator>\r\n                </fd-facet-content>\r\n                <div *ngIf=\"facet.type === 'progress'\" [style.width]=\"'10rem'\">\r\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\r\n                    <fd-progress-indicator\r\n                        style=\"width: 10r em\"\r\n                        [state]=\"facet.mo.State\"\r\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\r\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\r\n                        [valueMax]=\"10\"\r\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\r\n                    ></fd-progress-indicator>\r\n                    <!-- <ui5-progress-indicator\r\n                        style=\"width: 10rem\"\r\n                        [valueState]=\"facet.mo.State\"\r\n                        [value]=\"getNumber(facet.mo.Value)\"\r\n                    ></ui5-progress-indicator> -->\r\n                </div>\r\n                <div *ngIf=\"facet.type === 'microcharts'\">\r\n                    <label wrap>in progress ...</label>\r\n                </div>\r\n            </fd-facet>\r\n        </fd-facet-group>\r\n        <span *ngIf=\"description\">{{ description }}</span>\r\n    </fd-dynamic-page-subheader>\r\n\r\n    <fd-tab-list\r\n        (selectedTabChange)=\"onTabChanged($event)\"\r\n        *ngIf=\"!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent; else renderLayout\"\r\n        [collapseOverflow]=\"true\"\r\n        [stackContent]=\"false\"\r\n        maxContentHeight=\"auto\"\r\n        [expandOverflowText]=\"'More' | bbbTranslate\"\r\n        #tablist\r\n    >\r\n        <fd-tab *ngFor=\"let tab of modernTabs; let i = index\" [title]=\"tab.Title!! | bbbTranslate\">\r\n            <fd-dynamic-page-content [id]=\"tab.id\">\r\n                <fd-layout-grid>\r\n                    <div fdLayoutGridRow>\r\n                        <div\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout1.colMd\"\r\n                            [colLg]=\"layout1.colLg\"\r\n                            [colXl]=\"layout1.colXl\"\r\n                        ></div>\r\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\r\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\r\n                        </div>\r\n                        <div\r\n                            [fdLayoutGridCol]=\"0\"\r\n                            [colMd]=\"layout2.colMd\"\r\n                            [colLg]=\"layout2.colLg\"\r\n                            [colXl]=\"layout2.colXl\"\r\n                        ></div>\r\n                    </div>\r\n                </fd-layout-grid>\r\n            </fd-dynamic-page-content>\r\n        </fd-tab>\r\n    </fd-tab-list>\r\n    <ng-template #renderLayout>\r\n        <fd-dynamic-page-content [class.no-padding]=\"removeContentPadding\" *ngIf=\"!contentIsPage\">\r\n            <!-- <bsu-ly-layout-container-of-root\r\n            [config]=\"layout94\"\r\n            [isPanel]=\"false\"\r\n            [isRoot]=\"true\"\r\n        ></bsu-ly-layout-container-of-root> -->\r\n            <fd-layout-grid style=\"min-height: 100%\">\r\n                <div fdLayoutGridRow>\r\n                    <div\r\n                        style=\"padding: 0\"\r\n                        [fdLayoutGridCol]=\"0\"\r\n                        [colMd]=\"layout1.colMd\"\r\n                        [colLg]=\"layout1.colLg\"\r\n                        [colXl]=\"layout1.colXl\"\r\n                    ></div>\r\n                    <div\r\n                        style=\"min-height: 100%\"\r\n                        [fdLayoutGridCol]=\"12\"\r\n                        [colMd]=\"colMd\"\r\n                        [colLg]=\"colLg\"\r\n                        [colXl]=\"colXl\"\r\n                    >\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\r\n                                context: {\r\n                                    $implicit: parameters?.LayoutComponent,\r\n                                    layout94: layout94\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                    </div>\r\n                    <div\r\n                        style=\"padding: 0\"\r\n                        [fdLayoutGridCol]=\"0\"\r\n                        [colMd]=\"layout2.colMd\"\r\n                        [colLg]=\"layout2.colLg\"\r\n                        [colXl]=\"layout2.colXl\"\r\n                    ></div>\r\n                </div>\r\n            </fd-layout-grid>\r\n        </fd-dynamic-page-content>\r\n    </ng-template>\r\n    <fd-dynamic-page-footer>\r\n        <bsu-layout-actions\r\n            [canSend]=\"canSend\"\r\n            [buttons]=\"layoutActions\"\r\n            [isMobile]=\"isMobile\"\r\n            [landscape]=\"landscape\"\r\n            [standalone]=\"standalone\"\r\n            [workflowButtons]=\"workflowButtons\"\r\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [rtl]=\"rtl\"\r\n            (toolClick)=\"toolbarClick.emit($event)\"\r\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\r\n        >\r\n        </bsu-layout-actions>\r\n    </fd-dynamic-page-footer>\r\n</fd-dynamic-page>\r\n<ng-container *ngIf=\"contentIsPage\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            renderLayoutComponent;\r\n            context: {\r\n                $implicit: parameters?.LayoutComponent,\r\n                layout94: layout94\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-container>\r\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\r\n    <bsu-ly-layout-container-of-root\r\n        [config]=\"layout94\"\r\n        [isPanel]=\"false\"\r\n        [isRoot]=\"true\"\r\n    ></bsu-ly-layout-container-of-root>\r\n</ng-template>\r\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\r\n    <bnrc-dynamic-form-component\r\n        [component]=\"component\"\r\n        [removeContentPadding]=\"removeContentPadding\"\r\n        [breadCrumbs]=\"breadCrumbs\"\r\n        [description]=\"description\"\r\n        [title]=\"title\"\r\n        [subtitle]=\"subtitle\"\r\n        [toolbarItems]=\"toolbarItems\"\r\n        [layoutActions]=\"layoutActions\"\r\n        [facetList]=\"facetList\"\r\n        [settings]=\"component.Settings\"\r\n        [workflowPanelUi]=\"workflowPanelUi\"\r\n        [isMobile]=\"isMobile\"\r\n        [mo]=\"mo\"\r\n        [layout94]=\"layout94\"\r\n        [context]=\"context\"\r\n        [rtl]=\"rtl\"\r\n        [fieldDict]=\"fieldDict\"\r\n        [mask]=\"mask\"\r\n        [dirValue]=\"dirValue\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [modernTabs]=\"modernTabs\"\r\n        [avatar]=\"avatar\"\r\n        (events)=\"onDynamicComponentEvents($event)\"\r\n    ></bnrc-dynamic-form-component>\r\n</ng-template>\r\n<ng-template #closeForm>\r\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\r\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\r\n    </button>\r\n</ng-template>\r\n<ng-template #fullscreenForm>\r\n    <button\r\n        *ngIf=\"canFullscreen\"\r\n        fd-button\r\n        fdType=\"transparent\"\r\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        (click)=\"fullscreenRequest.emit()\"\r\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\r\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\r\n    ></button>\r\n</ng-template>\r\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _dynamicPageComponent: [{
                 type: ViewChild,
                 args: [DynamicPageComponent, { static: true }]
@@ -10533,7 +10545,7 @@ UiDateTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             useFactory: getDateService$1,
             deps: [LogService]
         }
-    ], viewQueries: [{ propertyName: "datetimePickerRef", first: true, predicate: ["datetimePicker"], descendants: true }, { propertyName: "datePickerRef", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "durationPickerRef", first: true, predicate: ["durationPicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input\n    *ngIf=\"(disableOrReadonly$ | async)!!; else datetime\"\n    fd-form-control\n    type=\"text\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    [value]=\"value ? valueCaption : ''\"\n/>\n<ng-template #datetime>\n    <div\n        [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\n        [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : 'rtl'\"\n    >\n        <bc-date-time-picker\n            [value]=\"value\"\n            [buttonMenuMode]=\"parameters?.ButtonMenuMode === true\"\n            [showDate]=\"Setting.ShowDate1\"\n            [showTime]=\"Setting.ShowTime1\"\n            [placeholder]=\"parameters?.ButtonMenuMode === true ? parameters.Placeholder : formatPattern\"\n            [primaryCalendarType]=\"Setting.CalendarType\"\n            [formatPattern]=\"formatPattern\"\n            [deviceSize]=\"(deviceSize$ | async)!!\"\n            [isMobile]=\"isMobile\"\n            [daterangeMode]=\"parameters?.DateRangeMode === true\"\n            [inlineMode]=\"parameters?.InlineMode === true\"\n            [readonly]=\"(readonly$ | async) === true ? true : false\"\n            [disabled]=\"(disable$ | async) === true ? true : false\"\n            (valueChange)=\"onDateChange2($event)\"\n            (rangeChange)=\"onRangeChange($event)\"\n        >\n        </bc-date-time-picker>\n    </div>\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i2$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i1$4.DateTimePickerComponent, selector: "bc-date-time-picker", inputs: ["placeholder", "primaryCalendarType", "formatPattern", "value", "timeValue", "startRangeDate", "endRangeDate", "isRangePicker", "showTime", "showDate", "rtl", "deviceSize", "isMobile", "readonly", "disabled", "buttonMenuMode", "inlineMode", "daterangeMode"], outputs: ["rangeChange", "valueChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "datetimePickerRef", first: true, predicate: ["datetimePicker"], descendants: true }, { propertyName: "datePickerRef", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "durationPickerRef", first: true, predicate: ["durationPicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input\r\n    *ngIf=\"(disableOrReadonly$ | async)!!; else datetime\"\r\n    fd-form-control\r\n    type=\"text\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [value]=\"value ? valueCaption : ''\"\r\n/>\r\n<ng-template #datetime>\r\n    <div\r\n        [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\r\n        [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : 'rtl'\"\r\n    >\r\n        <bc-date-time-picker\r\n            [value]=\"value\"\r\n            [buttonMenuMode]=\"parameters?.ButtonMenuMode === true\"\r\n            [showDate]=\"Setting.ShowDate1\"\r\n            [showTime]=\"Setting.ShowTime1\"\r\n            [placeholder]=\"parameters?.ButtonMenuMode === true ? parameters.Placeholder : formatPattern\"\r\n            [primaryCalendarType]=\"Setting.CalendarType\"\r\n            [formatPattern]=\"formatPattern\"\r\n            [deviceSize]=\"(deviceSize$ | async)!!\"\r\n            [isMobile]=\"isMobile\"\r\n            [daterangeMode]=\"parameters?.DateRangeMode === true\"\r\n            [inlineMode]=\"parameters?.InlineMode === true\"\r\n            [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n            [disabled]=\"(disable$ | async) === true ? true : false\"\r\n            (valueChange)=\"onDateChange2($event)\"\r\n            (rangeChange)=\"onRangeChange($event)\"\r\n        >\r\n        </bc-date-time-picker>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i2$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i1$4.DateTimePickerComponent, selector: "bc-date-time-picker", inputs: ["placeholder", "primaryCalendarType", "formatPattern", "value", "timeValue", "startRangeDate", "endRangeDate", "isRangePicker", "showTime", "showDate", "rtl", "deviceSize", "isMobile", "readonly", "disabled", "buttonMenuMode", "inlineMode", "daterangeMode"], outputs: ["rangeChange", "valueChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiDateTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-date-time', providers: [
@@ -10542,7 +10554,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                             useFactory: getDateService$1,
                             deps: [LogService]
                         }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n    *ngIf=\"(disableOrReadonly$ | async)!!; else datetime\"\n    fd-form-control\n    type=\"text\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    [value]=\"value ? valueCaption : ''\"\n/>\n<ng-template #datetime>\n    <div\n        [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\n        [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : 'rtl'\"\n    >\n        <bc-date-time-picker\n            [value]=\"value\"\n            [buttonMenuMode]=\"parameters?.ButtonMenuMode === true\"\n            [showDate]=\"Setting.ShowDate1\"\n            [showTime]=\"Setting.ShowTime1\"\n            [placeholder]=\"parameters?.ButtonMenuMode === true ? parameters.Placeholder : formatPattern\"\n            [primaryCalendarType]=\"Setting.CalendarType\"\n            [formatPattern]=\"formatPattern\"\n            [deviceSize]=\"(deviceSize$ | async)!!\"\n            [isMobile]=\"isMobile\"\n            [daterangeMode]=\"parameters?.DateRangeMode === true\"\n            [inlineMode]=\"parameters?.InlineMode === true\"\n            [readonly]=\"(readonly$ | async) === true ? true : false\"\n            [disabled]=\"(disable$ | async) === true ? true : false\"\n            (valueChange)=\"onDateChange2($event)\"\n            (rangeChange)=\"onRangeChange($event)\"\n        >\n        </bc-date-time-picker>\n    </div>\n</ng-template>\n", styles: [":host{display:block}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\r\n    *ngIf=\"(disableOrReadonly$ | async)!!; else datetime\"\r\n    fd-form-control\r\n    type=\"text\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [value]=\"value ? valueCaption : ''\"\r\n/>\r\n<ng-template #datetime>\r\n    <div\r\n        [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\r\n        [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : 'rtl'\"\r\n    >\r\n        <bc-date-time-picker\r\n            [value]=\"value\"\r\n            [buttonMenuMode]=\"parameters?.ButtonMenuMode === true\"\r\n            [showDate]=\"Setting.ShowDate1\"\r\n            [showTime]=\"Setting.ShowTime1\"\r\n            [placeholder]=\"parameters?.ButtonMenuMode === true ? parameters.Placeholder : formatPattern\"\r\n            [primaryCalendarType]=\"Setting.CalendarType\"\r\n            [formatPattern]=\"formatPattern\"\r\n            [deviceSize]=\"(deviceSize$ | async)!!\"\r\n            [isMobile]=\"isMobile\"\r\n            [daterangeMode]=\"parameters?.DateRangeMode === true\"\r\n            [inlineMode]=\"parameters?.InlineMode === true\"\r\n            [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n            [disabled]=\"(disable$ | async) === true ? true : false\"\r\n            (valueChange)=\"onDateChange2($event)\"\r\n            (rangeChange)=\"onRangeChange($event)\"\r\n        >\r\n        </bc-date-time-picker>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { datetimePickerRef: [{
                 type: ViewChild,
                 args: ['datetimePicker']
@@ -11458,10 +11470,10 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
     }
 }
 UiMoInfoUlvComboComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiMoInfoUlvComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiMoInfoUlvComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiMoInfoUlvComboComponent, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvUi: "UlvUi", UlvMainCtrlr: "UlvMainCtrlr", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <ng-container *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: disableOrReadonly }\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\n    <span\n        class=\"fd-input-group__addon--button combo-popup-btn\"\n        fd-input-group-addon\n        *ngIf=\"hasValue && disableOrReadonly !== true\"\n    >\n        <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n    </span>\n    <span\n        fd-input-group-addon\n        *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n        class=\"fd-input-group__addon--button combo-popup-btn\"\n    >\n        <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n    </span>\n    <span\n        fd-input-group-addon\n        *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType !== 'Hide'\"\n        class=\"fd-input-group__addon--button combo-popup-btn\"\n    >\n        <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n    </span>\n    <span\n        fd-input-group-addon\n        *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n        class=\"fd-input-group__addon--button combo-popup-btn\"\n    >\n        <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n    </span>\n</ng-template>\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <ng-container *ngTemplateOutlet=\"btnsTpl\"></ng-container>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\n                    >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\n                </span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canAdd .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canEdit .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background)!important;border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$6.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i2$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i7.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "directive", type: i7.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiMoInfoUlvComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiMoInfoUlvComboComponent, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvUi: "UlvUi", UlvMainCtrlr: "UlvMainCtrlr", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n<ng-template\r\n    #inputTemplate\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n>\r\n    <div style=\"display: flex\" class=\"fd-input-group\">\r\n        <input\r\n            fd-input-group-input\r\n            fd-form-control\r\n            #inputRef\r\n            [placeholder]=\"Setting.NullText || ''\"\r\n            [attr.readonly]=\"true\"\r\n            [attr.disabled]=\"disable === true ? true : null\"\r\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\r\n            [id]=\"id\"\r\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n            (input)=\"onValueChange($event)\"\r\n        />\r\n        <ng-container *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: disableOrReadonly }\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\r\n    <span\r\n        class=\"fd-input-group__addon--button combo-popup-btn\"\r\n        fd-input-group-addon\r\n        *ngIf=\"hasValue && disableOrReadonly !== true\"\r\n    >\r\n        <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n    </span>\r\n    <span\r\n        fd-input-group-addon\r\n        *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n        class=\"fd-input-group__addon--button combo-popup-btn\"\r\n    >\r\n        <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n    </span>\r\n    <span\r\n        fd-input-group-addon\r\n        *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType !== 'Hide'\"\r\n        class=\"fd-input-group__addon--button combo-popup-btn\"\r\n    >\r\n        <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n    </span>\r\n    <span\r\n        fd-input-group-addon\r\n        *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\r\n        class=\"fd-input-group__addon--button combo-popup-btn\"\r\n    >\r\n        <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n    </span>\r\n</ng-template>\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-report]=\"hasReport\"\r\n            [class.has-Value]=\"hasValue\"\r\n            [placeholder]=\"'Select' | bbbTranslate\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event, moDataList)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <ng-container *ngTemplateOutlet=\"btnsTpl\"></ng-container>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        <ng-template #itemWrapper>\r\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\r\n                <!-- <bsu-ulv-paging\r\n                    (click)=\"onPagingClick($event)\"\r\n                    (pageChange)=\"onPageChange($event)\"\r\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\r\n                >\r\n                </bsu-ulv-paging> -->\r\n                <button\r\n                    style=\"width: 100%\"\r\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\r\n                    fd-button\r\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\r\n                    [label]=\"'More' | bbbTranslate\"\r\n                ></button>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\r\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\r\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n                <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\r\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                    </div>\r\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\r\n                            <ng-container *ngIf=\"index > 1\">\r\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\r\n                                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-template #captionTemplate>\r\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\r\n                    >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\r\n                </span>\r\n            </ng-template>\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canAdd .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canEdit .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background)!important;border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$6.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i2$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i7.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "directive", type: i7.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiMoInfoUlvComboComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <ng-container *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: disableOrReadonly }\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\n    <span\n        class=\"fd-input-group__addon--button combo-popup-btn\"\n        fd-input-group-addon\n        *ngIf=\"hasValue && disableOrReadonly !== true\"\n    >\n        <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n    </span>\n    <span\n        fd-input-group-addon\n        *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n        class=\"fd-input-group__addon--button combo-popup-btn\"\n    >\n        <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n    </span>\n    <span\n        fd-input-group-addon\n        *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType !== 'Hide'\"\n        class=\"fd-input-group__addon--button combo-popup-btn\"\n    >\n        <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n    </span>\n    <span\n        fd-input-group-addon\n        *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n        class=\"fd-input-group__addon--button combo-popup-btn\"\n    >\n        <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n    </span>\n</ng-template>\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <ng-container *ngTemplateOutlet=\"btnsTpl\"></ng-container>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\n                    >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\n                </span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canAdd .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canEdit .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background)!important;border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"] }]
+            args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n<ng-template\r\n    #inputTemplate\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n>\r\n    <div style=\"display: flex\" class=\"fd-input-group\">\r\n        <input\r\n            fd-input-group-input\r\n            fd-form-control\r\n            #inputRef\r\n            [placeholder]=\"Setting.NullText || ''\"\r\n            [attr.readonly]=\"true\"\r\n            [attr.disabled]=\"disable === true ? true : null\"\r\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\r\n            [id]=\"id\"\r\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n            (input)=\"onValueChange($event)\"\r\n        />\r\n        <ng-container *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: disableOrReadonly }\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\r\n    <span\r\n        class=\"fd-input-group__addon--button combo-popup-btn\"\r\n        fd-input-group-addon\r\n        *ngIf=\"hasValue && disableOrReadonly !== true\"\r\n    >\r\n        <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n    </span>\r\n    <span\r\n        fd-input-group-addon\r\n        *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n        class=\"fd-input-group__addon--button combo-popup-btn\"\r\n    >\r\n        <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n    </span>\r\n    <span\r\n        fd-input-group-addon\r\n        *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType !== 'Hide'\"\r\n        class=\"fd-input-group__addon--button combo-popup-btn\"\r\n    >\r\n        <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n    </span>\r\n    <span\r\n        fd-input-group-addon\r\n        *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\r\n        class=\"fd-input-group__addon--button combo-popup-btn\"\r\n    >\r\n        <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n    </span>\r\n</ng-template>\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-report]=\"hasReport\"\r\n            [class.has-Value]=\"hasValue\"\r\n            [placeholder]=\"'Select' | bbbTranslate\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event, moDataList)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <ng-container *ngTemplateOutlet=\"btnsTpl\"></ng-container>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        <ng-template #itemWrapper>\r\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\r\n                <!-- <bsu-ulv-paging\r\n                    (click)=\"onPagingClick($event)\"\r\n                    (pageChange)=\"onPageChange($event)\"\r\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\r\n                >\r\n                </bsu-ulv-paging> -->\r\n                <button\r\n                    style=\"width: 100%\"\r\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\r\n                    fd-button\r\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\r\n                    [label]=\"'More' | bbbTranslate\"\r\n                ></button>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\r\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\r\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n                <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\r\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                    </div>\r\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\r\n                            <ng-container *ngIf=\"index > 1\">\r\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\r\n                                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-template #captionTemplate>\r\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\r\n                    >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\r\n                </span>\r\n            </ng-template>\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canAdd .fd-input-group,.simple-combo-wrapper ::ng-deep .combo-mo-ulv.canEdit .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background)!important;border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"] }]
         }], propDecorators: { ulvAdapter: [{
                 type: Input
             }], Control: [{
@@ -11569,10 +11581,10 @@ class UiPictureFileComponent extends FieldBaseComponent {
     }
 }
 UiPictureFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPictureFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiPictureFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiPictureFileComponent, selector: "bsu-ui-picture-file", inputs: { imageUrl: "imageUrl", sizeMode: "sizeMode" }, providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<div\n    [style.max-height.px]=\"Setting.SizeMode === '2' ? null : layoutInfo.ControlBounds.height\"\n    [class.no-inlineEdit]=\"!inlineEdit\"\n    [style.min-height.px]=\"!value && !inlineEdit ? null : 140\"\n    [class.inlineEdit]=\"inlineEdit\"\n>\n    <div *ngIf=\"!((disableOrReadonly$ | async) === true || Setting.IsReadOnly === true)\">\n        <fd-toolbar [fdType]=\"'transparent'\">\n            <fd-file-uploader\n                #uploader\n                fd-toolbar-item\n                [style.display]=\"'none'\"\n                [id]=\"id\"\n                [name]=\"'uploader_' + id\"\n                [placeholder]=\"'AttachPicture' | bbbTranslate\"\n                [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\n                [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\n                [accept]=\"validExtensions\"\n                [(ngModel)]=\"files\"\n                [multiple]=\"false\"\n                (selectedFilesChanged)=\"onFileSelection($event)\"\n            ></fd-file-uploader>\n            <button\n                fd-toolbar-item\n                fd-button\n                [disabled]=\"this.value && value?.IsDeleted !== true\"\n                glyph=\"attachment\"\n                [fdType]=\"'transparent'\"\n                (click)=\"uploader.open()\"\n            ></button>\n            <button\n                class=\"delete\"\n                fd-button\n                fd-toolbar-item\n                [disabled]=\"!this.value || value?.IsDeleted\"\n                glyph=\"delete\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onFileDeleted(uploader)\"\n            ></button>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    loadingTpl;\n                    context: {\n                        uploadingState: uploadingState$ | async\n                    }\n                \"\n            >\n            </ng-container>\n        </fd-toolbar>\n    </div>\n    <div\n        *ngIf=\"!inlineEdit; else avatarTemplate\"\n        [style.max-height.px]=\"Setting.SizeMode === '0' ? layoutInfo.ControlBounds.height : null\"\n        [style.max-width.px]=\"Setting.SizeMode === '0' ? layoutInfo.ControlBounds.width : null\"\n        [class.centerImage]=\"Setting.SizeMode === '3'\"\n    >\n        <bsu-mask *ngIf=\"value && imageUrl\" [top]=\"'0px'\"></bsu-mask>\n        <img\n            *ngIf=\"(value && imageUrl) || Setting.HasDefaultPicture\"\n            imgLazy\n            [imgLazy]=\"imageUrl\"\n            [src]=\"imageUrl\"\n            [ngClass]=\"Setting.SizeMode === '1' ? 'cover' : 'contain'\"\n            [style.height.px]=\"Setting.SizeMode !== '2' ? layoutInfo.ControlBounds.height : null\"\n        />\n    </div>\n    <ng-template #avatarTemplate>\n        <fd-avatar [size]=\"'m'\" [image]=\"imageUrl\"></fd-avatar>\n    </ng-template>\n</div>\n<ng-template #loadingTpl let-uploadingState=\"uploadingState\">\n    <ng-container *ngIf=\"uploadingState && uploadingState.state !== 'Complete' && uploadingState.uploading\">\n        <fd-slider\n            [(ngModel)]=\"uploadingState.progress\"\n            [name]=\"'slider_' + id\"\n            fd-toolbar-item\n            [id]=\"id + '1'\"\n            [min]=\"0\"\n            [max]=\"100\"\n            [step]=\"1\"\n        >\n        </fd-slider>\n        <button\n            *ngIf=\"uploadingState.state === 'Uploading'\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"stop\"\n            fdType=\"transparent\"\n            (click)=\"onTerminate()\"\n        ></button>\n        <button\n            *ngIf=\"uploadingState.state === 'Error'\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"refresh\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onRetry()\"\n        ></button>\n    </ng-container>\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-bottom:.25rem;margin-top:.1875rem}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}img{width:100%}.pic-wrapper{background-repeat:no-repeat;background-position:center}.cover{max-width:100%;max-height:100%;min-height:100%;width:100%;height:100%;background-size:cover}.contain{max-width:100%;max-height:100%;min-height:100%;width:auto;height:100%;background-size:contain}.no-inlineEdit{width:100%;position:relative;display:flex;flex-direction:column}.inlineEdit{width:100%;position:relative;display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:flex-start}.centerImage{display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$7.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$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: i12.SliderComponent, selector: "fd-slider", inputs: ["id", "class", "ariaLabelledBy", "ariaLabel", "min", "max", "step", "jump", "tickmarksBetweenLabels", "mode", "showTicks", "showTicksLabels", "customValues", "tooltipMode", "hideProgressBar", "disabled", "singleSliderCurrentValuePrefix", "rangeSliderHandle1CurrentValuePrefix", "rangeSliderHandle2CurrentValuePrefix", "value"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiPictureFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiPictureFileComponent, selector: "bsu-ui-picture-file", inputs: { imageUrl: "imageUrl", sizeMode: "sizeMode" }, providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<div\r\n    [style.max-height.px]=\"Setting.SizeMode === '2' ? null : layoutInfo.ControlBounds.height\"\r\n    [class.no-inlineEdit]=\"!inlineEdit\"\r\n    [style.min-height.px]=\"!value && !inlineEdit ? null : 140\"\r\n    [class.inlineEdit]=\"inlineEdit\"\r\n>\r\n    <div *ngIf=\"!((disableOrReadonly$ | async) === true || Setting.IsReadOnly === true)\">\r\n        <fd-toolbar [fdType]=\"'transparent'\">\r\n            <fd-file-uploader\r\n                #uploader\r\n                fd-toolbar-item\r\n                [style.display]=\"'none'\"\r\n                [id]=\"id\"\r\n                [name]=\"'uploader_' + id\"\r\n                [placeholder]=\"'AttachPicture' | bbbTranslate\"\r\n                [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\r\n                [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\r\n                [accept]=\"validExtensions\"\r\n                [(ngModel)]=\"files\"\r\n                [multiple]=\"false\"\r\n                (selectedFilesChanged)=\"onFileSelection($event)\"\r\n            ></fd-file-uploader>\r\n            <button\r\n                fd-toolbar-item\r\n                fd-button\r\n                [disabled]=\"this.value && value?.IsDeleted !== true\"\r\n                glyph=\"attachment\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"uploader.open()\"\r\n            ></button>\r\n            <button\r\n                class=\"delete\"\r\n                fd-button\r\n                fd-toolbar-item\r\n                [disabled]=\"!this.value || value?.IsDeleted\"\r\n                glyph=\"delete\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onFileDeleted(uploader)\"\r\n            ></button>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    loadingTpl;\r\n                    context: {\r\n                        uploadingState: uploadingState$ | async\r\n                    }\r\n                \"\r\n            >\r\n            </ng-container>\r\n        </fd-toolbar>\r\n    </div>\r\n    <div\r\n        *ngIf=\"!inlineEdit; else avatarTemplate\"\r\n        [style.max-height.px]=\"Setting.SizeMode === '0' ? layoutInfo.ControlBounds.height : null\"\r\n        [style.max-width.px]=\"Setting.SizeMode === '0' ? layoutInfo.ControlBounds.width : null\"\r\n        [class.centerImage]=\"Setting.SizeMode === '3'\"\r\n    >\r\n        <bsu-mask *ngIf=\"value && imageUrl\" [top]=\"'0px'\"></bsu-mask>\r\n        <img\r\n            *ngIf=\"(value && imageUrl) || Setting.HasDefaultPicture\"\r\n            imgLazy\r\n            [imgLazy]=\"imageUrl\"\r\n            [src]=\"imageUrl\"\r\n            [ngClass]=\"Setting.SizeMode === '1' ? 'cover' : 'contain'\"\r\n            [style.height.px]=\"Setting.SizeMode !== '2' ? layoutInfo.ControlBounds.height : null\"\r\n        />\r\n    </div>\r\n    <ng-template #avatarTemplate>\r\n        <fd-avatar [size]=\"'m'\" [image]=\"imageUrl\"></fd-avatar>\r\n    </ng-template>\r\n</div>\r\n<ng-template #loadingTpl let-uploadingState=\"uploadingState\">\r\n    <ng-container *ngIf=\"uploadingState && uploadingState.state !== 'Complete' && uploadingState.uploading\">\r\n        <fd-slider\r\n            [(ngModel)]=\"uploadingState.progress\"\r\n            [name]=\"'slider_' + id\"\r\n            fd-toolbar-item\r\n            [id]=\"id + '1'\"\r\n            [min]=\"0\"\r\n            [max]=\"100\"\r\n            [step]=\"1\"\r\n        >\r\n        </fd-slider>\r\n        <button\r\n            *ngIf=\"uploadingState.state === 'Uploading'\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"stop\"\r\n            fdType=\"transparent\"\r\n            (click)=\"onTerminate()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"uploadingState.state === 'Error'\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"refresh\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onRetry()\"\r\n        ></button>\r\n    </ng-container>\r\n</ng-template>\r\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-bottom:.25rem;margin-top:.1875rem}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}img{width:100%}.pic-wrapper{background-repeat:no-repeat;background-position:center}.cover{max-width:100%;max-height:100%;min-height:100%;width:100%;height:100%;background-size:cover}.contain{max-width:100%;max-height:100%;min-height:100%;width:auto;height:100%;background-size:contain}.no-inlineEdit{width:100%;position:relative;display:flex;flex-direction:column}.inlineEdit{width:100%;position:relative;display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:flex-start}.centerImage{display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$7.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$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: i12.SliderComponent, selector: "fd-slider", inputs: ["id", "class", "ariaLabelledBy", "ariaLabel", "min", "max", "step", "jump", "tickmarksBetweenLabels", "mode", "showTicks", "showTicksLabels", "customValues", "tooltipMode", "hideProgressBar", "disabled", "singleSliderCurrentValuePrefix", "rangeSliderHandle1CurrentValuePrefix", "rangeSliderHandle2CurrentValuePrefix", "value"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { 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: UiPictureFileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-picture-file', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UploadService], template: "<div\n    [style.max-height.px]=\"Setting.SizeMode === '2' ? null : layoutInfo.ControlBounds.height\"\n    [class.no-inlineEdit]=\"!inlineEdit\"\n    [style.min-height.px]=\"!value && !inlineEdit ? null : 140\"\n    [class.inlineEdit]=\"inlineEdit\"\n>\n    <div *ngIf=\"!((disableOrReadonly$ | async) === true || Setting.IsReadOnly === true)\">\n        <fd-toolbar [fdType]=\"'transparent'\">\n            <fd-file-uploader\n                #uploader\n                fd-toolbar-item\n                [style.display]=\"'none'\"\n                [id]=\"id\"\n                [name]=\"'uploader_' + id\"\n                [placeholder]=\"'AttachPicture' | bbbTranslate\"\n                [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\n                [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\n                [accept]=\"validExtensions\"\n                [(ngModel)]=\"files\"\n                [multiple]=\"false\"\n                (selectedFilesChanged)=\"onFileSelection($event)\"\n            ></fd-file-uploader>\n            <button\n                fd-toolbar-item\n                fd-button\n                [disabled]=\"this.value && value?.IsDeleted !== true\"\n                glyph=\"attachment\"\n                [fdType]=\"'transparent'\"\n                (click)=\"uploader.open()\"\n            ></button>\n            <button\n                class=\"delete\"\n                fd-button\n                fd-toolbar-item\n                [disabled]=\"!this.value || value?.IsDeleted\"\n                glyph=\"delete\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onFileDeleted(uploader)\"\n            ></button>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    loadingTpl;\n                    context: {\n                        uploadingState: uploadingState$ | async\n                    }\n                \"\n            >\n            </ng-container>\n        </fd-toolbar>\n    </div>\n    <div\n        *ngIf=\"!inlineEdit; else avatarTemplate\"\n        [style.max-height.px]=\"Setting.SizeMode === '0' ? layoutInfo.ControlBounds.height : null\"\n        [style.max-width.px]=\"Setting.SizeMode === '0' ? layoutInfo.ControlBounds.width : null\"\n        [class.centerImage]=\"Setting.SizeMode === '3'\"\n    >\n        <bsu-mask *ngIf=\"value && imageUrl\" [top]=\"'0px'\"></bsu-mask>\n        <img\n            *ngIf=\"(value && imageUrl) || Setting.HasDefaultPicture\"\n            imgLazy\n            [imgLazy]=\"imageUrl\"\n            [src]=\"imageUrl\"\n            [ngClass]=\"Setting.SizeMode === '1' ? 'cover' : 'contain'\"\n            [style.height.px]=\"Setting.SizeMode !== '2' ? layoutInfo.ControlBounds.height : null\"\n        />\n    </div>\n    <ng-template #avatarTemplate>\n        <fd-avatar [size]=\"'m'\" [image]=\"imageUrl\"></fd-avatar>\n    </ng-template>\n</div>\n<ng-template #loadingTpl let-uploadingState=\"uploadingState\">\n    <ng-container *ngIf=\"uploadingState && uploadingState.state !== 'Complete' && uploadingState.uploading\">\n        <fd-slider\n            [(ngModel)]=\"uploadingState.progress\"\n            [name]=\"'slider_' + id\"\n            fd-toolbar-item\n            [id]=\"id + '1'\"\n            [min]=\"0\"\n            [max]=\"100\"\n            [step]=\"1\"\n        >\n        </fd-slider>\n        <button\n            *ngIf=\"uploadingState.state === 'Uploading'\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"stop\"\n            fdType=\"transparent\"\n            (click)=\"onTerminate()\"\n        ></button>\n        <button\n            *ngIf=\"uploadingState.state === 'Error'\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"refresh\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onRetry()\"\n        ></button>\n    </ng-container>\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-bottom:.25rem;margin-top:.1875rem}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}img{width:100%}.pic-wrapper{background-repeat:no-repeat;background-position:center}.cover{max-width:100%;max-height:100%;min-height:100%;width:100%;height:100%;background-size:cover}.contain{max-width:100%;max-height:100%;min-height:100%;width:auto;height:100%;background-size:contain}.no-inlineEdit{width:100%;position:relative;display:flex;flex-direction:column}.inlineEdit{width:100%;position:relative;display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:flex-start}.centerImage{display:flex;justify-content:center}\n"] }]
+            args: [{ selector: 'bsu-ui-picture-file', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UploadService], template: "<div\r\n    [style.max-height.px]=\"Setting.SizeMode === '2' ? null : layoutInfo.ControlBounds.height\"\r\n    [class.no-inlineEdit]=\"!inlineEdit\"\r\n    [style.min-height.px]=\"!value && !inlineEdit ? null : 140\"\r\n    [class.inlineEdit]=\"inlineEdit\"\r\n>\r\n    <div *ngIf=\"!((disableOrReadonly$ | async) === true || Setting.IsReadOnly === true)\">\r\n        <fd-toolbar [fdType]=\"'transparent'\">\r\n            <fd-file-uploader\r\n                #uploader\r\n                fd-toolbar-item\r\n                [style.display]=\"'none'\"\r\n                [id]=\"id\"\r\n                [name]=\"'uploader_' + id\"\r\n                [placeholder]=\"'AttachPicture' | bbbTranslate\"\r\n                [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\r\n                [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\r\n                [accept]=\"validExtensions\"\r\n                [(ngModel)]=\"files\"\r\n                [multiple]=\"false\"\r\n                (selectedFilesChanged)=\"onFileSelection($event)\"\r\n            ></fd-file-uploader>\r\n            <button\r\n                fd-toolbar-item\r\n                fd-button\r\n                [disabled]=\"this.value && value?.IsDeleted !== true\"\r\n                glyph=\"attachment\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"uploader.open()\"\r\n            ></button>\r\n            <button\r\n                class=\"delete\"\r\n                fd-button\r\n                fd-toolbar-item\r\n                [disabled]=\"!this.value || value?.IsDeleted\"\r\n                glyph=\"delete\"\r\n                [fdType]=\"'transparent'\"\r\n                (click)=\"onFileDeleted(uploader)\"\r\n            ></button>\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    loadingTpl;\r\n                    context: {\r\n                        uploadingState: uploadingState$ | async\r\n                    }\r\n                \"\r\n            >\r\n            </ng-container>\r\n        </fd-toolbar>\r\n    </div>\r\n    <div\r\n        *ngIf=\"!inlineEdit; else avatarTemplate\"\r\n        [style.max-height.px]=\"Setting.SizeMode === '0' ? layoutInfo.ControlBounds.height : null\"\r\n        [style.max-width.px]=\"Setting.SizeMode === '0' ? layoutInfo.ControlBounds.width : null\"\r\n        [class.centerImage]=\"Setting.SizeMode === '3'\"\r\n    >\r\n        <bsu-mask *ngIf=\"value && imageUrl\" [top]=\"'0px'\"></bsu-mask>\r\n        <img\r\n            *ngIf=\"(value && imageUrl) || Setting.HasDefaultPicture\"\r\n            imgLazy\r\n            [imgLazy]=\"imageUrl\"\r\n            [src]=\"imageUrl\"\r\n            [ngClass]=\"Setting.SizeMode === '1' ? 'cover' : 'contain'\"\r\n            [style.height.px]=\"Setting.SizeMode !== '2' ? layoutInfo.ControlBounds.height : null\"\r\n        />\r\n    </div>\r\n    <ng-template #avatarTemplate>\r\n        <fd-avatar [size]=\"'m'\" [image]=\"imageUrl\"></fd-avatar>\r\n    </ng-template>\r\n</div>\r\n<ng-template #loadingTpl let-uploadingState=\"uploadingState\">\r\n    <ng-container *ngIf=\"uploadingState && uploadingState.state !== 'Complete' && uploadingState.uploading\">\r\n        <fd-slider\r\n            [(ngModel)]=\"uploadingState.progress\"\r\n            [name]=\"'slider_' + id\"\r\n            fd-toolbar-item\r\n            [id]=\"id + '1'\"\r\n            [min]=\"0\"\r\n            [max]=\"100\"\r\n            [step]=\"1\"\r\n        >\r\n        </fd-slider>\r\n        <button\r\n            *ngIf=\"uploadingState.state === 'Uploading'\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"stop\"\r\n            fdType=\"transparent\"\r\n            (click)=\"onTerminate()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"uploadingState.state === 'Error'\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"refresh\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onRetry()\"\r\n        ></button>\r\n    </ng-container>\r\n</ng-template>\r\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-bottom:.25rem;margin-top:.1875rem}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}img{width:100%}.pic-wrapper{background-repeat:no-repeat;background-position:center}.cover{max-width:100%;max-height:100%;min-height:100%;width:100%;height:100%;background-size:cover}.contain{max-width:100%;max-height:100%;min-height:100%;width:auto;height:100%;background-size:contain}.no-inlineEdit{width:100%;position:relative;display:flex;flex-direction:column}.inlineEdit{width:100%;position:relative;display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:flex-start}.centerImage{display:flex;justify-content:center}\n"] }]
         }], propDecorators: { imageUrl: [{
                 type: Input
             }], sizeMode: [{
@@ -11710,10 +11722,10 @@ class UiGridComponent extends SapUiReportBaseComponent {
     }
 }
 UiGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiGridComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiGridComponent, selector: "bsu-ui-grid", inputs: { showOkCancelButtons: "showOkCancelButtons" }, usesInheritance: true, ngImport: i0, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            extraRelation: context.Setting.Extra?.Relation,\n            title: title$ | async,\n            rtl: rtl$ | async,\n            hideToolbar: hideToolbar$ | async,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            formSetting: context.Setting.FormTemplate,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            newInlineEditMo: newInlineEditMo$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableResponsive: disableResponsive$ | async,\n            fullscreen: fullscreen$ | async,\n            selectedMo: selectedMo$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            pagingSetting: pagingSetting$ | async\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formSetting=\"formSetting\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-newInlineEditMo=\"newInlineEditMo\"\n    let-hasSummary=\"hasSummary\"\n    let-extraRelation=\"extraRelation\"\n    let-typeDefId=\"typeDefId\"\n    let-contextView=\"contextView\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-fullscreen=\"fullscreen\"\n    let-selectedMo=\"selectedMo\"\n    let-disableResponsive=\"disableResponsive\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [hideTitle]=\"true\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [access]=\"access\"\n        [disableResponsive]=\"disableResponsive\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [pagingSetting]=\"pagingSetting\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [allColumns]=\"allColumns\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [rowResizer]=\"rowResizer\"\n        [enableResizing]=\"enableResizing\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (deselectAll)=\"onDeselectAll()\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "rowResizer", "enableResizing"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiGridComponent, selector: "bsu-ui-grid", inputs: { showOkCancelButtons: "showOkCancelButtons" }, usesInheritance: true, ngImport: i0, template: "<!--render container-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: hideToolbar$ | async,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            contentDensity: contentDensity$ | async,\r\n            formSetting: context.Setting.FormTemplate,\r\n            hasSelected: hasSelected$ | async,\r\n            showOkCancelButtons: showOkCancelButtons,\r\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            newInlineEditMo: newInlineEditMo$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            disableResponsive: disableResponsive$ | async,\r\n            fullscreen: fullscreen$ | async,\r\n            selectedMo: selectedMo$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formSetting=\"formSetting\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-showOkCancelButtons=\"showOkCancelButtons\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-newInlineEditMo=\"newInlineEditMo\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-contextView=\"contextView\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-fullscreen=\"fullscreen\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n>\r\n    <bsu-ulv-toolbar\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [hideTitle]=\"true\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [access]=\"access\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        (sortClick)=\"onSortSettings(deviceName)\"\r\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\r\n        (columnClick)=\"onColumnSettings(deviceName)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n    <bsu-ui-table-view\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [parentHeight]=\"parentHeight\"\r\n        [fullscreen]=\"fullscreen\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [rtl]=\"rtl\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [allColumns]=\"allColumns\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [columnWidth]=\"100 / columns.length\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [rowHoverable]=\"rowHoverable\"\r\n        [rowActivable]=\"rowActivable\"\r\n        [formSetting]=\"formSetting\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [reportId]=\"reportId\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [showOkCancelButtons]=\"showOkCancelButtons\"\r\n        [fitWidth]=\"false\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [rowResizer]=\"rowResizer\"\r\n        [enableResizing]=\"enableResizing\"\r\n        [newInlineEditMo]=\"newInlineEditMo\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    >\r\n    </bsu-ui-table-view>\r\n</ng-template>\r\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "rowResizer", "enableResizing"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\n<ng-container\n    *ngTemplateOutlet=\"\n        renderContainer;\n        context: {\n            $implicit: gridDataSource.data$ | async,\n            allChecked: allChecked$ | async,\n            groupby: groupby$ | async,\n            isCheckList: context.Setting.View?.IsCheckList,\n            hasSummary: context.Setting.View?.HasSummaryRow,\n            columns: columns$ | async,\n            columnsCount: columnsCount$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            onlyInlineEdit: onlyInlineEdit$ | async,\n            secondaryColumns: secondaryColumns$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: conditionalFormats$ | async,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            mobileOrTablet: mobileOrTablet$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            extraRelation: context.Setting.Extra?.Relation,\n            title: title$ | async,\n            rtl: rtl$ | async,\n            hideToolbar: hideToolbar$ | async,\n            allColumns: allColumns,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            formSetting: context.Setting.FormTemplate,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            navigationArrow: navigationArrow$ | async,\n            containerWidth: containerWidth$ | async,\n            newInlineEditMo: newInlineEditMo$ | async,\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\n            reportId: context.Setting.Extra.Report.Id,\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\n            contextView: context.Setting.View,\n            cartableTemplates: cartableTemplates$ | async,\n            cartableChildsMo: cartableChildsMo$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableResponsive: disableResponsive$ | async,\n            fullscreen: fullscreen$ | async,\n            selectedMo: selectedMo$ | async,\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\n            pagingSetting: pagingSetting$ | async\n        }\n    \"\n></ng-container>\n<!--render container -->\n<ng-template\n    #renderContainer\n    let-moDataList\n    let-allChecked=\"allChecked\"\n    let-isCheckList=\"isCheckList\"\n    let-columns=\"columns\"\n    let-columnsCount=\"columnsCount\"\n    let-groupby=\"groupby\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-access=\"access\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-popin=\"popin\"\n    let-mobileOrTablet=\"mobileOrTablet\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-formSetting=\"formSetting\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-navigationArrow=\"navigationArrow\"\n    let-containerWidth=\"containerWidth\"\n    let-newInlineEditMo=\"newInlineEditMo\"\n    let-hasSummary=\"hasSummary\"\n    let-extraRelation=\"extraRelation\"\n    let-typeDefId=\"typeDefId\"\n    let-contextView=\"contextView\"\n    let-cartableTemplates=\"cartableTemplates\"\n    let-cartableChildsMo=\"cartableChildsMo\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-fullscreen=\"fullscreen\"\n    let-selectedMo=\"selectedMo\"\n    let-disableResponsive=\"disableResponsive\"\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\n    let-reportId=\"reportId\"\n    let-listEditViewId=\"listEditViewId\"\n    let-typeViewId=\"typeViewId\"\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\n    let-rtl=\"rtl\"\n    let-allColumns=\"allColumns\"\n    let-allowGridColumnSort=\"allowGridColumnSort\"\n    let-pagingSetting=\"pagingSetting\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [hideTitle]=\"true\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [access]=\"access\"\n        [disableResponsive]=\"disableResponsive\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [pagingSetting]=\"pagingSetting\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [allowGridColumnSort]=\"allowGridColumnSort\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [allColumns]=\"allColumns\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [containerWidth]=\"containerWidth\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [rowResizer]=\"rowResizer\"\n        [enableResizing]=\"enableResizing\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (deselectAll)=\"onDeselectAll()\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (columnResized)=\"onColumnResized($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"] }]
+            args: [{ selector: 'bsu-ui-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--render container-->\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        renderContainer;\r\n        context: {\r\n            $implicit: gridDataSource.data$ | async,\r\n            allChecked: allChecked$ | async,\r\n            groupby: groupby$ | async,\r\n            isCheckList: context.Setting.View?.IsCheckList,\r\n            hasSummary: context.Setting.View?.HasSummaryRow,\r\n            columns: columns$ | async,\r\n            columnsCount: columnsCount$ | async,\r\n            allowInlineEdit: allowInlineEdit$ | async,\r\n            inlineEditMode: inlineEditMode$ | async,\r\n            onlyInlineEdit: onlyInlineEdit$ | async,\r\n            secondaryColumns: secondaryColumns$ | async,\r\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\r\n            popin: (mobileOrTablet$ | async) || (secondaryColumnsCount$ | async)!! > 0 ? true : false,\r\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\r\n            conditionalFormats: conditionalFormats$ | async,\r\n            deviceName: deviceName$ | async,\r\n            deviceSize: deviceSize$ | async,\r\n            mobileOrTablet: mobileOrTablet$ | async,\r\n            access: context.Setting.Extra?.DefaultCommandsAccess,\r\n            extraRelation: context.Setting.Extra?.Relation,\r\n            title: title$ | async,\r\n            rtl: rtl$ | async,\r\n            hideToolbar: hideToolbar$ | async,\r\n            allColumns: allColumns,\r\n            gridSetting: gridSetting$ | async,\r\n            contentDensity: contentDensity$ | async,\r\n            formSetting: context.Setting.FormTemplate,\r\n            hasSelected: hasSelected$ | async,\r\n            showOkCancelButtons: showOkCancelButtons,\r\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\r\n            navigationArrow: navigationArrow$ | async,\r\n            containerWidth: containerWidth$ | async,\r\n            newInlineEditMo: newInlineEditMo$ | async,\r\n            typeDefId: context.Setting.Extra.Report.TypeDefId,\r\n            reportId: context.Setting.Extra.Report.Id,\r\n            listEditViewId: context.Setting.Extra.Report.ListEditViewId,\r\n            typeViewId: context.Setting.Extra.Report.TypeViewId,\r\n            contextView: context.Setting.View,\r\n            cartableTemplates: cartableTemplates$ | async,\r\n            cartableChildsMo: cartableChildsMo$ | async,\r\n            inDialog: inDialog$ | async,\r\n            isMultiSelect: isMultiSelect$ | async,\r\n            disableResponsive: disableResponsive$ | async,\r\n            fullscreen: fullscreen$ | async,\r\n            selectedMo: selectedMo$ | async,\r\n            gridFreeColumnSizing: gridFreeColumnSizing$ | async,\r\n            allowGridColumnSort: context.ViewSetting?.AllowGridColumnSort,\r\n            UlvMainCtrlr: context.Adapter?.UlvMainCtrlr,\r\n            pagingSetting: pagingSetting$ | async\r\n        }\r\n    \"\r\n></ng-container>\r\n<!--render container -->\r\n<ng-template\r\n    #renderContainer\r\n    let-moDataList\r\n    let-allChecked=\"allChecked\"\r\n    let-isCheckList=\"isCheckList\"\r\n    let-columns=\"columns\"\r\n    let-columnsCount=\"columnsCount\"\r\n    let-groupby=\"groupby\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-contextMenuItems=\"contextMenuItems\"\r\n    let-conditionalFormats=\"conditionalFormats\"\r\n    let-deviceName=\"deviceName\"\r\n    let-deviceSize=\"deviceSize\"\r\n    let-access=\"access\"\r\n    let-toolbarButtons=\"toolbarButtons\"\r\n    let-popin=\"popin\"\r\n    let-mobileOrTablet=\"mobileOrTablet\"\r\n    let-title=\"title\"\r\n    let-inlineEditMode=\"inlineEditMode\"\r\n    let-allowInlineEdit=\"allowInlineEdit\"\r\n    let-hideToolbar=\"hideToolbar\"\r\n    let-gridSetting=\"gridSetting\"\r\n    let-contentDensity=\"contentDensity\"\r\n    let-formSetting=\"formSetting\"\r\n    let-hasSelected=\"hasSelected\"\r\n    let-showOkCancelButtons=\"showOkCancelButtons\"\r\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\r\n    let-navigationArrow=\"navigationArrow\"\r\n    let-containerWidth=\"containerWidth\"\r\n    let-newInlineEditMo=\"newInlineEditMo\"\r\n    let-hasSummary=\"hasSummary\"\r\n    let-extraRelation=\"extraRelation\"\r\n    let-typeDefId=\"typeDefId\"\r\n    let-contextView=\"contextView\"\r\n    let-cartableTemplates=\"cartableTemplates\"\r\n    let-cartableChildsMo=\"cartableChildsMo\"\r\n    let-inDialog=\"inDialog\"\r\n    let-isMultiSelect=\"isMultiSelect\"\r\n    let-fullscreen=\"fullscreen\"\r\n    let-selectedMo=\"selectedMo\"\r\n    let-disableResponsive=\"disableResponsive\"\r\n    let-gridFreeColumnSizing=\"gridFreeColumnSizing\"\r\n    let-reportId=\"reportId\"\r\n    let-listEditViewId=\"listEditViewId\"\r\n    let-typeViewId=\"typeViewId\"\r\n    let-UlvMainCtrlr=\"UlvMainCtrlr\"\r\n    let-rtl=\"rtl\"\r\n    let-allColumns=\"allColumns\"\r\n    let-allowGridColumnSort=\"allowGridColumnSort\"\r\n    let-pagingSetting=\"pagingSetting\"\r\n>\r\n    <bsu-ulv-toolbar\r\n        [hideToolbar]=\"hideToolbar\"\r\n        [deviceName]=\"deviceName\"\r\n        [hideTitle]=\"true\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [gridSetting]=\"gridSetting\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"title\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [access]=\"access\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        (sortClick)=\"onSortSettings(deviceName)\"\r\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\r\n        (columnClick)=\"onColumnSettings(deviceName)\"\r\n        (editModeClick)=\"onEditMode()\"\r\n        (createNewInlineMo)=\"onToolbarCreateNewInlineMo()\"\r\n    ></bsu-ulv-toolbar>\r\n    <bsu-ui-table-view\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [pagingSetting]=\"pagingSetting\"\r\n        [parentHeight]=\"parentHeight\"\r\n        [fullscreen]=\"fullscreen\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [rtl]=\"rtl\"\r\n        [allowGridColumnSort]=\"allowGridColumnSort\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [allColumns]=\"allColumns\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [contextView]=\"contextView\"\r\n        [containerWidth]=\"containerWidth\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [groupby]=\"groupby\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [columnWidth]=\"100 / columns.length\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [rowHoverable]=\"rowHoverable\"\r\n        [rowActivable]=\"rowActivable\"\r\n        [formSetting]=\"formSetting\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [reportId]=\"reportId\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [showOkCancelButtons]=\"showOkCancelButtons\"\r\n        [fitWidth]=\"false\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [rowResizer]=\"rowResizer\"\r\n        [enableResizing]=\"enableResizing\"\r\n        [newInlineEditMo]=\"newInlineEditMo\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (columnResized)=\"onColumnResized($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    >\r\n    </bsu-ui-table-view>\r\n</ng-template>\r\n", styles: [":host{display:flex;width:100%;height:100%;flex-direction:column}\n"] }]
         }], propDecorators: { showOkCancelButtons: [{
                 type: Input
             }] } });
@@ -11790,10 +11802,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\n    *ngIf=\"Setting.IconDisplayType !== 'Image' && !popupMode\"\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        [class.list-empty-item]=\"item.IsEmpty\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\n    </fd-option>\n</fd-select>\n<fd-popover\n    #popover\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"true\"\n    *ngIf=\"Setting.IconDisplayType === 'Image' || popupMode\"\n>\n    <fd-popover-control>\n        <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\n            <img *ngIf=\"value && value !== '0'\" [src]=\"value | comboRowImg: context.store.data.Rows\" />\n        </button>\n    </fd-popover-control>\n    <fd-popover-body class=\"combo-popupmode\">\n        <button\n            *ngFor=\"let item of context.store.data[context.store.root]\"\n            fd-button\n            fdType=\"transparent\"\n            [title]=\"item.txt\"\n            (click)=\"popover.close(); onValueChange(item.id)\"\n        >\n            <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n        </button>\n    </fd-popover-body>\n</fd-popover>\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\n    <ng-container *ngIf=\"Setting.IconDisplayType !== 'NoImage'\"\n        ><img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n    </ng-container>\n    <ng-container *ngIf=\"Setting.IconDisplayType !== 'Image'\">{{\n        item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\n    }}</ng-container>\n</ng-template>\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}fd-popover{margin:.25rem 0}\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.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: 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: 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" }, { kind: "pipe", type: i2.ComboRowImagePipe, name: "comboRowImg" }], 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\r\n    *ngIf=\"Setting.IconDisplayType !== 'Image' && !popupMode\"\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]\"\r\n        [value]=\"item.id\"\r\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n        [class.control-disabled]=\"item.IsEmpty\"\r\n        [class.list-empty-item]=\"item.IsEmpty\"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\r\n    </fd-option>\r\n</fd-select>\r\n<fd-popover\r\n    #popover\r\n    [focusTrapped]=\"true\"\r\n    [focusAutoCapture]=\"true\"\r\n    *ngIf=\"Setting.IconDisplayType === 'Image' || popupMode\"\r\n>\r\n    <fd-popover-control>\r\n        <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n            <img *ngIf=\"value && value !== '0'\" [src]=\"value | comboRowImg: context.store.data.Rows\" />\r\n        </button>\r\n    </fd-popover-control>\r\n    <fd-popover-body class=\"combo-popupmode\">\r\n        <button\r\n            *ngFor=\"let item of context.store.data[context.store.root]\"\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [title]=\"item.txt\"\r\n            (click)=\"popover.close(); onValueChange(item.id)\"\r\n        >\r\n            <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n        </button>\r\n    </fd-popover-body>\r\n</fd-popover>\r\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\r\n    <ng-container *ngIf=\"Setting.IconDisplayType !== 'NoImage'\"\r\n        ><img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n    </ng-container>\r\n    <ng-container *ngIf=\"Setting.IconDisplayType !== 'Image'\">{{\r\n        item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\r\n    }}</ng-container>\r\n</ng-template>\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}fd-popover{margin:.25rem 0}\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.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: 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: 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" }, { kind: "pipe", type: i2.ComboRowImagePipe, name: "comboRowImg" }], 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\n    *ngIf=\"Setting.IconDisplayType !== 'Image' && !popupMode\"\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        [class.list-empty-item]=\"item.IsEmpty\"\n    >\n        <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\n    </fd-option>\n</fd-select>\n<fd-popover\n    #popover\n    [focusTrapped]=\"true\"\n    [focusAutoCapture]=\"true\"\n    *ngIf=\"Setting.IconDisplayType === 'Image' || popupMode\"\n>\n    <fd-popover-control>\n        <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\n            <img *ngIf=\"value && value !== '0'\" [src]=\"value | comboRowImg: context.store.data.Rows\" />\n        </button>\n    </fd-popover-control>\n    <fd-popover-body class=\"combo-popupmode\">\n        <button\n            *ngFor=\"let item of context.store.data[context.store.root]\"\n            fd-button\n            fdType=\"transparent\"\n            [title]=\"item.txt\"\n            (click)=\"popover.close(); onValueChange(item.id)\"\n        >\n            <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n        </button>\n    </fd-popover-body>\n</fd-popover>\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\n    <ng-container *ngIf=\"Setting.IconDisplayType !== 'NoImage'\"\n        ><img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n    </ng-container>\n    <ng-container *ngIf=\"Setting.IconDisplayType !== 'Image'\">{{\n        item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\n    }}</ng-container>\n</ng-template>\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}fd-popover{margin:.25rem 0}\n"] }]
+            args: [{ selector: 'bsu-ui-simple-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-select\r\n    *ngIf=\"Setting.IconDisplayType !== 'Image' && !popupMode\"\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]\"\r\n        [value]=\"item.id\"\r\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n        [class.control-disabled]=\"item.IsEmpty\"\r\n        [class.list-empty-item]=\"item.IsEmpty\"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\r\n    </fd-option>\r\n</fd-select>\r\n<fd-popover\r\n    #popover\r\n    [focusTrapped]=\"true\"\r\n    [focusAutoCapture]=\"true\"\r\n    *ngIf=\"Setting.IconDisplayType === 'Image' || popupMode\"\r\n>\r\n    <fd-popover-control>\r\n        <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n            <img *ngIf=\"value && value !== '0'\" [src]=\"value | comboRowImg: context.store.data.Rows\" />\r\n        </button>\r\n    </fd-popover-control>\r\n    <fd-popover-body class=\"combo-popupmode\">\r\n        <button\r\n            *ngFor=\"let item of context.store.data[context.store.root]\"\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            [title]=\"item.txt\"\r\n            (click)=\"popover.close(); onValueChange(item.id)\"\r\n        >\r\n            <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n        </button>\r\n    </fd-popover-body>\r\n</fd-popover>\r\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\r\n    <ng-container *ngIf=\"Setting.IconDisplayType !== 'NoImage'\"\r\n        ><img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n    </ng-container>\r\n    <ng-container *ngIf=\"Setting.IconDisplayType !== 'Image'\">{{\r\n        item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\r\n    }}</ng-container>\r\n</ng-template>\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}fd-popover{margin:.25rem 0}\n"] }]
         }], propDecorators: { MinSize: [{
                 type: Input
             }] } });
@@ -11818,10 +11830,10 @@ class UiCheckBoxComponent extends DeviceInfoFieldBaseComponent {
     }
 }
 UiCheckBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiCheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiCheckBoxComponent, selector: "bsu-ui-check-box", inputs: { MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-checkbox\n    [id]=\"id\"\n    (change)=\"onValueChange()\"\n    [ngModel]=\"value\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n    [label]=\"!showText ? '' : layoutInfo.Caption\"\n>\n</fd-checkbox>\n", styles: [":host{width:100%;height:100%;display:flex}\n"], dependencies: [{ kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiCheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiCheckBoxComponent, selector: "bsu-ui-check-box", inputs: { MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-checkbox\r\n    [id]=\"id\"\r\n    (change)=\"onValueChange()\"\r\n    [ngModel]=\"value\"\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n    [label]=\"!showText ? '' : layoutInfo.Caption\"\r\n>\r\n</fd-checkbox>\r\n", styles: [":host{width:100%;height:100%;display:flex}\n"], dependencies: [{ kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiCheckBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-check-box', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-checkbox\n    [id]=\"id\"\n    (change)=\"onValueChange()\"\n    [ngModel]=\"value\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n    [label]=\"!showText ? '' : layoutInfo.Caption\"\n>\n</fd-checkbox>\n", styles: [":host{width:100%;height:100%;display:flex}\n"] }]
+            args: [{ selector: 'bsu-ui-check-box', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-checkbox\r\n    [id]=\"id\"\r\n    (change)=\"onValueChange()\"\r\n    [ngModel]=\"value\"\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n    [label]=\"!showText ? '' : layoutInfo.Caption\"\r\n>\r\n</fd-checkbox>\r\n", styles: [":host{width:100%;height:100%;display:flex}\n"] }]
         }], propDecorators: { MinSize: [{
                 type: Input
             }] } });
@@ -11836,10 +11848,10 @@ class UiSwitchButtonComponent extends UiCheckBoxComponent {
     }
 }
 UiSwitchButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiSwitchButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiSwitchButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiSwitchButtonComponent, selector: "bsu-ui-switch-button", usesInheritance: true, ngImport: i0, template: "<fd-switch\n    [activeText]=\"showText ? activeText : ''\"\n    [inactiveText]=\"showText ? inactiveText : ''\"\n    (change)=\"onValueChange()\"\n    [checked]=\"value\"\n    [semantic]=\"semantic\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n></fd-switch>\n", styles: [""], dependencies: [{ kind: "component", type: i1$5.SwitchComponent, selector: "fd-switch", inputs: ["activeText", "inactiveText", "disabled", "id", "name", "required", "checked", "semantic", "ariaLabel", "ariaLabelledby", "ariaLabelledBy", "semanticAcceptLabel", "semanticDeclineLabel"], outputs: ["checkedChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiSwitchButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiSwitchButtonComponent, selector: "bsu-ui-switch-button", usesInheritance: true, ngImport: i0, template: "<fd-switch\r\n    [activeText]=\"showText ? activeText : ''\"\r\n    [inactiveText]=\"showText ? inactiveText : ''\"\r\n    (change)=\"onValueChange()\"\r\n    [checked]=\"value\"\r\n    [semantic]=\"semantic\"\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n></fd-switch>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$5.SwitchComponent, selector: "fd-switch", inputs: ["activeText", "inactiveText", "disabled", "id", "name", "required", "checked", "semantic", "ariaLabel", "ariaLabelledby", "ariaLabelledBy", "semanticAcceptLabel", "semanticDeclineLabel"], outputs: ["checkedChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiSwitchButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-switch-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-switch\n    [activeText]=\"showText ? activeText : ''\"\n    [inactiveText]=\"showText ? inactiveText : ''\"\n    (change)=\"onValueChange()\"\n    [checked]=\"value\"\n    [semantic]=\"semantic\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n></fd-switch>\n" }]
+            args: [{ selector: 'bsu-ui-switch-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-switch\r\n    [activeText]=\"showText ? activeText : ''\"\r\n    [inactiveText]=\"showText ? inactiveText : ''\"\r\n    (change)=\"onValueChange()\"\r\n    [checked]=\"value\"\r\n    [semantic]=\"semantic\"\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n></fd-switch>\r\n" }]
         }] });
 
 class LyLayoutFieldLabelComponent {
@@ -12705,10 +12717,10 @@ class BarsaHorizontalFlexPanelComponent extends LayoutPanelBaseComponent {
     }
 }
 BarsaHorizontalFlexPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaHorizontalFlexPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaHorizontalFlexPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaHorizontalFlexPanelComponent, selector: "bsu-barsa-horizontal-flex-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<bsu-barsa-base-layout-panel\n    [layoutControls]=\"layoutControls\"\n    [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n    [isSearchPanel]=\"isSearchPanel\"\n    [config]=\"config\"\n    [style.gap]=\"parameters?.Gap\"\n></bsu-barsa-base-layout-panel>\n", styles: [":host bsu-barsa-base-layout-panel{display:flex;flex-direction:row-reverse;justify-content:start}:host bsu-barsa-base-layout-panel ::ng-deep .grid-col{padding:0!important}:host bsu-barsa-base-layout-panel ::ng-deep bnrc-dynamic-layout{display:none}\n"], dependencies: [{ kind: "component", type: BarsaBaseLayoutPanelComponent, selector: "bsu-barsa-base-layout-panel", inputs: ["layoutControls", "config", "maxLabelWidth", "isSearchPanel"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaHorizontalFlexPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaHorizontalFlexPanelComponent, selector: "bsu-barsa-horizontal-flex-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<bsu-barsa-base-layout-panel\r\n    [layoutControls]=\"layoutControls\"\r\n    [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n    [isSearchPanel]=\"isSearchPanel\"\r\n    [config]=\"config\"\r\n    [style.gap]=\"parameters?.Gap\"\r\n></bsu-barsa-base-layout-panel>\r\n", styles: [":host bsu-barsa-base-layout-panel{display:flex;flex-direction:row-reverse;justify-content:start}:host bsu-barsa-base-layout-panel ::ng-deep .grid-col{padding:0!important}:host bsu-barsa-base-layout-panel ::ng-deep bnrc-dynamic-layout{display:none}\n"], dependencies: [{ kind: "component", type: BarsaBaseLayoutPanelComponent, selector: "bsu-barsa-base-layout-panel", inputs: ["layoutControls", "config", "maxLabelWidth", "isSearchPanel"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaHorizontalFlexPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-horizontal-flex-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<bsu-barsa-base-layout-panel\n    [layoutControls]=\"layoutControls\"\n    [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n    [isSearchPanel]=\"isSearchPanel\"\n    [config]=\"config\"\n    [style.gap]=\"parameters?.Gap\"\n></bsu-barsa-base-layout-panel>\n", styles: [":host bsu-barsa-base-layout-panel{display:flex;flex-direction:row-reverse;justify-content:start}:host bsu-barsa-base-layout-panel ::ng-deep .grid-col{padding:0!important}:host bsu-barsa-base-layout-panel ::ng-deep bnrc-dynamic-layout{display:none}\n"] }]
+            args: [{ selector: 'bsu-barsa-horizontal-flex-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<bsu-barsa-base-layout-panel\r\n    [layoutControls]=\"layoutControls\"\r\n    [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n    [isSearchPanel]=\"isSearchPanel\"\r\n    [config]=\"config\"\r\n    [style.gap]=\"parameters?.Gap\"\r\n></bsu-barsa-base-layout-panel>\r\n", styles: [":host bsu-barsa-base-layout-panel{display:flex;flex-direction:row-reverse;justify-content:start}:host bsu-barsa-base-layout-panel ::ng-deep .grid-col{padding:0!important}:host bsu-barsa-base-layout-panel ::ng-deep bnrc-dynamic-layout{display:none}\n"] }]
         }] });
 
 class BarsaBarPanelComponent extends LayoutPanelBaseComponent {
@@ -12814,10 +12826,10 @@ class BarsaGridLayoutPanelComponent extends LayoutPanelBaseComponent {
     }
 }
 BarsaGridLayoutPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaGridLayoutPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaGridLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaGridLayoutPanelComponent, selector: "bsu-barsa-grid-layout-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<fd-card *ngIf=\"parameters?.CardMode; else layoutGridTpl\" [style.margin]=\"parameters?.Margin\">\n    <fd-card-content>\n        <ng-container *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: true }\"></ng-container>\n    </fd-card-content>\n</fd-card>\n<ng-template #layoutGridTpl let-cardMode>\n    <fd-layout-grid *ngIf=\"config\" [style.margin]=\"cardMode ? null : parameters?.Margin\">\n        <div fdLayoutGridRow>\n            <div\n                class=\"container\"\n                *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\n                [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n                [colMd]=\"gridCol.ColMd\"\n                [colLg]=\"gridCol.ColLg\"\n                [colXl]=\"gridCol.ColXl\"\n            >\n                <bnrc-dynamic-layout\n                    *ngIf=\"gridCol.$LayoutGroup\"\n                    [config]=\"gridCol.$LayoutGroup\"\n                    [selector]=\"'bsu-ly-layout-panel'\"\n                    [name]=\"'LyLayoutPanelComponent'\"\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                <!-- <bsu-ly-layout-panel [hideTitle]=\"true\" class=\"panel-inside-layout\"> </bsu-ly-layout-panel> -->\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}:host .container ::ng-deep>bsu-ly-layout-panel>fd-panel>.fd-panel>.fd-panel__content{padding:0}\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.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { 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: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaGridLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaGridLayoutPanelComponent, selector: "bsu-barsa-grid-layout-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<fd-card *ngIf=\"parameters?.CardMode; else layoutGridTpl\" [style.margin]=\"parameters?.Margin\">\r\n    <fd-card-content>\r\n        <ng-container *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: true }\"></ng-container>\r\n    </fd-card-content>\r\n</fd-card>\r\n<ng-template #layoutGridTpl let-cardMode>\r\n    <fd-layout-grid *ngIf=\"config\" [style.margin]=\"cardMode ? null : parameters?.Margin\">\r\n        <div fdLayoutGridRow>\r\n            <div\r\n                class=\"container\"\r\n                *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\r\n                [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\r\n                [colMd]=\"gridCol.ColMd\"\r\n                [colLg]=\"gridCol.ColLg\"\r\n                [colXl]=\"gridCol.ColXl\"\r\n            >\r\n                <bnrc-dynamic-layout\r\n                    *ngIf=\"gridCol.$LayoutGroup\"\r\n                    [config]=\"gridCol.$LayoutGroup\"\r\n                    [selector]=\"'bsu-ly-layout-panel'\"\r\n                    [name]=\"'LyLayoutPanelComponent'\"\r\n                    [module]=\"'BarsaSapUi'\"\r\n                    [moduleFileName]=\"'BarsaSapUi'\"\r\n                    [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n                    [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n                    [isSearchPanel]=\"isSearchPanel\"\r\n                >\r\n                </bnrc-dynamic-layout>\r\n                <!-- <bsu-ly-layout-panel [hideTitle]=\"true\" class=\"panel-inside-layout\"> </bsu-ly-layout-panel> -->\r\n            </div>\r\n        </div>\r\n    </fd-layout-grid>\r\n</ng-template>\r\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}:host .container ::ng-deep>bsu-ly-layout-panel>fd-panel>.fd-panel>.fd-panel__content{padding:0}\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.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { 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: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaGridLayoutPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-grid-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<fd-card *ngIf=\"parameters?.CardMode; else layoutGridTpl\" [style.margin]=\"parameters?.Margin\">\n    <fd-card-content>\n        <ng-container *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: true }\"></ng-container>\n    </fd-card-content>\n</fd-card>\n<ng-template #layoutGridTpl let-cardMode>\n    <fd-layout-grid *ngIf=\"config\" [style.margin]=\"cardMode ? null : parameters?.Margin\">\n        <div fdLayoutGridRow>\n            <div\n                class=\"container\"\n                *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\n                [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n                [colMd]=\"gridCol.ColMd\"\n                [colLg]=\"gridCol.ColLg\"\n                [colXl]=\"gridCol.ColXl\"\n            >\n                <bnrc-dynamic-layout\n                    *ngIf=\"gridCol.$LayoutGroup\"\n                    [config]=\"gridCol.$LayoutGroup\"\n                    [selector]=\"'bsu-ly-layout-panel'\"\n                    [name]=\"'LyLayoutPanelComponent'\"\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                <!-- <bsu-ly-layout-panel [hideTitle]=\"true\" class=\"panel-inside-layout\"> </bsu-ly-layout-panel> -->\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}:host .container ::ng-deep>bsu-ly-layout-panel>fd-panel>.fd-panel>.fd-panel__content{padding:0}\n"] }]
+            args: [{ selector: 'bsu-barsa-grid-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<fd-card *ngIf=\"parameters?.CardMode; else layoutGridTpl\" [style.margin]=\"parameters?.Margin\">\r\n    <fd-card-content>\r\n        <ng-container *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: true }\"></ng-container>\r\n    </fd-card-content>\r\n</fd-card>\r\n<ng-template #layoutGridTpl let-cardMode>\r\n    <fd-layout-grid *ngIf=\"config\" [style.margin]=\"cardMode ? null : parameters?.Margin\">\r\n        <div fdLayoutGridRow>\r\n            <div\r\n                class=\"container\"\r\n                *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\r\n                [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\r\n                [colMd]=\"gridCol.ColMd\"\r\n                [colLg]=\"gridCol.ColLg\"\r\n                [colXl]=\"gridCol.ColXl\"\r\n            >\r\n                <bnrc-dynamic-layout\r\n                    *ngIf=\"gridCol.$LayoutGroup\"\r\n                    [config]=\"gridCol.$LayoutGroup\"\r\n                    [selector]=\"'bsu-ly-layout-panel'\"\r\n                    [name]=\"'LyLayoutPanelComponent'\"\r\n                    [module]=\"'BarsaSapUi'\"\r\n                    [moduleFileName]=\"'BarsaSapUi'\"\r\n                    [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n                    [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n                    [isSearchPanel]=\"isSearchPanel\"\r\n                >\r\n                </bnrc-dynamic-layout>\r\n                <!-- <bsu-ly-layout-panel [hideTitle]=\"true\" class=\"panel-inside-layout\"> </bsu-ly-layout-panel> -->\r\n            </div>\r\n        </div>\r\n    </fd-layout-grid>\r\n</ng-template>\r\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}:host .container ::ng-deep>bsu-ly-layout-panel>fd-panel>.fd-panel>.fd-panel__content{padding:0}\n"] }]
         }] });
 
 class BarsaDynamicFieldComponent extends FieldBaseComponent {
@@ -13078,6 +13090,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Output
             }] } });
 
+class BarsaReportOneOfListComponent extends ReportViewBaseComponent {
+    constructor() {
+        super(...arguments);
+        this._dialogService = inject(DialogService);
+        this._router = inject(Router);
+        this._activatedRoute = inject(ActivatedRoute);
+        this.caption = '';
+        this.isMobile = getDeviceIsMobile();
+        this.customButtons = [];
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._mapMoListToRecords(this.moDataList);
+        this.customButtons = this.toolbarButtons.filter((tb) => tb && tb.Command && !tb.Command.IsBuiltin);
+    }
+    _mapMoListToRecords(molist) {
+        this.records = molist;
+        this.lastRecord = this.records[0];
+    }
+    onAdd(popover) {
+        popover === null || popover === void 0 ? void 0 : popover.close();
+        const addBtn = this.getNewButton;
+        if (addBtn) {
+            addBtn.handler(addBtn);
+        }
+    }
+    get getNewButton() {
+        return this.toolbarButtons.find((tb) => (tb === null || tb === void 0 ? void 0 : tb.itemId) === 'New');
+    }
+    open(popover, dialogTemplate) {
+        if (this.isMobile) {
+            const dialogConfig = {
+                mobile: true
+            };
+            this._dialogService.open(dialogTemplate, dialogConfig);
+        }
+        else {
+            popover.open();
+        }
+    }
+    close(popover, dialogRef) {
+        if (dialogRef) {
+            dialogRef.dismiss('Cancel');
+        }
+        else {
+            popover.close();
+        }
+    }
+    openInIndependentFormClicked() {
+        const queryParams = {
+            id: this.viewSetting.RelatedReport.Id
+        };
+        this._router.navigate([
+            'formfieldshow',
+            {
+                outlets: {
+                    main: ['fieldshow', Object.assign({}, queryParams)]
+                }
+            }
+        ], {
+            relativeTo: this._activatedRoute,
+            state: {},
+            queryParamsHandling: 'preserve',
+            skipLocationChange: false
+        });
+    }
+}
+BarsaReportOneOfListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaReportOneOfListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BarsaReportOneOfListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaReportOneOfListComponent, selector: "bsu-barsa-report-one-of-list", inputs: { disabled: "disabled" }, viewQueries: [{ propertyName: "_inputGroupRef", first: true, predicate: ["InputGroupRef"], descendants: true, static: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"relative\" #containerRef>\r\n    <input\r\n        fd-form-control\r\n        [readonly]=\"true\"\r\n        [ngModel]=\"viewSetting.DbColumnName | rval: lastRecord:allColumns:true\"\r\n        class=\"revert-readonly-bg\"\r\n    />\r\n    <div class=\"!absolute left-0 top-[0.1875rem] flex\">\r\n        <button\r\n            *ngIf=\"viewSetting.OpenInIndependentForm\"\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"popup-window\"\r\n            ariaLabel=\"Open in an independent form\"\r\n            title=\"Open in an independent form\"\r\n            (click)=\"openInIndependentFormClicked()\"\r\n        ></button>\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"list\"\r\n            ariaLabel=\"Show list\"\r\n            title=\"Show list\"\r\n            (click)=\"open(popover, dialogTemplate)\"\r\n        ></button>\r\n    </div>\r\n    <fd-popover\r\n        #popover\r\n        placement=\"bottom-end\"\r\n        [focusTrapped]=\"true\"\r\n        [focusAutoCapture]=\"true\"\r\n        [appendTo]=\"containerRef\"\r\n        class=\"!block\"\r\n    >\r\n        <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\r\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\r\n            <div fd-popover-body-footer>\r\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n            </div>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</div>\r\n<ng-template #middle>\r\n    <bsu-ulv-toolbar\r\n        [hideToolbar]=\"customButtons.length === 0\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"customButtons\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"isMobile ? title : ''\"\r\n        [access]=\"access\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [inDialog]=\"inDialog\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [inlineEditMode]=\"false\"\r\n        [allowInlineEdit]=\"false\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n    ></bsu-ulv-toolbar>\r\n    <bsu-ui-table-view\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [parentHeight]=\"parentHeight\"\r\n        [fullscreen]=\"fullscreen\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [rtl]=\"rtl\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [contextView]=\"contextView\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [hasInlineDeleteButton]=\"true\"\r\n        [hasInlineEditButton]=\"true\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [groupby]=\"groupby\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [columnWidth]=\"100 / columns.length\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [rowHoverable]=\"rowHoverable\"\r\n        [rowActivable]=\"rowActivable\"\r\n        [formSetting]=\"formSetting\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [reportId]=\"reportId\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [showOkCancelButtons]=\"showOkCancelButtons\"\r\n        [fitWidth]=\"false\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [newInlineEditMo]=\"newInlineEditMo\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    >\r\n    </bsu-ui-table-view>\r\n</ng-template>\r\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\r\n    <div fd-bar [barDesign]=\"'footer'\">\r\n        <div fd-bar-right>\r\n            <fd-button-bar\r\n                [label]=\"getNewButton?.text ?? ''\"\r\n                fdType=\"emphasized\"\r\n                (click)=\"onAdd(popover)\"\r\n                bodyClick\r\n                glyph=\"add\"\r\n            ></fd-button-bar>\r\n            <fd-button-bar\r\n                fdType=\"transparent\"\r\n                label=\"\u0628\u0633\u062A\u0646\"\r\n                (click)=\"close(popover, dialog)\"\r\n                ariaLabel=\"Close\"\r\n            ></fd-button-bar>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body class=\"!pt-0\">\r\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\r\n        </fd-dialog-body>\r\n        <fd-dialog-footer>\r\n            <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i3$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i2$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: 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: i7$2.PopoverBodyComponent, selector: "fd-popover-body" }, { 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: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "rowResizer", "enableResizing"] }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaReportOneOfListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-report-one-of-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative\" #containerRef>\r\n    <input\r\n        fd-form-control\r\n        [readonly]=\"true\"\r\n        [ngModel]=\"viewSetting.DbColumnName | rval: lastRecord:allColumns:true\"\r\n        class=\"revert-readonly-bg\"\r\n    />\r\n    <div class=\"!absolute left-0 top-[0.1875rem] flex\">\r\n        <button\r\n            *ngIf=\"viewSetting.OpenInIndependentForm\"\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"popup-window\"\r\n            ariaLabel=\"Open in an independent form\"\r\n            title=\"Open in an independent form\"\r\n            (click)=\"openInIndependentFormClicked()\"\r\n        ></button>\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"list\"\r\n            ariaLabel=\"Show list\"\r\n            title=\"Show list\"\r\n            (click)=\"open(popover, dialogTemplate)\"\r\n        ></button>\r\n    </div>\r\n    <fd-popover\r\n        #popover\r\n        placement=\"bottom-end\"\r\n        [focusTrapped]=\"true\"\r\n        [focusAutoCapture]=\"true\"\r\n        [appendTo]=\"containerRef\"\r\n        class=\"!block\"\r\n    >\r\n        <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\r\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\r\n            <div fd-popover-body-footer>\r\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n            </div>\r\n        </fd-popover-body>\r\n    </fd-popover>\r\n</div>\r\n<ng-template #middle>\r\n    <bsu-ulv-toolbar\r\n        [hideToolbar]=\"customButtons.length === 0\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [toolbarButtons]=\"customButtons\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [title]=\"isMobile ? title : ''\"\r\n        [access]=\"access\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [inDialog]=\"inDialog\"\r\n        [hasSelected]=\"hasSelected\"\r\n        [contentDensity]=\"contentDensity\"\r\n        [inlineEditMode]=\"false\"\r\n        [allowInlineEdit]=\"false\"\r\n        [moDataListCount]=\"moDataList.length\"\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n    ></bsu-ulv-toolbar>\r\n    <bsu-ui-table-view\r\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\r\n        [cartableTemplates]=\"cartableTemplates\"\r\n        [parentHeight]=\"parentHeight\"\r\n        [fullscreen]=\"fullscreen\"\r\n        [selectedMo]=\"selectedMo\"\r\n        [rtl]=\"rtl\"\r\n        [inDialog]=\"inDialog\"\r\n        [isMultiSelect]=\"isMultiSelect\"\r\n        [cartableChildsMo]=\"cartableChildsMo\"\r\n        [contextView]=\"contextView\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [allChecked]=\"allChecked\"\r\n        [moDataList]=\"moDataList\"\r\n        [access]=\"access\"\r\n        [hasInlineDeleteButton]=\"true\"\r\n        [hasInlineEditButton]=\"true\"\r\n        [toolbarButtons]=\"toolbarButtons\"\r\n        [groupby]=\"groupby\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [title]=\"title\"\r\n        [mobileOrTablet]=\"mobileOrTablet\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [popin]=\"popin\"\r\n        [secondaryColumns]=\"secondaryColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [columns]=\"columns\"\r\n        [columnWidth]=\"100 / columns.length\"\r\n        [columnsCount]=\"columnsCount\"\r\n        [rowHoverable]=\"rowHoverable\"\r\n        [rowActivable]=\"rowActivable\"\r\n        [formSetting]=\"formSetting\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [reportId]=\"reportId\"\r\n        [listEditViewId]=\"listEditViewId\"\r\n        [typeViewId]=\"typeViewId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [showOkCancelButtons]=\"showOkCancelButtons\"\r\n        [fitWidth]=\"false\"\r\n        [hasSummary]=\"hasSummary\"\r\n        [newInlineEditMo]=\"newInlineEditMo\"\r\n        (ulvCommandClick)=\"onUlvCommand($event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n    >\r\n    </bsu-ui-table-view>\r\n</ng-template>\r\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\r\n    <div fd-bar [barDesign]=\"'footer'\">\r\n        <div fd-bar-right>\r\n            <fd-button-bar\r\n                [label]=\"getNewButton?.text ?? ''\"\r\n                fdType=\"emphasized\"\r\n                (click)=\"onAdd(popover)\"\r\n                bodyClick\r\n                glyph=\"add\"\r\n            ></fd-button-bar>\r\n            <fd-button-bar\r\n                fdType=\"transparent\"\r\n                label=\"\u0628\u0633\u062A\u0646\"\r\n                (click)=\"close(popover, dialog)\"\r\n                ariaLabel=\"Close\"\r\n            ></fd-button-bar>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\r\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\r\n        </fd-dialog-header>\r\n        <fd-dialog-body class=\"!pt-0\">\r\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\r\n        </fd-dialog-body>\r\n        <fd-dialog-footer>\r\n            <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}\n"] }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], _inputGroupRef: [{
+                type: ViewChild,
+                args: ['InputGroupRef', { static: true }]
+            }], popover: [{
+                type: ViewChild,
+                args: ['popover', { static: true }]
+            }] } });
+
 class BarsaCardRowPayamComponent extends BaseViewItemPropsComponent {
     constructor() {
         super(...arguments);
@@ -13089,10 +13183,10 @@ class BarsaCardRowPayamComponent extends BaseViewItemPropsComponent {
     }
 }
 BarsaCardRowPayamComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCardRowPayamComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaCardRowPayamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCardRowPayamComponent, selector: "bsu-barsa-card-row-payam", usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"object\" class=\"docs-flex-item-margin\">\n    <fd-card-header (click)=\"hideContent = !hideContent\" bodyClick style=\"border-bottom: none\">\n        <fd-avatar\n            image=\"http://picsum.photos/id/1018/400\"\n            [circle]=\"true\"\n            size=\"s\"\n            ariaLabel=\"avatar image\"\n            title=\"avatar image\"\n        ></fd-avatar>\n        <h2 fd-card-title>\n            <div style=\"display: flex; column-gap: 1.275rem\">\n                <span>\u0645\u062D\u0645\u062F\u0631\u0636\u0627\u0645\u062D\u0645\u062F\u06CC</span>\n                <fd-object-attribute style=\"direction: ltr\">\u062E\u0648\u0627\u0646\u062F\u0647 \u062F\u0631: 1402/12/28 14:20 </fd-object-attribute>\n                <span fd-object-status status=\"negative\" label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\" aria-label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\"></span>\n            </div>\n            <div style=\"position: absolute; left: 1.2rem; top: 50%\"><fd-icon [glyph]=\"'attachment'\"></fd-icon></div>\n        </h2>\n\n        <h3 fd-card-subtitle>\n            <ng-container *ngIf=\"hideContent\">\n                <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container\n            ></ng-container>\n            <ng-container *ngIf=\"!hideContent\">\n                <ng-container *ngTemplateOutlet=\"toTpl\"></ng-container>\n            </ng-container>\n        </h3>\n        <span *ngIf=\"hideContent\" fd-card-counter><div style=\"direction: ltr\">1402/12/28 14:20</div> </span>\n        <span\n            *ngIf=\"!hideContent\"\n            fd-card-counter\n            ulvContextMenu\n            [menuItems]=\"contextMenuItems\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        ></span>\n    </fd-card-header>\n    <fd-card-content *ngIf=\"!hideContent\">\n        <ng-container *ngTemplateOutlet=\"attachmentsTpl\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n    </fd-card-content>\n</fd-card>\n\n<ng-template #contentTpl>\n    <div style=\"padding-top: 0.5rem; margin-top: 1rem; border-top: 1px solid #ccc\" [innerHtml]=\"content\"></div>\n</ng-template>\n\n<ng-template #toTpl>\n    <div>To: \u0645\u0646</div>\n    <div>Cc: \u0645\u0646</div>\n</ng-template>\n<ng-template #attachmentsTpl>\n    <div class=\"file-viewer-attachments\">\n        <ng-container *ngFor=\"let file of mo.F5.Files\">\n            <bsu-file-viewer-popover\n                *ngIf=\"!file.IsDeleted\"\n                [file]=\"file\"\n                [files]=\"mo.F5.Files\"\n                [deviceSize]=\"deviceSize\"\n                [canDownload]=\"true\"\n                [disableRemove]=\"true\"\n                [fdType]=\"'transparent'\"\n            ></bsu-file-viewer-popover>\n        </ng-container>\n    </div>\n    <ng-container *ngIf=\"mo.F5.Files.length > 1\">\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [label]=\"'Download' | bbbTranslate: 'All'\"\n            [glyph]=\"'download'\"\n            downloadFiles\n            [files]=\"mo.F5.Files\"\n        ></button>\n    </ng-container>\n</ng-template>\n", styles: [":host{display:block;width:100%;height:100%;padding-bottom:.5rem}\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.BodyClickDirective, selector: "[bodyClick]" }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$1.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "directive", type: i5$1.CardCounterDirective, selector: "[fd-card-counter]", inputs: ["status"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaCardRowPayamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCardRowPayamComponent, selector: "bsu-barsa-card-row-payam", usesInheritance: true, ngImport: i0, template: "<fd-card cardType=\"object\" class=\"docs-flex-item-margin\">\r\n    <fd-card-header (click)=\"hideContent = !hideContent\" bodyClick style=\"border-bottom: none\">\r\n        <fd-avatar\r\n            image=\"http://picsum.photos/id/1018/400\"\r\n            [circle]=\"true\"\r\n            size=\"s\"\r\n            ariaLabel=\"avatar image\"\r\n            title=\"avatar image\"\r\n        ></fd-avatar>\r\n        <h2 fd-card-title>\r\n            <div style=\"display: flex; column-gap: 1.275rem\">\r\n                <span>\u0645\u062D\u0645\u062F\u0631\u0636\u0627\u0645\u062D\u0645\u062F\u06CC</span>\r\n                <fd-object-attribute style=\"direction: ltr\">\u062E\u0648\u0627\u0646\u062F\u0647 \u062F\u0631: 1402/12/28 14:20 </fd-object-attribute>\r\n                <span fd-object-status status=\"negative\" label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\" aria-label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\"></span>\r\n            </div>\r\n            <div style=\"position: absolute; left: 1.2rem; top: 50%\"><fd-icon [glyph]=\"'attachment'\"></fd-icon></div>\r\n        </h2>\r\n\r\n        <h3 fd-card-subtitle>\r\n            <ng-container *ngIf=\"hideContent\">\r\n                <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container\r\n            ></ng-container>\r\n            <ng-container *ngIf=\"!hideContent\">\r\n                <ng-container *ngTemplateOutlet=\"toTpl\"></ng-container>\r\n            </ng-container>\r\n        </h3>\r\n        <span *ngIf=\"hideContent\" fd-card-counter><div style=\"direction: ltr\">1402/12/28 14:20</div> </span>\r\n        <span\r\n            *ngIf=\"!hideContent\"\r\n            fd-card-counter\r\n            ulvContextMenu\r\n            [menuItems]=\"contextMenuItems\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        ></span>\r\n    </fd-card-header>\r\n    <fd-card-content *ngIf=\"!hideContent\">\r\n        <ng-container *ngTemplateOutlet=\"attachmentsTpl\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n    </fd-card-content>\r\n</fd-card>\r\n\r\n<ng-template #contentTpl>\r\n    <div style=\"padding-top: 0.5rem; margin-top: 1rem; border-top: 1px solid #ccc\" [innerHtml]=\"content\"></div>\r\n</ng-template>\r\n\r\n<ng-template #toTpl>\r\n    <div>To: \u0645\u0646</div>\r\n    <div>Cc: \u0645\u0646</div>\r\n</ng-template>\r\n<ng-template #attachmentsTpl>\r\n    <div class=\"file-viewer-attachments\">\r\n        <ng-container *ngFor=\"let file of mo.F5.Files\">\r\n            <bsu-file-viewer-popover\r\n                *ngIf=\"!file.IsDeleted\"\r\n                [file]=\"file\"\r\n                [files]=\"mo.F5.Files\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [canDownload]=\"true\"\r\n                [disableRemove]=\"true\"\r\n                [fdType]=\"'transparent'\"\r\n            ></bsu-file-viewer-popover>\r\n        </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"mo.F5.Files.length > 1\">\r\n        <button\r\n            fd-button\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"'Download' | bbbTranslate: 'All'\"\r\n            [glyph]=\"'download'\"\r\n            downloadFiles\r\n            [files]=\"mo.F5.Files\"\r\n        ></button>\r\n    </ng-container>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;height:100%;padding-bottom:.5rem}\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.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "directive", type: i5$1.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "directive", type: i5$1.CardCounterDirective, selector: "[fd-card-counter]", inputs: ["status"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType"], outputs: ["remove"] }, { kind: "directive", type: DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCardRowPayamComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-card-row-payam', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card cardType=\"object\" class=\"docs-flex-item-margin\">\n    <fd-card-header (click)=\"hideContent = !hideContent\" bodyClick style=\"border-bottom: none\">\n        <fd-avatar\n            image=\"http://picsum.photos/id/1018/400\"\n            [circle]=\"true\"\n            size=\"s\"\n            ariaLabel=\"avatar image\"\n            title=\"avatar image\"\n        ></fd-avatar>\n        <h2 fd-card-title>\n            <div style=\"display: flex; column-gap: 1.275rem\">\n                <span>\u0645\u062D\u0645\u062F\u0631\u0636\u0627\u0645\u062D\u0645\u062F\u06CC</span>\n                <fd-object-attribute style=\"direction: ltr\">\u062E\u0648\u0627\u0646\u062F\u0647 \u062F\u0631: 1402/12/28 14:20 </fd-object-attribute>\n                <span fd-object-status status=\"negative\" label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\" aria-label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\"></span>\n            </div>\n            <div style=\"position: absolute; left: 1.2rem; top: 50%\"><fd-icon [glyph]=\"'attachment'\"></fd-icon></div>\n        </h2>\n\n        <h3 fd-card-subtitle>\n            <ng-container *ngIf=\"hideContent\">\n                <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container\n            ></ng-container>\n            <ng-container *ngIf=\"!hideContent\">\n                <ng-container *ngTemplateOutlet=\"toTpl\"></ng-container>\n            </ng-container>\n        </h3>\n        <span *ngIf=\"hideContent\" fd-card-counter><div style=\"direction: ltr\">1402/12/28 14:20</div> </span>\n        <span\n            *ngIf=\"!hideContent\"\n            fd-card-counter\n            ulvContextMenu\n            [menuItems]=\"contextMenuItems\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        ></span>\n    </fd-card-header>\n    <fd-card-content *ngIf=\"!hideContent\">\n        <ng-container *ngTemplateOutlet=\"attachmentsTpl\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n    </fd-card-content>\n</fd-card>\n\n<ng-template #contentTpl>\n    <div style=\"padding-top: 0.5rem; margin-top: 1rem; border-top: 1px solid #ccc\" [innerHtml]=\"content\"></div>\n</ng-template>\n\n<ng-template #toTpl>\n    <div>To: \u0645\u0646</div>\n    <div>Cc: \u0645\u0646</div>\n</ng-template>\n<ng-template #attachmentsTpl>\n    <div class=\"file-viewer-attachments\">\n        <ng-container *ngFor=\"let file of mo.F5.Files\">\n            <bsu-file-viewer-popover\n                *ngIf=\"!file.IsDeleted\"\n                [file]=\"file\"\n                [files]=\"mo.F5.Files\"\n                [deviceSize]=\"deviceSize\"\n                [canDownload]=\"true\"\n                [disableRemove]=\"true\"\n                [fdType]=\"'transparent'\"\n            ></bsu-file-viewer-popover>\n        </ng-container>\n    </div>\n    <ng-container *ngIf=\"mo.F5.Files.length > 1\">\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [label]=\"'Download' | bbbTranslate: 'All'\"\n            [glyph]=\"'download'\"\n            downloadFiles\n            [files]=\"mo.F5.Files\"\n        ></button>\n    </ng-container>\n</ng-template>\n", styles: [":host{display:block;width:100%;height:100%;padding-bottom:.5rem}\n"] }]
+            args: [{ selector: 'bsu-barsa-card-row-payam', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card cardType=\"object\" class=\"docs-flex-item-margin\">\r\n    <fd-card-header (click)=\"hideContent = !hideContent\" bodyClick style=\"border-bottom: none\">\r\n        <fd-avatar\r\n            image=\"http://picsum.photos/id/1018/400\"\r\n            [circle]=\"true\"\r\n            size=\"s\"\r\n            ariaLabel=\"avatar image\"\r\n            title=\"avatar image\"\r\n        ></fd-avatar>\r\n        <h2 fd-card-title>\r\n            <div style=\"display: flex; column-gap: 1.275rem\">\r\n                <span>\u0645\u062D\u0645\u062F\u0631\u0636\u0627\u0645\u062D\u0645\u062F\u06CC</span>\r\n                <fd-object-attribute style=\"direction: ltr\">\u062E\u0648\u0627\u0646\u062F\u0647 \u062F\u0631: 1402/12/28 14:20 </fd-object-attribute>\r\n                <span fd-object-status status=\"negative\" label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\" aria-label=\"\u062E\u06CC\u0644\u06CC \u0645\u0647\u0645\"></span>\r\n            </div>\r\n            <div style=\"position: absolute; left: 1.2rem; top: 50%\"><fd-icon [glyph]=\"'attachment'\"></fd-icon></div>\r\n        </h2>\r\n\r\n        <h3 fd-card-subtitle>\r\n            <ng-container *ngIf=\"hideContent\">\r\n                <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container\r\n            ></ng-container>\r\n            <ng-container *ngIf=\"!hideContent\">\r\n                <ng-container *ngTemplateOutlet=\"toTpl\"></ng-container>\r\n            </ng-container>\r\n        </h3>\r\n        <span *ngIf=\"hideContent\" fd-card-counter><div style=\"direction: ltr\">1402/12/28 14:20</div> </span>\r\n        <span\r\n            *ngIf=\"!hideContent\"\r\n            fd-card-counter\r\n            ulvContextMenu\r\n            [menuItems]=\"contextMenuItems\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        ></span>\r\n    </fd-card-header>\r\n    <fd-card-content *ngIf=\"!hideContent\">\r\n        <ng-container *ngTemplateOutlet=\"attachmentsTpl\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n    </fd-card-content>\r\n</fd-card>\r\n\r\n<ng-template #contentTpl>\r\n    <div style=\"padding-top: 0.5rem; margin-top: 1rem; border-top: 1px solid #ccc\" [innerHtml]=\"content\"></div>\r\n</ng-template>\r\n\r\n<ng-template #toTpl>\r\n    <div>To: \u0645\u0646</div>\r\n    <div>Cc: \u0645\u0646</div>\r\n</ng-template>\r\n<ng-template #attachmentsTpl>\r\n    <div class=\"file-viewer-attachments\">\r\n        <ng-container *ngFor=\"let file of mo.F5.Files\">\r\n            <bsu-file-viewer-popover\r\n                *ngIf=\"!file.IsDeleted\"\r\n                [file]=\"file\"\r\n                [files]=\"mo.F5.Files\"\r\n                [deviceSize]=\"deviceSize\"\r\n                [canDownload]=\"true\"\r\n                [disableRemove]=\"true\"\r\n                [fdType]=\"'transparent'\"\r\n            ></bsu-file-viewer-popover>\r\n        </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"mo.F5.Files.length > 1\">\r\n        <button\r\n            fd-button\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"'Download' | bbbTranslate: 'All'\"\r\n            [glyph]=\"'download'\"\r\n            downloadFiles\r\n            [files]=\"mo.F5.Files\"\r\n        ></button>\r\n    </ng-container>\r\n</ng-template>\r\n", styles: [":host{display:block;width:100%;height:100%;padding-bottom:.5rem}\n"] }]
         }] });
 
 class BarsaCustomInlineEditRowComponent extends BaseViewItemPropsComponent {
@@ -13111,19 +13205,19 @@ class BarsaCustomInlineEditRowComponent extends BaseViewItemPropsComponent {
     }
 }
 BarsaCustomInlineEditRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCustomInlineEditRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaCustomInlineEditRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCustomInlineEditRowComponent, selector: "bsu-barsa-custom-inline-edit-row", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<bnrc-form [params]=\"params\"></bnrc-form>\n", styles: [":host{display:flex}:host ::ng-deep bsu-layout-control{flex:none!important;width:auto!important}:host ::ng-deep bsu-layout-control label{width:max-content}:host ::ng-deep bsu-ly-layout-container-of-root{padding:0}\n"], dependencies: [{ kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaCustomInlineEditRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCustomInlineEditRowComponent, selector: "bsu-barsa-custom-inline-edit-row", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<bnrc-form [params]=\"params\"></bnrc-form>\r\n", styles: [":host{display:flex}:host ::ng-deep bsu-layout-control{flex:none!important;width:auto!important}:host ::ng-deep bsu-layout-control label{width:max-content}:host ::ng-deep bsu-ly-layout-container-of-root{padding:0}\n"], dependencies: [{ kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCustomInlineEditRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-custom-inline-edit-row', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<bnrc-form [params]=\"params\"></bnrc-form>\n", styles: [":host{display:flex}:host ::ng-deep bsu-layout-control{flex:none!important;width:auto!important}:host ::ng-deep bsu-layout-control label{width:max-content}:host ::ng-deep bsu-ly-layout-container-of-root{padding:0}\n"] }]
+            args: [{ selector: 'bsu-barsa-custom-inline-edit-row', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<bnrc-form [params]=\"params\"></bnrc-form>\r\n", styles: [":host{display:flex}:host ::ng-deep bsu-layout-control{flex:none!important;width:auto!important}:host ::ng-deep bsu-layout-control label{width:max-content}:host ::ng-deep bsu-ly-layout-container-of-root{padding:0}\n"] }]
         }] });
 
 class BarsaCustomInlineEditComponent extends ReportViewBaseComponent {
 }
 BarsaCustomInlineEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCustomInlineEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaCustomInlineEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCustomInlineEditComponent, selector: "bsu-barsa-custom-inline-edit", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let mo of moDataList; let index = index; trackBy: _trackByRow; let odd = odd\">\n    <div style=\"display: flex; align-items: center\" [style.background-color]=\"odd ? null : 'var(--sapBaseColor)'\">\n        <bsu-barsa-custom-inline-edit-row\n            [mo]=\"mo\"\n            [moDataList]=\"moDataList\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [hideOpenIcon]=\"hideOpenIcon\"\n            [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n            [isChecked]=\"true\"\n            [visibility]=\"mo.$Visibility\"\n            [expanded]=\"mo.$Expanded\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [level]=\"mo.$Level\"\n            [parentExpanded]=\"mo.$Parent?.$Expanded\"\n            [moDataListCount]=\"moDataList.length\"\n            [columnsCount]=\"columnsCount.length\"\n            [typeDefId]=\"typeDefId\"\n            [extraRelation]=\"extraRelation\"\n            [formSetting]=\"formSetting\"\n            [index]=\"index\"\n            [setting]=\"viewSetting\"\n            [columns]=\"columns\"\n            [isNewInlineMo]=\"mo.$NewInlineMo\"\n            [access]=\"access\"\n            [inlineEditMode]=\"true\"\n            [allowInlineEdit]=\"true\"\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            (deselectAll)=\"onDeselectAll()\"\n            (rowClick)=\"onRowClick($event)\"\n            (ulvCommand)=\"onUlvCommand($event)\"\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n            (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n            (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        >\n        </bsu-barsa-custom-inline-edit-row>\n\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"delete\"\n            (click)=\"rowCheck.emit({mo, index}); contextMenuItems[0].handler(contextMenuItems[0])\"\n        ></button>\n    </div>\n</ng-container>\n<div style=\"margin-top: 0.5rem\">\n    <button fd-button (click)=\"createNewMo.emit()\">\u0627\u0641\u0632\u0648\u062F\u0646</button>\n</div>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: BarsaCustomInlineEditRowComponent, selector: "bsu-barsa-custom-inline-edit-row" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaCustomInlineEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCustomInlineEditComponent, selector: "bsu-barsa-custom-inline-edit", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let mo of moDataList; let index = index; trackBy: _trackByRow; let odd = odd\">\r\n    <div style=\"display: flex; align-items: center\" [style.background-color]=\"odd ? null : 'var(--sapBaseColor)'\">\r\n        <bsu-barsa-custom-inline-edit-row\r\n            [mo]=\"mo\"\r\n            [moDataList]=\"moDataList\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [hideOpenIcon]=\"hideOpenIcon\"\r\n            [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n            [isChecked]=\"true\"\r\n            [visibility]=\"mo.$Visibility\"\r\n            [expanded]=\"mo.$Expanded\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [level]=\"mo.$Level\"\r\n            [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [columnsCount]=\"columnsCount.length\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [extraRelation]=\"extraRelation\"\r\n            [formSetting]=\"formSetting\"\r\n            [index]=\"index\"\r\n            [setting]=\"viewSetting\"\r\n            [columns]=\"columns\"\r\n            [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n            [access]=\"access\"\r\n            [inlineEditMode]=\"true\"\r\n            [allowInlineEdit]=\"true\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [allColumns]=\"allColumns\"\r\n            [contextMenuItems]=\"contextMenuItems\"\r\n            [canView]=\"canView\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [navigationArrow]=\"navigationArrow\"\r\n            [isCheckList]=\"isCheckList\"\r\n            (rowCheck)=\"onRowCheck($event)\"\r\n            (deselectAll)=\"onDeselectAll()\"\r\n            (rowClick)=\"onRowClick($event)\"\r\n            (ulvCommand)=\"onUlvCommand($event)\"\r\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n            (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n            (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        >\r\n        </bsu-barsa-custom-inline-edit-row>\r\n\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"delete\"\r\n            (click)=\"rowCheck.emit({mo, index}); contextMenuItems[0].handler(contextMenuItems[0])\"\r\n        ></button>\r\n    </div>\r\n</ng-container>\r\n<div style=\"margin-top: 0.5rem\">\r\n    <button fd-button (click)=\"createNewMo.emit()\">\u0627\u0641\u0632\u0648\u062F\u0646</button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: BarsaCustomInlineEditRowComponent, selector: "bsu-barsa-custom-inline-edit-row" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCustomInlineEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-custom-inline-edit', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngFor=\"let mo of moDataList; let index = index; trackBy: _trackByRow; let odd = odd\">\n    <div style=\"display: flex; align-items: center\" [style.background-color]=\"odd ? null : 'var(--sapBaseColor)'\">\n        <bsu-barsa-custom-inline-edit-row\n            [mo]=\"mo\"\n            [moDataList]=\"moDataList\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [hideOpenIcon]=\"hideOpenIcon\"\n            [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n            [isChecked]=\"true\"\n            [visibility]=\"mo.$Visibility\"\n            [expanded]=\"mo.$Expanded\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [level]=\"mo.$Level\"\n            [parentExpanded]=\"mo.$Parent?.$Expanded\"\n            [moDataListCount]=\"moDataList.length\"\n            [columnsCount]=\"columnsCount.length\"\n            [typeDefId]=\"typeDefId\"\n            [extraRelation]=\"extraRelation\"\n            [formSetting]=\"formSetting\"\n            [index]=\"index\"\n            [setting]=\"viewSetting\"\n            [columns]=\"columns\"\n            [isNewInlineMo]=\"mo.$NewInlineMo\"\n            [access]=\"access\"\n            [inlineEditMode]=\"true\"\n            [allowInlineEdit]=\"true\"\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            (deselectAll)=\"onDeselectAll()\"\n            (rowClick)=\"onRowClick($event)\"\n            (ulvCommand)=\"onUlvCommand($event)\"\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n            (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n            (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        >\n        </bsu-barsa-custom-inline-edit-row>\n\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"delete\"\n            (click)=\"rowCheck.emit({mo, index}); contextMenuItems[0].handler(contextMenuItems[0])\"\n        ></button>\n    </div>\n</ng-container>\n<div style=\"margin-top: 0.5rem\">\n    <button fd-button (click)=\"createNewMo.emit()\">\u0627\u0641\u0632\u0648\u062F\u0646</button>\n</div>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
+            args: [{ selector: 'bsu-barsa-custom-inline-edit', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngFor=\"let mo of moDataList; let index = index; trackBy: _trackByRow; let odd = odd\">\r\n    <div style=\"display: flex; align-items: center\" [style.background-color]=\"odd ? null : 'var(--sapBaseColor)'\">\r\n        <bsu-barsa-custom-inline-edit-row\r\n            [mo]=\"mo\"\r\n            [moDataList]=\"moDataList\"\r\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n            [hideOpenIcon]=\"hideOpenIcon\"\r\n            [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n            [isChecked]=\"true\"\r\n            [visibility]=\"mo.$Visibility\"\r\n            [expanded]=\"mo.$Expanded\"\r\n            [styleIndex]=\"mo.$StyleIndex\"\r\n            [level]=\"mo.$Level\"\r\n            [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n            [moDataListCount]=\"moDataList.length\"\r\n            [columnsCount]=\"columnsCount.length\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [extraRelation]=\"extraRelation\"\r\n            [formSetting]=\"formSetting\"\r\n            [index]=\"index\"\r\n            [setting]=\"viewSetting\"\r\n            [columns]=\"columns\"\r\n            [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n            [access]=\"access\"\r\n            [inlineEditMode]=\"true\"\r\n            [allowInlineEdit]=\"true\"\r\n            [rtl]=\"rtl\"\r\n            [deviceName]=\"deviceName\"\r\n            [deviceSize]=\"deviceSize\"\r\n            [allColumns]=\"allColumns\"\r\n            [contextMenuItems]=\"contextMenuItems\"\r\n            [canView]=\"canView\"\r\n            [conditionalFormats]=\"conditionalFormats\"\r\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n            [navigationArrow]=\"navigationArrow\"\r\n            [isCheckList]=\"isCheckList\"\r\n            (rowCheck)=\"onRowCheck($event)\"\r\n            (deselectAll)=\"onDeselectAll()\"\r\n            (rowClick)=\"onRowClick($event)\"\r\n            (ulvCommand)=\"onUlvCommand($event)\"\r\n            (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n            (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n            (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        >\r\n        </bsu-barsa-custom-inline-edit-row>\r\n\r\n        <button\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"delete\"\r\n            (click)=\"rowCheck.emit({mo, index}); contextMenuItems[0].handler(contextMenuItems[0])\"\r\n        ></button>\r\n    </div>\r\n</ng-container>\r\n<div style=\"margin-top: 0.5rem\">\r\n    <button fd-button (click)=\"createNewMo.emit()\">\u0627\u0641\u0632\u0648\u062F\u0646</button>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
         }] });
 
 const components = [
@@ -13304,6 +13398,7 @@ const components = [
     UiMultiSelectSmileComponent,
     BarsaReportCheckboxSwitchButtonComponent,
     BarsaColumnRowNumberComponent,
+    BarsaReportOneOfListComponent,
     BarsaCardRowPayamComponent,
     BarsaCustomInlineEditComponent,
     BarsaCustomInlineEditRowComponent
@@ -13334,15 +13429,15 @@ const INIT_SAPFIORI = (rtlService, contentDensityService, themeService, portalSe
     if (BarsaApi.LoginFormData.Culture === 'en-US') {
         fontFamily = 'IRANSansWeb';
     }
-    const css = `* {
-    --fdDynamicPage_Title_Font_Family: '${fontFamily}';
-    --sapFontFamily: '${fontFamily}';
-    --fdWizard_Label_Font_Family: '${fontFamily}';
-    --sapFontLightFamily: '${fontFamily}';
-    --sapFontHeaderFamily: '${fontFamily}';
-    --_ui5_input_compact_height: 1.625rem;
-    --sapFontSize: 0.885rem;
-    /* --sapContent_HeaderShadow: none; */
+    const css = `* {
+    --fdDynamicPage_Title_Font_Family: '${fontFamily}';
+    --sapFontFamily: '${fontFamily}';
+    --fdWizard_Label_Font_Family: '${fontFamily}';
+    --sapFontLightFamily: '${fontFamily}';
+    --sapFontHeaderFamily: '${fontFamily}';
+    --_ui5_input_compact_height: 1.625rem;
+    --sapFontSize: 0.885rem;
+    /* --sapContent_HeaderShadow: none; */
 }`, head = document.head || document.getElementsByTagName('head')[0], style = document.createElement('style');
     head.appendChild(style);
     style.type = 'text/css';
@@ -13543,7 +13638,7 @@ class BarsaSapUiModule extends BaseModule {
     }
 }
 BarsaSapUiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiModule, deps: [{ token: i2.DynamicComponentService }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.NgModule });
-BarsaSapUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiModule, declarations: [UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, HeaderFacetKeyValueComponent, HeaderFacetFormComponent, HeaderFacetRateComponent, HeaderFacetProgressComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective], imports: [CommonModule,
+BarsaSapUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiModule, declarations: [UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, HeaderFacetKeyValueComponent, HeaderFacetFormComponent, HeaderFacetRateComponent, HeaderFacetProgressComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaReportOneOfListComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         BarsaNovinRayCoreModule,
@@ -13559,7 +13654,7 @@ BarsaSapUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         BarsaCalendarModule,
         BarsaSapUiRoutingModule,
         PdfJsViewerModule,
-        ResizableModule, i1$1.ContentDensityModule], exports: [UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, HeaderFacetKeyValueComponent, HeaderFacetFormComponent, HeaderFacetRateComponent, HeaderFacetProgressComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe] });
+        ResizableModule, i1$1.ContentDensityModule], exports: [UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, HeaderFacetKeyValueComponent, HeaderFacetFormComponent, HeaderFacetRateComponent, HeaderFacetProgressComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaReportOneOfListComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe] });
 BarsaSapUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiModule, providers: [{ provide: DIALOG_SERVICE, useClass: DialogService }], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
@@ -13620,5 +13715,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ApplyConditionalFormatsDirective, BarsaAspViewerComponent, BarsaBarPanelComponent, BarsaBaseLayoutPanelComponent, BarsaCardLayoutPanelComponent, BarsaCardRowPayamComponent, BarsaCartableFormComponent, BarsaCartableGroupComponent, BarsaCartableTemplateComponent, BarsaColumnIndicatorComponent, BarsaColumnRowNumberComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaDateTimePickerComponent, BarsaDynamicFieldComponent, BarsaEnumMenuButtonComponent, BarsaFieldKeyValueComponent, BarsaFormSideContentComponent, BarsaGridLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaLinkableItemsPanelComponent, BarsaListFileLinearComponent, BarsaListFileLinearGmailComponent, BarsaListLayoutPanelComponent, BarsaMonacoEditorComponent, BarsaNetworkOfflineComponent, BarsaPishnamayeshPayamComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaSapUiModule, BarsaSapUiRoutingModule, BarsaSearchFormComponent, BarsaSimpleFormComponent, BarsaTableColumnComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTextEllipsisComponent, BarsaTinyemceComponent, BarsaToolbaritemSearchComponent, BarsaTreeItemComponent, BarsaUlvMainComponent, BlobViewerComponent, BreadcrumbComponent, CaptchaFieldComponent, CardItemComponent, CardViewContentComponent, ColRendererDirective, ColumnMatrixRendererComponent, ColumnRendererComponent, CustomDateTimeComponent, DeviceInfoFieldBaseComponent, DialogHandlerDirective, DownloadFilesDirective, DynamicPageSizePipe, FileInDialogComponent, FileViewerComponent, FileViewerContentComponent, FileViewerPopoverComponent, FormDialogComponent, FormDialogLessComponent, FormToolbarButtonComponent, FormToolbarComponent, FormWizardComponent, FullscreenDialogDirective, FullscreenFilesDirective, FundamentalDynamicFormComponent, GanttDhtmlChartViewComponent, GetFormLayoutGrid, GlobalSearchComponent, GlobalSearchModuleComponent, GlobalSearchPanelComponent, HeaderAvatarComponent, HeaderFacetFormComponent, HeaderFacetKeyValueComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, HeaderFacetProgressComponent, HeaderFacetRateComponent, HtreeCreateNewComponent, HyperlinkComponent, IconBusinessSuite, IconTNT, InlineSaveAndCancelComponent, LayoutActionsComponent, LayoutControlComponent, LayoutWizardComponent, ListItemComponent, LyEmptySpaceComponent, LyHorizontalLayoutComponent, LyLabelComponent, LyLayoutContainerComponent, LyLayoutContainerOfRootComponent, LyLayoutFieldLabelComponent, LyLayoutPanelComponent, LyLineComponent, LySimpleLabelComponent, LyTabContainerComponent, LyTabPageComponent, LyVerticalLayoutComponent, ManageFiltersReportComponent, MaskComponent, MatrixValuePipe, MessageStripComponent, NoDataComponent, NodeHasOneDepthLevelPipe, NotificationItemComponent, ProgressIndicatorComponent, ReportNavigatorComponent, ReportNewTopFormComponent, ReportSearchFieldsHiddenSettingsComponent, ReportSearchFieldsManageComponent, ReportSearchPanelSaveComponent, ReportViewRendererDirective, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, RichTextStaticComponent, SapFontClassPipe, SapFontPipe, SapSizePipe, SapUiReportBaseComponent, SearchPanelComponent, StaticTextComponent, StringToArrayPipe, TitleComponent, UiAspReportViewerComponent, UiButtonComponent, UiCalendarComponent, UiCardViewComponent, UiCardViewHorizontalGroupComponent, UiCheckBoxComponent, UiColorUiComponent, UiContainerWithButtonComponent, UiDateRangeExComponent, UiDateTimeComponent, UiEditableGridComponent, UiExceptionFormComponent, UiFileLinearListBoxComponent, UiFormPanelComponent, UiGanttChartComponent, UiGraphComponent, UiGridColumnsComponent, UiGridComponent, UiGridFilterItemComponent, UiGridFilterSettingsComponent, UiGridSortItemComponent, UiGridSortSettingComponent, UiHtmlViewerComponent, UiInfoBarPanelComponent, UiLabelComponent, UiLinearListContainerWithButtonComponent, UiListViewComponent, UiMatrixViewComponent, UiMoInfoComboViewerComponent, UiMoInfoGeneralObjectUiComponent, UiMoInfoSubFormUiComponent, UiMoInfoUlvComboComponent, UiMonacoEditorComponent, UiMultiSelectCardComponent, UiMultiSelectCheckboxComponent, UiMultiSelectComboComponent, UiMultiSelectRadioComponent, UiMultiSelectSliderComponent, UiMultiSelectSmileComponent, UiNumDecimalUiComponent, UiNumIntSliderComponent, UiNumIntUiComponent, UiPdfViewerComponent, UiPictureFileComponent, UiPicturesInfoComponent, UiRadioGroupComponent, UiReadOnlyFieldComponent, UiReportContainerComponent, UiSearchCommandInfoUiComponent, UiSimpleComboComponent, UiSinglePictureComponent, UiSwitchButtonComponent, UiTableViewComponent, UiTextAreaComponent, UiTextFieldAutoCompleteComponent, UiTextFieldComponent, UiTimeSpanComponent, UiTinymceComponent, UiTreeComponent, UiTreeViewComponent, UiUlvFormMultiSelectUiComponent, UiUlvMainUiComponent, UiWorkflowPanelUiComponent, UlLoadingMaskUiComponent, UlMsgBoxAdapterComponent, UlNotifyPopupComponent, UlToastAdapterComponent, UlvColumnSettingsComponent, UlvContextMenuComponent, UlvFilterSettingsComponent, UlvFormMultiSelectComponent, UlvGroupbySettingsComponent, UlvPagingComponent, UlvSelectionComponent, UlvSettingsComponent, UlvSortSettingsComponent, UlvToolbarComponent, UploadFileStatusPipe, WidthTypeEnum, WizardLayoutDirective, _trimEnd, getNestedValue, insertAvatar, sort$1 as sort };
+export { ApplyConditionalFormatsDirective, BarsaAspViewerComponent, BarsaBarPanelComponent, BarsaBaseLayoutPanelComponent, BarsaCardLayoutPanelComponent, BarsaCardRowPayamComponent, BarsaCartableFormComponent, BarsaCartableGroupComponent, BarsaCartableTemplateComponent, BarsaColumnIndicatorComponent, BarsaColumnRowNumberComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaDateTimePickerComponent, BarsaDynamicFieldComponent, BarsaEnumMenuButtonComponent, BarsaFieldKeyValueComponent, BarsaFormSideContentComponent, BarsaGridLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaLinkableItemsPanelComponent, BarsaListFileLinearComponent, BarsaListFileLinearGmailComponent, BarsaListLayoutPanelComponent, BarsaMonacoEditorComponent, BarsaNetworkOfflineComponent, BarsaPishnamayeshPayamComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaReportOneOfListComponent, BarsaSapUiModule, BarsaSapUiRoutingModule, BarsaSearchFormComponent, BarsaSimpleFormComponent, BarsaTableColumnComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTextEllipsisComponent, BarsaTinyemceComponent, BarsaToolbaritemSearchComponent, BarsaTreeItemComponent, BarsaUlvMainComponent, BlobViewerComponent, BreadcrumbComponent, CaptchaFieldComponent, CardItemComponent, CardViewContentComponent, ColRendererDirective, ColumnMatrixRendererComponent, ColumnRendererComponent, CustomDateTimeComponent, DeviceInfoFieldBaseComponent, DialogHandlerDirective, DownloadFilesDirective, DynamicPageSizePipe, FileInDialogComponent, FileViewerComponent, FileViewerContentComponent, FileViewerPopoverComponent, FormDialogComponent, FormDialogLessComponent, FormToolbarButtonComponent, FormToolbarComponent, FormWizardComponent, FullscreenDialogDirective, FullscreenFilesDirective, FundamentalDynamicFormComponent, GanttDhtmlChartViewComponent, GetFormLayoutGrid, GlobalSearchComponent, GlobalSearchModuleComponent, GlobalSearchPanelComponent, HeaderAvatarComponent, HeaderFacetFormComponent, HeaderFacetKeyValueComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, HeaderFacetProgressComponent, HeaderFacetRateComponent, HtreeCreateNewComponent, HyperlinkComponent, IconBusinessSuite, IconTNT, InlineSaveAndCancelComponent, LayoutActionsComponent, LayoutControlComponent, LayoutWizardComponent, ListItemComponent, LyEmptySpaceComponent, LyHorizontalLayoutComponent, LyLabelComponent, LyLayoutContainerComponent, LyLayoutContainerOfRootComponent, LyLayoutFieldLabelComponent, LyLayoutPanelComponent, LyLineComponent, LySimpleLabelComponent, LyTabContainerComponent, LyTabPageComponent, LyVerticalLayoutComponent, ManageFiltersReportComponent, MaskComponent, MatrixValuePipe, MessageStripComponent, NoDataComponent, NodeHasOneDepthLevelPipe, NotificationItemComponent, ProgressIndicatorComponent, ReportNavigatorComponent, ReportNewTopFormComponent, ReportSearchFieldsHiddenSettingsComponent, ReportSearchFieldsManageComponent, ReportSearchPanelSaveComponent, ReportViewRendererDirective, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, RichTextStaticComponent, SapFontClassPipe, SapFontPipe, SapSizePipe, SapUiReportBaseComponent, SearchPanelComponent, StaticTextComponent, StringToArrayPipe, TitleComponent, UiAspReportViewerComponent, UiButtonComponent, UiCalendarComponent, UiCardViewComponent, UiCardViewHorizontalGroupComponent, UiCheckBoxComponent, UiColorUiComponent, UiContainerWithButtonComponent, UiDateRangeExComponent, UiDateTimeComponent, UiEditableGridComponent, UiExceptionFormComponent, UiFileLinearListBoxComponent, UiFormPanelComponent, UiGanttChartComponent, UiGraphComponent, UiGridColumnsComponent, UiGridComponent, UiGridFilterItemComponent, UiGridFilterSettingsComponent, UiGridSortItemComponent, UiGridSortSettingComponent, UiHtmlViewerComponent, UiInfoBarPanelComponent, UiLabelComponent, UiLinearListContainerWithButtonComponent, UiListViewComponent, UiMatrixViewComponent, UiMoInfoComboViewerComponent, UiMoInfoGeneralObjectUiComponent, UiMoInfoSubFormUiComponent, UiMoInfoUlvComboComponent, UiMonacoEditorComponent, UiMultiSelectCardComponent, UiMultiSelectCheckboxComponent, UiMultiSelectComboComponent, UiMultiSelectRadioComponent, UiMultiSelectSliderComponent, UiMultiSelectSmileComponent, UiNumDecimalUiComponent, UiNumIntSliderComponent, UiNumIntUiComponent, UiPdfViewerComponent, UiPictureFileComponent, UiPicturesInfoComponent, UiRadioGroupComponent, UiReadOnlyFieldComponent, UiReportContainerComponent, UiSearchCommandInfoUiComponent, UiSimpleComboComponent, UiSinglePictureComponent, UiSwitchButtonComponent, UiTableViewComponent, UiTextAreaComponent, UiTextFieldAutoCompleteComponent, UiTextFieldComponent, UiTimeSpanComponent, UiTinymceComponent, UiTreeComponent, UiTreeViewComponent, UiUlvFormMultiSelectUiComponent, UiUlvMainUiComponent, UiWorkflowPanelUiComponent, UlLoadingMaskUiComponent, UlMsgBoxAdapterComponent, UlNotifyPopupComponent, UlToastAdapterComponent, UlvColumnSettingsComponent, UlvContextMenuComponent, UlvFilterSettingsComponent, UlvFormMultiSelectComponent, UlvGroupbySettingsComponent, UlvPagingComponent, UlvSelectionComponent, UlvSettingsComponent, UlvSortSettingsComponent, UlvToolbarComponent, UploadFileStatusPipe, WidthTypeEnum, WizardLayoutDirective, _trimEnd, getNestedValue, insertAvatar, sort$1 as sort };
 //# sourceMappingURL=barsa-sap-ui.mjs.map