barsa-sap-ui 1.0.396 → 1.0.398

package/fesm2015/barsa-sap-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, ElementRef, ViewChild, HostBinding, EventEmitter, Output, ViewEncapsulation, ViewChildren, Inject, Optional, Self, TemplateRef, HostListener, Pipe, Directive, ViewContainerRef, SkipSelf, NgModule, Injectable, APP_INITIALIZER, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, Pipe, ElementRef, ViewChild, HostBinding, EventEmitter, Output, ViewEncapsulation, ViewChildren, Inject, Optional, Self, TemplateRef, HostListener, Directive, ViewContainerRef, SkipSelf, NgModule, Injectable, APP_INITIALIZER, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i2 from 'barsa-novin-ray-core';
 import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, LayoutService, SortDirection, BaseUlvSettingComponent, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, SelectionMode, GetAllColumnsSorted, measureText, getParentHeight, getControlSizeMode, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, BaseViewItemPropsComponent, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, BaseColumnPropsComponent, ColumnService, TableHeaderWidthMode, setColumnWidthByMaxMoContentWidth, calculateWidthOfListColumn, DateRanges, LogService, UlvMainService, isFunction, UploadService, FilesValidationHelper, getValidExtension, getImagePath, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, getFieldValue, ContainerComponent, FORM_DIALOG_COMPONENT, ContainerService, FindLayoutSettingFromLayout94, FindToolbarItem, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, executeUlvCommandHandler, FillAllLayoutControls, getDeviceIsPhone, getDeviceIsTablet, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, ResizableModule, DIALOG_SERVICE } from 'barsa-novin-ray-core';
 import moment from 'moment';
@@ -12,23 +12,23 @@ import * as i1$2 from '@angular/platform-browser';
 import * as i1 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i7 from '@fundamental-ngx/core/form';
+import * as i6 from '@fundamental-ngx/core/icon';
 import * as i3 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i2$1 from '@angular/forms';
 import { UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i6 from '@fundamental-ngx/core/checkbox';
+import * as i6$1 from '@fundamental-ngx/core/checkbox';
 import * as i8 from '@fundamental-ngx/core/list';
 import * as i3$1 from '@fundamental-ngx/core/bar';
 import * as i3$2 from '@fundamental-ngx/core/button';
 import * as i7$1 from '@fundamental-ngx/core/input-group';
 import * as i4 from '@fundamental-ngx/core/dialog';
 import * as i5 from '@fundamental-ngx/core/title';
-import * as i6$1 from '@fundamental-ngx/core/utils';
+import * as i6$2 from '@fundamental-ngx/core/utils';
 import * as i3$3 from '@fundamental-ngx/core/select';
 import * as i4$1 from '@fundamental-ngx/core/busy-indicator';
 import * as i1$3 from '@angular/cdk/overlay';
 import { Overlay } from '@angular/cdk/overlay';
-import * as i6$2 from '@fundamental-ngx/core/icon';
 import * as i6$3 from '@fundamental-ngx/core/menu';
 import * as i6$4 from '@fundamental-ngx/core/split-button';
 import * as i7$2 from '@fundamental-ngx/core/toolbar';
@@ -296,259 +296,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }] } });
 
-class LyLabelComponent extends LayoutItemBaseComponent {
-}
-LyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LyLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LyLabelComponent, selector: "bsu-ly-label", inputs: { originalWidth: "originalWidth", minWidth: "minWidth", caption: "caption", isColumn: "isColumn", isMandatory: "isMandatory", fieldIcon: "fieldIcon", originalXtype: "originalXtype", textVisible: "textVisible" }, usesInheritance: true, ngImport: i0, template: "<img *ngIf=\"textVisible && fieldIcon\" [attrRtl] [src]=\"fieldIcon\" height=\"16px\" />\n<label\n    *ngIf=\"textVisible\"\n    fd-form-label\n    [defaultClass]=\"false\"\n    class=\"bsu-label-control\"\n    [attr.required]=\"isMandatory ? true : null\"\n    [attr.column-mode]=\"isColumn\"\n    [attrRtl]=\"true\"\n    [innerHTML]=\"originalXtype === 'Ui.Button' ? '&zwnj;' : caption\"\n    [style.background-color]=\"config.CaptionAppearance?.BColor ? config.CaptionAppearance?.BColor : null\"\n    [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n>\n</label>\n", styles: [":host{display:flex;position:relative}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}label{padding:0!important;text-align:var(--_text_align)}label[columnMode=true] label[rtl=true]{text-align:right}label[columnMode=true] label[rtl=false]{text-align:left}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LyLabelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bsu-ly-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<img *ngIf=\"textVisible && fieldIcon\" [attrRtl] [src]=\"fieldIcon\" height=\"16px\" />\n<label\n    *ngIf=\"textVisible\"\n    fd-form-label\n    [defaultClass]=\"false\"\n    class=\"bsu-label-control\"\n    [attr.required]=\"isMandatory ? true : null\"\n    [attr.column-mode]=\"isColumn\"\n    [attrRtl]=\"true\"\n    [innerHTML]=\"originalXtype === 'Ui.Button' ? '&zwnj;' : caption\"\n    [style.background-color]=\"config.CaptionAppearance?.BColor ? config.CaptionAppearance?.BColor : null\"\n    [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n>\n</label>\n", styles: [":host{display:flex;position:relative}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}label{padding:0!important;text-align:var(--_text_align)}label[columnMode=true] label[rtl=true]{text-align:right}label[columnMode=true] label[rtl=false]{text-align:left}\n"] }]
-        }], propDecorators: { originalWidth: [{
-                type: Input
-            }], minWidth: [{
-                type: Input
-            }], caption: [{
-                type: Input
-            }], isColumn: [{
-                type: Input
-            }], isMandatory: [{
-                type: Input
-            }], fieldIcon: [{
-                type: Input
-            }], originalXtype: [{
-                type: Input
-            }], textVisible: [{
-                type: Input
-            }] } });
-
-class LayoutControlComponent extends LayoutItemBaseComponent {
-    constructor(formPanelService, el, _contentDensityService, domSanitizer, _cdr, _ngZone, _renderer2, _bbbTranslate) {
-        super(formPanelService, _cdr);
-        this.formPanelService = formPanelService;
-        this.el = el;
-        this.domSanitizer = domSanitizer;
-        this._cdr = _cdr;
-        this._ngZone = _ngZone;
-        this._renderer2 = _renderer2;
-        this._bbbTranslate = _bbbTranslate;
-        this.layoutControlClass = true;
-        this.isContainer = true;
-        this.minHeight = '2.25rem';
-        this.hide = true;
-        this.emptyText = this.domSanitizer.bypassSecurityTrustHtml('&#8203;');
-        /* eslint-disable */
-        this.RefreshLabel = () => { };
-        /* eslint-disable */
-        this.SetVisible = (visible, refresh) => {
-            this._ngZone.run(() => {
-                this.config.FieldUi.Setting.IsVisible = visible;
-                this._setHide(!visible);
-                // this.config.FieldUi.Setting.$BRuleHide = !visible;
-                this._cdr.detectChanges();
-            });
-        };
-        if (this.contentDensity === 'compact') {
-            this.minHeight = '2rem';
-        }
-    }
-    ngOnChanges(changes) {
-        super.ngOnChanges(changes);
-        const { flex } = changes;
-        if (flex) {
-            this._setFlex(flex.currentValue);
-        }
-    }
-    ngOnInit() {
-        var _a, _b;
-        super.ngOnInit();
-        this.formHeight$ = this.formPanelService.formHeight$;
-        this._setFlex(this.flex);
-        this.layoutControlWidth = this.el.nativeElement.clientWidth;
-        const config = this.config;
-        const minHeightAuto = BarsaApi.Common.Util.TryGetValue(config, 'FieldUi.Setting.CustomUi.Parameters.MinHeightAuto', false);
-        if (this.inlineEdit || minHeightAuto) {
-            this.minHeight = 'auto';
-        }
-        if (config.FieldUi.originalXtype === 'Ui.UlvMainUi') {
-            this.isUlv = true;
-        }
-        this.attrCaption = config.Caption.replace(':', '');
-        this.attrControlId = config.ControlId;
-        this.isButton = config.FieldUi.originalXtype === 'Ui.Button';
-        let labelCaption = config.Caption;
-        if ((_a = config.FieldUi.Setting) === null || _a === void 0 ? void 0 : _a.IsMandatory) {
-            if (labelCaption.indexOf('*') < 0) {
-                labelCaption = labelCaption + ' *';
-            }
-        }
-        else {
-            labelCaption = labelCaption.replace('*', '');
-        }
-        this.isCheckbox = config.FieldUi.originalXtype === 'Ui.CheckBox';
-        this.isSinglePicture = config.FieldUi.originalXtype === 'Ui.SinglePicture';
-        const translateCaption = `${this._bbbTranslate.transform(labelCaption)}${this.isSearchPanel ? '' : ':'}`;
-        this.labelCaption = this.domSanitizer.bypassSecurityTrustHtml(translateCaption);
-        this.labelVisible = config.TextVisible && this.showLabel !== false;
-        this.isRowDirection = config.TextLocation === 'Right' || config.TextLocation === 'Default';
-        this.isRowReverseDirection = config.TextLocation === 'Left';
-        this.isColumnDirection =
-            (config.TextLocation === 'Top' || this.isSearchPanel) && !this.isSearcPanelInSideContent;
-        this.isColumnReverseDirection = config.TextLocation === 'Bottom';
-        config.FieldUi.LayoutControl = this;
-        this._setHide(config.FieldUi.Setting.IsVisible === false ? true : false);
-        this.isMandatory = (_b = config.FieldUi.Setting) === null || _b === void 0 ? void 0 : _b.IsMandatory;
-        this.fieldIcon = config.FieldUi.Setting.FieldIcon;
-        this.originalXtype = config.FieldUi.originalXtype;
-        this.textVisible = config.TextVisible;
-        if (config.FieldUi.originalXtype === 'Ui.SearchCommandInfoUi') {
-            this.labelCaption = '&#8203;';
-            this.labelVisible = true;
-            this.textVisible = true;
-        }
-        this.prepareMinAndMaxSize();
-    }
-    _resizeUlvByDevice(device) {
-        if (!this.isUlv) {
-            return;
-        }
-        let deviceHeight = 'DesktopHeight';
-        switch (device) {
-            case 's':
-                deviceHeight = 'MobileHeight';
-                break;
-            case 'm':
-                deviceHeight = 'TabletHeight';
-                break;
-        }
-        this.height = BarsaApi.Common.Util.TryGetValue(this.config, 'FieldUi.Setting.ClassNames.CustomUi.Parameters.' + deviceHeight, 'auto');
-        this._cdr.detectChanges();
-    }
-    prepareMinAndMaxSize() {
-        var _a, _b;
-        const config = this.config;
-        const layoutInfo = config;
-        const isButton = this.isButton;
-        const isSinglePicture = this.isSinglePicture;
-        const isCheckbox = this.isCheckbox;
-        if (!this.inlineEdit && layoutInfo && (isButton || isCheckbox || isSinglePicture)) {
-            this.attrMinWidth = config.Bounds.width;
-            let extraVal = 0;
-            if (((isButton || isCheckbox) && ((_a = layoutInfo.FieldUi.Setting) === null || _a === void 0 ? void 0 : _a.FieldIcon)) ||
-                ((_b = layoutInfo.FieldUi.Setting.JsonExtraProp) === null || _b === void 0 ? void 0 : _b.Glyph)) {
-                extraVal = 18;
-            }
-            const { MaxSize, MinSize } = layoutInfo;
-            if ((MaxSize === null || MaxSize === void 0 ? void 0 : MaxSize.width) > 0 && !this.isCheckbox) {
-                this.maxWidth = MaxSize.width + extraVal + 'px';
-            }
-            if ((MinSize === null || MinSize === void 0 ? void 0 : MinSize.width) > 0) {
-                this.minWidth = MinSize.width + extraVal + 'px';
-            }
-        }
-        if (this.isSearchPanel) {
-            this.attrMinWidth = this.maxLabelWidth + 200;
-            if (!this.isSearcPanelInSideContent) {
-                this.maxWidth = '320px';
-            }
-        }
-        if (getDeviceIsMobile()) {
-            this.minWidth = null;
-        }
-    }
-    _setHide(hide) {
-        hide = this.config.FieldUi.Setting.HideSearchCommandInfoUi === true ? true : hide; // hide default buttons of search panel
-        this.hide = hide;
-        if (hide) {
-            this._renderer2.addClass(this.el.nativeElement, 'hide-form-item');
-        }
-        else {
-            this._renderer2.removeClass(this.el.nativeElement, 'hide-form-item');
-        }
-    }
-    _setFlex(flex) {
-        if (typeof flex !== 'undefined') {
-            this._renderer2.setStyle(this.el.nativeElement, 'flex', flex);
-        }
-    }
-}
-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\">\r\n    <ng-container *ngIf=\"labelVisible && !isCheckbox\">\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                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : maxLabelWidth + 'px'\r\n            \"\r\n            [style.width]=\"\r\n                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : 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", "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", "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\">\r\n    <ng-container *ngIf=\"labelVisible && !isCheckbox\">\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                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : maxLabelWidth + 'px'\r\n            \"\r\n            [style.width]=\"\r\n                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : 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 }]
-            }], layoutControlClass: [{
-                type: HostBinding,
-                args: ['class.layout-control']
-            }], isRowDirection: [{
-                type: HostBinding,
-                args: ['class.row-direction']
-            }], isRowReverseDirection: [{
-                type: HostBinding,
-                args: ['class.row-reverse-direction']
-            }], isColumnDirection: [{
-                type: HostBinding,
-                args: ['class.column-direction']
-            }], isColumnReverseDirection: [{
-                type: HostBinding,
-                args: ['class.column-reverse-direction']
-            }], isContainer: [{
-                type: HostBinding,
-                args: ['class.container-field']
-            }], maxWidth: [{
-                type: HostBinding,
-                args: ['style.max-width']
-            }], minWidth: [{
-                type: HostBinding,
-                args: ['style.min-width']
-            }], minHeight: [{
-                type: HostBinding,
-                args: ['style.min-height']
-            }], height: [{
-                type: HostBinding,
-                args: ['style.height']
-            }], isCheckbox: [{
-                type: HostBinding,
-                args: ['attr.isChekbox']
-            }], isButton: [{
-                type: HostBinding,
-                args: ['attr.isButton']
-            }], isSinglePicture: [{
-                type: HostBinding,
-                args: ['attr.isButton']
-            }], attrMinWidth: [{
-                type: HostBinding,
-                args: ['attr.minWidth']
-            }], attrControlId: [{
-                type: HostBinding,
-                args: ['attr.controlId']
-            }], attrCaption: [{
-                type: HostBinding,
-                args: ['attr.caption']
-            }], inlineEdit: [{
-                type: Input
-            }], caption: [{
-                type: Input
-            }], focusControl: [{
-                type: Input
-            }], showLabel: [{
-                type: Input
-            }], maxLabelWidth: [{
-                type: Input
-            }], hasHorizontalText: [{
-                type: Input
-            }], contentDensity: [{
-                type: Input
-            }], flex: [{
-                type: Input
-            }], RefreshLabel: [{
-                type: Input
-            }], SetVisible: [{
-                type: Input
-            }] } });
-
 function insertAvatar(elementRef, headerAvatarRef, titleRef, avatar) {
     if (avatar) {
         const isNullImage = typeof avatar === 'object' && avatar.IsNullImage;
@@ -962,6 +709,287 @@ const IconBusinessSuite = [
     'empty-warning'
 ];
 
+class SapFontPipe {
+    transform(iconName) {
+        const fontName = this._getFontName(iconName);
+        return fontName;
+    }
+    _getFontName(iconName) {
+        const saptnt = 'SAP-icons-TNT';
+        const sapbusiness = 'BusinessSuiteInAppSymbols';
+        if (IconTNT.indexOf(iconName) > -1) {
+            return saptnt;
+        }
+        if (IconBusinessSuite.indexOf(iconName) > -1) {
+            return sapbusiness;
+        }
+        return 'SAP-icons';
+    }
+}
+SapFontPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SapFontPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SapFontPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: SapFontPipe, name: "sapFont" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SapFontPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'sapFont'
+                }]
+        }] });
+
+class LyLabelComponent extends LayoutItemBaseComponent {
+}
+LyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LyLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LyLabelComponent, selector: "bsu-ly-label", inputs: { originalWidth: "originalWidth", minWidth: "minWidth", caption: "caption", captionIcon: "captionIcon", isColumn: "isColumn", isMandatory: "isMandatory", fieldIcon: "fieldIcon", originalXtype: "originalXtype", textVisible: "textVisible" }, usesInheritance: true, ngImport: i0, template: "<fd-icon\n    *ngIf=\"config.FontIcon\"\n    [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n    [font]=\"config.FontIcon | sapFont\"\n    [glyph]=\"config.FontIcon\"\n></fd-icon>\n\n<img *ngIf=\"textVisible && fieldIcon\" [attrRtl] [src]=\"fieldIcon\" height=\"16px\" />\n<label\n    *ngIf=\"textVisible\"\n    fd-form-label\n    [defaultClass]=\"false\"\n    class=\"bsu-label-control\"\n    [attr.required]=\"isMandatory ? true : null\"\n    [attr.column-mode]=\"isColumn\"\n    [attrRtl]=\"true\"\n    [innerHTML]=\"originalXtype === 'Ui.Button' ? '&zwnj;' : caption\"\n    [style.background-color]=\"config.CaptionAppearance?.BColor ? config.CaptionAppearance?.BColor : null\"\n    [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n>\n</label>\n", styles: [":host{display:flex;position:relative}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}label{padding:0!important;text-align:var(--_text_align)}label[columnMode=true] label[rtl=true]{text-align:right}label[columnMode=true] label[rtl=false]{text-align:left}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "pipe", type: SapFontPipe, name: "sapFont" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LyLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ly-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-icon\n    *ngIf=\"config.FontIcon\"\n    [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n    [font]=\"config.FontIcon | sapFont\"\n    [glyph]=\"config.FontIcon\"\n></fd-icon>\n\n<img *ngIf=\"textVisible && fieldIcon\" [attrRtl] [src]=\"fieldIcon\" height=\"16px\" />\n<label\n    *ngIf=\"textVisible\"\n    fd-form-label\n    [defaultClass]=\"false\"\n    class=\"bsu-label-control\"\n    [attr.required]=\"isMandatory ? true : null\"\n    [attr.column-mode]=\"isColumn\"\n    [attrRtl]=\"true\"\n    [innerHTML]=\"originalXtype === 'Ui.Button' ? '&zwnj;' : caption\"\n    [style.background-color]=\"config.CaptionAppearance?.BColor ? config.CaptionAppearance?.BColor : null\"\n    [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n>\n</label>\n", styles: [":host{display:flex;position:relative}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}label{padding:0!important;text-align:var(--_text_align)}label[columnMode=true] label[rtl=true]{text-align:right}label[columnMode=true] label[rtl=false]{text-align:left}\n"] }]
+        }], propDecorators: { originalWidth: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], caption: [{
+                type: Input
+            }], captionIcon: [{
+                type: Input
+            }], isColumn: [{
+                type: Input
+            }], isMandatory: [{
+                type: Input
+            }], fieldIcon: [{
+                type: Input
+            }], originalXtype: [{
+                type: Input
+            }], textVisible: [{
+                type: Input
+            }] } });
+
+class LayoutControlComponent extends LayoutItemBaseComponent {
+    constructor(formPanelService, el, _contentDensityService, domSanitizer, _cdr, _ngZone, _renderer2, _bbbTranslate) {
+        super(formPanelService, _cdr);
+        this.formPanelService = formPanelService;
+        this.el = el;
+        this.domSanitizer = domSanitizer;
+        this._cdr = _cdr;
+        this._ngZone = _ngZone;
+        this._renderer2 = _renderer2;
+        this._bbbTranslate = _bbbTranslate;
+        this.layoutControlClass = true;
+        this.isContainer = true;
+        this.minHeight = '2.25rem';
+        this.hide = true;
+        this.emptyText = this.domSanitizer.bypassSecurityTrustHtml('&#8203;');
+        /* eslint-disable */
+        this.RefreshLabel = () => { };
+        /* eslint-disable */
+        this.SetVisible = (visible, refresh) => {
+            this._ngZone.run(() => {
+                this.config.FieldUi.Setting.IsVisible = visible;
+                this._setHide(!visible);
+                // this.config.FieldUi.Setting.$BRuleHide = !visible;
+                this._cdr.detectChanges();
+            });
+        };
+        if (this.contentDensity === 'compact') {
+            this.minHeight = '2rem';
+        }
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        const { flex } = changes;
+        if (flex) {
+            this._setFlex(flex.currentValue);
+        }
+    }
+    ngOnInit() {
+        var _a, _b;
+        super.ngOnInit();
+        this.formHeight$ = this.formPanelService.formHeight$;
+        this._setFlex(this.flex);
+        this.layoutControlWidth = this.el.nativeElement.clientWidth;
+        const config = this.config;
+        const minHeightAuto = BarsaApi.Common.Util.TryGetValue(config, 'FieldUi.Setting.CustomUi.Parameters.MinHeightAuto', false);
+        if (this.inlineEdit || minHeightAuto) {
+            this.minHeight = 'auto';
+        }
+        if (config.FieldUi.originalXtype === 'Ui.UlvMainUi') {
+            this.isUlv = true;
+        }
+        this.attrCaption = config.Caption.replace(':', '');
+        this.attrControlId = config.ControlId;
+        this.isButton = config.FieldUi.originalXtype === 'Ui.Button';
+        let labelCaption = config.Caption;
+        if ((_a = config.FieldUi.Setting) === null || _a === void 0 ? void 0 : _a.IsMandatory) {
+            if (labelCaption.indexOf('*') < 0) {
+                labelCaption = labelCaption + ' *';
+            }
+        }
+        else {
+            labelCaption = labelCaption.replace('*', '');
+        }
+        this.isCheckbox = config.FieldUi.originalXtype === 'Ui.CheckBox';
+        this.isSinglePicture = config.FieldUi.originalXtype === 'Ui.SinglePicture';
+        const translateCaption = `${this._bbbTranslate.transform(labelCaption)}${this.isSearchPanel ? '' : ':'}`;
+        this.labelCaption = this.domSanitizer.bypassSecurityTrustHtml(translateCaption);
+        this.labelVisible = config.TextVisible && this.showLabel !== false;
+        this.isRowDirection = config.TextLocation === 'Right' || config.TextLocation === 'Default';
+        this.isRowReverseDirection = config.TextLocation === 'Left';
+        this.isColumnDirection =
+            (config.TextLocation === 'Top' || this.isSearchPanel) && !this.isSearcPanelInSideContent;
+        this.isColumnReverseDirection = config.TextLocation === 'Bottom';
+        config.FieldUi.LayoutControl = this;
+        this._setHide(config.FieldUi.Setting.IsVisible === false ? true : false);
+        this.isMandatory = (_b = config.FieldUi.Setting) === null || _b === void 0 ? void 0 : _b.IsMandatory;
+        this.fieldIcon = config.FieldUi.Setting.FieldIcon;
+        this.originalXtype = config.FieldUi.originalXtype;
+        this.textVisible = config.TextVisible;
+        if (config.FieldUi.originalXtype === 'Ui.SearchCommandInfoUi') {
+            this.labelCaption = '&#8203;';
+            this.labelVisible = true;
+            this.textVisible = true;
+        }
+        this.prepareMinAndMaxSize();
+    }
+    _resizeUlvByDevice(device) {
+        if (!this.isUlv) {
+            return;
+        }
+        let deviceHeight = 'DesktopHeight';
+        switch (device) {
+            case 's':
+                deviceHeight = 'MobileHeight';
+                break;
+            case 'm':
+                deviceHeight = 'TabletHeight';
+                break;
+        }
+        this.height = BarsaApi.Common.Util.TryGetValue(this.config, 'FieldUi.Setting.ClassNames.CustomUi.Parameters.' + deviceHeight, 'auto');
+        this._cdr.detectChanges();
+    }
+    prepareMinAndMaxSize() {
+        var _a, _b;
+        const config = this.config;
+        const layoutInfo = config;
+        const isButton = this.isButton;
+        const isSinglePicture = this.isSinglePicture;
+        const isCheckbox = this.isCheckbox;
+        if (!this.inlineEdit && layoutInfo && (isButton || isCheckbox || isSinglePicture)) {
+            this.attrMinWidth = config.Bounds.width;
+            let extraVal = 0;
+            if (((isButton || isCheckbox) && ((_a = layoutInfo.FieldUi.Setting) === null || _a === void 0 ? void 0 : _a.FieldIcon)) ||
+                ((_b = layoutInfo.FieldUi.Setting.JsonExtraProp) === null || _b === void 0 ? void 0 : _b.Glyph)) {
+                extraVal = 18;
+            }
+            const { MaxSize, MinSize } = layoutInfo;
+            if ((MaxSize === null || MaxSize === void 0 ? void 0 : MaxSize.width) > 0 && !this.isCheckbox) {
+                this.maxWidth = MaxSize.width + extraVal + 'px';
+            }
+            if ((MinSize === null || MinSize === void 0 ? void 0 : MinSize.width) > 0) {
+                this.minWidth = MinSize.width + extraVal + 'px';
+            }
+        }
+        if (this.isSearchPanel) {
+            this.attrMinWidth = this.maxLabelWidth + 200;
+            if (!this.isSearcPanelInSideContent) {
+                this.maxWidth = '320px';
+            }
+        }
+        if (getDeviceIsMobile()) {
+            this.minWidth = null;
+        }
+    }
+    _setHide(hide) {
+        hide = this.config.FieldUi.Setting.HideSearchCommandInfoUi === true ? true : hide; // hide default buttons of search panel
+        this.hide = hide;
+        if (hide) {
+            this._renderer2.addClass(this.el.nativeElement, 'hide-form-item');
+        }
+        else {
+            this._renderer2.removeClass(this.el.nativeElement, 'hide-form-item');
+        }
+    }
+    _setFlex(flex) {
+        if (typeof flex !== 'undefined') {
+            this._renderer2.setStyle(this.el.nativeElement, 'flex', flex);
+        }
+    }
+}
+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\">\r\n    <ng-container *ngIf=\"labelVisible && !isCheckbox\">\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                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : maxLabelWidth + 'px'\r\n            \"\r\n            [style.width]=\"\r\n                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : 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", "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\">\r\n    <ng-container *ngIf=\"labelVisible && !isCheckbox\">\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                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : maxLabelWidth + 'px'\r\n            \"\r\n            [style.width]=\"\r\n                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : 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 }]
+            }], layoutControlClass: [{
+                type: HostBinding,
+                args: ['class.layout-control']
+            }], isRowDirection: [{
+                type: HostBinding,
+                args: ['class.row-direction']
+            }], isRowReverseDirection: [{
+                type: HostBinding,
+                args: ['class.row-reverse-direction']
+            }], isColumnDirection: [{
+                type: HostBinding,
+                args: ['class.column-direction']
+            }], isColumnReverseDirection: [{
+                type: HostBinding,
+                args: ['class.column-reverse-direction']
+            }], isContainer: [{
+                type: HostBinding,
+                args: ['class.container-field']
+            }], maxWidth: [{
+                type: HostBinding,
+                args: ['style.max-width']
+            }], minWidth: [{
+                type: HostBinding,
+                args: ['style.min-width']
+            }], minHeight: [{
+                type: HostBinding,
+                args: ['style.min-height']
+            }], height: [{
+                type: HostBinding,
+                args: ['style.height']
+            }], isCheckbox: [{
+                type: HostBinding,
+                args: ['attr.isChekbox']
+            }], isButton: [{
+                type: HostBinding,
+                args: ['attr.isButton']
+            }], isSinglePicture: [{
+                type: HostBinding,
+                args: ['attr.isButton']
+            }], attrMinWidth: [{
+                type: HostBinding,
+                args: ['attr.minWidth']
+            }], attrControlId: [{
+                type: HostBinding,
+                args: ['attr.controlId']
+            }], attrCaption: [{
+                type: HostBinding,
+                args: ['attr.caption']
+            }], inlineEdit: [{
+                type: Input
+            }], caption: [{
+                type: Input
+            }], focusControl: [{
+                type: Input
+            }], showLabel: [{
+                type: Input
+            }], maxLabelWidth: [{
+                type: Input
+            }], hasHorizontalText: [{
+                type: Input
+            }], contentDensity: [{
+                type: Input
+            }], flex: [{
+                type: Input
+            }], RefreshLabel: [{
+                type: Input
+            }], SetVisible: [{
+                type: Input
+            }] } });
+
 class GridMoDataList {
     constructor(moDataList$, gridSetting$, visibleColumns$, searchTerm$) {
         this.data$ = merge(moDataList$.pipe(tap((items) => (this.items = items))), gridSetting$.pipe(tap((gridSetting) => (this.gridSetting = gridSetting))), searchTerm$.pipe(tap((searchTerm) => (this.searchTerm = searchTerm))), visibleColumns$.pipe(tap((visibleColumns) => (this.visibleColumns = visibleColumns)))).pipe(filter(() => !!this.items), map(() => this.searchTerm
@@ -1067,7 +1095,7 @@ class UiGridColumnsComponent extends BaseComponent {
     }
 }
 UiGridColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiGridColumnsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiGridColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiGridColumnsComponent, selector: "bsu-ui-grid-columns", inputs: { columns: "columns", selectedColumns: "selectedColumns" }, outputs: { columnsChange: "columnsChange" }, usesInheritance: true, ngImport: i0, template: "<h3>{{ 'Select All (' + selectedColumns + '/' + columns.length + ')' }}</h3>\r\n<ul\r\n    fd-list\r\n    [selection]=\"true\"\r\n    cdkDropList\r\n    cdkDropListOrientation=\"vertical\"\r\n    (cdkDropListDropped)=\"onDropColumn(columns, $event)\"\r\n>\r\n    <li\r\n        cdkDrag\r\n        fd-list-item\r\n        *ngFor=\"let column of columns; trackBy: trackByMethod\"\r\n        [selected]=\"!column.Hidden\"\r\n        (click)=\"onChangeColumnHidden(column)\"\r\n    >\r\n        <fd-checkbox [ngModel]=\"!column.Hidden\"></fd-checkbox>\r\n        <span fd-list-title>\r\n            {{ column.Caption }}\r\n            <strong *ngIf=\"column.IsMandatory\">*</strong>\r\n        </span>\r\n    </li>\r\n</ul>\r\n", styles: [":host{display:flex;flex-direction:column;width:100%}.inputIcon{background:#fafafa;color:#0a6ed1;cursor:pointer;max-width:400px;min-width:200px}.inputIcon:hover{background:rgba(224,224,224,.5)}strong{color:#ce3b3b}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiGridColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiGridColumnsComponent, selector: "bsu-ui-grid-columns", inputs: { columns: "columns", selectedColumns: "selectedColumns" }, outputs: { columnsChange: "columnsChange" }, usesInheritance: true, ngImport: i0, template: "<h3>{{ 'Select All (' + selectedColumns + '/' + columns.length + ')' }}</h3>\r\n<ul\r\n    fd-list\r\n    [selection]=\"true\"\r\n    cdkDropList\r\n    cdkDropListOrientation=\"vertical\"\r\n    (cdkDropListDropped)=\"onDropColumn(columns, $event)\"\r\n>\r\n    <li\r\n        cdkDrag\r\n        fd-list-item\r\n        *ngFor=\"let column of columns; trackBy: trackByMethod\"\r\n        [selected]=\"!column.Hidden\"\r\n        (click)=\"onChangeColumnHidden(column)\"\r\n    >\r\n        <fd-checkbox [ngModel]=\"!column.Hidden\"></fd-checkbox>\r\n        <span fd-list-title>\r\n            {{ column.Caption }}\r\n            <strong *ngIf=\"column.IsMandatory\">*</strong>\r\n        </span>\r\n    </li>\r\n</ul>\r\n", styles: [":host{display:flex;flex-direction:column;width:100%}.inputIcon{background:#fafafa;color:#0a6ed1;cursor:pointer;max-width:400px;min-width:200px}.inputIcon:hover{background:rgba(224,224,224,.5)}strong{color:#ce3b3b}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiGridColumnsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-grid-columns', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3>{{ 'Select All (' + selectedColumns + '/' + columns.length + ')' }}</h3>\r\n<ul\r\n    fd-list\r\n    [selection]=\"true\"\r\n    cdkDropList\r\n    cdkDropListOrientation=\"vertical\"\r\n    (cdkDropListDropped)=\"onDropColumn(columns, $event)\"\r\n>\r\n    <li\r\n        cdkDrag\r\n        fd-list-item\r\n        *ngFor=\"let column of columns; trackBy: trackByMethod\"\r\n        [selected]=\"!column.Hidden\"\r\n        (click)=\"onChangeColumnHidden(column)\"\r\n    >\r\n        <fd-checkbox [ngModel]=\"!column.Hidden\"></fd-checkbox>\r\n        <span fd-list-title>\r\n            {{ column.Caption }}\r\n            <strong *ngIf=\"column.IsMandatory\">*</strong>\r\n        </span>\r\n    </li>\r\n</ul>\r\n", styles: [":host{display:flex;flex-direction:column;width:100%}.inputIcon{background:#fafafa;color:#0a6ed1;cursor:pointer;max-width:400px;min-width:200px}.inputIcon:hover{background:rgba(224,224,224,.5)}strong{color:#ce3b3b}\n"] }]
@@ -1111,7 +1139,7 @@ class UlvColumnSettingsComponent extends BaseUlvSettingComponent {
     }
 }
 UlvColumnSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvColumnSettingsComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-UlvColumnSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvColumnSettingsComponent, selector: "bsu-ulv-column-settings", viewQueries: [{ propertyName: "gridColumnsComponent", first: true, predicate: UiGridColumnsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<!--this commit is for test some github ability not more-->\n\n<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'Columns' | bbbTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button\n                        fd-button\n                        [label]=\"'Reset' | bbbTranslate\"\n                        [fdType]=\"'transparent'\"\n                        (click)=\"onReset()\"\n                    ></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body class=\"setting-wrapper\">\n        <fd-input-group\n            type=\"search\"\n            glyph=\"search\"\n            [glyphAriaLabel]=\"'EnterSearchCriteria' | bbbTranslate\"\n            [placeholder]=\"'EnterSearchCriteria' | bbbTranslate\"\n            [button]=\"true\"\n            [disabled]=\"false\"\n            [(ngModel)]=\"searchTerm\"\n            (addOnButtonClicked)=\"onSearchSubmit()\"\n        >\n        </fd-input-group>\n\n        <bsu-ui-grid-columns\n            [selectedColumns]=\"columns | filter: { Hidden: false } | listCount\"\n            [columns]=\"columns\"\n            (columnsChange)=\"onColumnsChange($event)\"\n            #gridColumnsRef\n        ></bsu-ui-grid-columns>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\n        </fd-dialog-footer-button>\n        <fd-dialog-footer-button>\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "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: i7$1.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: UiGridColumnsComponent, selector: "bsu-ui-grid-columns", inputs: ["columns", "selectedColumns"], outputs: ["columnsChange"] }, { kind: "pipe", type: i2.FilterPipe, name: "filter" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ListCountPipe, name: "listCount" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UlvColumnSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvColumnSettingsComponent, selector: "bsu-ulv-column-settings", viewQueries: [{ propertyName: "gridColumnsComponent", first: true, predicate: UiGridColumnsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<!--this commit is for test some github ability not more-->\n\n<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'Columns' | bbbTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button\n                        fd-button\n                        [label]=\"'Reset' | bbbTranslate\"\n                        [fdType]=\"'transparent'\"\n                        (click)=\"onReset()\"\n                    ></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body class=\"setting-wrapper\">\n        <fd-input-group\n            type=\"search\"\n            glyph=\"search\"\n            [glyphAriaLabel]=\"'EnterSearchCriteria' | bbbTranslate\"\n            [placeholder]=\"'EnterSearchCriteria' | bbbTranslate\"\n            [button]=\"true\"\n            [disabled]=\"false\"\n            [(ngModel)]=\"searchTerm\"\n            (addOnButtonClicked)=\"onSearchSubmit()\"\n        >\n        </fd-input-group>\n\n        <bsu-ui-grid-columns\n            [selectedColumns]=\"columns | filter: { Hidden: false } | listCount\"\n            [columns]=\"columns\"\n            (columnsChange)=\"onColumnsChange($event)\"\n            #gridColumnsRef\n        ></bsu-ui-grid-columns>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\n        </fd-dialog-footer-button>\n        <fd-dialog-footer-button>\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "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: i7$1.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "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: UiGridColumnsComponent, selector: "bsu-ui-grid-columns", inputs: ["columns", "selectedColumns"], outputs: ["columnsChange"] }, { kind: "pipe", type: i2.FilterPipe, name: "filter" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ListCountPipe, name: "listCount" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvColumnSettingsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ulv-column-settings', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--this commit is for test some github ability not more-->\n\n<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'Columns' | bbbTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button\n                        fd-button\n                        [label]=\"'Reset' | bbbTranslate\"\n                        [fdType]=\"'transparent'\"\n                        (click)=\"onReset()\"\n                    ></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body class=\"setting-wrapper\">\n        <fd-input-group\n            type=\"search\"\n            glyph=\"search\"\n            [glyphAriaLabel]=\"'EnterSearchCriteria' | bbbTranslate\"\n            [placeholder]=\"'EnterSearchCriteria' | bbbTranslate\"\n            [button]=\"true\"\n            [disabled]=\"false\"\n            [(ngModel)]=\"searchTerm\"\n            (addOnButtonClicked)=\"onSearchSubmit()\"\n        >\n        </fd-input-group>\n\n        <bsu-ui-grid-columns\n            [selectedColumns]=\"columns | filter: { Hidden: false } | listCount\"\n            [columns]=\"columns\"\n            (columnsChange)=\"onColumnsChange($event)\"\n            #gridColumnsRef\n        ></bsu-ui-grid-columns>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\n        </fd-dialog-footer-button>\n        <fd-dialog-footer-button>\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n" }]
@@ -1346,7 +1374,7 @@ class UlvSortSettingsComponent extends BaseUlvSettingComponent {
     }
 }
 UlvSortSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvSortSettingsComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-UlvSortSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvSortSettingsComponent, selector: "bsu-ulv-sort-settings", viewQueries: [{ propertyName: "ulvSortSetting", first: true, predicate: UiGridSortSettingComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Columns' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"'Reset' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onReset()\"\r\n                    ></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-sort-setting [columns]=\"allColumns\" [sortSettings]=\"sortSettings\"></bsu-ui-grid-sort-setting>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ 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: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: UiGridSortSettingComponent, selector: "bsu-ui-grid-sort-setting", inputs: ["showGroups", "columns", "sortSettings"], outputs: ["changeSetting"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UlvSortSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvSortSettingsComponent, selector: "bsu-ulv-sort-settings", viewQueries: [{ propertyName: "ulvSortSetting", first: true, predicate: UiGridSortSettingComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Columns' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"'Reset' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onReset()\"\r\n                    ></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-sort-setting [columns]=\"allColumns\" [sortSettings]=\"sortSettings\"></bsu-ui-grid-sort-setting>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ 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: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "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: UiGridSortSettingComponent, selector: "bsu-ui-grid-sort-setting", inputs: ["showGroups", "columns", "sortSettings"], outputs: ["changeSetting"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvSortSettingsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ulv-sort-settings', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Columns' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"'Reset' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onReset()\"\r\n                    ></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-sort-setting [columns]=\"allColumns\" [sortSettings]=\"sortSettings\"></bsu-ui-grid-sort-setting>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
@@ -1378,7 +1406,7 @@ class UlvGroupbySettingsComponent extends BaseUlvSettingComponent {
     }
 }
 UlvGroupbySettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvGroupbySettingsComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-UlvGroupbySettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvGroupbySettingsComponent, selector: "bsu-ulv-groupby-settings", viewQueries: [{ propertyName: "ulvSortSetting", first: true, predicate: UiGridSortSettingComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Columns' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"'Reset' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onReset()\"\r\n                    ></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-sort-setting\r\n            [columns]=\"allColumns\"\r\n            [sortSettings]=\"sortSettings\"\r\n            [showGroups]=\"true\"\r\n        ></bsu-ui-grid-sort-setting>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ 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: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: UiGridSortSettingComponent, selector: "bsu-ui-grid-sort-setting", inputs: ["showGroups", "columns", "sortSettings"], outputs: ["changeSetting"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UlvGroupbySettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvGroupbySettingsComponent, selector: "bsu-ulv-groupby-settings", viewQueries: [{ propertyName: "ulvSortSetting", first: true, predicate: UiGridSortSettingComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Columns' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"'Reset' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onReset()\"\r\n                    ></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-sort-setting\r\n            [columns]=\"allColumns\"\r\n            [sortSettings]=\"sortSettings\"\r\n            [showGroups]=\"true\"\r\n        ></bsu-ui-grid-sort-setting>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ 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: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "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: UiGridSortSettingComponent, selector: "bsu-ui-grid-sort-setting", inputs: ["showGroups", "columns", "sortSettings"], outputs: ["changeSetting"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvGroupbySettingsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ulv-groupby-settings', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Columns' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button\r\n                        fd-button\r\n                        [label]=\"'Reset' | bbbTranslate\"\r\n                        [fdType]=\"'transparent'\"\r\n                        (click)=\"onReset()\"\r\n                    ></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-sort-setting\r\n            [columns]=\"allColumns\"\r\n            [sortSettings]=\"sortSettings\"\r\n            [showGroups]=\"true\"\r\n        ></bsu-ui-grid-sort-setting>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
@@ -1554,7 +1582,7 @@ class UlvFilterSettingsComponent extends BaseUlvSettingComponent {
     }
 }
 UlvFilterSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvFilterSettingsComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-UlvFilterSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvFilterSettingsComponent, selector: "bsu-ulv-filter-settings", viewQueries: [{ propertyName: "gridFilterSettings", first: true, predicate: UiGridFilterSettingsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">{{ 'Filter' | bbbTranslate }}</h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button fd-button [label]=\"'Reset' | bbbTranslate\" [fdType]=\"'transparent'\"></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-filter-settings\r\n            *ngIf=\"controlsInfo$ | async as controlsInfo\"\r\n            [columns]=\"allColumns\"\r\n            [sortSettings]=\"sortSettings\"\r\n            [controlsInfo]=\"controlsInfo\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [selectedColumnName]=\"selectedColumnName\"\r\n        ></bsu-ui-grid-filter-settings>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: UiGridFilterSettingsComponent, selector: "bsu-ui-grid-filter-settings", inputs: ["sortDirections", "typeDefId", "selectedColumnName", "filters", "columns", "controlsInfo"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UlvFilterSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvFilterSettingsComponent, selector: "bsu-ulv-filter-settings", viewQueries: [{ propertyName: "gridFilterSettings", first: true, predicate: UiGridFilterSettingsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">{{ 'Filter' | bbbTranslate }}</h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button fd-button [label]=\"'Reset' | bbbTranslate\" [fdType]=\"'transparent'\"></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-filter-settings\r\n            *ngIf=\"controlsInfo$ | async as controlsInfo\"\r\n            [columns]=\"allColumns\"\r\n            [sortSettings]=\"sortSettings\"\r\n            [controlsInfo]=\"controlsInfo\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [selectedColumnName]=\"selectedColumnName\"\r\n        ></bsu-ui-grid-filter-settings>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "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: UiGridFilterSettingsComponent, selector: "bsu-ui-grid-filter-settings", inputs: ["sortDirections", "typeDefId", "selectedColumnName", "filters", "columns", "controlsInfo"] }, { 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: UlvFilterSettingsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ulv-filter-settings', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">{{ 'Filter' | bbbTranslate }}</h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button fd-button [label]=\"'Reset' | bbbTranslate\" [fdType]=\"'transparent'\"></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-filter-settings\r\n            *ngIf=\"controlsInfo$ | async as controlsInfo\"\r\n            [columns]=\"allColumns\"\r\n            [sortSettings]=\"sortSettings\"\r\n            [controlsInfo]=\"controlsInfo\"\r\n            [typeDefId]=\"typeDefId\"\r\n            [selectedColumnName]=\"selectedColumnName\"\r\n        ></bsu-ui-grid-filter-settings>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
@@ -2327,7 +2355,7 @@ 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: { 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]=\"btn.Command.JsonExtraProp?.Icon\"\n                [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\n                (click)=\"inlineEditMode && createNewInlineMo.emit()\"\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\">{{ 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            <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            >\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            ></bnrc-dynamic-form-toolbaritem>\n        </ng-container>\n        <ng-content select=\"[fd-toolbar-item]\"></ng-content>\n\n        <ng-container *ngIf=\"gridSetting && gridSetting.Hidden !== true\">\n            <button\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            ></button>\n\n            <fd-menu #tableMenuSettings>\n                <li fd-menu-item>\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\">\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()\">\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()\">\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\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    </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: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i6$3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$3.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i6$3.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$3.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$3.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i6$4.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "disabled", "mainActionTitle", "fdType", "expandButtonAriaLabel", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$2.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i7$2.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UlvToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: { 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]=\"btn.Command.JsonExtraProp?.Icon\"\n                [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\n                (click)=\"inlineEditMode && createNewInlineMo.emit()\"\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\">{{ 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            <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            >\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            ></bnrc-dynamic-form-toolbaritem>\n        </ng-container>\n        <ng-content select=\"[fd-toolbar-item]\"></ng-content>\n\n        <ng-container *ngIf=\"gridSetting && gridSetting.Hidden !== true\">\n            <button\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            ></button>\n\n            <fd-menu #tableMenuSettings>\n                <li fd-menu-item>\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\">\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()\">\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()\">\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\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    </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: "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$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$2.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i7$2.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: 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]=\"btn.Command.JsonExtraProp?.Icon\"\n                [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\n                (click)=\"inlineEditMode && createNewInlineMo.emit()\"\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\">{{ 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            <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            >\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            ></bnrc-dynamic-form-toolbaritem>\n        </ng-container>\n        <ng-content select=\"[fd-toolbar-item]\"></ng-content>\n\n        <ng-container *ngIf=\"gridSetting && gridSetting.Hidden !== true\">\n            <button\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            ></button>\n\n            <fd-menu #tableMenuSettings>\n                <li fd-menu-item>\n                    <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\">\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()\">\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()\">\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\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    </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"] }]
@@ -3753,7 +3781,7 @@ class BarsaTreeItemComponent extends BaseViewItemPropsComponent {
     }
 }
 BarsaTreeItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTreeItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaTreeItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: { node: "node", selectedNode: "selectedNode", relationList: "relationList", hasDragDrop: "hasDragDrop", hasArrowIcon: "hasArrowIcon", collapseIcon: "collapseIcon", loading: "loading", hasChildren: "hasChildren", isExpand: "isExpand", children: "children", parentNode: "parentNode", text: "text", isHetro: "isHetro" }, outputs: { createNew: "createNew", select: "select", checkChange: "checkChange", viewClick: "viewClick", loadChildren: "loadChildren", dragMoved: "dragMoved" }, usesInheritance: true, ngImport: i0, template: "<li\n    fd-list-item\n    #liEl\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"liEl\"\n    [focusable]=\"true\"\n    [attr.level]=\"level\"\n    [class.root-group]=\"level === 1\"\n    [selected]=\"isChecked\"\n    (dblclick)=\"onNodeViewClick()\"\n    cdkDrag\n    [cdkDragData]=\"node.Data.Id\"\n    (cdkDragMoved)=\"onDragMoved($event)\"\n    (click)=\"onListItemClick(liEl, $event)\"\n>\n    <div (click)=\"onRowCheck()\" class=\"spacer\" [style.width]=\"(level - 1) * 4 + 'rem'\"></div>\n    <fd-icon *ngIf=\"hasDragDrop && !isHetro\" glyph=\"grip\" font=\"BusinessSuiteInAppSymbols\" cdkDragHandle></fd-icon>\n    <fd-checkbox\n        *ngIf=\"inDialog && isMultiSelect\"\n        [name]=\"node.Data.$Caption\"\n        [ngModel]=\"isChecked\"\n        (ngModelChange)=\"onCheckbox($event)\"\n    ></fd-checkbox>\n\n    <div (click)=\"onRowCheck()\" style=\"display: flex; width: 100%; justify-content: space-between\">\n        <div style=\"display: flex; flex: 1\">\n            <ng-container *ngIf=\"hasArrowIcon\">\n                <div class=\"arrow-container\" *ngIf=\"hasChildren; else emptyBtn\">\n                    <button\n                        [attr.rtl]=\"rtl\"\n                        fd-button\n                        fdType=\"transparent\"\n                        [glyph]=\"hasChildren ? (isExpand ? 'less' : collapseIcon) : ''\"\n                        (click)=\"onLoadChildren($event)\"\n                        (dblclick)=\"onExpandDblClick($event)\"\n                    ></button>\n                </div>\n                <fd-busy-indicator\n                    style=\"display: flex; align-items: center; width: 2rem\"\n                    *ngIf=\"loading\"\n                    size=\"s\"\n                    [loading]=\"true\"\n                ></fd-busy-indicator>\n            </ng-container>\n            <div style=\"display: flex; flex: unset; align-items: center\" fd-list-title [focusable]=\"true\">\n                <img\n                    *ngIf=\"!hideIcon\"\n                    [src]=\"node.icon\"\n                    [style.padding-right.px]=\"!rtl ? 5 : null\"\n                    [style.padding-left.px]=\"rtl ? 5 : null\"\n                />\n                <span>{{ text }}</span>\n                <span *ngIf=\"children\">{{ ' ( ' + children.length + ' )' }}</span>\n            </div>\n        </div>\n        <i\n            *ngIf=\"contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"node.Data\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n        ></i>\n        <bsu-htree-create-new\n            *ngIf=\"access?.Add !== false && !inDialog\"\n            [node]=\"node\"\n            [relationList]=\"relationList\"\n            (createNew)=\"onCreateNew($event)\"\n        ></bsu-htree-create-new>\n    </div>\n    <button\n        fd-button\n        *ngIf=\"access?.View && !showOkCancelButtons && deviceName !== 'desktop'\"\n        [glyph]=\"navigationArrow\"\n        fdType=\"transparent\"\n        (click)=\"onNodeViewClick()\"\n    ></button>\n\n    <bsu-barsa-tree-item\n        *cdkDragPreview\n        [node]=\"node\"\n        [rtl]=\"rtl\"\n        [selectedNode]=\"selectedNode\"\n        [hasArrowIcon]=\"false\"\n    ></bsu-barsa-tree-item>\n</li>\n<ng-template #emptyBtn>\n    <div class=\"empty-container\" *ngIf=\"!parentNode?.hasOneDepthLevel\" (click)=\"onRowCheck()\">\n        <button fd-button></button>\n    </div>\n</ng-template>\n", styles: [":host{display:block}li{column-gap:8px}li .cdk-drag-handle{opacity:.5;cursor:move}li .spacer{height:100%}li .arrow-container,li .empty-container{display:flex;width:28px;align-items:center;justify-content:center}li .arrow-container fd-icon,li .empty-container fd-icon{cursor:pointer;width:100%;height:100%;text-align:center}li .arrow-container button[rtl=true],li .empty-container button[rtl=true]{margin-left:5px}li .arrow-container button[rtl=false],li .empty-container button[rtl=false]{margin-right:5px}li .empty-container{visibility:hidden!important}.cdk-drag{cursor:auto}.tree-icon-children{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i3.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { 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: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hasDragDrop", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "isExpand", "children", "parentNode", "text", "isHetro"], outputs: ["createNew", "select", "checkChange", "viewClick", "loadChildren", "dragMoved"] }, { kind: "component", type: HtreeCreateNewComponent, selector: "bsu-htree-create-new", inputs: ["relationList", "node"], outputs: ["createNew"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaTreeItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: { node: "node", selectedNode: "selectedNode", relationList: "relationList", hasDragDrop: "hasDragDrop", hasArrowIcon: "hasArrowIcon", collapseIcon: "collapseIcon", loading: "loading", hasChildren: "hasChildren", isExpand: "isExpand", children: "children", parentNode: "parentNode", text: "text", isHetro: "isHetro" }, outputs: { createNew: "createNew", select: "select", checkChange: "checkChange", viewClick: "viewClick", loadChildren: "loadChildren", dragMoved: "dragMoved" }, usesInheritance: true, ngImport: i0, template: "<li\n    fd-list-item\n    #liEl\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"liEl\"\n    [focusable]=\"true\"\n    [attr.level]=\"level\"\n    [class.root-group]=\"level === 1\"\n    [selected]=\"isChecked\"\n    (dblclick)=\"onNodeViewClick()\"\n    cdkDrag\n    [cdkDragData]=\"node.Data.Id\"\n    (cdkDragMoved)=\"onDragMoved($event)\"\n    (click)=\"onListItemClick(liEl, $event)\"\n>\n    <div (click)=\"onRowCheck()\" class=\"spacer\" [style.width]=\"(level - 1) * 4 + 'rem'\"></div>\n    <fd-icon *ngIf=\"hasDragDrop && !isHetro\" glyph=\"grip\" font=\"BusinessSuiteInAppSymbols\" cdkDragHandle></fd-icon>\n    <fd-checkbox\n        *ngIf=\"inDialog && isMultiSelect\"\n        [name]=\"node.Data.$Caption\"\n        [ngModel]=\"isChecked\"\n        (ngModelChange)=\"onCheckbox($event)\"\n    ></fd-checkbox>\n\n    <div (click)=\"onRowCheck()\" style=\"display: flex; width: 100%; justify-content: space-between\">\n        <div style=\"display: flex; flex: 1\">\n            <ng-container *ngIf=\"hasArrowIcon\">\n                <div class=\"arrow-container\" *ngIf=\"hasChildren; else emptyBtn\">\n                    <button\n                        [attr.rtl]=\"rtl\"\n                        fd-button\n                        fdType=\"transparent\"\n                        [glyph]=\"hasChildren ? (isExpand ? 'less' : collapseIcon) : ''\"\n                        (click)=\"onLoadChildren($event)\"\n                        (dblclick)=\"onExpandDblClick($event)\"\n                    ></button>\n                </div>\n                <fd-busy-indicator\n                    style=\"display: flex; align-items: center; width: 2rem\"\n                    *ngIf=\"loading\"\n                    size=\"s\"\n                    [loading]=\"true\"\n                ></fd-busy-indicator>\n            </ng-container>\n            <div style=\"display: flex; flex: unset; align-items: center\" fd-list-title [focusable]=\"true\">\n                <img\n                    *ngIf=\"!hideIcon\"\n                    [src]=\"node.icon\"\n                    [style.padding-right.px]=\"!rtl ? 5 : null\"\n                    [style.padding-left.px]=\"rtl ? 5 : null\"\n                />\n                <span>{{ text }}</span>\n                <span *ngIf=\"children\">{{ ' ( ' + children.length + ' )' }}</span>\n            </div>\n        </div>\n        <i\n            *ngIf=\"contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"node.Data\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n        ></i>\n        <bsu-htree-create-new\n            *ngIf=\"access?.Add !== false && !inDialog\"\n            [node]=\"node\"\n            [relationList]=\"relationList\"\n            (createNew)=\"onCreateNew($event)\"\n        ></bsu-htree-create-new>\n    </div>\n    <button\n        fd-button\n        *ngIf=\"access?.View && !showOkCancelButtons && deviceName !== 'desktop'\"\n        [glyph]=\"navigationArrow\"\n        fdType=\"transparent\"\n        (click)=\"onNodeViewClick()\"\n    ></button>\n\n    <bsu-barsa-tree-item\n        *cdkDragPreview\n        [node]=\"node\"\n        [rtl]=\"rtl\"\n        [selectedNode]=\"selectedNode\"\n        [hasArrowIcon]=\"false\"\n    ></bsu-barsa-tree-item>\n</li>\n<ng-template #emptyBtn>\n    <div class=\"empty-container\" *ngIf=\"!parentNode?.hasOneDepthLevel\" (click)=\"onRowCheck()\">\n        <button fd-button></button>\n    </div>\n</ng-template>\n", styles: [":host{display:block}li{column-gap:8px}li .cdk-drag-handle{opacity:.5;cursor:move}li .spacer{height:100%}li .arrow-container,li .empty-container{display:flex;width:28px;align-items:center;justify-content:center}li .arrow-container fd-icon,li .empty-container fd-icon{cursor:pointer;width:100%;height:100%;text-align:center}li .arrow-container button[rtl=true],li .empty-container button[rtl=true]{margin-left:5px}li .arrow-container button[rtl=false],li .empty-container button[rtl=false]{margin-right:5px}li .empty-container{visibility:hidden!important}.cdk-drag{cursor:auto}.tree-icon-children{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i3.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { 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: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { 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: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hasDragDrop", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "isExpand", "children", "parentNode", "text", "isHetro"], outputs: ["createNew", "select", "checkChange", "viewClick", "loadChildren", "dragMoved"] }, { kind: "component", type: HtreeCreateNewComponent, selector: "bsu-htree-create-new", inputs: ["relationList", "node"], outputs: ["createNew"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTreeItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-barsa-tree-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li\n    fd-list-item\n    #liEl\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"liEl\"\n    [focusable]=\"true\"\n    [attr.level]=\"level\"\n    [class.root-group]=\"level === 1\"\n    [selected]=\"isChecked\"\n    (dblclick)=\"onNodeViewClick()\"\n    cdkDrag\n    [cdkDragData]=\"node.Data.Id\"\n    (cdkDragMoved)=\"onDragMoved($event)\"\n    (click)=\"onListItemClick(liEl, $event)\"\n>\n    <div (click)=\"onRowCheck()\" class=\"spacer\" [style.width]=\"(level - 1) * 4 + 'rem'\"></div>\n    <fd-icon *ngIf=\"hasDragDrop && !isHetro\" glyph=\"grip\" font=\"BusinessSuiteInAppSymbols\" cdkDragHandle></fd-icon>\n    <fd-checkbox\n        *ngIf=\"inDialog && isMultiSelect\"\n        [name]=\"node.Data.$Caption\"\n        [ngModel]=\"isChecked\"\n        (ngModelChange)=\"onCheckbox($event)\"\n    ></fd-checkbox>\n\n    <div (click)=\"onRowCheck()\" style=\"display: flex; width: 100%; justify-content: space-between\">\n        <div style=\"display: flex; flex: 1\">\n            <ng-container *ngIf=\"hasArrowIcon\">\n                <div class=\"arrow-container\" *ngIf=\"hasChildren; else emptyBtn\">\n                    <button\n                        [attr.rtl]=\"rtl\"\n                        fd-button\n                        fdType=\"transparent\"\n                        [glyph]=\"hasChildren ? (isExpand ? 'less' : collapseIcon) : ''\"\n                        (click)=\"onLoadChildren($event)\"\n                        (dblclick)=\"onExpandDblClick($event)\"\n                    ></button>\n                </div>\n                <fd-busy-indicator\n                    style=\"display: flex; align-items: center; width: 2rem\"\n                    *ngIf=\"loading\"\n                    size=\"s\"\n                    [loading]=\"true\"\n                ></fd-busy-indicator>\n            </ng-container>\n            <div style=\"display: flex; flex: unset; align-items: center\" fd-list-title [focusable]=\"true\">\n                <img\n                    *ngIf=\"!hideIcon\"\n                    [src]=\"node.icon\"\n                    [style.padding-right.px]=\"!rtl ? 5 : null\"\n                    [style.padding-left.px]=\"rtl ? 5 : null\"\n                />\n                <span>{{ text }}</span>\n                <span *ngIf=\"children\">{{ ' ( ' + children.length + ' )' }}</span>\n            </div>\n        </div>\n        <i\n            *ngIf=\"contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"node.Data\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n        ></i>\n        <bsu-htree-create-new\n            *ngIf=\"access?.Add !== false && !inDialog\"\n            [node]=\"node\"\n            [relationList]=\"relationList\"\n            (createNew)=\"onCreateNew($event)\"\n        ></bsu-htree-create-new>\n    </div>\n    <button\n        fd-button\n        *ngIf=\"access?.View && !showOkCancelButtons && deviceName !== 'desktop'\"\n        [glyph]=\"navigationArrow\"\n        fdType=\"transparent\"\n        (click)=\"onNodeViewClick()\"\n    ></button>\n\n    <bsu-barsa-tree-item\n        *cdkDragPreview\n        [node]=\"node\"\n        [rtl]=\"rtl\"\n        [selectedNode]=\"selectedNode\"\n        [hasArrowIcon]=\"false\"\n    ></bsu-barsa-tree-item>\n</li>\n<ng-template #emptyBtn>\n    <div class=\"empty-container\" *ngIf=\"!parentNode?.hasOneDepthLevel\" (click)=\"onRowCheck()\">\n        <button fd-button></button>\n    </div>\n</ng-template>\n", styles: [":host{display:block}li{column-gap:8px}li .cdk-drag-handle{opacity:.5;cursor:move}li .spacer{height:100%}li .arrow-container,li .empty-container{display:flex;width:28px;align-items:center;justify-content:center}li .arrow-container fd-icon,li .empty-container fd-icon{cursor:pointer;width:100%;height:100%;text-align:center}li .arrow-container button[rtl=true],li .empty-container button[rtl=true]{margin-left:5px}li .arrow-container button[rtl=false],li .empty-container button[rtl=false]{margin-right:5px}li .empty-container{visibility:hidden!important}.cdk-drag{cursor:auto}.tree-icon-children{cursor:pointer}\n"] }]
@@ -3957,7 +3985,7 @@ class UiTreeComponent extends ReportTreeBaseComponent {
     }
 }
 UiTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTreeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTreeComponent, selector: "bsu-ui-tree", inputs: { showOkCancelButtons: "showOkCancelButtons" }, usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        renderTree;\n        context: {\n            $implicit: root$ | async,\n            moDataList: flatMoDataList,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: visibleColumns$ | async,\n            groupby: groupby$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: context.Setting.View?.ConditionalFormats,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            hideToolbar: hideToolbar$ | async,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            selectedNode: selectedNode$ | async,\n            navigationArrow: navigationArrow$ | async,\n            collapseIcon: collapseIcon$ | async,\n            relationList: context.Setting.View.RelationList,\n            rtl: rtl$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            isHetro: context.Setting.ClassNames.DataClass === 'Ul.HetroTreeUlvDataCtrlr',\n            selectedMo: selectedMo$ | async\n        }\n    \"\n></ng-container>\n\n<ng-template\n    #renderTree\n    let-root\n    let-moDataList=\"moDataList\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-toolbarButtons=\"toolbarButtons\"\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-access=\"access\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-selectedNode=\"selectedNode\"\n    let-navigationArrow=\"navigationArrow\"\n    let-collapseIcon=\"collapseIcon\"\n    let-rtl=\"rtl\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-relationList=\"relationList\"\n    let-isHetro=\"isHetro\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-selectedMo=\"selectedMo\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n    >\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'collapse-all'\"\n            (click)=\"onCollapseAll()\"\n        ></button>\n        <button\n            fd-button\n            *ngIf=\"!showOkCancelButtons\"\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'move'\"\n            (click)=\"onOpenMoveToDialog(selectedNode, deviceName, moveDialog)\"\n        ></button>\n    </bsu-ulv-toolbar>\n    <bsu-tree-view\n        [rtl]=\"rtl\"\n        [relationList]=\"relationList\"\n        [root]=\"root\"\n        [selectedMo]=\"selectedMo\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [collapseIcon]=\"collapseIcon\"\n        [selectedNode]=\"selectedNode\"\n        [access]=\"access\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [moDataList]=\"moDataList\"\n        [groupby]=\"groupby\"\n        [isHetro]=\"isHetro\"\n        [isCheckList]=\"isCheckList\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        (checkChange)=\"onCheckChange($event)\"\n        (itemDrop)=\"onDrop($event)\"\n        (itemDragMoved)=\"onDragMoved($event)\"\n        (nodeUlvCommand)=\"onNodeUlvCommand($event)\"\n        (nodeViewClick)=\"onNodeViewClick($event)\"\n        (loadChildren)=\"onLoadChildren($event)\"\n        (nodeSelect)=\"onNodeSelect($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (createNew)=\"onCreateNew($event)\"\n    >\n    </bsu-tree-view>\n    <ng-template let-dialog let-dialogConfig=\"dialogConfig\" #moveDialog>\n        <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n            <fd-dialog-header>\n                <h1 fd-title>{{ 'Move' | bbbTranslate }}</h1>\n                <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n            </fd-dialog-header>\n\n            <fd-dialog-body>\n                <div class=\"move-to\" (keydown.enter)=\"onConfirmDialog(dialogSelectedNode)\">\n                    <bsu-tree-view\n                        [rtl]=\"rtl\"\n                        [root]=\"root\"\n                        [access]=\"access\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [deviceName]=\"deviceName\"\n                        [deviceSize]=\"deviceSize\"\n                        [hasDragDrop]=\"false\"\n                        [selectedNode]=\"dialogSelectedNode\"\n                        [moDataList]=\"flatMoDataList\"\n                        [groupby]=\"groupby\"\n                        [isCheckList]=\"isCheckList\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        (loadChildren)=\"onLoadChildren($event)\"\n                        (nodeSelect)=\"onSelectNodeInMoveDialog($event)\"\n                    ></bsu-tree-view>\n                </div>\n            </fd-dialog-body>\n\n            <fd-dialog-footer>\n                <ng-template fdTemplate=\"footer\">\n                    <div fd-bar-right>\n                        <fd-button-bar\n                            fdType=\"emphasized\"\n                            [label]=\"'OK' | bbbTranslate\"\n                            (click)=\"onConfirmDialog(dialogSelectedNode)\"\n                        >\n                        </fd-button-bar>\n                        <fd-button-bar fd-initial-focus [label]=\"'Cancel' | bbbTranslate\" (click)=\"onDismissDialog()\">\n                        </fd-button-bar>\n                    </div>\n                </ng-template>\n            </fd-dialog-footer>\n        </fd-dialog>\n    </ng-template>\n</ng-template>\n", styles: [":host{width:100%;box-sizing:border-box;display:inline-block}\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: 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: 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: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "directive", type: i6$1.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["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: UiTreeViewComponent, selector: "bsu-tree-view", inputs: ["root", "selectedNode", "hasDragDrop", "isHetro", "relationList", "showOkCancelButtons", "collapseIcon"], outputs: ["checkChange", "nodeSelect", "createNew", "loadChildren", "nodeViewClick", "nodeUlvCommand", "itemDrop", "itemDragMoved"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTreeComponent, selector: "bsu-ui-tree", inputs: { showOkCancelButtons: "showOkCancelButtons" }, usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        renderTree;\n        context: {\n            $implicit: root$ | async,\n            moDataList: flatMoDataList,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: visibleColumns$ | async,\n            groupby: groupby$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: context.Setting.View?.ConditionalFormats,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            hideToolbar: hideToolbar$ | async,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            selectedNode: selectedNode$ | async,\n            navigationArrow: navigationArrow$ | async,\n            collapseIcon: collapseIcon$ | async,\n            relationList: context.Setting.View.RelationList,\n            rtl: rtl$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            isHetro: context.Setting.ClassNames.DataClass === 'Ul.HetroTreeUlvDataCtrlr',\n            selectedMo: selectedMo$ | async\n        }\n    \"\n></ng-container>\n\n<ng-template\n    #renderTree\n    let-root\n    let-moDataList=\"moDataList\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-toolbarButtons=\"toolbarButtons\"\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-access=\"access\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-selectedNode=\"selectedNode\"\n    let-navigationArrow=\"navigationArrow\"\n    let-collapseIcon=\"collapseIcon\"\n    let-rtl=\"rtl\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-relationList=\"relationList\"\n    let-isHetro=\"isHetro\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-selectedMo=\"selectedMo\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n    >\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'collapse-all'\"\n            (click)=\"onCollapseAll()\"\n        ></button>\n        <button\n            fd-button\n            *ngIf=\"!showOkCancelButtons\"\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'move'\"\n            (click)=\"onOpenMoveToDialog(selectedNode, deviceName, moveDialog)\"\n        ></button>\n    </bsu-ulv-toolbar>\n    <bsu-tree-view\n        [rtl]=\"rtl\"\n        [relationList]=\"relationList\"\n        [root]=\"root\"\n        [selectedMo]=\"selectedMo\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [collapseIcon]=\"collapseIcon\"\n        [selectedNode]=\"selectedNode\"\n        [access]=\"access\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [moDataList]=\"moDataList\"\n        [groupby]=\"groupby\"\n        [isHetro]=\"isHetro\"\n        [isCheckList]=\"isCheckList\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        (checkChange)=\"onCheckChange($event)\"\n        (itemDrop)=\"onDrop($event)\"\n        (itemDragMoved)=\"onDragMoved($event)\"\n        (nodeUlvCommand)=\"onNodeUlvCommand($event)\"\n        (nodeViewClick)=\"onNodeViewClick($event)\"\n        (loadChildren)=\"onLoadChildren($event)\"\n        (nodeSelect)=\"onNodeSelect($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (createNew)=\"onCreateNew($event)\"\n    >\n    </bsu-tree-view>\n    <ng-template let-dialog let-dialogConfig=\"dialogConfig\" #moveDialog>\n        <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n            <fd-dialog-header>\n                <h1 fd-title>{{ 'Move' | bbbTranslate }}</h1>\n                <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n            </fd-dialog-header>\n\n            <fd-dialog-body>\n                <div class=\"move-to\" (keydown.enter)=\"onConfirmDialog(dialogSelectedNode)\">\n                    <bsu-tree-view\n                        [rtl]=\"rtl\"\n                        [root]=\"root\"\n                        [access]=\"access\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [deviceName]=\"deviceName\"\n                        [deviceSize]=\"deviceSize\"\n                        [hasDragDrop]=\"false\"\n                        [selectedNode]=\"dialogSelectedNode\"\n                        [moDataList]=\"flatMoDataList\"\n                        [groupby]=\"groupby\"\n                        [isCheckList]=\"isCheckList\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        (loadChildren)=\"onLoadChildren($event)\"\n                        (nodeSelect)=\"onSelectNodeInMoveDialog($event)\"\n                    ></bsu-tree-view>\n                </div>\n            </fd-dialog-body>\n\n            <fd-dialog-footer>\n                <ng-template fdTemplate=\"footer\">\n                    <div fd-bar-right>\n                        <fd-button-bar\n                            fdType=\"emphasized\"\n                            [label]=\"'OK' | bbbTranslate\"\n                            (click)=\"onConfirmDialog(dialogSelectedNode)\"\n                        >\n                        </fd-button-bar>\n                        <fd-button-bar fd-initial-focus [label]=\"'Cancel' | bbbTranslate\" (click)=\"onDismissDialog()\">\n                        </fd-button-bar>\n                    </div>\n                </ng-template>\n            </fd-dialog-footer>\n        </fd-dialog>\n    </ng-template>\n</ng-template>\n", styles: [":host{width:100%;box-sizing:border-box;display:inline-block}\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: 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: 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: "directive", type: i6$2.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "directive", type: i6$2.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["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: UiTreeViewComponent, selector: "bsu-tree-view", inputs: ["root", "selectedNode", "hasDragDrop", "isHetro", "relationList", "showOkCancelButtons", "collapseIcon"], outputs: ["checkChange", "nodeSelect", "createNew", "loadChildren", "nodeViewClick", "nodeUlvCommand", "itemDrop", "itemDragMoved"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-tree', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"\n        renderTree;\n        context: {\n            $implicit: root$ | async,\n            moDataList: flatMoDataList,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: visibleColumns$ | async,\n            groupby: groupby$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: context.Setting.View?.ConditionalFormats,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            hideToolbar: hideToolbar$ | async,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            selectedNode: selectedNode$ | async,\n            navigationArrow: navigationArrow$ | async,\n            collapseIcon: collapseIcon$ | async,\n            relationList: context.Setting.View.RelationList,\n            rtl: rtl$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            isHetro: context.Setting.ClassNames.DataClass === 'Ul.HetroTreeUlvDataCtrlr',\n            selectedMo: selectedMo$ | async\n        }\n    \"\n></ng-container>\n\n<ng-template\n    #renderTree\n    let-root\n    let-moDataList=\"moDataList\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-toolbarButtons=\"toolbarButtons\"\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-access=\"access\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-selectedNode=\"selectedNode\"\n    let-navigationArrow=\"navigationArrow\"\n    let-collapseIcon=\"collapseIcon\"\n    let-rtl=\"rtl\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-relationList=\"relationList\"\n    let-isHetro=\"isHetro\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-selectedMo=\"selectedMo\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n    >\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'collapse-all'\"\n            (click)=\"onCollapseAll()\"\n        ></button>\n        <button\n            fd-button\n            *ngIf=\"!showOkCancelButtons\"\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'move'\"\n            (click)=\"onOpenMoveToDialog(selectedNode, deviceName, moveDialog)\"\n        ></button>\n    </bsu-ulv-toolbar>\n    <bsu-tree-view\n        [rtl]=\"rtl\"\n        [relationList]=\"relationList\"\n        [root]=\"root\"\n        [selectedMo]=\"selectedMo\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [collapseIcon]=\"collapseIcon\"\n        [selectedNode]=\"selectedNode\"\n        [access]=\"access\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [moDataList]=\"moDataList\"\n        [groupby]=\"groupby\"\n        [isHetro]=\"isHetro\"\n        [isCheckList]=\"isCheckList\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        (checkChange)=\"onCheckChange($event)\"\n        (itemDrop)=\"onDrop($event)\"\n        (itemDragMoved)=\"onDragMoved($event)\"\n        (nodeUlvCommand)=\"onNodeUlvCommand($event)\"\n        (nodeViewClick)=\"onNodeViewClick($event)\"\n        (loadChildren)=\"onLoadChildren($event)\"\n        (nodeSelect)=\"onNodeSelect($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (createNew)=\"onCreateNew($event)\"\n    >\n    </bsu-tree-view>\n    <ng-template let-dialog let-dialogConfig=\"dialogConfig\" #moveDialog>\n        <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n            <fd-dialog-header>\n                <h1 fd-title>{{ 'Move' | bbbTranslate }}</h1>\n                <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n            </fd-dialog-header>\n\n            <fd-dialog-body>\n                <div class=\"move-to\" (keydown.enter)=\"onConfirmDialog(dialogSelectedNode)\">\n                    <bsu-tree-view\n                        [rtl]=\"rtl\"\n                        [root]=\"root\"\n                        [access]=\"access\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [deviceName]=\"deviceName\"\n                        [deviceSize]=\"deviceSize\"\n                        [hasDragDrop]=\"false\"\n                        [selectedNode]=\"dialogSelectedNode\"\n                        [moDataList]=\"flatMoDataList\"\n                        [groupby]=\"groupby\"\n                        [isCheckList]=\"isCheckList\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        (loadChildren)=\"onLoadChildren($event)\"\n                        (nodeSelect)=\"onSelectNodeInMoveDialog($event)\"\n                    ></bsu-tree-view>\n                </div>\n            </fd-dialog-body>\n\n            <fd-dialog-footer>\n                <ng-template fdTemplate=\"footer\">\n                    <div fd-bar-right>\n                        <fd-button-bar\n                            fdType=\"emphasized\"\n                            [label]=\"'OK' | bbbTranslate\"\n                            (click)=\"onConfirmDialog(dialogSelectedNode)\"\n                        >\n                        </fd-button-bar>\n                        <fd-button-bar fd-initial-focus [label]=\"'Cancel' | bbbTranslate\" (click)=\"onDismissDialog()\">\n                        </fd-button-bar>\n                    </div>\n                </ng-template>\n            </fd-dialog-footer>\n        </fd-dialog>\n    </ng-template>\n</ng-template>\n", styles: [":host{width:100%;box-sizing:border-box;display:inline-block}\n"] }]
@@ -4135,7 +4163,7 @@ class FileViewerComponent extends BaseComponent {
     }
 }
 FileViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FileViewerComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-FileViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FileViewerComponent, selector: "bsu-file-viewer", viewQueries: [{ propertyName: "gallery", first: true, predicate: ["gallery"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog #dialogTpl class=\"vertical\">\n    <fd-dialog-header>\n        <ng-template fdTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h3 fd-title>{{ title | bbbTranslate }}</h3>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-button-bar\n                    ariaLabel=\"Fit image size\"\n                    [glyph]=\"'resize'\"\n                    [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\n                    (click)=\"fillWidth = !fillWidth\"\n                ></fd-button-bar>\n                <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onClose()\"></fd-button-bar>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body #fdbody>\n        <div #gallery class=\"gallery inDialog\" *ngIf=\"isImageGallery\">\n            <ng-container *ngFor=\"let media of files; let i = index\">\n                <bsu-file-viewer-content\n                    [deviceSize]=\"deviceSize\"\n                    [file]=\"selectedFile\"\n                    [imageOnly]=\"true\"\n                ></bsu-file-viewer-content>\n            </ng-container>\n        </div>\n        <div class=\"gallery\" *ngIf=\"!isImageGallery\">\n            <ng-container *ngIf=\"selectedFile\">\n                <bsu-file-viewer-content\n                    [deviceSize]=\"deviceSize\"\n                    [fillWidth]=\"fillWidth\"\n                    [file]=\"selectedFile\"\n                ></bsu-file-viewer-content>\n            </ng-container>\n        </div>\n        <div *ngIf=\"deviceSize !== 's'\" class=\"thumbnail\" style=\"flex-shrink: 1\">\n            <ng-cotainer *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: files }\"></ng-cotainer>\n        </div>\n    </fd-dialog-body>\n</fd-dialog>\n<ng-template #layoutGridTpl let-files>\n    <fd-layout-grid>\n        <div fdLayoutGridRow *ngIf=\"files\">\n            <div\n                *ngFor=\"let file of files; let i = index\"\n                [fdLayoutGridCol]=\"6\"\n                [colMd]=\"3\"\n                [colLg]=\"2\"\n                [colXl]=\"2\"\n                (click)=\"onMedaiClick(file, i)\"\n            >\n                <bsu-file-viewer-content\n                    [cardMode]=\"true\"\n                    [deviceSize]=\"deviceSize\"\n                    [cardContentHeight]=\"'120px'\"\n                    [file]=\"file\"\n                ></bsu-file-viewer-content>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n", styles: ["fd-dialog .gallery{overflow:auto}fd-dialog .gallery .pics{position:relative}fd-dialog fd-dialog-body{display:flex}fd-dialog.horizontal fd-dialog-body{flex-direction:column}fd-dialog.horizontal .gallery{flex-direction:row}fd-dialog.horizontal .thumbnail{border-top:1px solid #ccc;overflow-x:auto}fd-dialog.vertical fd-dialog-body{flex-direction:row-reverse;padding:0}fd-dialog.vertical .gallery{flex-direction:column;height:100%;flex:1}fd-dialog.vertical .thumbnail{border:1px solid #ccc;height:100%;width:200px;overflow-y:auto}fd-dialog.vertical .thumbnail ::ng-deep .fd-row>div{width:100%;min-width:100%}fd-card.media fd-card-footer button{border:none}fd-card.inDialog fd-card-header{padding-top:5px;padding-bottom:5px}.fd-col{min-width:165px}\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: 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$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: 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$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "cardMode", "showFooter", "showContent", "width", "deviceSize", "cardContentHeight", "file"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FileViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FileViewerComponent, selector: "bsu-file-viewer", viewQueries: [{ propertyName: "gallery", first: true, predicate: ["gallery"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog #dialogTpl class=\"vertical\">\n    <fd-dialog-header>\n        <ng-template fdTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h3 fd-title>{{ title | bbbTranslate }}</h3>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-button-bar\n                    ariaLabel=\"Fit image size\"\n                    [glyph]=\"'resize'\"\n                    [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\n                    (click)=\"fillWidth = !fillWidth\"\n                ></fd-button-bar>\n                <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onClose()\"></fd-button-bar>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body #fdbody>\n        <div #gallery class=\"gallery inDialog\" *ngIf=\"isImageGallery\">\n            <ng-container *ngFor=\"let media of files; let i = index\">\n                <bsu-file-viewer-content\n                    [deviceSize]=\"deviceSize\"\n                    [file]=\"selectedFile\"\n                    [imageOnly]=\"true\"\n                ></bsu-file-viewer-content>\n            </ng-container>\n        </div>\n        <div class=\"gallery\" *ngIf=\"!isImageGallery\">\n            <ng-container *ngIf=\"selectedFile\">\n                <bsu-file-viewer-content\n                    [deviceSize]=\"deviceSize\"\n                    [fillWidth]=\"fillWidth\"\n                    [file]=\"selectedFile\"\n                ></bsu-file-viewer-content>\n            </ng-container>\n        </div>\n        <div *ngIf=\"deviceSize !== 's'\" class=\"thumbnail\" style=\"flex-shrink: 1\">\n            <ng-cotainer *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: files }\"></ng-cotainer>\n        </div>\n    </fd-dialog-body>\n</fd-dialog>\n<ng-template #layoutGridTpl let-files>\n    <fd-layout-grid>\n        <div fdLayoutGridRow *ngIf=\"files\">\n            <div\n                *ngFor=\"let file of files; let i = index\"\n                [fdLayoutGridCol]=\"6\"\n                [colMd]=\"3\"\n                [colLg]=\"2\"\n                [colXl]=\"2\"\n                (click)=\"onMedaiClick(file, i)\"\n            >\n                <bsu-file-viewer-content\n                    [cardMode]=\"true\"\n                    [deviceSize]=\"deviceSize\"\n                    [cardContentHeight]=\"'120px'\"\n                    [file]=\"file\"\n                ></bsu-file-viewer-content>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n", styles: ["fd-dialog .gallery{overflow:auto}fd-dialog .gallery .pics{position:relative}fd-dialog fd-dialog-body{display:flex}fd-dialog.horizontal fd-dialog-body{flex-direction:column}fd-dialog.horizontal .gallery{flex-direction:row}fd-dialog.horizontal .thumbnail{border-top:1px solid #ccc;overflow-x:auto}fd-dialog.vertical fd-dialog-body{flex-direction:row-reverse;padding:0}fd-dialog.vertical .gallery{flex-direction:column;height:100%;flex:1}fd-dialog.vertical .thumbnail{border:1px solid #ccc;height:100%;width:200px;overflow-y:auto}fd-dialog.vertical .thumbnail ::ng-deep .fd-row>div{width:100%;min-width:100%}fd-card.media fd-card-footer button{border:none}fd-card.inDialog fd-card-header{padding-top:5px;padding-bottom:5px}.fd-col{min-width:165px}\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: 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$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: 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: FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "cardMode", "showFooter", "showContent", "width", "deviceSize", "cardContentHeight", "file"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FileViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-file-viewer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog #dialogTpl class=\"vertical\">\n    <fd-dialog-header>\n        <ng-template fdTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h3 fd-title>{{ title | bbbTranslate }}</h3>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-button-bar\n                    ariaLabel=\"Fit image size\"\n                    [glyph]=\"'resize'\"\n                    [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\n                    (click)=\"fillWidth = !fillWidth\"\n                ></fd-button-bar>\n                <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onClose()\"></fd-button-bar>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body #fdbody>\n        <div #gallery class=\"gallery inDialog\" *ngIf=\"isImageGallery\">\n            <ng-container *ngFor=\"let media of files; let i = index\">\n                <bsu-file-viewer-content\n                    [deviceSize]=\"deviceSize\"\n                    [file]=\"selectedFile\"\n                    [imageOnly]=\"true\"\n                ></bsu-file-viewer-content>\n            </ng-container>\n        </div>\n        <div class=\"gallery\" *ngIf=\"!isImageGallery\">\n            <ng-container *ngIf=\"selectedFile\">\n                <bsu-file-viewer-content\n                    [deviceSize]=\"deviceSize\"\n                    [fillWidth]=\"fillWidth\"\n                    [file]=\"selectedFile\"\n                ></bsu-file-viewer-content>\n            </ng-container>\n        </div>\n        <div *ngIf=\"deviceSize !== 's'\" class=\"thumbnail\" style=\"flex-shrink: 1\">\n            <ng-cotainer *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: files }\"></ng-cotainer>\n        </div>\n    </fd-dialog-body>\n</fd-dialog>\n<ng-template #layoutGridTpl let-files>\n    <fd-layout-grid>\n        <div fdLayoutGridRow *ngIf=\"files\">\n            <div\n                *ngFor=\"let file of files; let i = index\"\n                [fdLayoutGridCol]=\"6\"\n                [colMd]=\"3\"\n                [colLg]=\"2\"\n                [colXl]=\"2\"\n                (click)=\"onMedaiClick(file, i)\"\n            >\n                <bsu-file-viewer-content\n                    [cardMode]=\"true\"\n                    [deviceSize]=\"deviceSize\"\n                    [cardContentHeight]=\"'120px'\"\n                    [file]=\"file\"\n                ></bsu-file-viewer-content>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n", styles: ["fd-dialog .gallery{overflow:auto}fd-dialog .gallery .pics{position:relative}fd-dialog fd-dialog-body{display:flex}fd-dialog.horizontal fd-dialog-body{flex-direction:column}fd-dialog.horizontal .gallery{flex-direction:row}fd-dialog.horizontal .thumbnail{border-top:1px solid #ccc;overflow-x:auto}fd-dialog.vertical fd-dialog-body{flex-direction:row-reverse;padding:0}fd-dialog.vertical .gallery{flex-direction:column;height:100%;flex:1}fd-dialog.vertical .thumbnail{border:1px solid #ccc;height:100%;width:200px;overflow-y:auto}fd-dialog.vertical .thumbnail ::ng-deep .fd-row>div{width:100%;min-width:100%}fd-card.media fd-card-footer button{border:none}fd-card.inDialog fd-card-header{padding-top:5px;padding-bottom:5px}.fd-col{min-width:165px}\n"] }]
@@ -4271,7 +4299,7 @@ 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=\"'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 #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$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i7$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i7$3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "component", type: i7$3.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: "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\">\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=\"'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 #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$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i7$3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "component", type: i7$3.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: "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=\"'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 #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"] }]
@@ -4792,7 +4820,7 @@ 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], usesInheritance: true, ngImport: i0, template: "<fd-card\n    cardType=\"quickView\"\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 : contentTemplate;\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 #contentTemplate 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>\n                <fd-quick-view-group-item-content *ngIf=\"setting.DescriptionField\">\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 #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 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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "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.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: i9.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i9.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i9.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i9.QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle" }, { kind: "component", type: i9.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i9.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i9.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i9.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i9.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], usesInheritance: true, ngImport: i0, template: "<fd-card\n    cardType=\"quickView\"\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 : contentTemplate;\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 #contentTemplate 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>\n                <fd-quick-view-group-item-content *ngIf=\"setting.DescriptionField\">\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 #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 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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "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: i9.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i9.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i9.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i9.QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle" }, { kind: "component", type: i9.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i9.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i9.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i9.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i9.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=\"quickView\"\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 : contentTemplate;\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 #contentTemplate 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>\n                <fd-quick-view-group-item-content *ngIf=\"setting.DescriptionField\">\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 #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 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"] }]
@@ -4829,7 +4857,7 @@ class CardViewContentComponent extends BaseViewContentPropsComponent {
     }
 }
 CardViewContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardViewContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardViewContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardViewContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardViewContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-card-view-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border-color:var(--sapList_SelectionBorderColor, #0854a0)}::ng-deep .card-list .selected fd-card,::ng-deep .card-list .selected fd-card-header,::ng-deep .card-list .selected .fd-bar--footer,::ng-deep .card-list .selected fd-quick-view-subheader .fd-bar{background-color:inherit}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\n"] }]
@@ -4867,7 +4895,7 @@ class UiCardViewComponent extends ReportViewBaseComponent {
     }
 }
 UiCardViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiCardViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiCardViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiCardViewComponent, selector: "bsu-ui-card-view", usesInheritance: true, ngImport: i0, template: "<fd-layout-panel>\n    <fd-layout-panel-body [bleed]=\"true\">\n        <table fd-table *ngIf=\"isCheckList\">\n            <thead fd-table-header>\n                <tr fd-table-row>\n                    <th fd-table-cell>\n                        <fd-checkbox\n                            name=\"allCheckbox\"\n                            [ngModel]=\"allChecked\"\n                            (ngModelChange)=\"onAllCheckbox($event)\"\n                            >{{ 'All' | bbbTranslate }}</fd-checkbox\n                        >\n                    </th>\n                </tr>\n            </thead>\n        </table>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n<bsu-card-view-content\n    [moDataList]=\"moDataList\"\n    [groupby]=\"groupby\"\n    [setting]=\"cardSetting\"\n    [inlineEditMode]=\"inlineEditMode\"\n    [allowInlineEdit]=\"allowInlineEdit\"\n    [rtl]=\"rtl\"\n    [deviceName]=\"deviceName\"\n    [deviceSize]=\"deviceSize\"\n    [allColumns]=\"allColumns\"\n    [contextMenuItems]=\"contextMenuItems\"\n    [canView]=\"canView\"\n    [formSetting]=\"formSetting\"\n    [conditionalFormats]=\"conditionalFormats\"\n    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n    [navigationArrow]=\"navigationArrow\"\n    [isCheckList]=\"isCheckList\"\n    (rowCheck)=\"onRowCheck($event)\"\n    (rowClick)=\"onRowClick($event)\"\n    (ulvCommand)=\"onUlvCommand($event)\"\n    (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n    (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n    (action)=\"onAction($event)\"\n></bsu-card-view-content>\n", styles: ["fd-layout-panel{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i7$4.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i7$4.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { 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.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: "component", type: CardViewContentComponent, selector: "bsu-card-view-content" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiCardViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiCardViewComponent, selector: "bsu-ui-card-view", usesInheritance: true, ngImport: i0, template: "<fd-layout-panel>\n    <fd-layout-panel-body [bleed]=\"true\">\n        <table fd-table *ngIf=\"isCheckList\">\n            <thead fd-table-header>\n                <tr fd-table-row>\n                    <th fd-table-cell>\n                        <fd-checkbox\n                            name=\"allCheckbox\"\n                            [ngModel]=\"allChecked\"\n                            (ngModelChange)=\"onAllCheckbox($event)\"\n                            >{{ 'All' | bbbTranslate }}</fd-checkbox\n                        >\n                    </th>\n                </tr>\n            </thead>\n        </table>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n<bsu-card-view-content\n    [moDataList]=\"moDataList\"\n    [groupby]=\"groupby\"\n    [setting]=\"cardSetting\"\n    [inlineEditMode]=\"inlineEditMode\"\n    [allowInlineEdit]=\"allowInlineEdit\"\n    [rtl]=\"rtl\"\n    [deviceName]=\"deviceName\"\n    [deviceSize]=\"deviceSize\"\n    [allColumns]=\"allColumns\"\n    [contextMenuItems]=\"contextMenuItems\"\n    [canView]=\"canView\"\n    [formSetting]=\"formSetting\"\n    [conditionalFormats]=\"conditionalFormats\"\n    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n    [navigationArrow]=\"navigationArrow\"\n    [isCheckList]=\"isCheckList\"\n    (rowCheck)=\"onRowCheck($event)\"\n    (rowClick)=\"onRowClick($event)\"\n    (ulvCommand)=\"onUlvCommand($event)\"\n    (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n    (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n    (action)=\"onAction($event)\"\n></bsu-card-view-content>\n", styles: ["fd-layout-panel{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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: i7$4.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i7$4.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: i4$2.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { 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: "component", type: CardViewContentComponent, selector: "bsu-card-view-content" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiCardViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-card-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-layout-panel>\n    <fd-layout-panel-body [bleed]=\"true\">\n        <table fd-table *ngIf=\"isCheckList\">\n            <thead fd-table-header>\n                <tr fd-table-row>\n                    <th fd-table-cell>\n                        <fd-checkbox\n                            name=\"allCheckbox\"\n                            [ngModel]=\"allChecked\"\n                            (ngModelChange)=\"onAllCheckbox($event)\"\n                            >{{ 'All' | bbbTranslate }}</fd-checkbox\n                        >\n                    </th>\n                </tr>\n            </thead>\n        </table>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n<bsu-card-view-content\n    [moDataList]=\"moDataList\"\n    [groupby]=\"groupby\"\n    [setting]=\"cardSetting\"\n    [inlineEditMode]=\"inlineEditMode\"\n    [allowInlineEdit]=\"allowInlineEdit\"\n    [rtl]=\"rtl\"\n    [deviceName]=\"deviceName\"\n    [deviceSize]=\"deviceSize\"\n    [allColumns]=\"allColumns\"\n    [contextMenuItems]=\"contextMenuItems\"\n    [canView]=\"canView\"\n    [formSetting]=\"formSetting\"\n    [conditionalFormats]=\"conditionalFormats\"\n    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n    [navigationArrow]=\"navigationArrow\"\n    [isCheckList]=\"isCheckList\"\n    (rowCheck)=\"onRowCheck($event)\"\n    (rowClick)=\"onRowClick($event)\"\n    (ulvCommand)=\"onUlvCommand($event)\"\n    (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n    (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n    (action)=\"onAction($event)\"\n></bsu-card-view-content>\n", styles: ["fd-layout-panel{box-shadow:none}\n"] }]
@@ -4883,7 +4911,7 @@ class ListItemComponent extends BaseViewItemPropsComponent {
     }
 }
 ListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ListItemComponent, selector: "bsu-list-item", inputs: { setting: "setting", isDisplayType: "isDisplayType" }, usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"isDisplayType ? displayTemplate : standardTemplate; context: { $implicit: mo }\"\n></ng-container>\n<ng-template #standardTemplate let-mo>\n    <li\n        fd-list-item\n        class=\"standard-list-row\"\n        [ngClass]=\"deviceSize\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [class.selected]=\"isChecked === true\"\n        [selected]=\"isChecked === true\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n        >\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (change)=\"onRowCheck2($event)\"\n            ></fd-checkbox>\n\n            <span fd-list-thumbnail *ngIf=\"setting.IconFont || setting.AvatarField\">\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [style.color]=\"setting.IconColor ? setting.IconColor : null\"\n                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\n                    [transparent]=\"true\"\n                    [glyph]=\"\n                        setting.IconFont ??\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n            </span>\n            <div fd-list-content>\n                <div fd-list-byline [twoCol]=\"true\">\n                    <div fd-list-title>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.TitleField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats,\n                                    index: 0\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                    <div fd-list-byline [style.padding-left]=\"canView && deviceName === 'desktop' ? '.9rem' : '0'\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.StatusField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n                <div fd-list-byline>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderColumn;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                conditionalFormats: conditionalFormats\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n            </div>\n            <bsu-ulv-context-menu\n                *ngIf=\"contextMenuItems.length\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n            <button\n                *ngIf=\"canView && !hideOpenIcon\"\n                (click)=\"onRowClick()\"\n                fdType=\"transparent\"\n                [glyph]=\"navigationArrow\"\n                fd-button\n            ></button>\n        </a>\n    </li>\n</ng-template>\n<ng-template #displayTemplate let-mo>\n    <li\n        class=\"display\"\n        [ngClass]=\"deviceSize\"\n        fd-list-item\n        [interactive]=\"false\"\n        *ngIf=\"!mo.parent || mo.parent?.expanded\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            style=\"cursor: default\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n            style=\"column-gap: 3px\"\n        >\n            <img\n                *ngIf=\"setting.AvatarField\"\n                [src]=\"mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId\"\n                style=\"width: 24px; height: 24px\"\n            />\n            <i\n                fd-list-icon\n                *ngIf=\"setting.IconFont\"\n                [glyph]=\"setting.IconFont\"\n                [style.color]=\"setting.IconColor ? setting.IconColor : null\"\n            >\n            </i>\n            <i fd-list-icon *ngIf=\"!setting.IconFont && mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></i>\n            <i fd-list-icon *ngIf=\"!setting.IconFont && inlineEditMode && isChecked\" glyph=\"edit\"></i>\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (change)=\"onRowCheck2($event)\"\n            ></fd-checkbox>\n            <span fd-list-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.TitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: 0\n                        }\n                    \"\n                ></ng-container>\n            </span>\n            <span fd-list-secondary [dir]=\"rtl ? 'ltr' : 'rtl'\" [class.flex1]=\"contextMenuItems.length === 0\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n                <button\n                    *ngIf=\"canView && !hideOpenIcon\"\n                    fd-button\n                    (click)=\"onRowClick()\"\n                    [glyph]=\"navigationArrow\"\n                    fdType=\"transparent\"\n                ></button>\n                <bsu-ulv-context-menu\n                    *ngIf=\"contextMenuItems.length\"\n                    [menuItems]=\"contextMenuItems\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [styleIndex]=\"styleIndex\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></bsu-ulv-context-menu>\n            </span>\n        </a>\n    </li>\n</ng-template>\n<ng-template\n    #renderColumn\n    let-column\n    let-mo=\"mo\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-index=\"index\"\n    let-layout94=\"layout94\"\n>\n    <ng-container *ngIf=\"column\">\n        <div\n            #divEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"divEl\"\n            [dbName]=\"column.Name\"\n        >\n            <bsu-column-renderer\n                [mo]=\"mo\"\n                [column]=\"column\"\n                [disableEllapsis]=\"true\"\n                [value]=\"column | columnValue: mo | bbbTranslate\"\n                [icon]=\"column | columnIcon: mo\"\n                [editMode]=\"inlineEditMode && allowInlineEdit\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [controlUi]=\"column.Caption | controlUi: layout94\"\n                (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n                (keyup.esc)=\"onEditFormPanelCancel($event)\"\n                (keydown.Tab)=\"onTabKeyDown($event, index)\"\n                [formLayoutShowLabel]=\"true\"\n            ></bsu-column-renderer>\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [":host li.s{height:auto}:host .flex1{flex:1;display:flex;justify-content:start}\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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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.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.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.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i8.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i8.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated"] }, { 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: 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 });
+ListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ListItemComponent, selector: "bsu-list-item", inputs: { setting: "setting", isDisplayType: "isDisplayType" }, usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"isDisplayType ? displayTemplate : standardTemplate; context: { $implicit: mo }\"\n></ng-container>\n<ng-template #standardTemplate let-mo>\n    <li\n        fd-list-item\n        class=\"standard-list-row\"\n        [ngClass]=\"deviceSize\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [class.selected]=\"isChecked === true\"\n        [selected]=\"isChecked === true\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n        >\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (change)=\"onRowCheck2($event)\"\n            ></fd-checkbox>\n\n            <span fd-list-thumbnail *ngIf=\"setting.IconFont || setting.AvatarField\">\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [style.color]=\"setting.IconColor ? setting.IconColor : null\"\n                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\n                    [transparent]=\"true\"\n                    [glyph]=\"\n                        setting.IconFont ??\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n            </span>\n            <div fd-list-content>\n                <div fd-list-byline [twoCol]=\"true\">\n                    <div fd-list-title>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.TitleField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats,\n                                    index: 0\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                    <div fd-list-byline [style.padding-left]=\"canView && deviceName === 'desktop' ? '.9rem' : '0'\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.StatusField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n                <div fd-list-byline>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderColumn;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                conditionalFormats: conditionalFormats\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n            </div>\n            <bsu-ulv-context-menu\n                *ngIf=\"contextMenuItems.length\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n            <button\n                *ngIf=\"canView && !hideOpenIcon\"\n                (click)=\"onRowClick()\"\n                fdType=\"transparent\"\n                [glyph]=\"navigationArrow\"\n                fd-button\n            ></button>\n        </a>\n    </li>\n</ng-template>\n<ng-template #displayTemplate let-mo>\n    <li\n        class=\"display\"\n        [ngClass]=\"deviceSize\"\n        fd-list-item\n        [interactive]=\"false\"\n        *ngIf=\"!mo.parent || mo.parent?.expanded\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            style=\"cursor: default\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n            style=\"column-gap: 3px\"\n        >\n            <img\n                *ngIf=\"setting.AvatarField\"\n                [src]=\"mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId\"\n                style=\"width: 24px; height: 24px\"\n            />\n            <i\n                fd-list-icon\n                *ngIf=\"setting.IconFont\"\n                [glyph]=\"setting.IconFont\"\n                [style.color]=\"setting.IconColor ? setting.IconColor : null\"\n            >\n            </i>\n            <i fd-list-icon *ngIf=\"!setting.IconFont && mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></i>\n            <i fd-list-icon *ngIf=\"!setting.IconFont && inlineEditMode && isChecked\" glyph=\"edit\"></i>\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (change)=\"onRowCheck2($event)\"\n            ></fd-checkbox>\n            <span fd-list-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.TitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: 0\n                        }\n                    \"\n                ></ng-container>\n            </span>\n            <span fd-list-secondary [dir]=\"rtl ? 'ltr' : 'rtl'\" [class.flex1]=\"contextMenuItems.length === 0\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n                <button\n                    *ngIf=\"canView && !hideOpenIcon\"\n                    fd-button\n                    (click)=\"onRowClick()\"\n                    [glyph]=\"navigationArrow\"\n                    fdType=\"transparent\"\n                ></button>\n                <bsu-ulv-context-menu\n                    *ngIf=\"contextMenuItems.length\"\n                    [menuItems]=\"contextMenuItems\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [styleIndex]=\"styleIndex\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></bsu-ulv-context-menu>\n            </span>\n        </a>\n    </li>\n</ng-template>\n<ng-template\n    #renderColumn\n    let-column\n    let-mo=\"mo\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-index=\"index\"\n    let-layout94=\"layout94\"\n>\n    <ng-container *ngIf=\"column\">\n        <div\n            #divEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"divEl\"\n            [dbName]=\"column.Name\"\n        >\n            <bsu-column-renderer\n                [mo]=\"mo\"\n                [column]=\"column\"\n                [disableEllapsis]=\"true\"\n                [value]=\"column | columnValue: mo | bbbTranslate\"\n                [icon]=\"column | columnIcon: mo\"\n                [editMode]=\"inlineEditMode && allowInlineEdit\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [controlUi]=\"column.Caption | controlUi: layout94\"\n                (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n                (keyup.esc)=\"onEditFormPanelCancel($event)\"\n                (keydown.Tab)=\"onTabKeyDown($event, index)\"\n                [formLayoutShowLabel]=\"true\"\n            ></bsu-column-renderer>\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [":host li.s{height:auto}:host .flex1{flex:1;display:flex;justify-content:start}\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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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$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.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.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i8.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i8.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated"] }, { 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: 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: ListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"isDisplayType ? displayTemplate : standardTemplate; context: { $implicit: mo }\"\n></ng-container>\n<ng-template #standardTemplate let-mo>\n    <li\n        fd-list-item\n        class=\"standard-list-row\"\n        [ngClass]=\"deviceSize\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [class.selected]=\"isChecked === true\"\n        [selected]=\"isChecked === true\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n        >\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (change)=\"onRowCheck2($event)\"\n            ></fd-checkbox>\n\n            <span fd-list-thumbnail *ngIf=\"setting.IconFont || setting.AvatarField\">\n                <fd-avatar\n                    alterIcon=\"alt|content|backup|default-icon\"\n                    [style.color]=\"setting.IconColor ? setting.IconColor : null\"\n                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\n                    [transparent]=\"true\"\n                    [glyph]=\"\n                        setting.IconFont ??\n                        (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                    \"\n                >\n                </fd-avatar>\n            </span>\n            <div fd-list-content>\n                <div fd-list-byline [twoCol]=\"true\">\n                    <div fd-list-title>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.TitleField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats,\n                                    index: 0\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                    <div fd-list-byline [style.padding-left]=\"canView && deviceName === 'desktop' ? '.9rem' : '0'\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                renderColumn;\n                                context: {\n                                    $implicit: setting.StatusField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    conditionalFormats: conditionalFormats\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </div>\n                <div fd-list-byline>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            renderColumn;\n                            context: {\n                                $implicit: setting.SubtitleField,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                conditionalFormats: conditionalFormats\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n            </div>\n            <bsu-ulv-context-menu\n                *ngIf=\"contextMenuItems.length\"\n                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n            <button\n                *ngIf=\"canView && !hideOpenIcon\"\n                (click)=\"onRowClick()\"\n                fdType=\"transparent\"\n                [glyph]=\"navigationArrow\"\n                fd-button\n            ></button>\n        </a>\n    </li>\n</ng-template>\n<ng-template #displayTemplate let-mo>\n    <li\n        class=\"display\"\n        [ngClass]=\"deviceSize\"\n        fd-list-item\n        [interactive]=\"false\"\n        *ngIf=\"!mo.parent || mo.parent?.expanded\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n    >\n        <a\n            fd-list-link\n            [attr.rtl]=\"rtl\"\n            class=\"li-link\"\n            style=\"cursor: default\"\n            [class.checklist]=\"isCheckList\"\n            #aEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"aEl\"\n            style=\"column-gap: 3px\"\n        >\n            <img\n                *ngIf=\"setting.AvatarField\"\n                [src]=\"mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId\"\n                style=\"width: 24px; height: 24px\"\n            />\n            <i\n                fd-list-icon\n                *ngIf=\"setting.IconFont\"\n                [glyph]=\"setting.IconFont\"\n                [style.color]=\"setting.IconColor ? setting.IconColor : null\"\n            >\n            </i>\n            <i fd-list-icon *ngIf=\"!setting.IconFont && mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></i>\n            <i fd-list-icon *ngIf=\"!setting.IconFont && inlineEditMode && isChecked\" glyph=\"edit\"></i>\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (change)=\"onRowCheck2($event)\"\n            ></fd-checkbox>\n            <span fd-list-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.TitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: 0\n                        }\n                    \"\n                ></ng-container>\n            </span>\n            <span fd-list-secondary [dir]=\"rtl ? 'ltr' : 'rtl'\" [class.flex1]=\"contextMenuItems.length === 0\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        renderColumn;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            conditionalFormats: conditionalFormats,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n                <button\n                    *ngIf=\"canView && !hideOpenIcon\"\n                    fd-button\n                    (click)=\"onRowClick()\"\n                    [glyph]=\"navigationArrow\"\n                    fdType=\"transparent\"\n                ></button>\n                <bsu-ulv-context-menu\n                    *ngIf=\"contextMenuItems.length\"\n                    [menuItems]=\"contextMenuItems\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [styleIndex]=\"styleIndex\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></bsu-ulv-context-menu>\n            </span>\n        </a>\n    </li>\n</ng-template>\n<ng-template\n    #renderColumn\n    let-column\n    let-mo=\"mo\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-index=\"index\"\n    let-layout94=\"layout94\"\n>\n    <ng-container *ngIf=\"column\">\n        <div\n            #divEl\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [hostEl]=\"divEl\"\n            [dbName]=\"column.Name\"\n        >\n            <bsu-column-renderer\n                [mo]=\"mo\"\n                [column]=\"column\"\n                [disableEllapsis]=\"true\"\n                [value]=\"column | columnValue: mo | bbbTranslate\"\n                [icon]=\"column | columnIcon: mo\"\n                [editMode]=\"inlineEditMode && allowInlineEdit\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [controlUi]=\"column.Caption | controlUi: layout94\"\n                (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n                (keyup.esc)=\"onEditFormPanelCancel($event)\"\n                (keydown.Tab)=\"onTabKeyDown($event, index)\"\n                [formLayoutShowLabel]=\"true\"\n            ></bsu-column-renderer>\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [":host li.s{height:auto}:host .flex1{flex:1;display:flex;justify-content:start}\n"] }]
@@ -4930,7 +4958,7 @@ class UiListViewComponent extends ReportViewBaseComponent {
     }
 }
 UiListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiListViewComponent, selector: "bsu-ui-list-view", viewQueries: [{ propertyName: "popupModeTemplateRef", first: true, predicate: ["popupModeTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "defaultModeTemplateRef", first: true, predicate: ["defaultMode"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"selectedPresentaionTemplate\"></ng-container>\n\n<ng-template #popupModeTemplate>\n    <ng-container *ngTemplateOutlet=\"deviceSize === 's' ? mobileTpl : desktopTpl\"></ng-container>\n\n    <!-- <fd-menu [appendTo]=\"_el\"\n    #menu [mobile]=\"deviceSize === 's'\" >\n    </fd-menu> -->\n</ng-template>\n<ng-template #mobileTpl>\n    <div class=\"popup-mode\">\n        <ng-container *ngTemplateOutlet=\"buttonDropDown; context: { menu: menu }\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n    <fd-menu #menu [mobile]=\"true\" [mobileConfig]=\"{ title: title | bbbTranslate, hasCloseButton: true }\">\n        <ng-container *ngTemplateOutlet=\"defaultMode; context: { popover: menu, popupMode: true }\"></ng-container>\n    </fd-menu>\n</ng-template>\n<ng-template #desktopTpl>\n    <fd-popover #popover fillControlMode=\"equal\">\n        <fd-popover-control class=\"popup-mode\">\n            <ng-container *ngTemplateOutlet=\"buttonDropDown\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-container\n                *ngTemplateOutlet=\"defaultMode; context: { popover: popover, popupMode: true }\"\n            ></ng-container>\n        </fd-popover-body>\n    </fd-popover>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n</ng-template>\n<ng-template #buttonDropDown let-menu=\"menu\">\n    <button\n        class=\"drop-down\"\n        fd-button\n        [label]=\"selectedMo ? (selectedMo.$Caption | bbbTranslate) : (title | bbbTranslate)\"\n        [fdMenu]=\"true\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span\n            *ngIf=\"selectedCount > 0 && isCheckList\"\n            fd-object-status\n            [inverted]=\"true\"\n            [label]=\"selectedCount\"\n            [title]=\"selectedCount\"\n        ></span>\n    </button>\n</ng-template>\n<ng-template #tokensTpl>\n    <div\n        *ngIf=\"isCheckList && hasSelected\"\n        style=\"padding: 5px; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px\"\n    >\n        <ng-container *ngFor=\"let mo of moDataList; let index = index\">\n            <fd-token *ngIf=\"mo.$IsChecked\" fdCozy [readOnly]=\"false\" (onCloseClick)=\"onRowCheck({mo, index})\">{{\n                columns[0].Caption | rval: mo:columns:true\n            }}</fd-token>\n        </ng-container>\n    </div>\n</ng-template>\n<ng-template #defaultMode let-popover=\"popover\" let-popupMode=\"popupMode\">\n    <fd-layout-panel [class.popup-mode]=\"popupMode\" [ngClass]=\"'size-' + deviceSize\">\n        <fd-layout-panel-header>\n            <fd-layout-panel-head>\n                <h4 fd-layout-panel-title>{{ title | bbbTranslate }}</h4>\n                <span\n                    *ngIf=\"selectedCount > 0\"\n                    fd-object-status\n                    [inverted]=\"true\"\n                    [label]=\"selectedCount\"\n                    [title]=\"selectedCount\"\n                ></span>\n            </fd-layout-panel-head>\n            <fd-layout-panel-actions>\n                <button\n                    *ngIf=\"deviceSize !== 's'\"\n                    style=\"margin-top: 5px\"\n                    fd-button\n                    glyph=\"decline\"\n                    fdType=\"transparent\"\n                    (click)=\"popover.close()\"\n                ></button>\n            </fd-layout-panel-actions>\n        </fd-layout-panel-header>\n        <fd-layout-panel-filters *ngIf=\"isCheckList && moDataList.length\">\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <a class=\"clearCheckAll\" (click)=\"onAllCheckbox($event)\" fd-link [aria-label]=\"'All' | bbbTranslate\">{{\n                    'All' | bbbTranslate\n                }}</a>\n                <label fd-toolbar-label style=\"font-size: 1rem; font-weight: bold\">.</label>\n                <a\n                    (click)=\"onClearCheckbox()\"\n                    fd-toolbar-item\n                    class=\"clearCheckAll\"\n                    fd-link\n                    [aria-label]=\"'Clear' | bbbTranslate\"\n                    >{{ 'Clear' | bbbTranslate }}</a\n                >\n            </fd-toolbar>\n        </fd-layout-panel-filters>\n\n        <fd-layout-panel-body [bleed]=\"true\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    isDisplayType ? displayListTemplate : standardListTemplate;\n                    context: {\n                        $implicit: moDataList,\n                        isCheckList: isCheckList,\n                        groupby: groupby,\n                        conditionalFormats: conditionalFormats,\n                        deviceName: deviceName,\n                        viewSetting: viewSetting,\n                        allColumns: allColumns,\n                        access: access,\n                        rtl: rtl,\n                        popover: popover\n                    }\n                \"\n            >\n            </ng-container>\n        </fd-layout-panel-body>\n    </fd-layout-panel>\n</ng-template>\n\n<!--display list-->\n<ng-template\n    #displayListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-allColumns=\"allColumns\"\n    let-viewSetting=\"viewSetting\"\n    let-access=\"access\"\n    let-rtl=\"rtl\"\n>\n    <ul\n        fd-list\n        class=\"display-list fd-list--navigation\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; let last = last\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n<!--standard list-->\n<ng-template\n    #standardListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-allColumns=\"allColumns\"\n    let-deviceName=\"deviceName\"\n    let-access=\"access\"\n    let-viewSetting=\"viewSetting\"\n    let-rtl=\"rtl\"\n    let-last=\"last\"\n>\n    <ul\n        class=\"fd-list--navigation\"\n        [class.fd-list--byline]=\"!isDisplayType\"\n        fd-list\n        [byline]=\"true\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data [simple]=\"popupMode\"></bsu-no-data>\n</ng-template>\n<ng-template\n    #itemTemplate\n    let-mo\n    let-index=\"index\"\n    let-last=\"last\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n>\n    <li\n        fd-list-group-header\n        *ngIf=\"mo.group || mo.group === ''; else listItemTemplate\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [attr.level]=\"mo.level\"\n        [class.root-group]=\"mo.level === 0\"\n    >\n        <fd-icon\n            [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick(mo)\"\n        ></fd-icon>\n        <span fd-list-title>{{ mo.group }}</span>\n    </li>\n    <ng-template #listItemTemplate>\n        <ng-container\n            *ngTemplateOutlet=\"\n                hasRowOlgo ? dynamicItemTemplate : defaultItem;\n                context: {\n                    $implicit: mo,\n                    index: index,\n                    columns: columns,\n                    moDataList: moDataList,\n                    moDataListCount: moDataList.length\n                }\n            \"\n        ></ng-container>\n        <ng-template\n            #defaultItem\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bsu-list-item\n                *ngIf=\"!hasRowOlgo; else dynamicItemTemplate\"\n                [isDisplayType]=\"isDisplayType\"\n                [mo]=\"mo\"\n                [isChecked]=\"mo.$IsChecked\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"listSetting\"\n                [editMode]=\"inlineEditMode\"\n                [rtl]=\"rtl\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [formSetting]=\"formSetting\"\n                [allColumns]=\"allColumns\"\n                [contentDensity]=\"contentDensity\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                (rowCheck)=\"onRowCheck($event)\"\n                (rowClick)=\"onRowClick($event)\"\n                (ulvCommand)=\"onUlvCommand($event)\"\n                (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n            >\n            </bsu-list-item>\n        </ng-template>\n\n        <ng-template\n            #dynamicItemTemplate\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bnrc-dynamic-item-component\n                [component]=\"viewSetting.RowOlgo\"\n                [mo]=\"mo\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [moDataList]=\"moDataList\"\n                [showDetailsInRow]=\"showDetailsInRow\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [detailsColumns]=\"detailsColumns\"\n                [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n                [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\n                [cartableMo]=\"mo.RelatedMo\"\n                [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n                [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n                [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n                [detailsComponent]=\"detailsComponent\"\n                [isChecked]=\"mo.$IsChecked\"\n                [visibility]=\"mo.$Visibility\"\n                [expanded]=\"mo.$Expanded\"\n                [level]=\"mo.$Level\"\n                [parentExpanded]=\"mo.$Parent?.$Expanded\"\n                [moDataListCount]=\"moDataListCount\"\n                [columnsCount]=\"columnsCount - detailsColumns.length\"\n                [typeDefId]=\"typeDefId\"\n                [extraRelation]=\"extraRelation\"\n                [formSetting]=\"formSetting\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"viewSetting\"\n                [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n                [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [access]=\"access\"\n                [inlineEditMode]=\"inlineEditMode\"\n                [allowInlineEdit]=\"allowInlineEdit\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [allColumns]=\"allColumns\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                [rowIndicator]=\"columns[0].MetaFieldTypeId === '41'\"\n                (events)=\"onOlgoEvents($event)\"\n            >\n            </bnrc-dynamic-item-component>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.fd-list__group-header{column-gap:10px;align-items:center}.header th{border-left:none!important;border-right:none!important}.clearCheckAll{text-decoration:none!important}.fd-list--navigation-indication .fd-list__item:after{min-width:0!important}li.standard-list-row{padding-top:.2rem;padding-bottom:.2rem;min-height:4rem;justify-content:space-evenly;column-gap:10px}li.standard-list-row:hover:not(.selected){background-color:var(--sapBackgroundColor, #f7f7f7)}li.standard-list-row .fd-list__content{row-gap:.4rem}li.standard-list-row .fd-list__content .fd-list__byline{padding:0;font-size:.775rem}li.standard-list-row ::ng-deep .fd-form-item{position:static}li.standard-list-row ::ng-deep .fd-form-item .fd-checkbox__label--compact{padding:0;margin-left:0}li.standard-list-row ::ng-deep fd-icon{font-size:.75rem!important}fd-layout-panel{height:100%}.li-link.checklink[rtl=true]{padding-right:0!important}.li-link.checklist[rtl=false]{padding-left:0!important}.standard-list-group-label{padding-top:10px;padding-bottom:3px}fd-layout-panel-header{display:none}fd-layout-panel.popup-mode.size-s{box-shadow:none!important}fd-layout-panel.popup-mode.size-s fd-layout-panel-header{display:none!important}.popup-mode fd-layout-panel-header{display:flex;min-height:1rem;height:1rem;border:none!important}.popup-mode fd-layout-panel-header h4{font-weight:700;font-size:1rem}.popup-mode fd-layout-panel-head{display:flex;column-gap:5px;align-items:center;justify-content:center}.popup-mode ::ng-deep li{border:none!important}.popup-mode fd-layout-panel-body{margin-top:.3rem}.popup-mode fd-layout-panel-filters{border:none!important;padding:0 1rem}.popup-mode .drop-down{width:100%;max-width:100%;max-height:2rem!important;height:2rem!important;background:var(--sapButton_Background)!important;border:1px solid #ccc!important}.popup-mode .drop-down ::ng-deep span{font-size:1rem!important;line-height:1.2rem!important}.popup-mode .drop-down ::ng-deep fd-icon{position:absolute;left:10px}fd-popover{width:100%;max-width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i7$4.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i7$4.LayoutPanelHeaderComponent, selector: "fd-layout-panel-header" }, { kind: "component", type: i7$4.LayoutPanelHeadComponent, selector: "fd-layout-panel-head" }, { kind: "directive", type: i7$4.LayoutPanelTitleDirective, selector: "[fd-layout-panel-title]" }, { kind: "component", type: i7$4.LayoutPanelActionsComponent, selector: "fd-layout-panel-actions" }, { kind: "component", type: i7$4.LayoutPanelFiltersComponent, selector: "fd-layout-panel-filters" }, { kind: "component", type: i7$4.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i6$3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i7$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }, { kind: "component", type: i9$1.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: ListItemComponent, selector: "bsu-list-item", inputs: ["setting", "isDisplayType"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiListViewComponent, selector: "bsu-ui-list-view", viewQueries: [{ propertyName: "popupModeTemplateRef", first: true, predicate: ["popupModeTemplate"], descendants: true, read: TemplateRef, static: true }, { propertyName: "defaultModeTemplateRef", first: true, predicate: ["defaultMode"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"selectedPresentaionTemplate\"></ng-container>\n\n<ng-template #popupModeTemplate>\n    <ng-container *ngTemplateOutlet=\"deviceSize === 's' ? mobileTpl : desktopTpl\"></ng-container>\n\n    <!-- <fd-menu [appendTo]=\"_el\"\n    #menu [mobile]=\"deviceSize === 's'\" >\n    </fd-menu> -->\n</ng-template>\n<ng-template #mobileTpl>\n    <div class=\"popup-mode\">\n        <ng-container *ngTemplateOutlet=\"buttonDropDown; context: { menu: menu }\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n    <fd-menu #menu [mobile]=\"true\" [mobileConfig]=\"{ title: title | bbbTranslate, hasCloseButton: true }\">\n        <ng-container *ngTemplateOutlet=\"defaultMode; context: { popover: menu, popupMode: true }\"></ng-container>\n    </fd-menu>\n</ng-template>\n<ng-template #desktopTpl>\n    <fd-popover #popover fillControlMode=\"equal\">\n        <fd-popover-control class=\"popup-mode\">\n            <ng-container *ngTemplateOutlet=\"buttonDropDown\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-container\n                *ngTemplateOutlet=\"defaultMode; context: { popover: popover, popupMode: true }\"\n            ></ng-container>\n        </fd-popover-body>\n    </fd-popover>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n</ng-template>\n<ng-template #buttonDropDown let-menu=\"menu\">\n    <button\n        class=\"drop-down\"\n        fd-button\n        [label]=\"selectedMo ? (selectedMo.$Caption | bbbTranslate) : (title | bbbTranslate)\"\n        [fdMenu]=\"true\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span\n            *ngIf=\"selectedCount > 0 && isCheckList\"\n            fd-object-status\n            [inverted]=\"true\"\n            [label]=\"selectedCount\"\n            [title]=\"selectedCount\"\n        ></span>\n    </button>\n</ng-template>\n<ng-template #tokensTpl>\n    <div\n        *ngIf=\"isCheckList && hasSelected\"\n        style=\"padding: 5px; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px\"\n    >\n        <ng-container *ngFor=\"let mo of moDataList; let index = index\">\n            <fd-token *ngIf=\"mo.$IsChecked\" fdCozy [readOnly]=\"false\" (onCloseClick)=\"onRowCheck({mo, index})\">{{\n                columns[0].Caption | rval: mo:columns:true\n            }}</fd-token>\n        </ng-container>\n    </div>\n</ng-template>\n<ng-template #defaultMode let-popover=\"popover\" let-popupMode=\"popupMode\">\n    <fd-layout-panel [class.popup-mode]=\"popupMode\" [ngClass]=\"'size-' + deviceSize\">\n        <fd-layout-panel-header>\n            <fd-layout-panel-head>\n                <h4 fd-layout-panel-title>{{ title | bbbTranslate }}</h4>\n                <span\n                    *ngIf=\"selectedCount > 0\"\n                    fd-object-status\n                    [inverted]=\"true\"\n                    [label]=\"selectedCount\"\n                    [title]=\"selectedCount\"\n                ></span>\n            </fd-layout-panel-head>\n            <fd-layout-panel-actions>\n                <button\n                    *ngIf=\"deviceSize !== 's'\"\n                    style=\"margin-top: 5px\"\n                    fd-button\n                    glyph=\"decline\"\n                    fdType=\"transparent\"\n                    (click)=\"popover.close()\"\n                ></button>\n            </fd-layout-panel-actions>\n        </fd-layout-panel-header>\n        <fd-layout-panel-filters *ngIf=\"isCheckList && moDataList.length\">\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <a class=\"clearCheckAll\" (click)=\"onAllCheckbox($event)\" fd-link [aria-label]=\"'All' | bbbTranslate\">{{\n                    'All' | bbbTranslate\n                }}</a>\n                <label fd-toolbar-label style=\"font-size: 1rem; font-weight: bold\">.</label>\n                <a\n                    (click)=\"onClearCheckbox()\"\n                    fd-toolbar-item\n                    class=\"clearCheckAll\"\n                    fd-link\n                    [aria-label]=\"'Clear' | bbbTranslate\"\n                    >{{ 'Clear' | bbbTranslate }}</a\n                >\n            </fd-toolbar>\n        </fd-layout-panel-filters>\n\n        <fd-layout-panel-body [bleed]=\"true\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    isDisplayType ? displayListTemplate : standardListTemplate;\n                    context: {\n                        $implicit: moDataList,\n                        isCheckList: isCheckList,\n                        groupby: groupby,\n                        conditionalFormats: conditionalFormats,\n                        deviceName: deviceName,\n                        viewSetting: viewSetting,\n                        allColumns: allColumns,\n                        access: access,\n                        rtl: rtl,\n                        popover: popover\n                    }\n                \"\n            >\n            </ng-container>\n        </fd-layout-panel-body>\n    </fd-layout-panel>\n</ng-template>\n\n<!--display list-->\n<ng-template\n    #displayListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-allColumns=\"allColumns\"\n    let-viewSetting=\"viewSetting\"\n    let-access=\"access\"\n    let-rtl=\"rtl\"\n>\n    <ul\n        fd-list\n        class=\"display-list fd-list--navigation\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; let last = last\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n<!--standard list-->\n<ng-template\n    #standardListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-allColumns=\"allColumns\"\n    let-deviceName=\"deviceName\"\n    let-access=\"access\"\n    let-viewSetting=\"viewSetting\"\n    let-rtl=\"rtl\"\n    let-last=\"last\"\n>\n    <ul\n        class=\"fd-list--navigation\"\n        [class.fd-list--byline]=\"!isDisplayType\"\n        fd-list\n        [byline]=\"true\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data [simple]=\"popupMode\"></bsu-no-data>\n</ng-template>\n<ng-template\n    #itemTemplate\n    let-mo\n    let-index=\"index\"\n    let-last=\"last\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n>\n    <li\n        fd-list-group-header\n        *ngIf=\"mo.group || mo.group === ''; else listItemTemplate\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [attr.level]=\"mo.level\"\n        [class.root-group]=\"mo.level === 0\"\n    >\n        <fd-icon\n            [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick(mo)\"\n        ></fd-icon>\n        <span fd-list-title>{{ mo.group }}</span>\n    </li>\n    <ng-template #listItemTemplate>\n        <ng-container\n            *ngTemplateOutlet=\"\n                hasRowOlgo ? dynamicItemTemplate : defaultItem;\n                context: {\n                    $implicit: mo,\n                    index: index,\n                    columns: columns,\n                    moDataList: moDataList,\n                    moDataListCount: moDataList.length\n                }\n            \"\n        ></ng-container>\n        <ng-template\n            #defaultItem\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bsu-list-item\n                *ngIf=\"!hasRowOlgo; else dynamicItemTemplate\"\n                [isDisplayType]=\"isDisplayType\"\n                [mo]=\"mo\"\n                [isChecked]=\"mo.$IsChecked\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"listSetting\"\n                [editMode]=\"inlineEditMode\"\n                [rtl]=\"rtl\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [formSetting]=\"formSetting\"\n                [allColumns]=\"allColumns\"\n                [contentDensity]=\"contentDensity\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                (rowCheck)=\"onRowCheck($event)\"\n                (rowClick)=\"onRowClick($event)\"\n                (ulvCommand)=\"onUlvCommand($event)\"\n                (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n            >\n            </bsu-list-item>\n        </ng-template>\n\n        <ng-template\n            #dynamicItemTemplate\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bnrc-dynamic-item-component\n                [component]=\"viewSetting.RowOlgo\"\n                [mo]=\"mo\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [moDataList]=\"moDataList\"\n                [showDetailsInRow]=\"showDetailsInRow\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [detailsColumns]=\"detailsColumns\"\n                [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n                [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\n                [cartableMo]=\"mo.RelatedMo\"\n                [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n                [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n                [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n                [detailsComponent]=\"detailsComponent\"\n                [isChecked]=\"mo.$IsChecked\"\n                [visibility]=\"mo.$Visibility\"\n                [expanded]=\"mo.$Expanded\"\n                [level]=\"mo.$Level\"\n                [parentExpanded]=\"mo.$Parent?.$Expanded\"\n                [moDataListCount]=\"moDataListCount\"\n                [columnsCount]=\"columnsCount - detailsColumns.length\"\n                [typeDefId]=\"typeDefId\"\n                [extraRelation]=\"extraRelation\"\n                [formSetting]=\"formSetting\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"viewSetting\"\n                [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n                [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [access]=\"access\"\n                [inlineEditMode]=\"inlineEditMode\"\n                [allowInlineEdit]=\"allowInlineEdit\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [allColumns]=\"allColumns\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                [rowIndicator]=\"columns[0].MetaFieldTypeId === '41'\"\n                (events)=\"onOlgoEvents($event)\"\n            >\n            </bnrc-dynamic-item-component>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.fd-list__group-header{column-gap:10px;align-items:center}.header th{border-left:none!important;border-right:none!important}.clearCheckAll{text-decoration:none!important}.fd-list--navigation-indication .fd-list__item:after{min-width:0!important}li.standard-list-row{padding-top:.2rem;padding-bottom:.2rem;min-height:4rem;justify-content:space-evenly;column-gap:10px}li.standard-list-row:hover:not(.selected){background-color:var(--sapBackgroundColor, #f7f7f7)}li.standard-list-row .fd-list__content{row-gap:.4rem}li.standard-list-row .fd-list__content .fd-list__byline{padding:0;font-size:.775rem}li.standard-list-row ::ng-deep .fd-form-item{position:static}li.standard-list-row ::ng-deep .fd-form-item .fd-checkbox__label--compact{padding:0;margin-left:0}li.standard-list-row ::ng-deep fd-icon{font-size:.75rem!important}fd-layout-panel{height:100%}.li-link.checklink[rtl=true]{padding-right:0!important}.li-link.checklist[rtl=false]{padding-left:0!important}.standard-list-group-label{padding-top:10px;padding-bottom:3px}fd-layout-panel-header{display:none}fd-layout-panel.popup-mode.size-s{box-shadow:none!important}fd-layout-panel.popup-mode.size-s fd-layout-panel-header{display:none!important}.popup-mode fd-layout-panel-header{display:flex;min-height:1rem;height:1rem;border:none!important}.popup-mode fd-layout-panel-header h4{font-weight:700;font-size:1rem}.popup-mode fd-layout-panel-head{display:flex;column-gap:5px;align-items:center;justify-content:center}.popup-mode ::ng-deep li{border:none!important}.popup-mode fd-layout-panel-body{margin-top:.3rem}.popup-mode fd-layout-panel-filters{border:none!important;padding:0 1rem}.popup-mode .drop-down{width:100%;max-width:100%;max-height:2rem!important;height:2rem!important;background:var(--sapButton_Background)!important;border:1px solid #ccc!important}.popup-mode .drop-down ::ng-deep span{font-size:1rem!important;line-height:1.2rem!important}.popup-mode .drop-down ::ng-deep fd-icon{position:absolute;left:10px}fd-popover{width:100%;max-width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i7$4.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i7$4.LayoutPanelHeaderComponent, selector: "fd-layout-panel-header" }, { kind: "component", type: i7$4.LayoutPanelHeadComponent, selector: "fd-layout-panel-head" }, { kind: "directive", type: i7$4.LayoutPanelTitleDirective, selector: "[fd-layout-panel-title]" }, { kind: "component", type: i7$4.LayoutPanelActionsComponent, selector: "fd-layout-panel-actions" }, { kind: "component", type: i7$4.LayoutPanelFiltersComponent, selector: "fd-layout-panel-filters" }, { kind: "component", type: i7$4.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i6$3.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i7$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }, { kind: "component", type: i9$1.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: ListItemComponent, selector: "bsu-list-item", inputs: ["setting", "isDisplayType"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiListViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-list-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"selectedPresentaionTemplate\"></ng-container>\n\n<ng-template #popupModeTemplate>\n    <ng-container *ngTemplateOutlet=\"deviceSize === 's' ? mobileTpl : desktopTpl\"></ng-container>\n\n    <!-- <fd-menu [appendTo]=\"_el\"\n    #menu [mobile]=\"deviceSize === 's'\" >\n    </fd-menu> -->\n</ng-template>\n<ng-template #mobileTpl>\n    <div class=\"popup-mode\">\n        <ng-container *ngTemplateOutlet=\"buttonDropDown; context: { menu: menu }\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n    <fd-menu #menu [mobile]=\"true\" [mobileConfig]=\"{ title: title | bbbTranslate, hasCloseButton: true }\">\n        <ng-container *ngTemplateOutlet=\"defaultMode; context: { popover: menu, popupMode: true }\"></ng-container>\n    </fd-menu>\n</ng-template>\n<ng-template #desktopTpl>\n    <fd-popover #popover fillControlMode=\"equal\">\n        <fd-popover-control class=\"popup-mode\">\n            <ng-container *ngTemplateOutlet=\"buttonDropDown\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ng-container\n                *ngTemplateOutlet=\"defaultMode; context: { popover: popover, popupMode: true }\"\n            ></ng-container>\n        </fd-popover-body>\n    </fd-popover>\n    <ng-container *ngTemplateOutlet=\"tokensTpl\"></ng-container>\n</ng-template>\n<ng-template #buttonDropDown let-menu=\"menu\">\n    <button\n        class=\"drop-down\"\n        fd-button\n        [label]=\"selectedMo ? (selectedMo.$Caption | bbbTranslate) : (title | bbbTranslate)\"\n        [fdMenu]=\"true\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span\n            *ngIf=\"selectedCount > 0 && isCheckList\"\n            fd-object-status\n            [inverted]=\"true\"\n            [label]=\"selectedCount\"\n            [title]=\"selectedCount\"\n        ></span>\n    </button>\n</ng-template>\n<ng-template #tokensTpl>\n    <div\n        *ngIf=\"isCheckList && hasSelected\"\n        style=\"padding: 5px; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px\"\n    >\n        <ng-container *ngFor=\"let mo of moDataList; let index = index\">\n            <fd-token *ngIf=\"mo.$IsChecked\" fdCozy [readOnly]=\"false\" (onCloseClick)=\"onRowCheck({mo, index})\">{{\n                columns[0].Caption | rval: mo:columns:true\n            }}</fd-token>\n        </ng-container>\n    </div>\n</ng-template>\n<ng-template #defaultMode let-popover=\"popover\" let-popupMode=\"popupMode\">\n    <fd-layout-panel [class.popup-mode]=\"popupMode\" [ngClass]=\"'size-' + deviceSize\">\n        <fd-layout-panel-header>\n            <fd-layout-panel-head>\n                <h4 fd-layout-panel-title>{{ title | bbbTranslate }}</h4>\n                <span\n                    *ngIf=\"selectedCount > 0\"\n                    fd-object-status\n                    [inverted]=\"true\"\n                    [label]=\"selectedCount\"\n                    [title]=\"selectedCount\"\n                ></span>\n            </fd-layout-panel-head>\n            <fd-layout-panel-actions>\n                <button\n                    *ngIf=\"deviceSize !== 's'\"\n                    style=\"margin-top: 5px\"\n                    fd-button\n                    glyph=\"decline\"\n                    fdType=\"transparent\"\n                    (click)=\"popover.close()\"\n                ></button>\n            </fd-layout-panel-actions>\n        </fd-layout-panel-header>\n        <fd-layout-panel-filters *ngIf=\"isCheckList && moDataList.length\">\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                <a class=\"clearCheckAll\" (click)=\"onAllCheckbox($event)\" fd-link [aria-label]=\"'All' | bbbTranslate\">{{\n                    'All' | bbbTranslate\n                }}</a>\n                <label fd-toolbar-label style=\"font-size: 1rem; font-weight: bold\">.</label>\n                <a\n                    (click)=\"onClearCheckbox()\"\n                    fd-toolbar-item\n                    class=\"clearCheckAll\"\n                    fd-link\n                    [aria-label]=\"'Clear' | bbbTranslate\"\n                    >{{ 'Clear' | bbbTranslate }}</a\n                >\n            </fd-toolbar>\n        </fd-layout-panel-filters>\n\n        <fd-layout-panel-body [bleed]=\"true\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    isDisplayType ? displayListTemplate : standardListTemplate;\n                    context: {\n                        $implicit: moDataList,\n                        isCheckList: isCheckList,\n                        groupby: groupby,\n                        conditionalFormats: conditionalFormats,\n                        deviceName: deviceName,\n                        viewSetting: viewSetting,\n                        allColumns: allColumns,\n                        access: access,\n                        rtl: rtl,\n                        popover: popover\n                    }\n                \"\n            >\n            </ng-container>\n        </fd-layout-panel-body>\n    </fd-layout-panel>\n</ng-template>\n\n<!--display list-->\n<ng-template\n    #displayListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-deviceName=\"deviceName\"\n    let-allColumns=\"allColumns\"\n    let-viewSetting=\"viewSetting\"\n    let-access=\"access\"\n    let-rtl=\"rtl\"\n>\n    <ul\n        fd-list\n        class=\"display-list fd-list--navigation\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index; let last = last\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n<!--standard list-->\n<ng-template\n    #standardListTemplate\n    let-moDataList\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-allColumns=\"allColumns\"\n    let-deviceName=\"deviceName\"\n    let-access=\"access\"\n    let-viewSetting=\"viewSetting\"\n    let-rtl=\"rtl\"\n    let-last=\"last\"\n>\n    <ul\n        class=\"fd-list--navigation\"\n        [class.fd-list--byline]=\"!isDisplayType\"\n        fd-list\n        [byline]=\"true\"\n        *ngIf=\"moDataList && moDataList.length > 0; else noData\"\n        ellipsify\n    >\n        <ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n            <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        itemTemplate;\n                        context: {\n                            $implicit: mo,\n                            index: index,\n                            last: last,\n                            columns: columns,\n                            moDataList: moDataList,\n                            moDataListCount: moDataList.length\n                        }\n                    \"\n                ></ng-container>\n            </ng-container>\n        </ng-container>\n    </ul>\n</ng-template>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data [simple]=\"popupMode\"></bsu-no-data>\n</ng-template>\n<ng-template\n    #itemTemplate\n    let-mo\n    let-index=\"index\"\n    let-last=\"last\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n>\n    <li\n        fd-list-group-header\n        *ngIf=\"mo.group || mo.group === ''; else listItemTemplate\"\n        [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n        [attr.level]=\"mo.level\"\n        [class.root-group]=\"mo.level === 0\"\n    >\n        <fd-icon\n            [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick(mo)\"\n        ></fd-icon>\n        <span fd-list-title>{{ mo.group }}</span>\n    </li>\n    <ng-template #listItemTemplate>\n        <ng-container\n            *ngTemplateOutlet=\"\n                hasRowOlgo ? dynamicItemTemplate : defaultItem;\n                context: {\n                    $implicit: mo,\n                    index: index,\n                    columns: columns,\n                    moDataList: moDataList,\n                    moDataListCount: moDataList.length\n                }\n            \"\n        ></ng-container>\n        <ng-template\n            #defaultItem\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bsu-list-item\n                *ngIf=\"!hasRowOlgo; else dynamicItemTemplate\"\n                [isDisplayType]=\"isDisplayType\"\n                [mo]=\"mo\"\n                [isChecked]=\"mo.$IsChecked\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"listSetting\"\n                [editMode]=\"inlineEditMode\"\n                [rtl]=\"rtl\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [formSetting]=\"formSetting\"\n                [allColumns]=\"allColumns\"\n                [contentDensity]=\"contentDensity\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                (rowCheck)=\"onRowCheck($event)\"\n                (rowClick)=\"onRowClick($event)\"\n                (ulvCommand)=\"onUlvCommand($event)\"\n                (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n                (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n            >\n            </bsu-list-item>\n        </ng-template>\n\n        <ng-template\n            #dynamicItemTemplate\n            let-mo\n            let-index=\"index\"\n            let-columns=\"columns\"\n            let-moDataListCount=\"moDataListCount\"\n            let-moDataList=\"moDataList\"\n        >\n            <bnrc-dynamic-item-component\n                [component]=\"viewSetting.RowOlgo\"\n                [mo]=\"mo\"\n                [styleIndex]=\"mo.$StyleIndex\"\n                [moDataList]=\"moDataList\"\n                [showDetailsInRow]=\"showDetailsInRow\"\n                [hideOpenIcon]=\"hideOpenIcon\"\n                [detailsColumns]=\"detailsColumns\"\n                [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n                [cartableTemplate]=\"cartableTemplates[mo.RelatedMo?.$TypeDefId]\"\n                [cartableMo]=\"mo.RelatedMo\"\n                [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n                [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n                [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n                [detailsComponent]=\"detailsComponent\"\n                [isChecked]=\"mo.$IsChecked\"\n                [visibility]=\"mo.$Visibility\"\n                [expanded]=\"mo.$Expanded\"\n                [level]=\"mo.$Level\"\n                [parentExpanded]=\"mo.$Parent?.$Expanded\"\n                [moDataListCount]=\"moDataListCount\"\n                [columnsCount]=\"columnsCount - detailsColumns.length\"\n                [typeDefId]=\"typeDefId\"\n                [extraRelation]=\"extraRelation\"\n                [formSetting]=\"formSetting\"\n                [index]=\"index\"\n                [last]=\"last\"\n                [setting]=\"viewSetting\"\n                [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n                [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n                [isNewInlineMo]=\"mo.$NewInlineMo\"\n                [access]=\"access\"\n                [inlineEditMode]=\"inlineEditMode\"\n                [allowInlineEdit]=\"allowInlineEdit\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [allColumns]=\"allColumns\"\n                [contextMenuItems]=\"contextMenuItems\"\n                [canView]=\"canView\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [navigationArrow]=\"navigationArrow\"\n                [isCheckList]=\"isCheckList\"\n                [rowIndicator]=\"columns[0].MetaFieldTypeId === '41'\"\n                (events)=\"onOlgoEvents($event)\"\n            >\n            </bnrc-dynamic-item-component>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.fd-list__group-header{column-gap:10px;align-items:center}.header th{border-left:none!important;border-right:none!important}.clearCheckAll{text-decoration:none!important}.fd-list--navigation-indication .fd-list__item:after{min-width:0!important}li.standard-list-row{padding-top:.2rem;padding-bottom:.2rem;min-height:4rem;justify-content:space-evenly;column-gap:10px}li.standard-list-row:hover:not(.selected){background-color:var(--sapBackgroundColor, #f7f7f7)}li.standard-list-row .fd-list__content{row-gap:.4rem}li.standard-list-row .fd-list__content .fd-list__byline{padding:0;font-size:.775rem}li.standard-list-row ::ng-deep .fd-form-item{position:static}li.standard-list-row ::ng-deep .fd-form-item .fd-checkbox__label--compact{padding:0;margin-left:0}li.standard-list-row ::ng-deep fd-icon{font-size:.75rem!important}fd-layout-panel{height:100%}.li-link.checklink[rtl=true]{padding-right:0!important}.li-link.checklist[rtl=false]{padding-left:0!important}.standard-list-group-label{padding-top:10px;padding-bottom:3px}fd-layout-panel-header{display:none}fd-layout-panel.popup-mode.size-s{box-shadow:none!important}fd-layout-panel.popup-mode.size-s fd-layout-panel-header{display:none!important}.popup-mode fd-layout-panel-header{display:flex;min-height:1rem;height:1rem;border:none!important}.popup-mode fd-layout-panel-header h4{font-weight:700;font-size:1rem}.popup-mode fd-layout-panel-head{display:flex;column-gap:5px;align-items:center;justify-content:center}.popup-mode ::ng-deep li{border:none!important}.popup-mode fd-layout-panel-body{margin-top:.3rem}.popup-mode fd-layout-panel-filters{border:none!important;padding:0 1rem}.popup-mode .drop-down{width:100%;max-width:100%;max-height:2rem!important;height:2rem!important;background:var(--sapButton_Background)!important;border:1px solid #ccc!important}.popup-mode .drop-down ::ng-deep span{font-size:1rem!important;line-height:1.2rem!important}.popup-mode .drop-down ::ng-deep fd-icon{position:absolute;left:10px}fd-popover{width:100%;max-width:100%}\n"] }]
@@ -5044,7 +5072,7 @@ 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", 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 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\" 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]=\"last ? null : column.FieldTypeId === 38 ? '40px' : column.$Width2 || column.$Width\"\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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: 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$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "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", rowIndicator: "rowIndicator", rtl: "rtl", 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 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\" 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]=\"last ? null : column.FieldTypeId === 38 ? '40px' : column.$Width2 || column.$Width\"\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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "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 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\" 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]=\"last ? null : column.FieldTypeId === 38 ? '40px' : column.$Width2 || column.$Width\"\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"] }]
@@ -5166,7 +5194,7 @@ class BarsaTableRowComponent extends BaseViewItemPropsComponent {
     }
 }
 BarsaTableRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", columnComponents: "columnComponents" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.errorText\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            style=\"font-weight: bold; font-size: 1rem\"\n            [attr.colspan]=\"\n                columns.length +\n                1 +\n                (rowIndicator ? -1 : 0) +\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n                (showViewButton ? 1 : 0) +\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\n            \"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n            </div>\n\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        </td>\n        <td\n            fd-table-cell\n            class=\"single-select\"\n            *ngIf=\"!isCheckList\"\n            (click)=\"onRowCheck()\"\n            style=\"padding: 0; text-align: center\"\n        >\n            <ng-container\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\n            >\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\n                <fd-busy-indicator\n                    *ngIf=\"saving\"\n                    [loading]=\"true\"\n                    [size]=\"'s'\"\n                    title=\"record saving\"\n                ></fd-busy-indicator>\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\n            </ng-container>\n            <ng-template #iconStateTemplate>\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\n            </ng-template>\n        </td>\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\n            <td\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\n                [attr.dbName]=\"column.Name\"\n                #tdEl\n                fd-table-cell\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"tdEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                [focusable]=\"false\"\n                (click)=\"onRowCheck()\"\n                (dblclick)=\"onRowClick()\"\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </td>\n        </ng-container>\n        <td\n            class=\"col-context-menu\"\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\n            fd-table-cell\n        >\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n        </td>\n        <td\n            class=\"col-details\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </td>\n        <td\n            class=\"col-view\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                fd-button\n                [glyph]=\"navigationArrow\"\n                [navigation]=\"true\"\n                [fdType]=\"'transparent'\"\n                role=\"presentation\"\n                (click)=\"onRowClick()\"\n            ></button>\n        </td>\n    </ng-template>\n</tr>\n\n<tr\n    #trEl\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\">\n        <p\n            #pEl\n            fd-table-text\n            *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [hostEl]=\"pEl\"\n            [styleIndex]=\"styleIndex\"\n            [dbName]=\"column.Name\"\n        >\n            <label fd-form-label>{{ column.Caption }} :</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </p>\n    </td>\n</tr>\n<tr *ngIf=\"!detailsCollapsed && cartableParams?.moId\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                (click)=\"OnCartableFormClick($event)\"\n                class=\"cartable-template\"\n                [params]=\"cartableParams\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n<tr\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\n            <bnrc-dynamic-item-component\n                [component]=\"detailsComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"detailsComponentSetting\"\n                [parameters]=\"detailsComponent.Settings\"\n                [editMode]=\"inlineEditMode\"\n                [formSetting]=\"formSetting\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n            ></bnrc-dynamic-item-component>\n        </ng-container>\n    </td>\n</tr>\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </div>\n</ng-template>\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\n            [dismissible]=\"false\"\n        >\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<tr *ngIf=\"workflowState?.errorText\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"resetWorkflowState.emit()\">\n            {{ workflowState.errorText }}\n        </fd-message-strip>\n    </td>\n</tr>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i9$2.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$2.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column" }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", columnComponents: "columnComponents" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.errorText\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            style=\"font-weight: bold; font-size: 1rem\"\n            [attr.colspan]=\"\n                columns.length +\n                1 +\n                (rowIndicator ? -1 : 0) +\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n                (showViewButton ? 1 : 0) +\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\n            \"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n            </div>\n\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        </td>\n        <td\n            fd-table-cell\n            class=\"single-select\"\n            *ngIf=\"!isCheckList\"\n            (click)=\"onRowCheck()\"\n            style=\"padding: 0; text-align: center\"\n        >\n            <ng-container\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\n            >\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\n                <fd-busy-indicator\n                    *ngIf=\"saving\"\n                    [loading]=\"true\"\n                    [size]=\"'s'\"\n                    title=\"record saving\"\n                ></fd-busy-indicator>\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\n            </ng-container>\n            <ng-template #iconStateTemplate>\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\n            </ng-template>\n        </td>\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\n            <td\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\n                [attr.dbName]=\"column.Name\"\n                #tdEl\n                fd-table-cell\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"tdEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                [focusable]=\"false\"\n                (click)=\"onRowCheck()\"\n                (dblclick)=\"onRowClick()\"\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </td>\n        </ng-container>\n        <td\n            class=\"col-context-menu\"\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\n            fd-table-cell\n        >\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n        </td>\n        <td\n            class=\"col-details\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </td>\n        <td\n            class=\"col-view\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                fd-button\n                [glyph]=\"navigationArrow\"\n                [navigation]=\"true\"\n                [fdType]=\"'transparent'\"\n                role=\"presentation\"\n                (click)=\"onRowClick()\"\n            ></button>\n        </td>\n    </ng-template>\n</tr>\n\n<tr\n    #trEl\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\">\n        <p\n            #pEl\n            fd-table-text\n            *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [hostEl]=\"pEl\"\n            [styleIndex]=\"styleIndex\"\n            [dbName]=\"column.Name\"\n        >\n            <label fd-form-label>{{ column.Caption }} :</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </p>\n    </td>\n</tr>\n<tr *ngIf=\"!detailsCollapsed && cartableParams?.moId\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                (click)=\"OnCartableFormClick($event)\"\n                class=\"cartable-template\"\n                [params]=\"cartableParams\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n<tr\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\n            <bnrc-dynamic-item-component\n                [component]=\"detailsComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"detailsComponentSetting\"\n                [parameters]=\"detailsComponent.Settings\"\n                [editMode]=\"inlineEditMode\"\n                [formSetting]=\"formSetting\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n            ></bnrc-dynamic-item-component>\n        </ng-container>\n    </td>\n</tr>\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </div>\n</ng-template>\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\n            [dismissible]=\"false\"\n        >\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<tr *ngIf=\"workflowState?.errorText\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"resetWorkflowState.emit()\">\n            {{ workflowState.errorText }}\n        </fd-message-strip>\n    </td>\n</tr>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$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: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i9$2.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "directive", type: i4$2.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$2.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i4$2.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column" }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.errorText\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            style=\"font-weight: bold; font-size: 1rem\"\n            [attr.colspan]=\"\n                columns.length +\n                1 +\n                (rowIndicator ? -1 : 0) +\n                (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n                (showViewButton ? 1 : 0) +\n                (showDetailsInRow && !inlineEditMode ? 1 : 0)\n            \"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n            </div>\n\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        </td>\n        <td\n            fd-table-cell\n            class=\"single-select\"\n            *ngIf=\"!isCheckList\"\n            (click)=\"onRowCheck()\"\n            style=\"padding: 0; text-align: center\"\n        >\n            <ng-container\n                *ngIf=\"inlineEditMode && allowInlineEdit && (hasError || saving || saved); else iconStateTemplate\"\n            >\n                <fd-icon *ngIf=\"hasError\" class=\"save-error\" glyph=\"error\"></fd-icon>\n                <fd-busy-indicator\n                    *ngIf=\"saving\"\n                    [loading]=\"true\"\n                    [size]=\"'s'\"\n                    title=\"record saving\"\n                ></fd-busy-indicator>\n                <fd-icon *ngIf=\"saved\" class=\"save-success\" glyph=\"accept\"></fd-icon>\n            </ng-container>\n            <ng-template #iconStateTemplate>\n                <fd-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></fd-icon>\n                <fd-icon *ngIf=\"inlineEditMode && allowInlineEdit && isChecked\" glyph=\"edit\"></fd-icon>\n            </ng-template>\n        </td>\n        <ng-container *ngFor=\"let column of columns; let columnIndex = index\">\n            <td\n                *ngIf=\"(rowIndicator && columnIndex > 0) || !rowIndicator\"\n                [attr.dbName]=\"column.Name\"\n                #tdEl\n                fd-table-cell\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"tdEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                [focusable]=\"false\"\n                (click)=\"onRowCheck()\"\n                (dblclick)=\"onRowClick()\"\n                [hoverable]=\"inlineEditMode && allowInlineEdit\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </td>\n        </ng-container>\n        <td\n            class=\"col-context-menu\"\n            *ngIf=\"contextMenuItems?.length && (!inlineEditMode || !allowInlineEdit)\"\n            fd-table-cell\n        >\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n        </td>\n        <td\n            class=\"col-details\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"showDetailsInRow && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                *ngIf=\"detailsComponent?.Selector || cartableParams?.moId\"\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </td>\n        <td\n            class=\"col-view\"\n            fd-table-cell\n            [fitContent]=\"true\"\n            *ngIf=\"!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)\"\n        >\n            <button\n                fd-button\n                [glyph]=\"navigationArrow\"\n                [navigation]=\"true\"\n                [fdType]=\"'transparent'\"\n                role=\"presentation\"\n                (click)=\"onRowClick()\"\n            ></button>\n        </td>\n    </ng-template>\n</tr>\n\n<tr\n    #trEl\n    *ngIf=\"secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td fd-table-cell class=\"single-select\" *ngIf=\"!isCheckList\" (click)=\"onRowCheck()\"></td>\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\">\n        <p\n            #pEl\n            fd-table-text\n            *ngFor=\"let column of secondaryColumns; let columnIndex = index; trackBy: _trackByColumn\"\n            [applyConditionalFormats]=\"conditionalFormats\"\n            [hostEl]=\"pEl\"\n            [styleIndex]=\"styleIndex\"\n            [dbName]=\"column.Name\"\n        >\n            <label fd-form-label>{{ column.Caption }} :</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </p>\n    </td>\n</tr>\n<tr *ngIf=\"!detailsCollapsed && cartableParams?.moId\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                (click)=\"OnCartableFormClick($event)\"\n                class=\"cartable-template\"\n                [params]=\"cartableParams\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n<tr\n    *ngIf=\"!detailsCollapsed && detailsComponent?.Selector\"\n    fd-table-row\n    class=\"showdetails\"\n    [attr.aria-selected]=\"isChecked\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        <ng-container *ngIf=\"detailsComponent && detailsComponent.Selector\">\n            <bnrc-dynamic-item-component\n                [component]=\"detailsComponent\"\n                [mo]=\"mo\"\n                [isChecked]=\"isChecked\"\n                [UlvMainCtrlr]=\"UlvMainCtrlr\"\n                [setting]=\"detailsComponentSetting\"\n                [parameters]=\"detailsComponent.Settings\"\n                [editMode]=\"inlineEditMode\"\n                [formSetting]=\"formSetting\"\n                [rtl]=\"rtl\"\n                [deviceName]=\"deviceName\"\n                [deviceSize]=\"deviceSize\"\n                [index]=\"index\"\n                [allColumns]=\"allColumns\"\n                [typeDefId]=\"typeDefId\"\n            ></bnrc-dynamic-item-component>\n        </ng-container>\n    </td>\n</tr>\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        <div fd-form-item *ngFor=\"let column of detailsColumns; let columnIndex = index\">\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </div>\n</ng-template>\n<tr *ngIf=\"bruleActionMessage && inlineEditMode\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip\n            *ngIf=\"bruleActionMessage.MessageType === 2\"\n            [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\"\n            [dismissible]=\"false\"\n        >\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n<tr *ngIf=\"workflowState?.errorText\" fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"resetWorkflowState.emit()\">\n            {{ workflowState.errorText }}\n        </fd-message-strip>\n    </td>\n</tr>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}\n"] }]
@@ -5650,7 +5678,7 @@ class ReportSearchPanelSaveComponent extends BaseComponent {
     }
 }
 ReportSearchPanelSaveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportSearchPanelSaveComponent, deps: [{ token: i2$1.UntypedFormBuilder }, { token: i1$1.DialogRef }, { token: i2.BbbTranslatePipe }], target: i0.ɵɵFactoryTarget.Component });
-ReportSearchPanelSaveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportSearchPanelSaveComponent, selector: "bsu-report-search-panel-save", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ 'Save' | bbbTranslate }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\" [disabled]=\"saveing\"></button>\r\n    </fd-dialog-header>\r\n\r\n    <fd-dialog-body>\r\n        <bsu-mask *ngIf=\"saveing\"></bsu-mask>\r\n        <div fd-form-item [formGroup]=\"appGroupForm\" [class.saveing-form]=\"saveing\">\r\n            <label fd-form-label [required]=\"true\">{{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                <fd-checkbox\r\n                    formControlName=\"setAsDefault\"\r\n                    [label]=\"'SetasDefault' | bbbTranslate\"\r\n                    [(ngModel)]=\"isDefault\"\r\n                ></fd-checkbox>\r\n                <fd-checkbox\r\n                    formControlName=\"publicFilter\"\r\n                    [label]=\"'Public' | bbbTranslate\"\r\n                    [(ngModel)]=\"isPublic\"\r\n                ></fd-checkbox>\r\n                <fd-checkbox\r\n                    formControlName=\"applyAutomatically\"\r\n                    [label]=\"'ApplyAutomatically' | bbbTranslate\"\r\n                    [(ngModel)]=\"applyAutomatically\"\r\n                ></fd-checkbox>\r\n                <fd-form-message *ngIf=\"submitted && appGroupForm.controls.title.errors\" type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\" [disabled]=\"saveing\">\r\n        </fd-button-bar>\r\n        <fd-button-bar\r\n            [disabled]=\"saveing\"\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.close()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i7.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: i7.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "isOpen"], outputs: ["isOpenChange"] }, { kind: "component", type: i7$1.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { 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: "directive", type: i6$1.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ReportSearchPanelSaveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportSearchPanelSaveComponent, selector: "bsu-report-search-panel-save", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ 'Save' | bbbTranslate }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\" [disabled]=\"saveing\"></button>\r\n    </fd-dialog-header>\r\n\r\n    <fd-dialog-body>\r\n        <bsu-mask *ngIf=\"saveing\"></bsu-mask>\r\n        <div fd-form-item [formGroup]=\"appGroupForm\" [class.saveing-form]=\"saveing\">\r\n            <label fd-form-label [required]=\"true\">{{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                <fd-checkbox\r\n                    formControlName=\"setAsDefault\"\r\n                    [label]=\"'SetasDefault' | bbbTranslate\"\r\n                    [(ngModel)]=\"isDefault\"\r\n                ></fd-checkbox>\r\n                <fd-checkbox\r\n                    formControlName=\"publicFilter\"\r\n                    [label]=\"'Public' | bbbTranslate\"\r\n                    [(ngModel)]=\"isPublic\"\r\n                ></fd-checkbox>\r\n                <fd-checkbox\r\n                    formControlName=\"applyAutomatically\"\r\n                    [label]=\"'ApplyAutomatically' | bbbTranslate\"\r\n                    [(ngModel)]=\"applyAutomatically\"\r\n                ></fd-checkbox>\r\n                <fd-form-message *ngIf=\"submitted && appGroupForm.controls.title.errors\" type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\" [disabled]=\"saveing\">\r\n        </fd-button-bar>\r\n        <fd-button-bar\r\n            [disabled]=\"saveing\"\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.close()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { 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: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i7.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: i7.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "isOpen"], outputs: ["isOpenChange"] }, { kind: "component", type: i7$1.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { 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: "directive", type: i6$2.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportSearchPanelSaveComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-report-search-panel-save', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ 'Save' | bbbTranslate }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\" [disabled]=\"saveing\"></button>\r\n    </fd-dialog-header>\r\n\r\n    <fd-dialog-body>\r\n        <bsu-mask *ngIf=\"saveing\"></bsu-mask>\r\n        <div fd-form-item [formGroup]=\"appGroupForm\" [class.saveing-form]=\"saveing\">\r\n            <label fd-form-label [required]=\"true\">{{ 'Title' | bbbTranslate }}</label>\r\n            <fd-form-input-message-group>\r\n                <fd-input-group\r\n                    class=\"form-control\"\r\n                    formControlName=\"title\"\r\n                    form-control\r\n                    [button]=\"true\"\r\n                    [(ngModel)]=\"title\"\r\n                    [state]=\"submitted && appGroupForm.controls.title.errors ? 'error' : 'information'\"\r\n                >\r\n                </fd-input-group>\r\n                <fd-checkbox\r\n                    formControlName=\"setAsDefault\"\r\n                    [label]=\"'SetasDefault' | bbbTranslate\"\r\n                    [(ngModel)]=\"isDefault\"\r\n                ></fd-checkbox>\r\n                <fd-checkbox\r\n                    formControlName=\"publicFilter\"\r\n                    [label]=\"'Public' | bbbTranslate\"\r\n                    [(ngModel)]=\"isPublic\"\r\n                ></fd-checkbox>\r\n                <fd-checkbox\r\n                    formControlName=\"applyAutomatically\"\r\n                    [label]=\"'ApplyAutomatically' | bbbTranslate\"\r\n                    [(ngModel)]=\"applyAutomatically\"\r\n                ></fd-checkbox>\r\n                <fd-form-message *ngIf=\"submitted && appGroupForm.controls.title.errors\" type=\"error\">\r\n                    {{ RequiredText }}\r\n                </fd-form-message>\r\n            </fd-form-input-message-group>\r\n        </div>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\" [disabled]=\"saveing\">\r\n        </fd-button-bar>\r\n        <fd-button-bar\r\n            [disabled]=\"saveing\"\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.close()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
@@ -5708,7 +5736,7 @@ class ReportSearchFieldsHiddenSettingsComponent extends BaseComponent {
     }
 }
 ReportSearchFieldsHiddenSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportSearchFieldsHiddenSettingsComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-ReportSearchFieldsHiddenSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportSearchFieldsHiddenSettingsComponent, selector: "bsu-report-search-fields-hidden-settings", viewQueries: [{ propertyName: "girdColumnsComppnent", first: true, predicate: UiGridColumnsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Fields' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button fd-button [label]=\"'Reset' | bbbTranslate\" [fdType]=\"'transparent'\"></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-columns [columns]=\"fields\" #columnFilter></bsu-ui-grid-columns>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ 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: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: UiGridColumnsComponent, selector: "bsu-ui-grid-columns", inputs: ["columns", "selectedColumns"], outputs: ["columnsChange"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ReportSearchFieldsHiddenSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportSearchFieldsHiddenSettingsComponent, selector: "bsu-report-search-fields-hidden-settings", viewQueries: [{ propertyName: "girdColumnsComppnent", first: true, predicate: UiGridColumnsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Fields' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button fd-button [label]=\"'Reset' | bbbTranslate\" [fdType]=\"'transparent'\"></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-columns [columns]=\"fields\" #columnFilter></bsu-ui-grid-columns>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ 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: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "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: UiGridColumnsComponent, selector: "bsu-ui-grid-columns", inputs: ["columns", "selectedColumns"], outputs: ["columnsChange"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportSearchFieldsHiddenSettingsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-report-search-fields-hidden-settings', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <ng-template fdTemplate=\"header\">\r\n            <div fd-bar-left>\r\n                <fd-bar-element>\r\n                    <h4 fd-title [headerSize]=\"4\">\r\n                        {{ 'Fields' | bbbTranslate }}\r\n                    </h4>\r\n                </fd-bar-element>\r\n            </div>\r\n            <div fd-bar-right>\r\n                <fd-bar-element>\r\n                    <button fd-button [label]=\"'Reset' | bbbTranslate\" [fdType]=\"'transparent'\"></button>\r\n                </fd-bar-element>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body class=\"setting-wrapper\">\r\n        <bsu-ui-grid-columns [columns]=\"fields\" #columnFilter></bsu-ui-grid-columns>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button fdType=\"emphasized\" (click)=\"onOkClick()\" [label]=\"'OK' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n        <fd-dialog-footer-button>\r\n            <button fd-button (click)=\"onCancelSettings()\" [label]=\"'Cancel' | bbbTranslate\"></button>\r\n        </fd-dialog-footer-button>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
@@ -5786,7 +5814,7 @@ class ReportSearchFieldsManageComponent extends BaseComponent {
     }
 }
 ReportSearchFieldsManageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportSearchFieldsManageComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-ReportSearchFieldsManageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportSearchFieldsManageComponent, selector: "bsu-report-search-fields-manage", viewQueries: [{ propertyName: "radioButtonsComponent", predicate: RadioButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'ManageSearchPanel' | bbbTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button fd-button [label]=\"'Reset' | bbbTranslate\" [fdType]=\"'transparent'\"></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body class=\"setting-wrapper\">\n        <bsu-mask *ngIf=\"saveing\"></bsu-mask>\n        <table fd-table [class.saveing-form]=\"saveing\">\n            <thead fd-table-header>\n                <tr fd-table-row>\n                    <th fd-table-cell>{{ 'View' | bbbTranslate }}</th>\n                    <th fd-table-cell>{{ 'Share' | bbbTranslate }}</th>\n                    <th fd-table-cell>{{ 'Default' | bbbTranslate }}</th>\n                    <th fd-table-cell>{{ 'ApplyAutomatically' | bbbTranslate }}</th>\n                    <th fd-table-cell></th>\n                </tr>\n            </thead>\n\n            <tbody fd-table-body [noBorderX]=\"true\">\n                <ng-container *ngFor=\"let row of allSearchPanelSettings; let i = index\">\n                    <tr fd-table-row *ngIf=\"!row.IsDeleted\">\n                        <td fd-table-cell>\n                            <strong *ngIf=\"row.IsPrimary\">{{ row.Title }}</strong>\n                            <input fd-form-control *ngIf=\"!row.IsPrimary\" [(ngModel)]=\"row.Title\" />\n                        </td>\n                        <td fd-table-cell>\n                            {{ row.IsPublic ? ('Public' | bbbTranslate) : '' }}\n                        </td>\n                        <td fd-table-cell>\n                            <fd-radio-button\n                                [name]=\"'radio' + i\"\n                                [value]=\"row.Title\"\n                                [selectedValue]=\"row.IsDefault ? row.Title : null\"\n                                (click)=\"onDefault(row)\"\n                            >\n                            </fd-radio-button>\n                        </td>\n                        <td fd-table-cell>\n                            <fd-checkbox *ngIf=\"!row.IsPrimary\" [(ngModel)]=\"row.ApplyAutomatically\"></fd-checkbox>\n                        </td>\n                        <td fd-table-cell [fitContent]=\"true\">\n                            <button\n                                fd-button\n                                *ngIf=\"!row.IsPrimary\"\n                                fdType=\"transparent\"\n                                glyph=\"decline\"\n                                (click)=\"onDelete(row)\"\n                            ></button>\n                        </td>\n                    </tr>\n                </ng-container>\n            </tbody>\n        </table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                (click)=\"onOkClick()\"\n                [label]=\"'OK' | bbbTranslate\"\n                [disabled]=\"saveing\"\n            ></button>\n        </fd-dialog-footer-button>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                (click)=\"onCancelSettings()\"\n                [label]=\"'Cancel' | bbbTranslate\"\n                [disabled]=\"saveing\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "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.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.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.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i11.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required"] }, { 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.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { 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: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ReportSearchFieldsManageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportSearchFieldsManageComponent, selector: "bsu-report-search-fields-manage", viewQueries: [{ propertyName: "radioButtonsComponent", predicate: RadioButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'ManageSearchPanel' | bbbTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button fd-button [label]=\"'Reset' | bbbTranslate\" [fdType]=\"'transparent'\"></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body class=\"setting-wrapper\">\n        <bsu-mask *ngIf=\"saveing\"></bsu-mask>\n        <table fd-table [class.saveing-form]=\"saveing\">\n            <thead fd-table-header>\n                <tr fd-table-row>\n                    <th fd-table-cell>{{ 'View' | bbbTranslate }}</th>\n                    <th fd-table-cell>{{ 'Share' | bbbTranslate }}</th>\n                    <th fd-table-cell>{{ 'Default' | bbbTranslate }}</th>\n                    <th fd-table-cell>{{ 'ApplyAutomatically' | bbbTranslate }}</th>\n                    <th fd-table-cell></th>\n                </tr>\n            </thead>\n\n            <tbody fd-table-body [noBorderX]=\"true\">\n                <ng-container *ngFor=\"let row of allSearchPanelSettings; let i = index\">\n                    <tr fd-table-row *ngIf=\"!row.IsDeleted\">\n                        <td fd-table-cell>\n                            <strong *ngIf=\"row.IsPrimary\">{{ row.Title }}</strong>\n                            <input fd-form-control *ngIf=\"!row.IsPrimary\" [(ngModel)]=\"row.Title\" />\n                        </td>\n                        <td fd-table-cell>\n                            {{ row.IsPublic ? ('Public' | bbbTranslate) : '' }}\n                        </td>\n                        <td fd-table-cell>\n                            <fd-radio-button\n                                [name]=\"'radio' + i\"\n                                [value]=\"row.Title\"\n                                [selectedValue]=\"row.IsDefault ? row.Title : null\"\n                                (click)=\"onDefault(row)\"\n                            >\n                            </fd-radio-button>\n                        </td>\n                        <td fd-table-cell>\n                            <fd-checkbox *ngIf=\"!row.IsPrimary\" [(ngModel)]=\"row.ApplyAutomatically\"></fd-checkbox>\n                        </td>\n                        <td fd-table-cell [fitContent]=\"true\">\n                            <button\n                                fd-button\n                                *ngIf=\"!row.IsPrimary\"\n                                fdType=\"transparent\"\n                                glyph=\"decline\"\n                                (click)=\"onDelete(row)\"\n                            ></button>\n                        </td>\n                    </tr>\n                </ng-container>\n            </tbody>\n        </table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                (click)=\"onOkClick()\"\n                [label]=\"'OK' | bbbTranslate\"\n                [disabled]=\"saveing\"\n            ></button>\n        </fd-dialog-footer-button>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                (click)=\"onCancelSettings()\"\n                [label]=\"'Cancel' | bbbTranslate\"\n                [disabled]=\"saveing\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "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$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: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.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.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.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i11.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required"] }, { 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.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { 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: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportSearchFieldsManageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-report-search-fields-manage', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'ManageSearchPanel' | bbbTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <button fd-button [label]=\"'Reset' | bbbTranslate\" [fdType]=\"'transparent'\"></button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n    <fd-dialog-body class=\"setting-wrapper\">\n        <bsu-mask *ngIf=\"saveing\"></bsu-mask>\n        <table fd-table [class.saveing-form]=\"saveing\">\n            <thead fd-table-header>\n                <tr fd-table-row>\n                    <th fd-table-cell>{{ 'View' | bbbTranslate }}</th>\n                    <th fd-table-cell>{{ 'Share' | bbbTranslate }}</th>\n                    <th fd-table-cell>{{ 'Default' | bbbTranslate }}</th>\n                    <th fd-table-cell>{{ 'ApplyAutomatically' | bbbTranslate }}</th>\n                    <th fd-table-cell></th>\n                </tr>\n            </thead>\n\n            <tbody fd-table-body [noBorderX]=\"true\">\n                <ng-container *ngFor=\"let row of allSearchPanelSettings; let i = index\">\n                    <tr fd-table-row *ngIf=\"!row.IsDeleted\">\n                        <td fd-table-cell>\n                            <strong *ngIf=\"row.IsPrimary\">{{ row.Title }}</strong>\n                            <input fd-form-control *ngIf=\"!row.IsPrimary\" [(ngModel)]=\"row.Title\" />\n                        </td>\n                        <td fd-table-cell>\n                            {{ row.IsPublic ? ('Public' | bbbTranslate) : '' }}\n                        </td>\n                        <td fd-table-cell>\n                            <fd-radio-button\n                                [name]=\"'radio' + i\"\n                                [value]=\"row.Title\"\n                                [selectedValue]=\"row.IsDefault ? row.Title : null\"\n                                (click)=\"onDefault(row)\"\n                            >\n                            </fd-radio-button>\n                        </td>\n                        <td fd-table-cell>\n                            <fd-checkbox *ngIf=\"!row.IsPrimary\" [(ngModel)]=\"row.ApplyAutomatically\"></fd-checkbox>\n                        </td>\n                        <td fd-table-cell [fitContent]=\"true\">\n                            <button\n                                fd-button\n                                *ngIf=\"!row.IsPrimary\"\n                                fdType=\"transparent\"\n                                glyph=\"decline\"\n                                (click)=\"onDelete(row)\"\n                            ></button>\n                        </td>\n                    </tr>\n                </ng-container>\n            </tbody>\n        </table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                (click)=\"onOkClick()\"\n                [label]=\"'OK' | bbbTranslate\"\n                [disabled]=\"saveing\"\n            ></button>\n        </fd-dialog-footer-button>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                (click)=\"onCancelSettings()\"\n                [label]=\"'Cancel' | bbbTranslate\"\n                [disabled]=\"saveing\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n" }]
@@ -5821,7 +5849,7 @@ class ManageFiltersReportComponent extends BaseComponent {
     }
 }
 ManageFiltersReportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ManageFiltersReportComponent, deps: [{ token: i2$1.UntypedFormBuilder }, { token: i1$1.DialogRef }, { token: i2.BbbTranslatePipe }], target: i0.ɵɵFactoryTarget.Component });
-ManageFiltersReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ManageFiltersReportComponent, selector: "bsu-manage-filters-report", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ 'Filters' | bbbTranslate }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body [formGroup]=\"appGroupForm\">\r\n        <ul fd-list [navigationIndicator]=\"true\">\r\n            <ng-container *ngFor=\"let group of savedList\">\r\n                <li fd-list-item [selected]=\"group.IsSelected\">\r\n                    <span fd-list-title>{{ group.Title }}</span>\r\n                </li>\r\n            </ng-container>\r\n        </ul>\r\n    </fd-dialog-body>\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.dismiss()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { 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: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ManageFiltersReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ManageFiltersReportComponent, selector: "bsu-manage-filters-report", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ 'Filters' | bbbTranslate }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body [formGroup]=\"appGroupForm\">\r\n        <ul fd-list [navigationIndicator]=\"true\">\r\n            <ng-container *ngFor=\"let group of savedList\">\r\n                <li fd-list-item [selected]=\"group.IsSelected\">\r\n                    <span fd-list-title>{{ group.Title }}</span>\r\n                </li>\r\n            </ng-container>\r\n        </ul>\r\n    </fd-dialog-body>\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.dismiss()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { 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: 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: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ManageFiltersReportComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-manage-filters-report', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ 'Filters' | bbbTranslate }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss()\"></button>\r\n    </fd-dialog-header>\r\n    <fd-dialog-body [formGroup]=\"appGroupForm\">\r\n        <ul fd-list [navigationIndicator]=\"true\">\r\n            <ng-container *ngFor=\"let group of savedList\">\r\n                <li fd-list-item [selected]=\"group.IsSelected\">\r\n                    <span fd-list-title>{{ group.Title }}</span>\r\n                </li>\r\n            </ng-container>\r\n        </ul>\r\n    </fd-dialog-body>\r\n    <fd-dialog-footer>\r\n        <fd-button-bar [label]=\"'Save' | bbbTranslate\" fdType=\"emphasized\" (click)=\"onSave()\"> </fd-button-bar>\r\n        <fd-button-bar\r\n            [label]=\"'Cancel' | bbbTranslate\"\r\n            fdInitialFocus\r\n            fdType=\"transparent\"\r\n            (click)=\"this.dialogRef.dismiss()\"\r\n        >\r\n        </fd-button-bar>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
@@ -6094,10 +6122,10 @@ class BarsaUlvMainComponent extends BaseComponent {
     }
 }
 BarsaUlvMainComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaUlvMainComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-BarsaUlvMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: { viewerControl: "viewerControl", loading: "loading", viewerLoading: "viewerLoading", isReportPage: "isReportPage", deviceSize: "deviceSize", title: "title", searchPanelUi: "searchPanelUi", breadCrumbs: "breadCrumbs", allSearchPanelSettings: "allSearchPanelSettings", isAnonymous: "isAnonymous", canSaveGridSetting: "canSaveGridSetting", rtl: "rtl", selectedSearchPanelSettings: "selectedSearchPanelSettings", searchPanelMoChanged: "searchPanelMoChanged", selectedSearchPanelSettingsId: "selectedSearchPanelSettingsId", hideSearchPanel: "hideSearchPanel", pagingSetting: "pagingSetting", contentDensity: "contentDensity", context: "context", isMobile: "isMobile", standalone: "standalone", landscape: "landscape" }, outputs: { close: "close", searchPanelMoChange: "searchPanelMoChange", openManageFilters: "openManageFilters", collapsedChange: "collapsedChange", hideSearchPanelClick: "hideSearchPanelClick", filterSave: "filterSave", filterSaveAs: "filterSaveAs", pageChange: "pageChange", showFilterFieldsSetting: "showFilterFieldsSetting", manageFilters: "manageFilters", clearSearch: "clearSearch", search: "search", selectSearchPanelSettings: "selectSearchPanelSettings" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true }, { propertyName: "dialogTemplate", first: true, predicate: ["searchpanelDialog"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            reportPageTemplate;\n            context: {\n                $implicit: viewerControl,\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n            }\n        \"\n    >\n    </ng-container>\n</ng-container> -->\n<ng-container\n    *ngTemplateOutlet=\"\n        isReportPage ? reportPageTemplate : reportTemplate;\n        context: {\n            $implicit: viewerControl,\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n        }\n    \"\n>\n</ng-container>\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\n    <fd-dynamic-page\n        formClose\n        mobile\n        [attr.isMobile]=\"isMobile\"\n        [isMobile]=\"isMobile\"\n        [size]=\"deviceSize | dynamicPageSize\"\n        [attr.tabMode]=\"tabMode\"\n        [autoResponsive]=\"false\"\n    >\n        <fd-dynamic-page-header\n            [title]=\"\n                (title | bbbTranslate)\n                    ? (title | bbbTranslate)\n                    : isMobile && breadCrumbs.length\n                    ? breadCrumbs[breadCrumbs.length - 1].label\n                    : ''\n            \"\n            class=\"p-b0\"\n        >\n            <fd-breadcrumb *ngIf=\"!isMobile\">\n                <ng-container *ngIf=\"breadCrumbs\">\n                    <ng-container\n                        *ngFor=\"\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\n                            let i = index;\n                            let last = last\n                        \"\n                    >\n                        <fd-breadcrumb-item *ngIf=\"last\">\n                            <bsu-breadcrumb\n                                [index]=\"i\"\n                                [isLast]=\"last\"\n                                [breadCrumb]=\"breadCrumb\"\n                                [allBreadCrumb]=\"breadCrumbs\"\n                            ></bsu-breadcrumb>\n                        </fd-breadcrumb-item>\n                    </ng-container>\n                </ng-container>\n            </fd-breadcrumb>\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\n\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n                <!-- added this because in mobile landscape toolbar disapper -->\n                <fd-toolbar\n                    *ngIf=\"searchPanelUi\"\n                    class=\"global-actions\"\n                    fdType=\"transparent\"\n                    [clearBorder]=\"true\"\n                    [shouldOverflow]=\"deviceSize === 's'\"\n                >\n                    <fd-popover\n                        fd-toolbar-item\n                        #popover\n                        fdOverflowPriority=\"never\"\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\n                    >\n                        <fd-popover-control>\n                            <div style=\"display: flex; align-items: center\">\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\n                                    {{\n                                        selectedSearchPanelSettings?.IsStandard\n                                            ? ''\n                                            : selectedSearchPanelSettings?.Title\n                                    }}\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\n                                </h3>\n                                <button\n                                    fd-button\n                                    glyph=\"slim-arrow-down\"\n                                    fdType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></button>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body mobile>\n                            <div fd-popover-body-header>\n                                <div fd-bar [fdCozy]>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\n                                <li\n                                    fd-list-item\n                                    *ngFor=\"let option of allSearchPanelSettings\"\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\n                                >\n                                    <span fd-list-title>{{ option.Title }}</span>\n                                </li>\n                            </ul>\n                            <div fd-popover-body-footer>\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\n                                        <fd-button-bar\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\n                                            [label]=\"'Save' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                            (click)=\"onFilterSave(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            *ngIf=\"searchPanelMoChanged\"\n                                            [label]=\"'SaveAs' | bbbTranslate\"\n                                            [fdType]=\"\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\n                                            \"\n                                            (click)=\"onFilterSaveAs(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Manage' | bbbTranslate\"\n                                            fdInitialFocus\n                                            fdType=\"transparent\"\n                                            (click)=\"onManageFilters(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\n                    <button\n                        fd-button\n                        *ngIf=\"isMobile\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        (click)=\"onShowSearchpanelDialog()\"\n                        [glyph]=\"'filter'\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        fd-toolbar-item\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fdType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-subheader\n            [pinnable]=\"true\"\n            [collapsible]=\"false\"\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\n        >\n            <bsu-search-panel\n                *ngIf=\"!isMobile\"\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\n                    context: { noRenderPageing: true }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\n            <!-- page footer content goes here -->\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-middle>\n                    <ng-container\n                        [renderUlvPaging]=\"context\"\n                        [pagingSetting]=\"pagingSetting\"\n                        (pageChange)=\"onPageChange($event)\"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n    <ng-container *ngIf=\"tabMode\">\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #reportTemplate>\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\n</ng-template>\n<ng-template #sideContentTemplate>\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" [size]=\"deviceSize | sapSize\">\n        <fd-dynamic-side-content-side>\n            <ng-container\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\n            ></ng-container>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-template>\n<ng-template #searchpanelTemplate let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\">\n    <fd-card class=\"searchpanel-card\">\n        <fd-card-header>\n            <h2 fd-card-title>\n                <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\n            </h2>\n        </fd-card-header>\n        <fd-card-content>\n            <bsu-search-panel\n                *ngIf=\"!hideSearchPanel && searchPanelUi\"\n                [searchPanelUi]=\"searchPanelUi\"\n                [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n                [hideButtons]=\"true\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-card-content>\n        <fd-card-footer>\n            <button\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"emphasized\"\n                [label]=\"'Search' | bbbTranslate\"\n                (click)=\"onSearch()\"\n                [fdContentDensity]=\"contentDensity\"\n            ></button>\n            <button\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"transparent\"\n                [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\n                (click)=\"onClearSearch()\"\n                [fdOverflowGroup]=\"1\"\n                [fdContentDensity]=\"contentDensity\"\n            ></button>\n        </fd-card-footer>\n    </fd-card>\n</ng-template>\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\n    <div\n        class=\"viewer-container\"\n        fillEmptySpace\n        [disable]=\"isReportPage || !fillPage\"\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\n        [style.min-height]=\"isReportPage ? '100%' : null\"\n        [style.position]=\"viewerLoading ? 'relative' : null\"\n    >\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\n        <ng-container *ngIf=\"viewerControl\" [renderUlvViewer]=\"viewerControl\"></ng-container>\n    </div>\n    <ng-container\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <bsu-search-panel\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-initial-focus\n                    fdType=\"emphasized\"\n                    (click)=\"dialog.dismiss(); onSearch()\"\n                    [label]=\"'Search' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"dialog.dismiss('Close button')\"\n                    [label]=\"'Cancel' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RenderUlvViewerDirective, selector: "[renderUlvViewer]", inputs: ["mask", "renderUlvViewer"] }, { kind: "directive", type: i2.RenderUlvPaginDirective, selector: "[renderUlvPaging]", inputs: ["mask", "pagingSetting", "renderUlvPaging"], outputs: ["pageChange"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6$5.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i6$5.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "component", type: i5$1.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$1.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { kind: "component", type: i9$3.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i9$3.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i9$3.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$3.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$3.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$3.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$3.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i10$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i10$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i10$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: i7$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i7$3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$2.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "directive", type: i7$2.ToolbarOverflowGroupDirective, selector: "[fdOverflowGroup]", inputs: ["fdOverflowGroup"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: SearchPanelComponent, selector: "bsu-search-panel", inputs: ["searchPanelUi", "hideButtons", "isSearcPanelInSideContent"], outputs: ["moChanged"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }, { kind: "pipe", type: SapSizePipe, name: "sapSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaUlvMainComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: { viewerControl: "viewerControl", loading: "loading", viewerLoading: "viewerLoading", isReportPage: "isReportPage", deviceSize: "deviceSize", title: "title", searchPanelUi: "searchPanelUi", breadCrumbs: "breadCrumbs", allSearchPanelSettings: "allSearchPanelSettings", isAnonymous: "isAnonymous", canSaveGridSetting: "canSaveGridSetting", rtl: "rtl", selectedSearchPanelSettings: "selectedSearchPanelSettings", searchPanelMoChanged: "searchPanelMoChanged", selectedSearchPanelSettingsId: "selectedSearchPanelSettingsId", hideSearchPanel: "hideSearchPanel", pagingSetting: "pagingSetting", contentDensity: "contentDensity", context: "context", isMobile: "isMobile", standalone: "standalone", landscape: "landscape" }, outputs: { close: "close", searchPanelMoChange: "searchPanelMoChange", openManageFilters: "openManageFilters", collapsedChange: "collapsedChange", hideSearchPanelClick: "hideSearchPanelClick", filterSave: "filterSave", filterSaveAs: "filterSaveAs", pageChange: "pageChange", showFilterFieldsSetting: "showFilterFieldsSetting", manageFilters: "manageFilters", clearSearch: "clearSearch", search: "search", selectSearchPanelSettings: "selectSearchPanelSettings" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true }, { propertyName: "dialogTemplate", first: true, predicate: ["searchpanelDialog"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            reportPageTemplate;\n            context: {\n                $implicit: viewerControl,\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n            }\n        \"\n    >\n    </ng-container>\n</ng-container> -->\n<ng-container\n    *ngTemplateOutlet=\"\n        isReportPage ? reportPageTemplate : reportTemplate;\n        context: {\n            $implicit: viewerControl,\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n        }\n    \"\n>\n</ng-container>\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\n    <fd-dynamic-page\n        formClose\n        mobile\n        [attr.isMobile]=\"isMobile\"\n        [isMobile]=\"isMobile\"\n        [size]=\"deviceSize | dynamicPageSize\"\n        [attr.tabMode]=\"tabMode\"\n        [autoResponsive]=\"false\"\n    >\n        <fd-dynamic-page-header\n            [title]=\"\n                (title | bbbTranslate)\n                    ? (title | bbbTranslate)\n                    : isMobile && breadCrumbs.length\n                    ? breadCrumbs[breadCrumbs.length - 1].label\n                    : ''\n            \"\n            class=\"p-b0\"\n        >\n            <fd-breadcrumb *ngIf=\"!isMobile\">\n                <ng-container *ngIf=\"breadCrumbs\">\n                    <ng-container\n                        *ngFor=\"\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\n                            let i = index;\n                            let last = last\n                        \"\n                    >\n                        <fd-breadcrumb-item *ngIf=\"last\">\n                            <bsu-breadcrumb\n                                [index]=\"i\"\n                                [isLast]=\"last\"\n                                [breadCrumb]=\"breadCrumb\"\n                                [allBreadCrumb]=\"breadCrumbs\"\n                            ></bsu-breadcrumb>\n                        </fd-breadcrumb-item>\n                    </ng-container>\n                </ng-container>\n            </fd-breadcrumb>\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\n\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n                <!-- added this because in mobile landscape toolbar disapper -->\n                <fd-toolbar\n                    *ngIf=\"searchPanelUi\"\n                    class=\"global-actions\"\n                    fdType=\"transparent\"\n                    [clearBorder]=\"true\"\n                    [shouldOverflow]=\"deviceSize === 's'\"\n                >\n                    <fd-popover\n                        fd-toolbar-item\n                        #popover\n                        fdOverflowPriority=\"never\"\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\n                    >\n                        <fd-popover-control>\n                            <div style=\"display: flex; align-items: center\">\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\n                                    {{\n                                        selectedSearchPanelSettings?.IsStandard\n                                            ? ''\n                                            : selectedSearchPanelSettings?.Title\n                                    }}\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\n                                </h3>\n                                <button\n                                    fd-button\n                                    glyph=\"slim-arrow-down\"\n                                    fdType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></button>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body mobile>\n                            <div fd-popover-body-header>\n                                <div fd-bar [fdCozy]>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\n                                <li\n                                    fd-list-item\n                                    *ngFor=\"let option of allSearchPanelSettings\"\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\n                                >\n                                    <span fd-list-title>{{ option.Title }}</span>\n                                </li>\n                            </ul>\n                            <div fd-popover-body-footer>\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\n                                        <fd-button-bar\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\n                                            [label]=\"'Save' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                            (click)=\"onFilterSave(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            *ngIf=\"searchPanelMoChanged\"\n                                            [label]=\"'SaveAs' | bbbTranslate\"\n                                            [fdType]=\"\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\n                                            \"\n                                            (click)=\"onFilterSaveAs(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Manage' | bbbTranslate\"\n                                            fdInitialFocus\n                                            fdType=\"transparent\"\n                                            (click)=\"onManageFilters(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\n                    <button\n                        fd-button\n                        *ngIf=\"isMobile\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        (click)=\"onShowSearchpanelDialog()\"\n                        [glyph]=\"'filter'\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        fd-toolbar-item\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fdType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-subheader\n            [pinnable]=\"true\"\n            [collapsible]=\"false\"\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\n        >\n            <bsu-search-panel\n                *ngIf=\"!isMobile\"\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\n                    context: { noRenderPageing: true }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\n            <!-- page footer content goes here -->\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-middle>\n                    <ng-container\n                        [renderUlvPaging]=\"context\"\n                        [pagingSetting]=\"pagingSetting\"\n                        (pageChange)=\"onPageChange($event)\"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n    <ng-container *ngIf=\"tabMode\">\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #reportTemplate>\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\n</ng-template>\n<ng-template #sideContentTemplate>\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" [size]=\"deviceSize | sapSize\">\n        <fd-dynamic-side-content-side>\n            <ng-container\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\n            ></ng-container>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-template>\n<ng-template #searchpanelTemplate let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\">\n    <ng-container *ngIf=\"!isSearcPanelInSideContent; else searchpanelCardTempate\">\n        <bsu-search-panel\n            *ngIf=\"!hideSearchPanel && searchPanelUi\"\n            [searchPanelUi]=\"searchPanelUi\"\n            [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n            [hideButtons]=\"true\"\n            (moChanged)=\"onSearchPanelMoChanged()\"\n        ></bsu-search-panel>\n    </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> </fd-card-content>\n            <fd-card-footer>\n                <button\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"emphasized\"\n                    [label]=\"'Search' | bbbTranslate\"\n                    (click)=\"onSearch()\"\n                    [fdContentDensity]=\"contentDensity\"\n                ></button>\n                <button\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"transparent\"\n                    [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\n                    (click)=\"onClearSearch()\"\n                    [fdOverflowGroup]=\"1\"\n                    [fdContentDensity]=\"contentDensity\"\n                ></button>\n            </fd-card-footer>\n        </fd-card>\n    </ng-template>\n</ng-template>\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\n    <div\n        class=\"viewer-container\"\n        fillEmptySpace\n        [disable]=\"isReportPage || !fillPage\"\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\n        [style.min-height]=\"isReportPage ? '100%' : null\"\n        [style.position]=\"viewerLoading ? 'relative' : null\"\n    >\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\n        <ng-container *ngIf=\"viewerControl\" [renderUlvViewer]=\"viewerControl\"></ng-container>\n    </div>\n    <ng-container\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <bsu-search-panel\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-initial-focus\n                    fdType=\"emphasized\"\n                    (click)=\"dialog.dismiss(); onSearch()\"\n                    [label]=\"'Search' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"dialog.dismiss('Close button')\"\n                    [label]=\"'Cancel' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RenderUlvViewerDirective, selector: "[renderUlvViewer]", inputs: ["mask", "renderUlvViewer"] }, { kind: "directive", type: i2.RenderUlvPaginDirective, selector: "[renderUlvPaging]", inputs: ["mask", "pagingSetting", "renderUlvPaging"], outputs: ["pageChange"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6$5.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["containerElement", "reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i6$5.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "component", type: i5$1.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$1.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { kind: "component", type: i9$3.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["role", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i9$3.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "subtitle"] }, { kind: "component", type: i9$3.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$3.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$3.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "role", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$3.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$3.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i10$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i10$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i10$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i6.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$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i7$3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i7$2.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "directive", type: i7$2.ToolbarOverflowGroupDirective, selector: "[fdOverflowGroup]", inputs: ["fdOverflowGroup"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: SearchPanelComponent, selector: "bsu-search-panel", inputs: ["searchPanelUi", "hideButtons", "isSearcPanelInSideContent"], outputs: ["moChanged"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: DynamicPageSizePipe, name: "dynamicPageSize" }, { kind: "pipe", type: SapSizePipe, name: "sapSize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaUlvMainComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-ulv-main', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            reportPageTemplate;\n            context: {\n                $implicit: viewerControl,\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n            }\n        \"\n    >\n    </ng-container>\n</ng-container> -->\n<ng-container\n    *ngTemplateOutlet=\"\n        isReportPage ? reportPageTemplate : reportTemplate;\n        context: {\n            $implicit: viewerControl,\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n        }\n    \"\n>\n</ng-container>\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\n    <fd-dynamic-page\n        formClose\n        mobile\n        [attr.isMobile]=\"isMobile\"\n        [isMobile]=\"isMobile\"\n        [size]=\"deviceSize | dynamicPageSize\"\n        [attr.tabMode]=\"tabMode\"\n        [autoResponsive]=\"false\"\n    >\n        <fd-dynamic-page-header\n            [title]=\"\n                (title | bbbTranslate)\n                    ? (title | bbbTranslate)\n                    : isMobile && breadCrumbs.length\n                    ? breadCrumbs[breadCrumbs.length - 1].label\n                    : ''\n            \"\n            class=\"p-b0\"\n        >\n            <fd-breadcrumb *ngIf=\"!isMobile\">\n                <ng-container *ngIf=\"breadCrumbs\">\n                    <ng-container\n                        *ngFor=\"\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\n                            let i = index;\n                            let last = last\n                        \"\n                    >\n                        <fd-breadcrumb-item *ngIf=\"last\">\n                            <bsu-breadcrumb\n                                [index]=\"i\"\n                                [isLast]=\"last\"\n                                [breadCrumb]=\"breadCrumb\"\n                                [allBreadCrumb]=\"breadCrumbs\"\n                            ></bsu-breadcrumb>\n                        </fd-breadcrumb-item>\n                    </ng-container>\n                </ng-container>\n            </fd-breadcrumb>\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\n\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n                <!-- added this because in mobile landscape toolbar disapper -->\n                <fd-toolbar\n                    *ngIf=\"searchPanelUi\"\n                    class=\"global-actions\"\n                    fdType=\"transparent\"\n                    [clearBorder]=\"true\"\n                    [shouldOverflow]=\"deviceSize === 's'\"\n                >\n                    <fd-popover\n                        fd-toolbar-item\n                        #popover\n                        fdOverflowPriority=\"never\"\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\n                    >\n                        <fd-popover-control>\n                            <div style=\"display: flex; align-items: center\">\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\n                                    {{\n                                        selectedSearchPanelSettings?.IsStandard\n                                            ? ''\n                                            : selectedSearchPanelSettings?.Title\n                                    }}\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\n                                </h3>\n                                <button\n                                    fd-button\n                                    glyph=\"slim-arrow-down\"\n                                    fdType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></button>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body mobile>\n                            <div fd-popover-body-header>\n                                <div fd-bar [fdCozy]>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\n                                <li\n                                    fd-list-item\n                                    *ngFor=\"let option of allSearchPanelSettings\"\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\n                                >\n                                    <span fd-list-title>{{ option.Title }}</span>\n                                </li>\n                            </ul>\n                            <div fd-popover-body-footer>\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\n                                        <fd-button-bar\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\n                                            [label]=\"'Save' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                            (click)=\"onFilterSave(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            *ngIf=\"searchPanelMoChanged\"\n                                            [label]=\"'SaveAs' | bbbTranslate\"\n                                            [fdType]=\"\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\n                                            \"\n                                            (click)=\"onFilterSaveAs(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Manage' | bbbTranslate\"\n                                            fdInitialFocus\n                                            fdType=\"transparent\"\n                                            (click)=\"onManageFilters(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\n                    <button\n                        fd-button\n                        *ngIf=\"isMobile\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        (click)=\"onShowSearchpanelDialog()\"\n                        [glyph]=\"'filter'\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        fd-toolbar-item\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fdType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-subheader\n            [pinnable]=\"true\"\n            [collapsible]=\"false\"\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\n        >\n            <bsu-search-panel\n                *ngIf=\"!isMobile\"\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\n                    context: { noRenderPageing: true }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\n            <!-- page footer content goes here -->\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-middle>\n                    <ng-container\n                        [renderUlvPaging]=\"context\"\n                        [pagingSetting]=\"pagingSetting\"\n                        (pageChange)=\"onPageChange($event)\"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n    <ng-container *ngIf=\"tabMode\">\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #reportTemplate>\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\n</ng-template>\n<ng-template #sideContentTemplate>\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" [size]=\"deviceSize | sapSize\">\n        <fd-dynamic-side-content-side>\n            <ng-container\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\n            ></ng-container>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-template>\n<ng-template #searchpanelTemplate let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\">\n    <fd-card class=\"searchpanel-card\">\n        <fd-card-header>\n            <h2 fd-card-title>\n                <fd-icon glyph=\"filter\"></fd-icon><span>{{ 'Filter' | bbbTranslate }}</span>\n            </h2>\n        </fd-card-header>\n        <fd-card-content>\n            <bsu-search-panel\n                *ngIf=\"!hideSearchPanel && searchPanelUi\"\n                [searchPanelUi]=\"searchPanelUi\"\n                [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n                [hideButtons]=\"true\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-card-content>\n        <fd-card-footer>\n            <button\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"emphasized\"\n                [label]=\"'Search' | bbbTranslate\"\n                (click)=\"onSearch()\"\n                [fdContentDensity]=\"contentDensity\"\n            ></button>\n            <button\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"transparent\"\n                [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\n                (click)=\"onClearSearch()\"\n                [fdOverflowGroup]=\"1\"\n                [fdContentDensity]=\"contentDensity\"\n            ></button>\n        </fd-card-footer>\n    </fd-card>\n</ng-template>\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\n    <div\n        class=\"viewer-container\"\n        fillEmptySpace\n        [disable]=\"isReportPage || !fillPage\"\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\n        [style.min-height]=\"isReportPage ? '100%' : null\"\n        [style.position]=\"viewerLoading ? 'relative' : null\"\n    >\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\n        <ng-container *ngIf=\"viewerControl\" [renderUlvViewer]=\"viewerControl\"></ng-container>\n    </div>\n    <ng-container\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <bsu-search-panel\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-initial-focus\n                    fdType=\"emphasized\"\n                    (click)=\"dialog.dismiss(); onSearch()\"\n                    [label]=\"'Search' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"dialog.dismiss('Close button')\"\n                    [label]=\"'Cancel' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"] }]
+            args: [{ selector: 'bsu-barsa-ulv-main', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <ng-container *ngIf=\"isReportPage; else reportTemplate\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            reportPageTemplate;\n            context: {\n                $implicit: viewerControl,\n                tabMode: viewerControl.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n            }\n        \"\n    >\n    </ng-container>\n</ng-container> -->\n<ng-container\n    *ngTemplateOutlet=\"\n        isReportPage ? reportPageTemplate : reportTemplate;\n        context: {\n            $implicit: viewerControl,\n            tabMode: viewerControl?.Setting?.ClassNames?.CustomUi?.Parameters?.TabMode\n        }\n    \"\n>\n</ng-container>\n<bsu-mask *ngIf=\"loading\" size=\"m\"></bsu-mask>\n<ng-template #reportPageTemplate let-viewerControl let-tabMode=\"tabMode\">\n    <fd-dynamic-page\n        formClose\n        mobile\n        [attr.isMobile]=\"isMobile\"\n        [isMobile]=\"isMobile\"\n        [size]=\"deviceSize | dynamicPageSize\"\n        [attr.tabMode]=\"tabMode\"\n        [autoResponsive]=\"false\"\n    >\n        <fd-dynamic-page-header\n            [title]=\"\n                (title | bbbTranslate)\n                    ? (title | bbbTranslate)\n                    : isMobile && breadCrumbs.length\n                    ? breadCrumbs[breadCrumbs.length - 1].label\n                    : ''\n            \"\n            class=\"p-b0\"\n        >\n            <fd-breadcrumb *ngIf=\"!isMobile\">\n                <ng-container *ngIf=\"breadCrumbs\">\n                    <ng-container\n                        *ngFor=\"\n                            let breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length;\n                            let i = index;\n                            let last = last\n                        \"\n                    >\n                        <fd-breadcrumb-item *ngIf=\"last\">\n                            <bsu-breadcrumb\n                                [index]=\"i\"\n                                [isLast]=\"last\"\n                                [breadCrumb]=\"breadCrumb\"\n                                [allBreadCrumb]=\"breadCrumbs\"\n                            ></bsu-breadcrumb>\n                        </fd-breadcrumb-item>\n                    </ng-container>\n                </ng-container>\n            </fd-breadcrumb>\n            <!-- <fd-dynamic-page-title-content>\u06AF\u0632\u0627\u0631\u0634 </fd-dynamic-page-title-content> -->\n\n            <fd-dynamic-page-global-actions *untilInView=\"el\" style=\"min-width: auto\">\n                <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n                <!-- added this because in mobile landscape toolbar disapper -->\n                <fd-toolbar\n                    *ngIf=\"searchPanelUi\"\n                    class=\"global-actions\"\n                    fdType=\"transparent\"\n                    [clearBorder]=\"true\"\n                    [shouldOverflow]=\"deviceSize === 's'\"\n                >\n                    <fd-popover\n                        fd-toolbar-item\n                        #popover\n                        fdOverflowPriority=\"never\"\n                        *ngIf=\"isAnonymous === false && canSaveGridSetting\"\n                    >\n                        <fd-popover-control>\n                            <div style=\"display: flex; align-items: center\">\n                                <h3 class=\"header-search\" [attr.rtl]=\"rtl\" fd-title>\n                                    {{\n                                        selectedSearchPanelSettings?.IsStandard\n                                            ? ''\n                                            : selectedSearchPanelSettings?.Title\n                                    }}\n                                    <strong *ngIf=\"searchPanelMoChanged\">*</strong>\n                                </h3>\n                                <button\n                                    fd-button\n                                    glyph=\"slim-arrow-down\"\n                                    fdType=\"transparent\"\n                                    [fdContentDensity]=\"contentDensity\"\n                                ></button>\n                            </div>\n                        </fd-popover-control>\n                        <fd-popover-body mobile>\n                            <div fd-popover-body-header>\n                                <div fd-bar [fdCozy]>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>{{ 'Filters' | bbbTranslate }}</fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                            <ul fd-list style=\"min-height: 200px; background-color: var(--sapBackgroundColor, #f7f7f7)\">\n                                <li\n                                    fd-list-item\n                                    *ngFor=\"let option of allSearchPanelSettings\"\n                                    [selected]=\"option.Id === selectedSearchPanelSettingsId\"\n                                    (click)=\"onSelectSearchPanelSettings(option.Id, popover)\"\n                                >\n                                    <span fd-list-title>{{ option.Title }}</span>\n                                </li>\n                            </ul>\n                            <div fd-popover-body-footer>\n                                <div fd-bar [barDesign]=\"'footer'\" [fdCozy]>\n                                    <div fd-bar-right *ngIf=\"selectedSearchPanelSettings\">\n                                        <fd-button-bar\n                                            *ngIf=\"!selectedSearchPanelSettings.IsPrimary && searchPanelMoChanged\"\n                                            [label]=\"'Save' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                            (click)=\"onFilterSave(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            *ngIf=\"searchPanelMoChanged\"\n                                            [label]=\"'SaveAs' | bbbTranslate\"\n                                            [fdType]=\"\n                                                selectedSearchPanelSettings.IsDefault ? 'emphasized' : 'transparent'\n                                            \"\n                                            (click)=\"onFilterSaveAs(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Manage' | bbbTranslate\"\n                                            fdInitialFocus\n                                            fdType=\"transparent\"\n                                            (click)=\"onManageFilters(popover)\"\n                                        >\n                                        </fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                    <fd-toolbar-spacer *ngIf=\"deviceSize !== 's'\"></fd-toolbar-spacer>\n                    <button\n                        fd-button\n                        *ngIf=\"isMobile\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        (click)=\"onShowSearchpanelDialog()\"\n                        [glyph]=\"'filter'\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdOverflowPriority=\"never\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Search' | bbbTranslate\"\n                        (click)=\"onSearch()\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Filters' | bbbTranslate\"\n                        (click)=\"onShowFilterFieldsSetting()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fd-toolbar-item\n                        fdType=\"transparent\"\n                        fdOverflowPriority=\"low\"\n                        [label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClearSearch()\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                    <button\n                        fd-button\n                        fd-toolbar-item\n                        *ngIf=\"!isMobile && !sideContentMode\"\n                        fdType=\"transparent\"\n                        [label]=\"hideSearchPanel ? ('Show' | bbbTranslate) : ('Hide' | bbbTranslate)\"\n                        (click)=\"onHideSearchPanelClick()\"\n                        fdOverflowPriority=\"low\"\n                        [fdOverflowGroup]=\"1\"\n                        [fdContentDensity]=\"contentDensity\"\n                    ></button>\n                </fd-toolbar>\n            </fd-dynamic-page-global-actions>\n            <fd-dynamic-page-layout-actions>\n                <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n                        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n                    </button>\n                </fd-toolbar>\n            </fd-dynamic-page-layout-actions>\n        </fd-dynamic-page-header>\n        <fd-dynamic-page-subheader\n            [pinnable]=\"true\"\n            [collapsible]=\"false\"\n            *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\"\n        >\n            <bsu-search-panel\n                *ngIf=\"!isMobile\"\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dynamic-page-subheader>\n        <fd-dynamic-page-content *ngIf=\"!tabMode\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    sideContentMode ? sideContentTemplate : viewerTemplate;\n                    context: { noRenderPageing: true }\n                \"\n            ></ng-container>\n        </fd-dynamic-page-content>\n        <fd-dynamic-page-footer *ngIf=\"pagingSetting?.TotalPages\">\n            <!-- page footer content goes here -->\n            <div fd-bar [barDesign]=\"'footer'\">\n                <div fd-bar-middle>\n                    <ng-container\n                        [renderUlvPaging]=\"context\"\n                        [pagingSetting]=\"pagingSetting\"\n                        (pageChange)=\"onPageChange($event)\"\n                    ></ng-container>\n                </div>\n            </div>\n        </fd-dynamic-page-footer>\n    </fd-dynamic-page>\n    <ng-container *ngIf=\"tabMode\">\n        <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n    </ng-container>\n</ng-template>\n<ng-template #reportTemplate>\n    <bsu-mask *ngIf=\"loading\" size=\"s\"></bsu-mask>\n    <ng-container *ngIf=\"!hideSearchPanel && searchPanelUi && !sideContentMode\">\n        <ng-container *ngTemplateOutlet=\"searchpanelTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngTemplateOutlet=\"sideContentMode ? sideContentTemplate : viewerTemplate\"> </ng-container>\n</ng-template>\n<ng-template #sideContentTemplate>\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" [size]=\"deviceSize | sapSize\">\n        <fd-dynamic-side-content-side>\n            <ng-container\n                *ngTemplateOutlet=\"searchpanelTemplate; context: { isSearcPanelInSideContent: true }\"\n            ></ng-container>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"deviceSize !== 's' ? mainContentWidth : null\">\n            <ng-container *ngTemplateOutlet=\"viewerTemplate\"></ng-container>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-template>\n<ng-template #searchpanelTemplate let-isSearcPanelInSideContent=\"isSearcPanelInSideContent\">\n    <ng-container *ngIf=\"!isSearcPanelInSideContent; else searchpanelCardTempate\">\n        <bsu-search-panel\n            *ngIf=\"!hideSearchPanel && searchPanelUi\"\n            [searchPanelUi]=\"searchPanelUi\"\n            [isSearcPanelInSideContent]=\"isSearcPanelInSideContent\"\n            [hideButtons]=\"true\"\n            (moChanged)=\"onSearchPanelMoChanged()\"\n        ></bsu-search-panel>\n    </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> </fd-card-content>\n            <fd-card-footer>\n                <button\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"emphasized\"\n                    [label]=\"'Search' | bbbTranslate\"\n                    (click)=\"onSearch()\"\n                    [fdContentDensity]=\"contentDensity\"\n                ></button>\n                <button\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"transparent\"\n                    [label]=\"('Delete' | bbbTranslate) + ' ' + ('Filters' | bbbTranslate)\"\n                    (click)=\"onClearSearch()\"\n                    [fdOverflowGroup]=\"1\"\n                    [fdContentDensity]=\"contentDensity\"\n                ></button>\n            </fd-card-footer>\n        </fd-card>\n    </ng-template>\n</ng-template>\n<ng-template #viewerTemplate let-noRenderPageing=\"noRenderPageing\">\n    <div\n        class=\"viewer-container\"\n        fillEmptySpace\n        [disable]=\"isReportPage || !fillPage\"\n        [decrement]=\"deviceSize !== 's' ? '100px' : '75px'\"\n        [style.height]=\"viewerLoading ? '100%' : 'auto'\"\n        [style.min-height]=\"isReportPage ? '100%' : null\"\n        [style.position]=\"viewerLoading ? 'relative' : null\"\n    >\n        <bsu-mask *ngIf=\"viewerLoading\" size=\"m\"></bsu-mask>\n        <ng-container *ngIf=\"viewerControl\" [renderUlvViewer]=\"viewerControl\"></ng-container>\n    </div>\n    <ng-container\n        *ngIf=\"!noRenderPageing && pagingSetting?.TotalPages\"\n        [renderUlvPaging]=\"context\"\n        [pagingSetting]=\"pagingSetting\"\n        (pageChange)=\"onPageChange($event)\"\n    ></ng-container>\n</ng-template>\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #searchpanelDialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-10\" fd-title>{{ 'Filters' | bbbTranslate }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <bsu-search-panel\n                [hideButtons]=\"true\"\n                [searchPanelUi]=\"searchPanelUi\"\n                (moChanged)=\"onSearchPanelMoChanged()\"\n            ></bsu-search-panel>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fd-initial-focus\n                    fdType=\"emphasized\"\n                    (click)=\"dialog.dismiss(); onSearch()\"\n                    [label]=\"'Search' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button fd-button [label]=\"'Clear' | bbbTranslate\" (click)=\"onClearSearch()\"></button>\n            </fd-dialog-footer-button>\n            <fd-dialog-footer-button>\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"dialog.dismiss('Close button')\"\n                    [label]=\"'Cancel' | bbbTranslate\"\n                ></button>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:100%;flex-grow:1}:host ::ng-deep .fd-dynamic-page__toolbar-container{margin:0!important}:host ::ng-deep .fd-dynamic-page__collapsible-header{padding-top:0!important;padding-bottom:0!important}:host ::ng-deep .fd-dynamic-page__toolbar-container{flex:1}:host ::ng-deep .global-actions .fd-toolbar{padding:0}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep fd-dynamic-page[tabMode=true] .fd-dynamic-page .fd-dynamic-page__collapsible-header-visibility-container{box-shadow:none}:host .searchpanel-card fd-card-header{pointer-events:none;cursor:default;padding:.5rem}:host .searchpanel-card h2[fd-card-title]{font-size:1rem;display:flex;align-items:center;gap:.5rem}:host .searchpanel-card h2[fd-card-title] fd-icon{font-size:1.2rem}fd-dynamic-side-content{background-color:var(--sapBaseColor);min-height:100%;height:auto}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side fd-card-content{padding:.5rem}fd-dynamic-page-global-actions{flex:1;width:100%}h3[rtl=true]{margin-left:5px}h3[rtl=false]{margin-right:5px}.header-search{color:var(--sapButton_TextColor, #0854a0)!important}.filter-wrapper{border-bottom:1px solid var(--sapObjectHeader_BorderColor, #d9d9d9)}.report-toolbar-container{display:flex}.report-toolbar-container .global-actions{flex-grow:1}fd-popover-body{min-width:380px}fd-popover-body.mobile{min-width:80vw}@media (max-width: 599px){.fd-dynamic-page,fd-dynamic-page-content{padding:1rem 0!important}.report-toolbar-container{flex-direction:column-reverse}.report-toolbar-container .layout-actions{flex-grow:1}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.DialogService }]; }, propDecorators: { _dynamicPageComponent: [{
                 type: ViewChild,
                 args: [DynamicPageComponent]
@@ -7420,7 +7448,7 @@ class BarsaListFileLinearComponent extends UiFileLinearListBoxComponent {
     }
 }
 BarsaListFileLinearComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaListFileLinearComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaListFileLinearComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaListFileLinearComponent, selector: "bsu-barsa-list-file-linear", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<ul fd-list class=\"file-viewer-attachments\" *ngIf=\"parameters.ModeValue === '1'\">\n    <ng-container *ngFor=\"let file of value\">\n        <li fd-list-item *ngIf=\"!file.IsDeleted\" style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n            <input\n                style=\"width: 90%\"\n                *ngIf=\"file.inEdit\"\n                fd-form-control\n                [(ngModel)]=\"file.FileName\"\n                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                (keydown.enter)=\"onHandleRenameFile(file)\"\n            />\n            <span *ngIf=\"!file.inEdit\" fd-list-title>\n                {{ file.FileName }}\n            </span>\n            <span fd-list-secondary>\n                <button\n                    ariaLabel=\"Edit Or Save\"\n                    fdType=\"transparent\"\n                    class=\"fd-button--compact\"\n                    fd-button\n                    fdCompact\n                    [glyph]=\"file.inEdit ? 'save' : 'edit'\"\n                    (click)=\"onHandleRenameFile(file)\"\n                ></button>\n                <button\n                    *ngIf=\"!file.inEdit\"\n                    ariaLabel=\"Remove\"\n                    fdType=\"transparent\"\n                    title=\"Remove\"\n                    fd-button\n                    glyph=\"delete\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n            </span>\n        </li>\n    </ng-container>\n    <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n        <ng-container *ngFor=\"let file of valueExtra | keyvalue\">\n            <li\n                *ngIf=\"file.value.UploadState === 'Uploading'\"\n                style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\"\n            >\n                <fd-progress-indicator\n                    *ngIf=\"file.value.Progress\"\n                    state=\"informative\"\n                    [valueNow]=\"file.value.Progress\"\n                ></fd-progress-indicator>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n\n<ul fd-list [byline]=\"true\" *ngIf=\"parameters.ModeValue === '2'\">\n    <ng-container *ngIf=\"fileCount$ | async as fileCount\">\n        <li fd-list-item *ngIf=\"fileCount === 0\">\n            <div fd-list-content style=\"text-align: center\">\n                <span>{{ 'NoFiles' | bbbTranslate }}</span>\n            </div>\n        </li>\n    </ng-container>\n    <ng-container *ngFor=\"let file of value\">\n        <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n            <li fd-list-item *ngIf=\"!file.IsDeleted\">\n                <span fd-list-thumbnail>\n                    <fd-icon\n                        *ngIf=\"valueExtra[file.Id].IsIcon; else isImage\"\n                        [glyph]=\"valueExtra[file.Id].FileUrl\"\n                    ></fd-icon>\n                    <ng-template #isImage>\n                        <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n                    </ng-template>\n                </span>\n                <!-- for byline, fd-list-content is mandatory -->\n                <div fd-list-content>\n                    <div fd-list-title>{{ file.FileName }}</div>\n                    <div fd-list-byline [twoCol]=\"true\">\n                        <div fd-list-byline-left></div>\n                        <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                            <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                                <ng-container *ngIf=\"file.IsNew\">\n                                    <span\n                                        fd-toolbar-item\n                                        fd-object-status\n                                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                                        [title]=\"valueExtra[file.Id]?.UploadState\"\n                                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                                    ></span>\n                                    <ng-container *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\">\n                                        <fd-slider\n                                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                                            [name]=\"'filerLinear_' + id\"\n                                            fd-toolbar-item\n                                            [id]=\"id\"\n                                            [min]=\"0\"\n                                            [max]=\"100\"\n                                            [step]=\"1\"\n                                        >\n                                        </fd-slider>\n                                    </ng-container>\n                                </ng-container>\n                            </fd-toolbar>\n                        </div>\n                    </div>\n                </div>\n                <button\n                    *ngIf=\"(disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading'\"\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'stop'\"\n                    (click)=\"onTerminate(file)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Error'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'refresh'\"\n                    (click)=\"onRetry(file)\"\n                ></button>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n<fd-toolbar\n    style=\"display: block\"\n    [style.height.px]=\"parameters.ModeValue === '1' ? 0 : null\"\n    [fdType]=\"'transparent'\"\n    [clearBorder]=\"true\"\n    *ngIf=\"(disableOrReadonly$ | async) !== true\"\n>\n    <fd-file-uploader\n        fd-toolbar-item\n        [class.hide-file-uploader]=\"parameters?.HideAttachButton\"\n        [id]=\"id\"\n        [name]=\"id\"\n        [placeholder]=\"'AttachFile' | bbbTranslate\"\n        [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n        [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n        [accept]=\"Setting.ValidExtensions || ''\"\n        [multiple]=\"maxFileCount > 1\"\n        (selectedFilesChanged)=\"onFileSelection($event)\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n    ></fd-file-uploader>\n</fd-toolbar>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}:host ::ng-deep fd-file-uploader .fd-button{background-color:var(--sapButton_Lite_Background);border-color:var(--sapButton_Lite_BorderColor);color:var(--sapButton_Lite_TextColor)}:host .hide-file-uploader{visibility:hidden;height:0;width: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: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: 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.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "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.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListBylineLeftDirective, selector: "[fdListBylineLeft], [fd-list-byline-left]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineRightDirective, selector: "[fdListBylineRight], [fd-list-byline-right]", inputs: ["status", "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: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: 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: i13.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaListFileLinearComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaListFileLinearComponent, selector: "bsu-barsa-list-file-linear", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<ul fd-list class=\"file-viewer-attachments\" *ngIf=\"parameters.ModeValue === '1'\">\n    <ng-container *ngFor=\"let file of value\">\n        <li fd-list-item *ngIf=\"!file.IsDeleted\" style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n            <input\n                style=\"width: 90%\"\n                *ngIf=\"file.inEdit\"\n                fd-form-control\n                [(ngModel)]=\"file.FileName\"\n                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                (keydown.enter)=\"onHandleRenameFile(file)\"\n            />\n            <span *ngIf=\"!file.inEdit\" fd-list-title>\n                {{ file.FileName }}\n            </span>\n            <span fd-list-secondary>\n                <button\n                    ariaLabel=\"Edit Or Save\"\n                    fdType=\"transparent\"\n                    class=\"fd-button--compact\"\n                    fd-button\n                    fdCompact\n                    [glyph]=\"file.inEdit ? 'save' : 'edit'\"\n                    (click)=\"onHandleRenameFile(file)\"\n                ></button>\n                <button\n                    *ngIf=\"!file.inEdit\"\n                    ariaLabel=\"Remove\"\n                    fdType=\"transparent\"\n                    title=\"Remove\"\n                    fd-button\n                    glyph=\"delete\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n            </span>\n        </li>\n    </ng-container>\n    <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n        <ng-container *ngFor=\"let file of valueExtra | keyvalue\">\n            <li\n                *ngIf=\"file.value.UploadState === 'Uploading'\"\n                style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\"\n            >\n                <fd-progress-indicator\n                    *ngIf=\"file.value.Progress\"\n                    state=\"informative\"\n                    [valueNow]=\"file.value.Progress\"\n                ></fd-progress-indicator>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n\n<ul fd-list [byline]=\"true\" *ngIf=\"parameters.ModeValue === '2'\">\n    <ng-container *ngIf=\"fileCount$ | async as fileCount\">\n        <li fd-list-item *ngIf=\"fileCount === 0\">\n            <div fd-list-content style=\"text-align: center\">\n                <span>{{ 'NoFiles' | bbbTranslate }}</span>\n            </div>\n        </li>\n    </ng-container>\n    <ng-container *ngFor=\"let file of value\">\n        <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n            <li fd-list-item *ngIf=\"!file.IsDeleted\">\n                <span fd-list-thumbnail>\n                    <fd-icon\n                        *ngIf=\"valueExtra[file.Id].IsIcon; else isImage\"\n                        [glyph]=\"valueExtra[file.Id].FileUrl\"\n                    ></fd-icon>\n                    <ng-template #isImage>\n                        <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n                    </ng-template>\n                </span>\n                <!-- for byline, fd-list-content is mandatory -->\n                <div fd-list-content>\n                    <div fd-list-title>{{ file.FileName }}</div>\n                    <div fd-list-byline [twoCol]=\"true\">\n                        <div fd-list-byline-left></div>\n                        <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                            <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                                <ng-container *ngIf=\"file.IsNew\">\n                                    <span\n                                        fd-toolbar-item\n                                        fd-object-status\n                                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                                        [title]=\"valueExtra[file.Id]?.UploadState\"\n                                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                                    ></span>\n                                    <ng-container *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\">\n                                        <fd-slider\n                                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                                            [name]=\"'filerLinear_' + id\"\n                                            fd-toolbar-item\n                                            [id]=\"id\"\n                                            [min]=\"0\"\n                                            [max]=\"100\"\n                                            [step]=\"1\"\n                                        >\n                                        </fd-slider>\n                                    </ng-container>\n                                </ng-container>\n                            </fd-toolbar>\n                        </div>\n                    </div>\n                </div>\n                <button\n                    *ngIf=\"(disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading'\"\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'stop'\"\n                    (click)=\"onTerminate(file)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Error'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'refresh'\"\n                    (click)=\"onRetry(file)\"\n                ></button>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n<fd-toolbar\n    style=\"display: block\"\n    [style.height.px]=\"parameters.ModeValue === '1' ? 0 : null\"\n    [fdType]=\"'transparent'\"\n    [clearBorder]=\"true\"\n    *ngIf=\"(disableOrReadonly$ | async) !== true\"\n>\n    <fd-file-uploader\n        fd-toolbar-item\n        [class.hide-file-uploader]=\"parameters?.HideAttachButton\"\n        [id]=\"id\"\n        [name]=\"id\"\n        [placeholder]=\"'AttachFile' | bbbTranslate\"\n        [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n        [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n        [accept]=\"Setting.ValidExtensions || ''\"\n        [multiple]=\"maxFileCount > 1\"\n        (selectedFilesChanged)=\"onFileSelection($event)\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n    ></fd-file-uploader>\n</fd-toolbar>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}:host ::ng-deep fd-file-uploader .fd-button{background-color:var(--sapButton_Lite_Background);border-color:var(--sapButton_Lite_BorderColor);color:var(--sapButton_Lite_TextColor)}:host .hide-file-uploader{visibility:hidden;height:0;width: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: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: 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.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { 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: "directive", type: i8.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListBylineLeftDirective, selector: "[fdListBylineLeft], [fd-list-byline-left]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineRightDirective, selector: "[fdListBylineRight], [fd-list-byline-right]", inputs: ["status", "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: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: 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: i13.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaListFileLinearComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-barsa-list-file-linear', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UploadService], template: "<ul fd-list class=\"file-viewer-attachments\" *ngIf=\"parameters.ModeValue === '1'\">\n    <ng-container *ngFor=\"let file of value\">\n        <li fd-list-item *ngIf=\"!file.IsDeleted\" style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n            <input\n                style=\"width: 90%\"\n                *ngIf=\"file.inEdit\"\n                fd-form-control\n                [(ngModel)]=\"file.FileName\"\n                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                (keydown.enter)=\"onHandleRenameFile(file)\"\n            />\n            <span *ngIf=\"!file.inEdit\" fd-list-title>\n                {{ file.FileName }}\n            </span>\n            <span fd-list-secondary>\n                <button\n                    ariaLabel=\"Edit Or Save\"\n                    fdType=\"transparent\"\n                    class=\"fd-button--compact\"\n                    fd-button\n                    fdCompact\n                    [glyph]=\"file.inEdit ? 'save' : 'edit'\"\n                    (click)=\"onHandleRenameFile(file)\"\n                ></button>\n                <button\n                    *ngIf=\"!file.inEdit\"\n                    ariaLabel=\"Remove\"\n                    fdType=\"transparent\"\n                    title=\"Remove\"\n                    fd-button\n                    glyph=\"delete\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n            </span>\n        </li>\n    </ng-container>\n    <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n        <ng-container *ngFor=\"let file of valueExtra | keyvalue\">\n            <li\n                *ngIf=\"file.value.UploadState === 'Uploading'\"\n                style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\"\n            >\n                <fd-progress-indicator\n                    *ngIf=\"file.value.Progress\"\n                    state=\"informative\"\n                    [valueNow]=\"file.value.Progress\"\n                ></fd-progress-indicator>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n\n<ul fd-list [byline]=\"true\" *ngIf=\"parameters.ModeValue === '2'\">\n    <ng-container *ngIf=\"fileCount$ | async as fileCount\">\n        <li fd-list-item *ngIf=\"fileCount === 0\">\n            <div fd-list-content style=\"text-align: center\">\n                <span>{{ 'NoFiles' | bbbTranslate }}</span>\n            </div>\n        </li>\n    </ng-container>\n    <ng-container *ngFor=\"let file of value\">\n        <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n            <li fd-list-item *ngIf=\"!file.IsDeleted\">\n                <span fd-list-thumbnail>\n                    <fd-icon\n                        *ngIf=\"valueExtra[file.Id].IsIcon; else isImage\"\n                        [glyph]=\"valueExtra[file.Id].FileUrl\"\n                    ></fd-icon>\n                    <ng-template #isImage>\n                        <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n                    </ng-template>\n                </span>\n                <!-- for byline, fd-list-content is mandatory -->\n                <div fd-list-content>\n                    <div fd-list-title>{{ file.FileName }}</div>\n                    <div fd-list-byline [twoCol]=\"true\">\n                        <div fd-list-byline-left></div>\n                        <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                            <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                                <ng-container *ngIf=\"file.IsNew\">\n                                    <span\n                                        fd-toolbar-item\n                                        fd-object-status\n                                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                                        [title]=\"valueExtra[file.Id]?.UploadState\"\n                                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                                    ></span>\n                                    <ng-container *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\">\n                                        <fd-slider\n                                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                                            [name]=\"'filerLinear_' + id\"\n                                            fd-toolbar-item\n                                            [id]=\"id\"\n                                            [min]=\"0\"\n                                            [max]=\"100\"\n                                            [step]=\"1\"\n                                        >\n                                        </fd-slider>\n                                    </ng-container>\n                                </ng-container>\n                            </fd-toolbar>\n                        </div>\n                    </div>\n                </div>\n                <button\n                    *ngIf=\"(disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading'\"\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'stop'\"\n                    (click)=\"onTerminate(file)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Error'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'refresh'\"\n                    (click)=\"onRetry(file)\"\n                ></button>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n<fd-toolbar\n    style=\"display: block\"\n    [style.height.px]=\"parameters.ModeValue === '1' ? 0 : null\"\n    [fdType]=\"'transparent'\"\n    [clearBorder]=\"true\"\n    *ngIf=\"(disableOrReadonly$ | async) !== true\"\n>\n    <fd-file-uploader\n        fd-toolbar-item\n        [class.hide-file-uploader]=\"parameters?.HideAttachButton\"\n        [id]=\"id\"\n        [name]=\"id\"\n        [placeholder]=\"'AttachFile' | bbbTranslate\"\n        [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n        [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n        [accept]=\"Setting.ValidExtensions || ''\"\n        [multiple]=\"maxFileCount > 1\"\n        (selectedFilesChanged)=\"onFileSelection($event)\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n    ></fd-file-uploader>\n</fd-toolbar>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}:host ::ng-deep fd-file-uploader .fd-button{background-color:var(--sapButton_Lite_Background);border-color:var(--sapButton_Lite_BorderColor);color:var(--sapButton_Lite_TextColor)}:host .hide-file-uploader{visibility:hidden;height:0;width:0}\n"] }]
@@ -7640,7 +7668,7 @@ class UlvFormMultiSelectComponent extends BaseComponent {
     }
 }
 UlvFormMultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvFormMultiSelectComponent, deps: [{ token: i1$1.DialogService }, { token: i2.BbbTranslatePipe }, { token: i2.PortalService }, { token: i1$1.ContentDensityService }], target: i0.ɵɵFactoryTarget.Component });
-UlvFormMultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvFormMultiSelectComponent, selector: "bsu-ulv-form-multi-select", inputs: { Show: "Show" }, viewQueries: [{ propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"!dialogConfig.fullscreen\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"dialog.data.fullscreen\"\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\n                        [dialogComponent]=\"dialogTpl\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel(dialog)\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\n      <button fd-dialog-close-button></button> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <ng-container *ngIf=\"dialog.data.ulv1 as ulv1\">\n                <bsu-ui-ulv-main-ui\n                    class=\"ulv-form-multi-select\"\n                    [context]=\"ulv1\"\n                    [inDialog]=\"true\"\n                    [isMultiSelect]=\"dialog.data.ShowSecondPanel\"\n                    [fullscreen]=\"dialog.data.fullscreen\"\n                ></bsu-ui-ulv-main-ui>\n            </ng-container>\n            <div\n                *ngIf=\"dialog.data.ulv2 && dialog.data.ShowSecondPanel\"\n                class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n                [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\n            >\n                <h5 fd-title class=\"selected-and-condition-title\">\n                    <ng-container>\n                        <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\n                        ({{ dialog.data.selectedItems?.MoDataList?.length || 0 }})\n                    </ng-container>\n                </h5>\n\n                <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n                    <div class=\"ulv-selection-form-dialog__tokens\">\n                        <fd-toolbar [shouldOverflow]=\"true\" *ngIf=\"dialog.data.selectedItems\">\n                            <!-- Selected items -->\n                            <fd-token\n                                fd-toolbar-item\n                                fdOverflowPriority=\"high\"\n                                class=\"fdp-value-help-dialog__selection-token\"\n                                (onCloseClick)=\"onRemoveSelected(dialog, item)\"\n                                *ngFor=\"\n                                    let item of dialog.data.selectedItems.MoDataList;\n                                    index as selectedIndex;\n                                    trackBy: _trackBySelectedFn\n                                \"\n                                >{{ item.$Caption }}\n                            </fd-token>\n                        </fd-toolbar>\n                    </div>\n                    <button\n                        class=\"ulv-selection-form-dialog__tokens-clear\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"decline\"\n                        [aria-label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClear(dialog)\"\n                    ></button>\n                </div>\n            </div>\n        </fd-dialog-body>\n\n        <fd-dialog-footer *ngIf=\"dialog.data.ulv1 && !dialog.data.ulv1?.HideOkCancelButtons\">\n            <ng-template fdTemplate=\"footer\">\n                <div\n                    class=\"ulv-selection-form-dialog__actions-row\"\n                    *ngIf=\"dialog.data.adapter?.ShowOkCancelButtons !== false\"\n                >\n                    <button\n                        fd-button\n                        data-succes\n                        [label]=\"'OK' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        [compact]=\"true\"\n                        (click)=\"onOk(dialog)\"\n                    ></button>\n                    <button\n                        fd-button\n                        fdCompact\n                        data-dismiss-dialog\n                        fd-dialog-decisive-button\n                        [label]=\"'Cancel' | bbbTranslate\"\n                        [fdType]=\"'transparent'\"\n                        (click)=\"onCancel(dialog)\"\n                    ></button>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".ulv-selection-form-dialog{cursor:default}.ulv-selection-form-dialog .fd-dialog__body bsu-ui-table-view{overflow-x:inherit!important}.ulv-selection-form-dialog__advanced-filters{padding-top:1rem}.ulv-selection-form-dialog__advanced-filters label{height:auto}.ulv-selection-form-dialog__toggle-filters{display:flex;justify-content:flex-end;align-items:flex-end}.ulv-selection-form-dialog__toggle-filters .fd-button{margin-bottom:.25rem}.ulv-selection-form-dialog__advanced-actions{display:flex;align-items:center;justify-content:flex-end}.ulv-selection-form-dialog-mobile .ulv-selection-form-dialog__advanced-actions{justify-content:flex-start}.ulv-selection-form-dialog__advanced-actions .fd-toolbar{padding:0}.ulv-selection-form-dialog fd-dialog-body{height:100%;display:flex;flex-direction:column;overflow-y:hidden}.ulv-selection-form-dialog bsu-ui-ulv-main-ui{height:100%;flex-grow:1}.ulv-selection-form-dialog bsu-ui-ulv-main-ui .viewer-container{height:100%!important;overflow:auto}.ulv-selection-form-dialog .ulv-selection-form-dialog__row{border-top:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9);padding-top:1rem}.ulv-selection-form-dialog bsu-search-panel{border-bottom:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}.ulv-selection-form-dialog fd-dialog-footer{height:auto}.ulv-selection-form-dialog .fd-dialog__footer{flex-direction:column}.ulv-selection-form-dialog .fd-dialog__footer.fd-bar{padding:0!important}.ulv-selection-form-dialog .fd-dialog__footer{border-top:none}.ulv-selection-form-dialog__content-holder{padding:0 2rem 1rem;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.ulv-selection-form-dialog__row{padding:0 2rem 1rem}.ulv-selection-form-dialog__row.ulv-selection-form-dialog__selection-row{background-color:#f7f7f7;background-color:var(--sapBackgroundColor, #f7f7f7)}.ulv-selection-form-dialog__tokens-wrapper{display:flex}.ulv-selection-form-dialog__tokens{display:flex;flex:1 1 auto;overflow:hidden;align-items:center;border:1px solid #89919a;border-color:var(--sapContent_ForegroundBorderColor, #89919a);margin-right:.5rem;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background:none}.ulv-selection-form-dialog__tokens fd-toolbar{flex:1 1 auto;overflow:hidden}.ulv-selection-form-dialog__tokens-clear{height:auto;min-width:2rem;padding:.125rem 0;justify-content:center}.ulv-selection-form-dialog__actions-row{padding:.5rem 0;display:flex;align-items:center;justify-content:flex-end;border-top:.0625rem solid #d9d9d9;border-top:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}.ulv-selection-form-dialog__actions-row .fd-button{margin-left:.5rem}.ulv-selection-form-dialog__tokens-wrapper{align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$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: "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: 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: 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: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "component", type: i9$1.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+UlvFormMultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvFormMultiSelectComponent, selector: "bsu-ulv-form-multi-select", inputs: { Show: "Show" }, viewQueries: [{ propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"!dialogConfig.fullscreen\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"dialog.data.fullscreen\"\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\n                        [dialogComponent]=\"dialogTpl\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel(dialog)\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\n      <button fd-dialog-close-button></button> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <ng-container *ngIf=\"dialog.data.ulv1 as ulv1\">\n                <bsu-ui-ulv-main-ui\n                    class=\"ulv-form-multi-select\"\n                    [context]=\"ulv1\"\n                    [inDialog]=\"true\"\n                    [isMultiSelect]=\"dialog.data.ShowSecondPanel\"\n                    [fullscreen]=\"dialog.data.fullscreen\"\n                ></bsu-ui-ulv-main-ui>\n            </ng-container>\n            <div\n                *ngIf=\"dialog.data.ulv2 && dialog.data.ShowSecondPanel\"\n                class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n                [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\n            >\n                <h5 fd-title class=\"selected-and-condition-title\">\n                    <ng-container>\n                        <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\n                        ({{ dialog.data.selectedItems?.MoDataList?.length || 0 }})\n                    </ng-container>\n                </h5>\n\n                <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n                    <div class=\"ulv-selection-form-dialog__tokens\">\n                        <fd-toolbar [shouldOverflow]=\"true\" *ngIf=\"dialog.data.selectedItems\">\n                            <!-- Selected items -->\n                            <fd-token\n                                fd-toolbar-item\n                                fdOverflowPriority=\"high\"\n                                class=\"fdp-value-help-dialog__selection-token\"\n                                (onCloseClick)=\"onRemoveSelected(dialog, item)\"\n                                *ngFor=\"\n                                    let item of dialog.data.selectedItems.MoDataList;\n                                    index as selectedIndex;\n                                    trackBy: _trackBySelectedFn\n                                \"\n                                >{{ item.$Caption }}\n                            </fd-token>\n                        </fd-toolbar>\n                    </div>\n                    <button\n                        class=\"ulv-selection-form-dialog__tokens-clear\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"decline\"\n                        [aria-label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClear(dialog)\"\n                    ></button>\n                </div>\n            </div>\n        </fd-dialog-body>\n\n        <fd-dialog-footer *ngIf=\"dialog.data.ulv1 && !dialog.data.ulv1?.HideOkCancelButtons\">\n            <ng-template fdTemplate=\"footer\">\n                <div\n                    class=\"ulv-selection-form-dialog__actions-row\"\n                    *ngIf=\"dialog.data.adapter?.ShowOkCancelButtons !== false\"\n                >\n                    <button\n                        fd-button\n                        data-succes\n                        [label]=\"'OK' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        [compact]=\"true\"\n                        (click)=\"onOk(dialog)\"\n                    ></button>\n                    <button\n                        fd-button\n                        fdCompact\n                        data-dismiss-dialog\n                        fd-dialog-decisive-button\n                        [label]=\"'Cancel' | bbbTranslate\"\n                        [fdType]=\"'transparent'\"\n                        (click)=\"onCancel(dialog)\"\n                    ></button>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".ulv-selection-form-dialog{cursor:default}.ulv-selection-form-dialog .fd-dialog__body bsu-ui-table-view{overflow-x:inherit!important}.ulv-selection-form-dialog__advanced-filters{padding-top:1rem}.ulv-selection-form-dialog__advanced-filters label{height:auto}.ulv-selection-form-dialog__toggle-filters{display:flex;justify-content:flex-end;align-items:flex-end}.ulv-selection-form-dialog__toggle-filters .fd-button{margin-bottom:.25rem}.ulv-selection-form-dialog__advanced-actions{display:flex;align-items:center;justify-content:flex-end}.ulv-selection-form-dialog-mobile .ulv-selection-form-dialog__advanced-actions{justify-content:flex-start}.ulv-selection-form-dialog__advanced-actions .fd-toolbar{padding:0}.ulv-selection-form-dialog fd-dialog-body{height:100%;display:flex;flex-direction:column;overflow-y:hidden}.ulv-selection-form-dialog bsu-ui-ulv-main-ui{height:100%;flex-grow:1}.ulv-selection-form-dialog bsu-ui-ulv-main-ui .viewer-container{height:100%!important;overflow:auto}.ulv-selection-form-dialog .ulv-selection-form-dialog__row{border-top:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9);padding-top:1rem}.ulv-selection-form-dialog bsu-search-panel{border-bottom:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}.ulv-selection-form-dialog fd-dialog-footer{height:auto}.ulv-selection-form-dialog .fd-dialog__footer{flex-direction:column}.ulv-selection-form-dialog .fd-dialog__footer.fd-bar{padding:0!important}.ulv-selection-form-dialog .fd-dialog__footer{border-top:none}.ulv-selection-form-dialog__content-holder{padding:0 2rem 1rem;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.ulv-selection-form-dialog__row{padding:0 2rem 1rem}.ulv-selection-form-dialog__row.ulv-selection-form-dialog__selection-row{background-color:#f7f7f7;background-color:var(--sapBackgroundColor, #f7f7f7)}.ulv-selection-form-dialog__tokens-wrapper{display:flex}.ulv-selection-form-dialog__tokens{display:flex;flex:1 1 auto;overflow:hidden;align-items:center;border:1px solid #89919a;border-color:var(--sapContent_ForegroundBorderColor, #89919a);margin-right:.5rem;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background:none}.ulv-selection-form-dialog__tokens fd-toolbar{flex:1 1 auto;overflow:hidden}.ulv-selection-form-dialog__tokens-clear{height:auto;min-width:2rem;padding:.125rem 0;justify-content:center}.ulv-selection-form-dialog__actions-row{padding:.5rem 0;display:flex;align-items:center;justify-content:flex-end;border-top:.0625rem solid #d9d9d9;border-top:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}.ulv-selection-form-dialog__actions-row .fd-button{margin-left:.5rem}.ulv-selection-form-dialog__tokens-wrapper{align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$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: "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: 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: 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: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$2.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "component", type: i9$1.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvFormMultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ulv-form-multi-select', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"!dialogConfig.fullscreen\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"dialog.data.fullscreen\"\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\n                        [dialogComponent]=\"dialogTpl\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel(dialog)\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\n      <button fd-dialog-close-button></button> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <ng-container *ngIf=\"dialog.data.ulv1 as ulv1\">\n                <bsu-ui-ulv-main-ui\n                    class=\"ulv-form-multi-select\"\n                    [context]=\"ulv1\"\n                    [inDialog]=\"true\"\n                    [isMultiSelect]=\"dialog.data.ShowSecondPanel\"\n                    [fullscreen]=\"dialog.data.fullscreen\"\n                ></bsu-ui-ulv-main-ui>\n            </ng-container>\n            <div\n                *ngIf=\"dialog.data.ulv2 && dialog.data.ShowSecondPanel\"\n                class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n                [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\n            >\n                <h5 fd-title class=\"selected-and-condition-title\">\n                    <ng-container>\n                        <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\n                        ({{ dialog.data.selectedItems?.MoDataList?.length || 0 }})\n                    </ng-container>\n                </h5>\n\n                <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n                    <div class=\"ulv-selection-form-dialog__tokens\">\n                        <fd-toolbar [shouldOverflow]=\"true\" *ngIf=\"dialog.data.selectedItems\">\n                            <!-- Selected items -->\n                            <fd-token\n                                fd-toolbar-item\n                                fdOverflowPriority=\"high\"\n                                class=\"fdp-value-help-dialog__selection-token\"\n                                (onCloseClick)=\"onRemoveSelected(dialog, item)\"\n                                *ngFor=\"\n                                    let item of dialog.data.selectedItems.MoDataList;\n                                    index as selectedIndex;\n                                    trackBy: _trackBySelectedFn\n                                \"\n                                >{{ item.$Caption }}\n                            </fd-token>\n                        </fd-toolbar>\n                    </div>\n                    <button\n                        class=\"ulv-selection-form-dialog__tokens-clear\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"decline\"\n                        [aria-label]=\"'Clear' | bbbTranslate\"\n                        (click)=\"onClear(dialog)\"\n                    ></button>\n                </div>\n            </div>\n        </fd-dialog-body>\n\n        <fd-dialog-footer *ngIf=\"dialog.data.ulv1 && !dialog.data.ulv1?.HideOkCancelButtons\">\n            <ng-template fdTemplate=\"footer\">\n                <div\n                    class=\"ulv-selection-form-dialog__actions-row\"\n                    *ngIf=\"dialog.data.adapter?.ShowOkCancelButtons !== false\"\n                >\n                    <button\n                        fd-button\n                        data-succes\n                        [label]=\"'OK' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        [compact]=\"true\"\n                        (click)=\"onOk(dialog)\"\n                    ></button>\n                    <button\n                        fd-button\n                        fdCompact\n                        data-dismiss-dialog\n                        fd-dialog-decisive-button\n                        [label]=\"'Cancel' | bbbTranslate\"\n                        [fdType]=\"'transparent'\"\n                        (click)=\"onCancel(dialog)\"\n                    ></button>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".ulv-selection-form-dialog{cursor:default}.ulv-selection-form-dialog .fd-dialog__body bsu-ui-table-view{overflow-x:inherit!important}.ulv-selection-form-dialog__advanced-filters{padding-top:1rem}.ulv-selection-form-dialog__advanced-filters label{height:auto}.ulv-selection-form-dialog__toggle-filters{display:flex;justify-content:flex-end;align-items:flex-end}.ulv-selection-form-dialog__toggle-filters .fd-button{margin-bottom:.25rem}.ulv-selection-form-dialog__advanced-actions{display:flex;align-items:center;justify-content:flex-end}.ulv-selection-form-dialog-mobile .ulv-selection-form-dialog__advanced-actions{justify-content:flex-start}.ulv-selection-form-dialog__advanced-actions .fd-toolbar{padding:0}.ulv-selection-form-dialog fd-dialog-body{height:100%;display:flex;flex-direction:column;overflow-y:hidden}.ulv-selection-form-dialog bsu-ui-ulv-main-ui{height:100%;flex-grow:1}.ulv-selection-form-dialog bsu-ui-ulv-main-ui .viewer-container{height:100%!important;overflow:auto}.ulv-selection-form-dialog .ulv-selection-form-dialog__row{border-top:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9);padding-top:1rem}.ulv-selection-form-dialog bsu-search-panel{border-bottom:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}.ulv-selection-form-dialog fd-dialog-footer{height:auto}.ulv-selection-form-dialog .fd-dialog__footer{flex-direction:column}.ulv-selection-form-dialog .fd-dialog__footer.fd-bar{padding:0!important}.ulv-selection-form-dialog .fd-dialog__footer{border-top:none}.ulv-selection-form-dialog__content-holder{padding:0 2rem 1rem;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.ulv-selection-form-dialog__row{padding:0 2rem 1rem}.ulv-selection-form-dialog__row.ulv-selection-form-dialog__selection-row{background-color:#f7f7f7;background-color:var(--sapBackgroundColor, #f7f7f7)}.ulv-selection-form-dialog__tokens-wrapper{display:flex}.ulv-selection-form-dialog__tokens{display:flex;flex:1 1 auto;overflow:hidden;align-items:center;border:1px solid #89919a;border-color:var(--sapContent_ForegroundBorderColor, #89919a);margin-right:.5rem;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background:none}.ulv-selection-form-dialog__tokens fd-toolbar{flex:1 1 auto;overflow:hidden}.ulv-selection-form-dialog__tokens-clear{height:auto;min-width:2rem;padding:.125rem 0;justify-content:center}.ulv-selection-form-dialog__actions-row{padding:.5rem 0;display:flex;align-items:center;justify-content:flex-end;border-top:.0625rem solid #d9d9d9;border-top:.0625rem solid var(--sapPageFooter_BorderColor, #d9d9d9)}.ulv-selection-form-dialog__actions-row .fd-button{margin-left:.5rem}.ulv-selection-form-dialog__tokens-wrapper{align-items:center}\n"] }]
@@ -7658,7 +7686,7 @@ class UiUlvFormMultiSelectUiComponent extends BaseComponent {
     }
 }
 UiUlvFormMultiSelectUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiUlvFormMultiSelectUiComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-UiUlvFormMultiSelectUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiUlvFormMultiSelectUiComponent, selector: "bsu-ui-ulv-form-multi-select-ui", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.title }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss('Close button')\"></button>\r\n    </fd-dialog-header>\r\n\r\n    <fd-dialog-body>\r\n        <ng-container *ngIf=\"dialogRef.data.ulv1 as ulv1\">\r\n            <bsu-ui-ulv-main-ui [context]=\"ulv1\"></bsu-ui-ulv-main-ui>\r\n        </ng-container>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <ng-template fdTemplate=\"footer\">\r\n            <div\r\n                class=\"fdp-value-help-dialog__row fdp-value-help-dialog__selection-row\"\r\n                aria-label=\"Selected and condition items\"\r\n                i18n-aria-label=\"@@platformI18nValueHelpDialog.SelectionBarLabel\"\r\n            >\r\n                <h5 fd-title class=\"selected-and-condition-title\">\r\n                    <ng-container>\r\n                        <ng-container i18n=\"@@platformI18nValueHelpDialog.SelectedAndConditionLabel\"\r\n                            >Selected Items and Conditions\r\n                        </ng-container>\r\n                        ()\r\n                    </ng-container>\r\n                </h5>\r\n\r\n                <div class=\"fdp-value-help-dialog__tokens-wrapper\">\r\n                    <div class=\"fdp-value-help-dialog__tokens\">\r\n                        <fd-toolbar [shouldOverflow]=\"true\">\r\n                            <!-- Selected items -->\r\n                        </fd-toolbar>\r\n                    </div>\r\n                    <button\r\n                        class=\"fdp-value-help-dialog__tokens-clear\"\r\n                        fd-button\r\n                        fdType=\"transparent\"\r\n                        glyph=\"decline\"\r\n                        i18n-aria-label=\"@@platformI18nValueHelpDialog.ClearSelectedAriaLabel\"\r\n                        aria-label=\"clear selected items\"\r\n                    ></button>\r\n                </div>\r\n            </div>\r\n            <div class=\"fdp-value-help-dialog__actions-row\">\r\n                <button\r\n                    fd-button\r\n                    data-go-advanced\r\n                    i18n-label=\"@@platformI18nValueHelpDialog.SearchButton\"\r\n                    label=\"Go\"\r\n                    fdType=\"emphasized\"\r\n                ></button>\r\n                <button\r\n                    fd-button\r\n                    data-succes\r\n                    i18n-label=\"@@platformI18nValueHelpDialog.SuccessButton\"\r\n                    label=\"OK\"\r\n                    fdType=\"emphasized\"\r\n                ></button>\r\n                <button\r\n                    fd-button\r\n                    data-dismiss-dialog\r\n                    fd-dialog-decisive-button\r\n                    i18n-label=\"@@platformI18nValueHelpDialog.CancelButton\"\r\n                    label=\"Cancel\"\r\n                    fdType=\"transparent\"\r\n                ></button>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], 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: "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: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiUlvFormMultiSelectUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiUlvFormMultiSelectUiComponent, selector: "bsu-ui-ulv-form-multi-select-ui", usesInheritance: true, ngImport: i0, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.title }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss('Close button')\"></button>\r\n    </fd-dialog-header>\r\n\r\n    <fd-dialog-body>\r\n        <ng-container *ngIf=\"dialogRef.data.ulv1 as ulv1\">\r\n            <bsu-ui-ulv-main-ui [context]=\"ulv1\"></bsu-ui-ulv-main-ui>\r\n        </ng-container>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <ng-template fdTemplate=\"footer\">\r\n            <div\r\n                class=\"fdp-value-help-dialog__row fdp-value-help-dialog__selection-row\"\r\n                aria-label=\"Selected and condition items\"\r\n                i18n-aria-label=\"@@platformI18nValueHelpDialog.SelectionBarLabel\"\r\n            >\r\n                <h5 fd-title class=\"selected-and-condition-title\">\r\n                    <ng-container>\r\n                        <ng-container i18n=\"@@platformI18nValueHelpDialog.SelectedAndConditionLabel\"\r\n                            >Selected Items and Conditions\r\n                        </ng-container>\r\n                        ()\r\n                    </ng-container>\r\n                </h5>\r\n\r\n                <div class=\"fdp-value-help-dialog__tokens-wrapper\">\r\n                    <div class=\"fdp-value-help-dialog__tokens\">\r\n                        <fd-toolbar [shouldOverflow]=\"true\">\r\n                            <!-- Selected items -->\r\n                        </fd-toolbar>\r\n                    </div>\r\n                    <button\r\n                        class=\"fdp-value-help-dialog__tokens-clear\"\r\n                        fd-button\r\n                        fdType=\"transparent\"\r\n                        glyph=\"decline\"\r\n                        i18n-aria-label=\"@@platformI18nValueHelpDialog.ClearSelectedAriaLabel\"\r\n                        aria-label=\"clear selected items\"\r\n                    ></button>\r\n                </div>\r\n            </div>\r\n            <div class=\"fdp-value-help-dialog__actions-row\">\r\n                <button\r\n                    fd-button\r\n                    data-go-advanced\r\n                    i18n-label=\"@@platformI18nValueHelpDialog.SearchButton\"\r\n                    label=\"Go\"\r\n                    fdType=\"emphasized\"\r\n                ></button>\r\n                <button\r\n                    fd-button\r\n                    data-succes\r\n                    i18n-label=\"@@platformI18nValueHelpDialog.SuccessButton\"\r\n                    label=\"OK\"\r\n                    fdType=\"emphasized\"\r\n                ></button>\r\n                <button\r\n                    fd-button\r\n                    data-dismiss-dialog\r\n                    fd-dialog-decisive-button\r\n                    i18n-label=\"@@platformI18nValueHelpDialog.CancelButton\"\r\n                    label=\"Cancel\"\r\n                    fdType=\"transparent\"\r\n                ></button>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n", styles: [""], 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: "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: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$2.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiUlvFormMultiSelectUiComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-ulv-form-multi-select-ui', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog>\r\n    <fd-dialog-header>\r\n        <h1 fd-title>{{ dialogRef.data.title }}</h1>\r\n        <button fd-dialog-close-button (click)=\"dialogRef.dismiss('Close button')\"></button>\r\n    </fd-dialog-header>\r\n\r\n    <fd-dialog-body>\r\n        <ng-container *ngIf=\"dialogRef.data.ulv1 as ulv1\">\r\n            <bsu-ui-ulv-main-ui [context]=\"ulv1\"></bsu-ui-ulv-main-ui>\r\n        </ng-container>\r\n    </fd-dialog-body>\r\n\r\n    <fd-dialog-footer>\r\n        <ng-template fdTemplate=\"footer\">\r\n            <div\r\n                class=\"fdp-value-help-dialog__row fdp-value-help-dialog__selection-row\"\r\n                aria-label=\"Selected and condition items\"\r\n                i18n-aria-label=\"@@platformI18nValueHelpDialog.SelectionBarLabel\"\r\n            >\r\n                <h5 fd-title class=\"selected-and-condition-title\">\r\n                    <ng-container>\r\n                        <ng-container i18n=\"@@platformI18nValueHelpDialog.SelectedAndConditionLabel\"\r\n                            >Selected Items and Conditions\r\n                        </ng-container>\r\n                        ()\r\n                    </ng-container>\r\n                </h5>\r\n\r\n                <div class=\"fdp-value-help-dialog__tokens-wrapper\">\r\n                    <div class=\"fdp-value-help-dialog__tokens\">\r\n                        <fd-toolbar [shouldOverflow]=\"true\">\r\n                            <!-- Selected items -->\r\n                        </fd-toolbar>\r\n                    </div>\r\n                    <button\r\n                        class=\"fdp-value-help-dialog__tokens-clear\"\r\n                        fd-button\r\n                        fdType=\"transparent\"\r\n                        glyph=\"decline\"\r\n                        i18n-aria-label=\"@@platformI18nValueHelpDialog.ClearSelectedAriaLabel\"\r\n                        aria-label=\"clear selected items\"\r\n                    ></button>\r\n                </div>\r\n            </div>\r\n            <div class=\"fdp-value-help-dialog__actions-row\">\r\n                <button\r\n                    fd-button\r\n                    data-go-advanced\r\n                    i18n-label=\"@@platformI18nValueHelpDialog.SearchButton\"\r\n                    label=\"Go\"\r\n                    fdType=\"emphasized\"\r\n                ></button>\r\n                <button\r\n                    fd-button\r\n                    data-succes\r\n                    i18n-label=\"@@platformI18nValueHelpDialog.SuccessButton\"\r\n                    label=\"OK\"\r\n                    fdType=\"emphasized\"\r\n                ></button>\r\n                <button\r\n                    fd-button\r\n                    data-dismiss-dialog\r\n                    fd-dialog-decisive-button\r\n                    i18n-label=\"@@platformI18nValueHelpDialog.CancelButton\"\r\n                    label=\"Cancel\"\r\n                    fdType=\"transparent\"\r\n                ></button>\r\n            </div>\r\n        </ng-template>\r\n    </fd-dialog-footer>\r\n</fd-dialog>\r\n" }]
@@ -8306,7 +8334,7 @@ class UiLinearListContainerWithButtonComponent extends DeviceInfoFieldBaseCompon
     }
 }
 UiLinearListContainerWithButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiLinearListContainerWithButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiLinearListContainerWithButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiLinearListContainerWithButtonComponent, selector: "bsu-ui-linear-list-container-with-button", inputs: { UlvUi: "UlvUi", GetTextItemValue: "GetTextItemValue", show: "show", hide: "hide", hidden: "hidden", GetSelectionData: "GetSelectionData" }, host: { listeners: { "keydown.enter": "onKeyEnter($event)", "keydown.arrowdown": "onKeyDown($event)", "keydown.esc": "onKeyEsc($event)" } }, viewQueries: [{ propertyName: "multiInputComponent", first: true, predicate: MultiInputComponent, descendants: true, static: true }, { propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<fd-multi-input\n    [inputId]=\"id\"\n    [class.control-readonly]=\"(readonly$ | async) === true\"\n    [dropdownValues]=\"(dropDownValues$ | async)!!\"\n    [placeholder]=\"Setting.ControlFieldCaptionTranslated | bbbTranslate\"\n    [displayFn]=\"displayFunc\"\n    [showAllButton]=\"false\"\n    [displayAddonButton]=\"(parameters?.ExecuteAddonButton || !!report) && (disableOrReadonly$ | async) !== true\"\n    [allowNewTokens]=\"false\"\n    [includes]=\"true\"\n    [disabled]=\"(disable$ | async) === true\"\n    (searchTermChange)=\"onSearchTermChange($event)\"\n    (selectedChange)=\"onSelectedChange($event)\"\n    (addOnButtonClicked)=\"_handleAddonButtonClicked()\"\n></fd-multi-input>\n\n<!-- <button\n    *ngIf=\"report\"\n    fd-button\n    [attr.rtl]=\"rtl\"\n    [aria-label]=\"'Advanced' | bbbTranslate\"\n    glyph=\"value-help\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n    (click)=\"onOpenReport()\"\n></button> -->\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.height !== '100vh'\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [fullscreen]=\"dialog.data.fullscreen\"\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\n                        [dialog]=\"dialog\"\n                        [dialogComponent]=\"dialogTpl\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDismiss()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\n      <button fd-dialog-close-button></button> -->\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <ng-container *ngIf=\"dialog.data.ulvUi as ulvUi\">\n                <bsu-ui-ulv-main-ui [context]=\"ulvUi\" class=\"linear-list-selection\"></bsu-ui-ulv-main-ui>\n            </ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer class=\"linear-footer\">\n            <ng-template fdTemplate=\"footer\">\n                <div\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\n                >\n                    <h5 fd-title class=\"selected-and-condition-title\">\n                        <ng-container>\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\n                            ({{ dialog.data.selectedItems?.length || 0 }})\n                        </ng-container>\n                    </h5>\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n                        <div class=\"ulv-selection-form-dialog__tokens\">\n                            <fd-toolbar *ngIf=\"dialog.data.selectedItems\">\n                                <!-- Selected items -->\n                                <fd-token\n                                    fd-toolbar-item\n                                    fdOverflowPriority=\"high\"\n                                    class=\"fdp-value-help-dialog__selection-token\"\n                                    (onCloseClick)=\"onRemoveSelected(item)\"\n                                    *ngFor=\"\n                                        let item of dialog.data.selectedItems;\n                                        index as selectedIndex;\n                                        trackBy: _trackBySelectedFn\n                                    \"\n                                    >{{ item.Text }}\n                                </fd-token>\n                            </fd-toolbar>\n                        </div>\n                        <button\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"decline\"\n                            [aria-label]=\"'Clear' | bbbTranslate\"\n                            (click)=\"onClear()\"\n                        ></button>\n                    </div>\n                </div>\n                <div class=\"ulv-selection-form-dialog__actions-row\">\n                    <button\n                        fd-button\n                        data-succes\n                        [label]=\"'OK' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        (click)=\"onOk()\"\n                    ></button>\n                    <button\n                        fd-button\n                        data-dismiss-dialog\n                        fd-dialog-decisive-button\n                        [label]=\"'Cancel' | bbbTranslate\"\n                        fdType=\"transparent\"\n                        (click)=\"onDismiss()\"\n                    ></button>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:flex;align-items:center}:host ::ng-deep fd-multi-input .fd-input-group{cursor:default}fd-multi-input{flex-grow:1}button[rtl=true]{margin-right:5px}button[rtl=false]{margin-left:5px}::ng-deep .fd-toolbar{display:flex;flex-wrap:wrap;row-gap: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: 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: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i7$9.MultiInputComponent, selector: "fd-multi-input", inputs: ["placeholder", "disabled", "required", "compactCollapse", "maxHeight", "glyph", "dropdownValues", "searchTerm", "inputId", "highlight", "selected", "class", "filterFn", "valueFn", "displayFn", "newTokenParseFn", "newTokenValidateFn", "ariaLabel", "ariaLabelledBy", "fillControlMode", "state", "buttonFocusable", "allowNewTokens", "mobile", "showAllButton", "bodyMaxWidth", "mobileConfig", "includes", "itemTemplate", "title", "autoComplete", "open", "displayAddonButton"], outputs: ["searchTermChange", "selectedChange", "openChange", "allItemsSelectedChange"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "component", type: i9$1.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiLinearListContainerWithButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiLinearListContainerWithButtonComponent, selector: "bsu-ui-linear-list-container-with-button", inputs: { UlvUi: "UlvUi", GetTextItemValue: "GetTextItemValue", show: "show", hide: "hide", hidden: "hidden", GetSelectionData: "GetSelectionData" }, host: { listeners: { "keydown.enter": "onKeyEnter($event)", "keydown.arrowdown": "onKeyDown($event)", "keydown.esc": "onKeyEsc($event)" } }, viewQueries: [{ propertyName: "multiInputComponent", first: true, predicate: MultiInputComponent, descendants: true, static: true }, { propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<fd-multi-input\n    [inputId]=\"id\"\n    [class.control-readonly]=\"(readonly$ | async) === true\"\n    [dropdownValues]=\"(dropDownValues$ | async)!!\"\n    [placeholder]=\"Setting.ControlFieldCaptionTranslated | bbbTranslate\"\n    [displayFn]=\"displayFunc\"\n    [showAllButton]=\"false\"\n    [displayAddonButton]=\"(parameters?.ExecuteAddonButton || !!report) && (disableOrReadonly$ | async) !== true\"\n    [allowNewTokens]=\"false\"\n    [includes]=\"true\"\n    [disabled]=\"(disable$ | async) === true\"\n    (searchTermChange)=\"onSearchTermChange($event)\"\n    (selectedChange)=\"onSelectedChange($event)\"\n    (addOnButtonClicked)=\"_handleAddonButtonClicked()\"\n></fd-multi-input>\n\n<!-- <button\n    *ngIf=\"report\"\n    fd-button\n    [attr.rtl]=\"rtl\"\n    [aria-label]=\"'Advanced' | bbbTranslate\"\n    glyph=\"value-help\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n    (click)=\"onOpenReport()\"\n></button> -->\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.height !== '100vh'\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [fullscreen]=\"dialog.data.fullscreen\"\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\n                        [dialog]=\"dialog\"\n                        [dialogComponent]=\"dialogTpl\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDismiss()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\n      <button fd-dialog-close-button></button> -->\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <ng-container *ngIf=\"dialog.data.ulvUi as ulvUi\">\n                <bsu-ui-ulv-main-ui [context]=\"ulvUi\" class=\"linear-list-selection\"></bsu-ui-ulv-main-ui>\n            </ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer class=\"linear-footer\">\n            <ng-template fdTemplate=\"footer\">\n                <div\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\n                >\n                    <h5 fd-title class=\"selected-and-condition-title\">\n                        <ng-container>\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\n                            ({{ dialog.data.selectedItems?.length || 0 }})\n                        </ng-container>\n                    </h5>\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n                        <div class=\"ulv-selection-form-dialog__tokens\">\n                            <fd-toolbar *ngIf=\"dialog.data.selectedItems\">\n                                <!-- Selected items -->\n                                <fd-token\n                                    fd-toolbar-item\n                                    fdOverflowPriority=\"high\"\n                                    class=\"fdp-value-help-dialog__selection-token\"\n                                    (onCloseClick)=\"onRemoveSelected(item)\"\n                                    *ngFor=\"\n                                        let item of dialog.data.selectedItems;\n                                        index as selectedIndex;\n                                        trackBy: _trackBySelectedFn\n                                    \"\n                                    >{{ item.Text }}\n                                </fd-token>\n                            </fd-toolbar>\n                        </div>\n                        <button\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"decline\"\n                            [aria-label]=\"'Clear' | bbbTranslate\"\n                            (click)=\"onClear()\"\n                        ></button>\n                    </div>\n                </div>\n                <div class=\"ulv-selection-form-dialog__actions-row\">\n                    <button\n                        fd-button\n                        data-succes\n                        [label]=\"'OK' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        (click)=\"onOk()\"\n                    ></button>\n                    <button\n                        fd-button\n                        data-dismiss-dialog\n                        fd-dialog-decisive-button\n                        [label]=\"'Cancel' | bbbTranslate\"\n                        fdType=\"transparent\"\n                        (click)=\"onDismiss()\"\n                    ></button>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:flex;align-items:center}:host ::ng-deep fd-multi-input .fd-input-group{cursor:default}fd-multi-input{flex-grow:1}button[rtl=true]{margin-right:5px}button[rtl=false]{margin-left:5px}::ng-deep .fd-toolbar{display:flex;flex-wrap:wrap;row-gap: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: 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: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$2.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i7$9.MultiInputComponent, selector: "fd-multi-input", inputs: ["placeholder", "disabled", "required", "compactCollapse", "maxHeight", "glyph", "dropdownValues", "searchTerm", "inputId", "highlight", "selected", "class", "filterFn", "valueFn", "displayFn", "newTokenParseFn", "newTokenValidateFn", "ariaLabel", "ariaLabelledBy", "fillControlMode", "state", "buttonFocusable", "allowNewTokens", "mobile", "showAllButton", "bodyMaxWidth", "mobileConfig", "includes", "itemTemplate", "title", "autoComplete", "open", "displayAddonButton"], outputs: ["searchTermChange", "selectedChange", "openChange", "allItemsSelectedChange"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "component", type: i9$1.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { 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: UiLinearListContainerWithButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-linear-list-container-with-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-multi-input\n    [inputId]=\"id\"\n    [class.control-readonly]=\"(readonly$ | async) === true\"\n    [dropdownValues]=\"(dropDownValues$ | async)!!\"\n    [placeholder]=\"Setting.ControlFieldCaptionTranslated | bbbTranslate\"\n    [displayFn]=\"displayFunc\"\n    [showAllButton]=\"false\"\n    [displayAddonButton]=\"(parameters?.ExecuteAddonButton || !!report) && (disableOrReadonly$ | async) !== true\"\n    [allowNewTokens]=\"false\"\n    [includes]=\"true\"\n    [disabled]=\"(disable$ | async) === true\"\n    (searchTermChange)=\"onSearchTermChange($event)\"\n    (selectedChange)=\"onSelectedChange($event)\"\n    (addOnButtonClicked)=\"_handleAddonButtonClicked()\"\n></fd-multi-input>\n\n<!-- <button\n    *ngIf=\"report\"\n    fd-button\n    [attr.rtl]=\"rtl\"\n    [aria-label]=\"'Advanced' | bbbTranslate\"\n    glyph=\"value-help\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n    (click)=\"onOpenReport()\"\n></button> -->\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.height !== '100vh'\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [fullscreen]=\"dialog.data.fullscreen\"\n                        (fullscreenChanged)=\"dialog.data.fullscreen = $event\"\n                        [dialog]=\"dialog\"\n                        [dialogComponent]=\"dialogTpl\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDismiss()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\n      <button fd-dialog-close-button></button> -->\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <ng-container *ngIf=\"dialog.data.ulvUi as ulvUi\">\n                <bsu-ui-ulv-main-ui [context]=\"ulvUi\" class=\"linear-list-selection\"></bsu-ui-ulv-main-ui>\n            </ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer class=\"linear-footer\">\n            <ng-template fdTemplate=\"footer\">\n                <div\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\n                >\n                    <h5 fd-title class=\"selected-and-condition-title\">\n                        <ng-container>\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\n                            ({{ dialog.data.selectedItems?.length || 0 }})\n                        </ng-container>\n                    </h5>\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n                        <div class=\"ulv-selection-form-dialog__tokens\">\n                            <fd-toolbar *ngIf=\"dialog.data.selectedItems\">\n                                <!-- Selected items -->\n                                <fd-token\n                                    fd-toolbar-item\n                                    fdOverflowPriority=\"high\"\n                                    class=\"fdp-value-help-dialog__selection-token\"\n                                    (onCloseClick)=\"onRemoveSelected(item)\"\n                                    *ngFor=\"\n                                        let item of dialog.data.selectedItems;\n                                        index as selectedIndex;\n                                        trackBy: _trackBySelectedFn\n                                    \"\n                                    >{{ item.Text }}\n                                </fd-token>\n                            </fd-toolbar>\n                        </div>\n                        <button\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"decline\"\n                            [aria-label]=\"'Clear' | bbbTranslate\"\n                            (click)=\"onClear()\"\n                        ></button>\n                    </div>\n                </div>\n                <div class=\"ulv-selection-form-dialog__actions-row\">\n                    <button\n                        fd-button\n                        data-succes\n                        [label]=\"'OK' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        (click)=\"onOk()\"\n                    ></button>\n                    <button\n                        fd-button\n                        data-dismiss-dialog\n                        fd-dialog-decisive-button\n                        [label]=\"'Cancel' | bbbTranslate\"\n                        fdType=\"transparent\"\n                        (click)=\"onDismiss()\"\n                    ></button>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:flex;align-items:center}:host ::ng-deep fd-multi-input .fd-input-group{cursor:default}fd-multi-input{flex-grow:1}button[rtl=true]{margin-right:5px}button[rtl=false]{margin-left:5px}::ng-deep .fd-toolbar{display:flex;flex-wrap:wrap;row-gap:5px}\n"] }]
@@ -8677,7 +8705,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
 class HeaderAvatarComponent extends BaseComponent {
 }
 HeaderAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: HeaderAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-HeaderAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: HeaderAvatarComponent, selector: "bsu-header-avatar", inputs: { fileId: "fileId", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<fd-icon *ngIf=\"icon\" [glyph]=\"icon\"></fd-icon>\r\n<img *ngIf=\"fileId\" width=\"1.5rem\" height=\"auto\" [src]=\"fileId ? (fileId | picFieldSrc: 'ID':null:fileId) : ''\" />\r\n<!-- <fd-avatar\r\n  [transparent]=\"fileId ? false : true\"\r\n  [circle]=\"true\"\r\n  [border]=\"true\"\r\n  [size]=\"size\"\r\n  [glyph]=\"icon\"\r\n  [image]=\"fileId ? (fileId | picFieldSrc: 'ID':null:fileId) : ''\"\r\n></fd-avatar> -->\r\n", styles: ["fd-avatar{border-color:var(--sapContent_IconColor, #0854a0)!important}fd-icon{font-size:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+HeaderAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: HeaderAvatarComponent, selector: "bsu-header-avatar", inputs: { fileId: "fileId", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<fd-icon *ngIf=\"icon\" [glyph]=\"icon\"></fd-icon>\r\n<img *ngIf=\"fileId\" width=\"1.5rem\" height=\"auto\" [src]=\"fileId ? (fileId | picFieldSrc: 'ID':null:fileId) : ''\" />\r\n<!-- <fd-avatar\r\n  [transparent]=\"fileId ? false : true\"\r\n  [circle]=\"true\"\r\n  [border]=\"true\"\r\n  [size]=\"size\"\r\n  [glyph]=\"icon\"\r\n  [image]=\"fileId ? (fileId | picFieldSrc: 'ID':null:fileId) : ''\"\r\n></fd-avatar> -->\r\n", styles: ["fd-avatar{border-color:var(--sapContent_IconColor, #0854a0)!important}fd-icon{font-size:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: HeaderAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-header-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-icon *ngIf=\"icon\" [glyph]=\"icon\"></fd-icon>\r\n<img *ngIf=\"fileId\" width=\"1.5rem\" height=\"auto\" [src]=\"fileId ? (fileId | picFieldSrc: 'ID':null:fileId) : ''\" />\r\n<!-- <fd-avatar\r\n  [transparent]=\"fileId ? false : true\"\r\n  [circle]=\"true\"\r\n  [border]=\"true\"\r\n  [size]=\"size\"\r\n  [glyph]=\"icon\"\r\n  [image]=\"fileId ? (fileId | picFieldSrc: 'ID':null:fileId) : ''\"\r\n></fd-avatar> -->\r\n", styles: ["fd-avatar{border-color:var(--sapContent_IconColor, #0854a0)!important}fd-icon{font-size:2rem}\n"] }]
@@ -9141,7 +9169,7 @@ class UiPicturesInfoComponent extends DeviceInfoFieldBaseComponent {
     }
 }
 UiPicturesInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPicturesInfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiPicturesInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiPicturesInfoComponent, selector: "bsu-ui-pictures-info", inputs: { value: "value" }, providers: [UploadService], viewQueries: [{ propertyName: "gallery", first: true, predicate: ["gallery"], descendants: true }, { propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    [id]=\"id\"\n    [name]=\"'pictures_' + id\"\n    [placeholder]=\"'AttachPicture' | bbbTranslate\"\n    [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\n    [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\n    accept=\".png,.jpg,.bpm,.jpeg,.gif,.png,.tif\"\n    [fileLimit]=\"maxFileCount === 0 ? 100 : maxFileCount\"\n    [multiple]=\"maxFileCount === 0 || maxFileCount > 1\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n\n<ng-container *ngTemplateOutlet=\"layoutGridTpl\"></ng-container>\n<ng-template #layoutGridTpl let-inDialog=\"inDialog\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow *ngIf=\"mediaData$ | async as mediaData\">\n            <div\n                *ngFor=\"let media of mediaData; let i = index\"\n                [fdLayoutGridCol]=\"6\"\n                [colMd]=\"3\"\n                [colLg]=\"2\"\n                [colXl]=\"2\"\n                (click)=\"onMedaiClick(media, i)\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        cardTpl;\n                        context: { $implicit: media, mediaData: this.mediaData, inDialog: this.inDialog, index: i }\n                    \"\n                ></ng-container>\n            </div>\n            <div\n                *ngIf=\"!inDialog && (disableOrReadonly$ | async) === true ? false : true\"\n                [fdLayoutGridCol]=\"6\"\n                [colMd]=\"3\"\n                [colLg]=\"2\"\n                [colXl]=\"2\"\n            >\n                <ng-container *ngTemplateOutlet=\"newFile\"></ng-container>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #cardTpl let-media let-mediaData=\"mediaData\" let-inDialog=\"inDialog\" let-index=\"index\">\n    <fd-card class=\"media\" [class.inDialog]=\"inDialog\">\n        <fd-card-content style=\"text-align: center; height: 120px\">\n            <img imgLazy [imgLazy]=\"media.thumbnailUrl\" [src]=\"media.thumbnailUrl\" />\n        </fd-card-content>\n        <fd-card-footer *ngIf=\"!inDialog\">\n            <button\n                glyph=\"message-information\"\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"transparent\"\n                [fd-inline-help]=\"media.title\"\n                [triggers]=\"['click']\"\n                [closeOnOutsideClick]=\"true\"\n            ></button>\n            <button\n                glyph=\"full-screen\"\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"transparent\"\n                (click)=\"onFullscreen(media, mediaData)\"\n            ></button>\n            <ng-container *ngIf=\"(disableOrReadonly$ | async) === true ? false : true\">\n                <button\n                    glyph=\"delete\"\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"onDelete(index)\"\n                ></button>\n            </ng-container>\n        </fd-card-footer>\n    </fd-card>\n</ng-template>\n<ng-template #newFile>\n    <div style=\"position: relative; height: 100%\">\n        <fd-card>\n            <fd-card-content style=\"display: flex; align-items: center; justify-content: center; min-height: 120px\">\n                <button\n                    fd-button\n                    glyph=\"add-photo\"\n                    fdType=\"transparent\"\n                    [label]=\"'AttachFile' | bbbTranslate\"\n                    (click)=\"uploader.open()\"\n                ></button>\n            </fd-card-content>\n\n            <fd-card-footer style=\"border-top: 1px solid #ccc\">\n                <button fd-button [glyph]=\"'overflow'\" [fdType]=\"'transparent'\" [fdMenuTrigger]=\"menu\"></button>\n                <fd-menu #menu>\n                    <li fd-menu-item (click)=\"onScan()\">\n                        <a fd-menu-interactive>\n                            <span fd-menu-title>{{ 'Scan' | bbbTranslate }}</span>\n                        </a>\n                    </li>\n                    <li fd-menu-item (click)=\"onAdvanceScan()\">\n                        <a fd-menu-interactive>\n                            <span fd-menu-title>{{ 'AdvancedScan' | bbbTranslate }}</span>\n                        </a>\n                    </li>\n                </fd-menu>\n            </fd-card-footer>\n        </fd-card>\n        <bsu-mask *ngIf=\"(uploadingState$ | async)?.uploading === true\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #dialogTemplate let-dialog let-dialogConfig=\"dialogConfig\">\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl class=\"vertical\">\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 fd-title>{{ Setting.ControlFieldCaptionTranslated }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"!dialogConfig.fullscreen\"\n                        ariaLabel=\"Fit image size\"\n                        [glyph]=\"'resize'\"\n                        [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\n                        (click)=\"fillWidth = !fillWidth\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"dialog.close()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n        <fd-dialog-body #fdbody>\n            <div #gallery class=\"gallery inDialog\" style=\"flex: 1\">\n                <div\n                    *ngFor=\"let media of dialog.data.mediaData; let i = index\"\n                    class=\"column big-imgs-box\"\n                    [class.fill-width]=\"fillWidth\"\n                    [class.fill-all]=\"fillAll\"\n                    [class.fill-original]=\"fillOriginal\"\n                    [ngClass]=\"selectedZoom\"\n                >\n                    <div class=\"pics\" [id]=\"i\">\n                        <bsu-mask></bsu-mask>\n                        <img imgLazy [imgLazy]=\"media.mediaUrl\" [src]=\"media.mediaUrl\" />\n                    </div>\n                </div>\n            </div>\n            <div *ngIf=\"(deviceSize$ | async) !== 's'\" class=\"thumbnail\" style=\"flex-shrink: 1\">\n                <ng-cotainer *ngTemplateOutlet=\"layoutGridTpl; context: { inDialog: true }\"></ng-cotainer>\n            </div>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{position:relative}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}fd-toolbar{width:100%}fd-dialog-footer{justify-content:center}.hatchBackground{min-height:100px}.gallery{display:flex;width:100%;height:400px;column-gap:1px;background-color:var(--sapField_Background, #fff)}.gallery ::-webkit-scrollbar{width:7px;height:7px}.gallery ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:4px}.gallery ::-webkit-scrollbar-thumb{background:rgb(85,84,84);border-radius:4px}.gallery ::-webkit-scrollbar-thumb:hover{background:#2c2b2b}.gallery .column{overflow-y:scroll;display:flex;flex-direction:column;row-gap:3%;align-items:center}.gallery .column .pics{width:100%;display:flex;justify-content:center}.gallery .column .pics img{border-radius:5px}.gallery .column.small-imgs-box{flex:10%}.gallery .column.big-imgs-box{flex:90%}.gallery .selected{background-color:#fff;border:3px solid #0294d8;padding:10px}.gallery .fill-width img{width:100%!important}.gallery .fill-all .pics{height:100%}.gallery .fill-all img{width:100%!important;height:100%!important;object-fit:fill!important}.gallery .fill-original img{width:unset;height:unset}.gallery .zoom1 img{zoom:1}.gallery .zoom1-5 img{zoom:1.5}.gallery .zoom2 img{zoom:2}fd-dialog .gallery{overflow:auto}fd-dialog .gallery .column{overflow:initial}fd-dialog .gallery .pics{position:relative}fd-dialog fd-dialog-body{display:flex}fd-dialog.horizontal fd-dialog-body{flex-direction:column}fd-dialog.horizontal .gallery{flex-direction:row}fd-dialog.horizontal .thumbnail{border-top:1px solid #ccc;overflow-x:auto}fd-dialog.vertical fd-dialog-body{flex-direction:row-reverse}fd-dialog.vertical .gallery{flex-direction:column;height:100%}fd-dialog.vertical .thumbnail{border-left:1px solid #ccc;height:100%;width:200px;overflow-y:auto}fd-dialog.vertical .thumbnail ::ng-deep .fd-row>div{width:100%;min-width:100%}fd-card.media fd-card-footer button{border:none}fd-card.inDialog fd-card-header{padding-top:5px;padding-bottom:5px}.fd-col{min-width:165px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { 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: 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.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i5$1.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$1.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { 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: "directive", type: i7$a.InlineHelpDirective, selector: "[fd-inline-help], [fd-inline-help-template]", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help", "fd-inline-help-template"] }, { 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: 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: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { 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$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { 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 });
+UiPicturesInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiPicturesInfoComponent, selector: "bsu-ui-pictures-info", inputs: { value: "value" }, providers: [UploadService], viewQueries: [{ propertyName: "gallery", first: true, predicate: ["gallery"], descendants: true }, { propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    [id]=\"id\"\n    [name]=\"'pictures_' + id\"\n    [placeholder]=\"'AttachPicture' | bbbTranslate\"\n    [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\n    [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\n    accept=\".png,.jpg,.bpm,.jpeg,.gif,.png,.tif\"\n    [fileLimit]=\"maxFileCount === 0 ? 100 : maxFileCount\"\n    [multiple]=\"maxFileCount === 0 || maxFileCount > 1\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n\n<ng-container *ngTemplateOutlet=\"layoutGridTpl\"></ng-container>\n<ng-template #layoutGridTpl let-inDialog=\"inDialog\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow *ngIf=\"mediaData$ | async as mediaData\">\n            <div\n                *ngFor=\"let media of mediaData; let i = index\"\n                [fdLayoutGridCol]=\"6\"\n                [colMd]=\"3\"\n                [colLg]=\"2\"\n                [colXl]=\"2\"\n                (click)=\"onMedaiClick(media, i)\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        cardTpl;\n                        context: { $implicit: media, mediaData: this.mediaData, inDialog: this.inDialog, index: i }\n                    \"\n                ></ng-container>\n            </div>\n            <div\n                *ngIf=\"!inDialog && (disableOrReadonly$ | async) === true ? false : true\"\n                [fdLayoutGridCol]=\"6\"\n                [colMd]=\"3\"\n                [colLg]=\"2\"\n                [colXl]=\"2\"\n            >\n                <ng-container *ngTemplateOutlet=\"newFile\"></ng-container>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #cardTpl let-media let-mediaData=\"mediaData\" let-inDialog=\"inDialog\" let-index=\"index\">\n    <fd-card class=\"media\" [class.inDialog]=\"inDialog\">\n        <fd-card-content style=\"text-align: center; height: 120px\">\n            <img imgLazy [imgLazy]=\"media.thumbnailUrl\" [src]=\"media.thumbnailUrl\" />\n        </fd-card-content>\n        <fd-card-footer *ngIf=\"!inDialog\">\n            <button\n                glyph=\"message-information\"\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"transparent\"\n                [fd-inline-help]=\"media.title\"\n                [triggers]=\"['click']\"\n                [closeOnOutsideClick]=\"true\"\n            ></button>\n            <button\n                glyph=\"full-screen\"\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"transparent\"\n                (click)=\"onFullscreen(media, mediaData)\"\n            ></button>\n            <ng-container *ngIf=\"(disableOrReadonly$ | async) === true ? false : true\">\n                <button\n                    glyph=\"delete\"\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"onDelete(index)\"\n                ></button>\n            </ng-container>\n        </fd-card-footer>\n    </fd-card>\n</ng-template>\n<ng-template #newFile>\n    <div style=\"position: relative; height: 100%\">\n        <fd-card>\n            <fd-card-content style=\"display: flex; align-items: center; justify-content: center; min-height: 120px\">\n                <button\n                    fd-button\n                    glyph=\"add-photo\"\n                    fdType=\"transparent\"\n                    [label]=\"'AttachFile' | bbbTranslate\"\n                    (click)=\"uploader.open()\"\n                ></button>\n            </fd-card-content>\n\n            <fd-card-footer style=\"border-top: 1px solid #ccc\">\n                <button fd-button [glyph]=\"'overflow'\" [fdType]=\"'transparent'\" [fdMenuTrigger]=\"menu\"></button>\n                <fd-menu #menu>\n                    <li fd-menu-item (click)=\"onScan()\">\n                        <a fd-menu-interactive>\n                            <span fd-menu-title>{{ 'Scan' | bbbTranslate }}</span>\n                        </a>\n                    </li>\n                    <li fd-menu-item (click)=\"onAdvanceScan()\">\n                        <a fd-menu-interactive>\n                            <span fd-menu-title>{{ 'AdvancedScan' | bbbTranslate }}</span>\n                        </a>\n                    </li>\n                </fd-menu>\n            </fd-card-footer>\n        </fd-card>\n        <bsu-mask *ngIf=\"(uploadingState$ | async)?.uploading === true\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #dialogTemplate let-dialog let-dialogConfig=\"dialogConfig\">\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl class=\"vertical\">\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 fd-title>{{ Setting.ControlFieldCaptionTranslated }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"!dialogConfig.fullscreen\"\n                        ariaLabel=\"Fit image size\"\n                        [glyph]=\"'resize'\"\n                        [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\n                        (click)=\"fillWidth = !fillWidth\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"dialog.close()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n        <fd-dialog-body #fdbody>\n            <div #gallery class=\"gallery inDialog\" style=\"flex: 1\">\n                <div\n                    *ngFor=\"let media of dialog.data.mediaData; let i = index\"\n                    class=\"column big-imgs-box\"\n                    [class.fill-width]=\"fillWidth\"\n                    [class.fill-all]=\"fillAll\"\n                    [class.fill-original]=\"fillOriginal\"\n                    [ngClass]=\"selectedZoom\"\n                >\n                    <div class=\"pics\" [id]=\"i\">\n                        <bsu-mask></bsu-mask>\n                        <img imgLazy [imgLazy]=\"media.mediaUrl\" [src]=\"media.mediaUrl\" />\n                    </div>\n                </div>\n            </div>\n            <div *ngIf=\"(deviceSize$ | async) !== 's'\" class=\"thumbnail\" style=\"flex-shrink: 1\">\n                <ng-cotainer *ngTemplateOutlet=\"layoutGridTpl; context: { inDialog: true }\"></ng-cotainer>\n            </div>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{position:relative}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}fd-toolbar{width:100%}fd-dialog-footer{justify-content:center}.hatchBackground{min-height:100px}.gallery{display:flex;width:100%;height:400px;column-gap:1px;background-color:var(--sapField_Background, #fff)}.gallery ::-webkit-scrollbar{width:7px;height:7px}.gallery ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:4px}.gallery ::-webkit-scrollbar-thumb{background:rgb(85,84,84);border-radius:4px}.gallery ::-webkit-scrollbar-thumb:hover{background:#2c2b2b}.gallery .column{overflow-y:scroll;display:flex;flex-direction:column;row-gap:3%;align-items:center}.gallery .column .pics{width:100%;display:flex;justify-content:center}.gallery .column .pics img{border-radius:5px}.gallery .column.small-imgs-box{flex:10%}.gallery .column.big-imgs-box{flex:90%}.gallery .selected{background-color:#fff;border:3px solid #0294d8;padding:10px}.gallery .fill-width img{width:100%!important}.gallery .fill-all .pics{height:100%}.gallery .fill-all img{width:100%!important;height:100%!important;object-fit:fill!important}.gallery .fill-original img{width:unset;height:unset}.gallery .zoom1 img{zoom:1}.gallery .zoom1-5 img{zoom:1.5}.gallery .zoom2 img{zoom:2}fd-dialog .gallery{overflow:auto}fd-dialog .gallery .column{overflow:initial}fd-dialog .gallery .pics{position:relative}fd-dialog fd-dialog-body{display:flex}fd-dialog.horizontal fd-dialog-body{flex-direction:column}fd-dialog.horizontal .gallery{flex-direction:row}fd-dialog.horizontal .thumbnail{border-top:1px solid #ccc;overflow-x:auto}fd-dialog.vertical fd-dialog-body{flex-direction:row-reverse}fd-dialog.vertical .gallery{flex-direction:column;height:100%}fd-dialog.vertical .thumbnail{border-left:1px solid #ccc;height:100%;width:200px;overflow-y:auto}fd-dialog.vertical .thumbnail ::ng-deep .fd-row>div{width:100%;min-width:100%}fd-card.media fd-card-footer button{border:none}fd-card.inDialog fd-card-header{padding-top:5px;padding-bottom:5px}.fd-col{min-width:165px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { 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: 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.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i5$1.CardFooterComponent, selector: "fd-card-footer" }, { kind: "directive", type: i5$1.CardFooterActionItemDirective, selector: "[fdCardFooterActionItem]" }, { 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: "directive", type: i7$a.InlineHelpDirective, selector: "[fd-inline-help], [fd-inline-help-template]", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help", "fd-inline-help-template"] }, { 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: 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: "directive", type: i6$3.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { 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: 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: UiPicturesInfoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-pictures-info', providers: [UploadService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-file-uploader\n    #uploader\n    [style.display]=\"'none'\"\n    [id]=\"id\"\n    [name]=\"'pictures_' + id\"\n    [placeholder]=\"'AttachPicture' | bbbTranslate\"\n    [buttonLabel]=\"'AttachPicture' | bbbTranslate\"\n    [buttonAriaLabel]=\"'AttachPicture' | bbbTranslate\"\n    accept=\".png,.jpg,.bpm,.jpeg,.gif,.png,.tif\"\n    [fileLimit]=\"maxFileCount === 0 ? 100 : maxFileCount\"\n    [multiple]=\"maxFileCount === 0 || maxFileCount > 1\"\n    (selectedFilesChanged)=\"onFileSelection($event)\"\n></fd-file-uploader>\n\n<ng-container *ngTemplateOutlet=\"layoutGridTpl\"></ng-container>\n<ng-template #layoutGridTpl let-inDialog=\"inDialog\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow *ngIf=\"mediaData$ | async as mediaData\">\n            <div\n                *ngFor=\"let media of mediaData; let i = index\"\n                [fdLayoutGridCol]=\"6\"\n                [colMd]=\"3\"\n                [colLg]=\"2\"\n                [colXl]=\"2\"\n                (click)=\"onMedaiClick(media, i)\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        cardTpl;\n                        context: { $implicit: media, mediaData: this.mediaData, inDialog: this.inDialog, index: i }\n                    \"\n                ></ng-container>\n            </div>\n            <div\n                *ngIf=\"!inDialog && (disableOrReadonly$ | async) === true ? false : true\"\n                [fdLayoutGridCol]=\"6\"\n                [colMd]=\"3\"\n                [colLg]=\"2\"\n                [colXl]=\"2\"\n            >\n                <ng-container *ngTemplateOutlet=\"newFile\"></ng-container>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #cardTpl let-media let-mediaData=\"mediaData\" let-inDialog=\"inDialog\" let-index=\"index\">\n    <fd-card class=\"media\" [class.inDialog]=\"inDialog\">\n        <fd-card-content style=\"text-align: center; height: 120px\">\n            <img imgLazy [imgLazy]=\"media.thumbnailUrl\" [src]=\"media.thumbnailUrl\" />\n        </fd-card-content>\n        <fd-card-footer *ngIf=\"!inDialog\">\n            <button\n                glyph=\"message-information\"\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"transparent\"\n                [fd-inline-help]=\"media.title\"\n                [triggers]=\"['click']\"\n                [closeOnOutsideClick]=\"true\"\n            ></button>\n            <button\n                glyph=\"full-screen\"\n                *fdCardFooterActionItem\n                fd-button\n                fdType=\"transparent\"\n                (click)=\"onFullscreen(media, mediaData)\"\n            ></button>\n            <ng-container *ngIf=\"(disableOrReadonly$ | async) === true ? false : true\">\n                <button\n                    glyph=\"delete\"\n                    *fdCardFooterActionItem\n                    fd-button\n                    fdType=\"transparent\"\n                    (click)=\"onDelete(index)\"\n                ></button>\n            </ng-container>\n        </fd-card-footer>\n    </fd-card>\n</ng-template>\n<ng-template #newFile>\n    <div style=\"position: relative; height: 100%\">\n        <fd-card>\n            <fd-card-content style=\"display: flex; align-items: center; justify-content: center; min-height: 120px\">\n                <button\n                    fd-button\n                    glyph=\"add-photo\"\n                    fdType=\"transparent\"\n                    [label]=\"'AttachFile' | bbbTranslate\"\n                    (click)=\"uploader.open()\"\n                ></button>\n            </fd-card-content>\n\n            <fd-card-footer style=\"border-top: 1px solid #ccc\">\n                <button fd-button [glyph]=\"'overflow'\" [fdType]=\"'transparent'\" [fdMenuTrigger]=\"menu\"></button>\n                <fd-menu #menu>\n                    <li fd-menu-item (click)=\"onScan()\">\n                        <a fd-menu-interactive>\n                            <span fd-menu-title>{{ 'Scan' | bbbTranslate }}</span>\n                        </a>\n                    </li>\n                    <li fd-menu-item (click)=\"onAdvanceScan()\">\n                        <a fd-menu-interactive>\n                            <span fd-menu-title>{{ 'AdvancedScan' | bbbTranslate }}</span>\n                        </a>\n                    </li>\n                </fd-menu>\n            </fd-card-footer>\n        </fd-card>\n        <bsu-mask *ngIf=\"(uploadingState$ | async)?.uploading === true\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #dialogTemplate let-dialog let-dialogConfig=\"dialogConfig\">\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl class=\"vertical\">\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 fd-title>{{ Setting.ControlFieldCaptionTranslated }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"!dialogConfig.fullscreen\"\n                        ariaLabel=\"Fit image size\"\n                        [glyph]=\"'resize'\"\n                        [fdType]=\"fillWidth ? 'emphasized' : 'transparent'\"\n                        (click)=\"fillWidth = !fillWidth\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"dialog.close()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n        <fd-dialog-body #fdbody>\n            <div #gallery class=\"gallery inDialog\" style=\"flex: 1\">\n                <div\n                    *ngFor=\"let media of dialog.data.mediaData; let i = index\"\n                    class=\"column big-imgs-box\"\n                    [class.fill-width]=\"fillWidth\"\n                    [class.fill-all]=\"fillAll\"\n                    [class.fill-original]=\"fillOriginal\"\n                    [ngClass]=\"selectedZoom\"\n                >\n                    <div class=\"pics\" [id]=\"i\">\n                        <bsu-mask></bsu-mask>\n                        <img imgLazy [imgLazy]=\"media.mediaUrl\" [src]=\"media.mediaUrl\" />\n                    </div>\n                </div>\n            </div>\n            <div *ngIf=\"(deviceSize$ | async) !== 's'\" class=\"thumbnail\" style=\"flex-shrink: 1\">\n                <ng-cotainer *ngTemplateOutlet=\"layoutGridTpl; context: { inDialog: true }\"></ng-cotainer>\n            </div>\n        </fd-dialog-body>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{position:relative}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}fd-toolbar{width:100%}fd-dialog-footer{justify-content:center}.hatchBackground{min-height:100px}.gallery{display:flex;width:100%;height:400px;column-gap:1px;background-color:var(--sapField_Background, #fff)}.gallery ::-webkit-scrollbar{width:7px;height:7px}.gallery ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:4px}.gallery ::-webkit-scrollbar-thumb{background:rgb(85,84,84);border-radius:4px}.gallery ::-webkit-scrollbar-thumb:hover{background:#2c2b2b}.gallery .column{overflow-y:scroll;display:flex;flex-direction:column;row-gap:3%;align-items:center}.gallery .column .pics{width:100%;display:flex;justify-content:center}.gallery .column .pics img{border-radius:5px}.gallery .column.small-imgs-box{flex:10%}.gallery .column.big-imgs-box{flex:90%}.gallery .selected{background-color:#fff;border:3px solid #0294d8;padding:10px}.gallery .fill-width img{width:100%!important}.gallery .fill-all .pics{height:100%}.gallery .fill-all img{width:100%!important;height:100%!important;object-fit:fill!important}.gallery .fill-original img{width:unset;height:unset}.gallery .zoom1 img{zoom:1}.gallery .zoom1-5 img{zoom:1.5}.gallery .zoom2 img{zoom:2}fd-dialog .gallery{overflow:auto}fd-dialog .gallery .column{overflow:initial}fd-dialog .gallery .pics{position:relative}fd-dialog fd-dialog-body{display:flex}fd-dialog.horizontal fd-dialog-body{flex-direction:column}fd-dialog.horizontal .gallery{flex-direction:row}fd-dialog.horizontal .thumbnail{border-top:1px solid #ccc;overflow-x:auto}fd-dialog.vertical fd-dialog-body{flex-direction:row-reverse}fd-dialog.vertical .gallery{flex-direction:column;height:100%}fd-dialog.vertical .thumbnail{border-left:1px solid #ccc;height:100%;width:200px;overflow-y:auto}fd-dialog.vertical .thumbnail ::ng-deep .fd-row>div{width:100%;min-width:100%}fd-card.media fd-card-footer button{border:none}fd-card.inDialog fd-card-header{padding-top:5px;padding-bottom:5px}.fd-col{min-width:165px}\n"] }]
@@ -9194,10 +9222,18 @@ class RichTextStaticComponent extends FieldBaseComponent {
             console.warn(`$FieldDict can not be exist in mo ${mo.$Caption}`);
             return '';
         }
-        const filedName = mo.$FieldDict[placeholder];
+        let filedName = mo.$FieldDict[placeholder];
         if (!filedName) {
-            console.warn(`filedname can not be exist in mo ${mo.$Caption}`);
-            return;
+            if (!mo.InheritanceInfo) {
+                console.warn(`filedname can not be exist in mo ${mo.$Caption}`);
+                return;
+            }
+            const x = mo.InheritanceInfo.ParentFieldName;
+            if (!mo[x] && !mo[x].$FieldDict && !mo[x].$FieldDict[placeholder]) {
+                return;
+            }
+            filedName = mo[x].$FieldDict[placeholder];
+            return getFieldValue(filedName, mo[x], true);
         }
         return getFieldValue(filedName, mo, true);
     }
@@ -9431,7 +9467,12 @@ class UiFormPanelComponent extends FormBaseComponent {
                 parameters.FormLayoutItemsSetting.MoDataList.forEach((setting) => {
                     const layoutItem = FindLayoutSettingFromLayout94(layout94, setting.Title);
                     if (layoutItem) {
-                        BarsaApi.Common.Merger.FastMerge(layoutItem, setting);
+                        if (layoutItem.Type === 'LayoutControlItem' && layoutItem.FieldUi) {
+                            BarsaApi.Common.Merger.FastMerge(layoutItem.FieldUi.Setting, setting);
+                        }
+                        else {
+                            BarsaApi.Common.Merger.FastMerge(layoutItem, setting);
+                        }
                     }
                 });
             }
@@ -10194,7 +10235,7 @@ class FormDialogComponent extends BaseComponent {
     }
 }
 FormDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormDialogComponent, deps: [{ token: i1$1.DialogService }, { token: i2.DialogParams }, { token: i2.PortalService }], target: i0.ɵɵFactoryTarget.Component });
-FormDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormDialogComponent, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.data.canFullscreen\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            <ng-container *ngFor=\"let btn of formPanelCtrlr?.Adapter?.Control?.toolbar?.items\">\n                <ng-container\n                    *ngIf=\"!(btn === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                            context: { $implicit: btn }\n                        \"\n                    ></ng-container>\n                    <ng-template #btnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <fd-button-bar\n                                fd-dialog-decisive-button\n                                [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                                [label]=\"btn.text | bbbTranslate\"\n                                [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                                (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></fd-button-bar>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                    <ng-template #dynamicBtnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <bnrc-dynamic-form-toolbaritem\n                                fd-toolbar-item\n                                [component]=\"btn.Data.CustomUi\"\n                                [context]=\"btn\"\n                                [isEnable]=\"btn.Command?._isEnable\"\n                                (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></bnrc-dynamic-form-toolbaritem>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                </ng-container>\n            </ng-container>\n            <!--  <ng-template #saveBtn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        fdType=\"emphasized\"\n                        [label]=\"'Save' | bbbTranslate\"\n                        (click)=\"onSave()\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>-->\n\n            <fd-dialog-footer-button *ngIf=\"!isNonePersistance\">\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "directive", type: i6$1.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FormDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormDialogComponent, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.data.canFullscreen\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            <ng-container *ngFor=\"let btn of formPanelCtrlr?.Adapter?.Control?.toolbar?.items\">\n                <ng-container\n                    *ngIf=\"!(btn === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                            context: { $implicit: btn }\n                        \"\n                    ></ng-container>\n                    <ng-template #btnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <fd-button-bar\n                                fd-dialog-decisive-button\n                                [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                                [label]=\"btn.text | bbbTranslate\"\n                                [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                                (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></fd-button-bar>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                    <ng-template #dynamicBtnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <bnrc-dynamic-form-toolbaritem\n                                fd-toolbar-item\n                                [component]=\"btn.Data.CustomUi\"\n                                [context]=\"btn\"\n                                [isEnable]=\"btn.Command?._isEnable\"\n                                (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></bnrc-dynamic-form-toolbaritem>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                </ng-container>\n            </ng-container>\n            <!--  <ng-template #saveBtn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        fdType=\"emphasized\"\n                        [label]=\"'Save' | bbbTranslate\"\n                        (click)=\"onSave()\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>-->\n\n            <fd-dialog-footer-button *ngIf=\"!isNonePersistance\">\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$2.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "directive", type: i6$2.InitialFocusDirective, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.data.canFullscreen\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            <ng-container *ngFor=\"let btn of formPanelCtrlr?.Adapter?.Control?.toolbar?.items\">\n                <ng-container\n                    *ngIf=\"!(btn === '-' || btn.text === '-') && ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)\"\n                >\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                            context: { $implicit: btn }\n                        \"\n                    ></ng-container>\n                    <ng-template #btnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <fd-button-bar\n                                fd-dialog-decisive-button\n                                [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                                [label]=\"btn.text | bbbTranslate\"\n                                [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                                (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></fd-button-bar>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                    <ng-template #dynamicBtnTemplate let-btn>\n                        <fd-dialog-footer-button>\n                            <bnrc-dynamic-form-toolbaritem\n                                fd-toolbar-item\n                                [component]=\"btn.Data.CustomUi\"\n                                [context]=\"btn\"\n                                [isEnable]=\"btn.Command?._isEnable\"\n                                (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                            ></bnrc-dynamic-form-toolbaritem>\n                        </fd-dialog-footer-button>\n                    </ng-template>\n                </ng-container>\n            </ng-container>\n            <!--  <ng-template #saveBtn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        fdType=\"emphasized\"\n                        [label]=\"'Save' | bbbTranslate\"\n                        (click)=\"onSave()\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>-->\n\n            <fd-dialog-footer-button *ngIf=\"!isNonePersistance\">\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
@@ -10633,7 +10674,7 @@ class UlvSelectionComponent extends BaseComponent {
     }
 }
 UlvSelectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvSelectionComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-UlvSelectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvSelectionComponent, selector: "bsu-ulv-selection", inputs: { context: "context", config: "config", body: "body" }, viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialogRef"], descendants: true, read: TemplateRef }, { propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h3 fd-title>{{ data.title }}</h3>\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            <ng-container *ngIf=\"data.ulvUi as ulvUi\">\r\n                <bsu-ui-ulv-main-ui [context]=\"ulvUi\"></bsu-ui-ulv-main-ui>\r\n            </ng-container>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <ng-template fdTemplate=\"footer\">\r\n                <div\r\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\r\n                    aria-label=\"Selected and condition items\"\r\n                    i18n-aria-label=\"@@platformI18nValueHelpDialog.SelectionBarLabel\"\r\n                >\r\n                    <h5 fd-title class=\"selected-and-condition-title\">\r\n                        <ng-container>\r\n                            <ng-container i18n=\"@@platformI18nValueHelpDialog.SelectedAndConditionLabel\"\r\n                                >Selected Items and Conditions\r\n                            </ng-container>\r\n                            ({{ data.selectedItems?.length || 0 }})\r\n                        </ng-container>\r\n                    </h5>\r\n\r\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\r\n                        <div class=\"ulv-selection-form-dialog__tokens\">\r\n                            <fd-toolbar [shouldOverflow]=\"true\" *ngIf=\"data.selectedItems\">\r\n                                <!-- Selected items -->\r\n                                <fd-token\r\n                                    fd-toolbar-item\r\n                                    fdOverflowPriority=\"high\"\r\n                                    class=\"fdp-value-help-dialog__selection-token\"\r\n                                    (onCloseClick)=\"onRemoveSelected()\"\r\n                                    *ngFor=\"\r\n                                        let item of data.selectedItems;\r\n                                        index as selectedIndex;\r\n                                        trackBy: _trackBySelectedFn\r\n                                    \"\r\n                                    >{{ item.$Caption }}\r\n                                </fd-token>\r\n                            </fd-toolbar>\r\n                        </div>\r\n                        <button\r\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\r\n                            fd-button\r\n                            fdType=\"transparent\"\r\n                            glyph=\"decline\"\r\n                            i18n-aria-label=\"@@platformI18nValueHelpDialog.ClearSelectedAriaLabel\"\r\n                            aria-label=\"clear selected items\"\r\n                            (click)=\"onClear()\"\r\n                        ></button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"ulv-selection-form-dialog__actions-row\">\r\n                    <button\r\n                        fd-button\r\n                        data-succes\r\n                        i18n-label=\"@@platformI18nValueHelpDialog.SuccessButton\"\r\n                        label=\"OK\"\r\n                        fdType=\"emphasized\"\r\n                        (click)=\"onOk()\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        data-dismiss-dialog\r\n                        fd-dialog-decisive-button\r\n                        i18n-label=\"@@platformI18nValueHelpDialog.CancelButton\"\r\n                        label=\"Cancel\"\r\n                        fdType=\"transparent\"\r\n                        (click)=\"onDismiss()\"\r\n                    ></button>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [""], 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: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "component", type: i9$1.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+UlvSelectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvSelectionComponent, selector: "bsu-ulv-selection", inputs: { context: "context", config: "config", body: "body" }, viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialogRef"], descendants: true, read: TemplateRef }, { propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h3 fd-title>{{ data.title }}</h3>\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            <ng-container *ngIf=\"data.ulvUi as ulvUi\">\r\n                <bsu-ui-ulv-main-ui [context]=\"ulvUi\"></bsu-ui-ulv-main-ui>\r\n            </ng-container>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <ng-template fdTemplate=\"footer\">\r\n                <div\r\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\r\n                    aria-label=\"Selected and condition items\"\r\n                    i18n-aria-label=\"@@platformI18nValueHelpDialog.SelectionBarLabel\"\r\n                >\r\n                    <h5 fd-title class=\"selected-and-condition-title\">\r\n                        <ng-container>\r\n                            <ng-container i18n=\"@@platformI18nValueHelpDialog.SelectedAndConditionLabel\"\r\n                                >Selected Items and Conditions\r\n                            </ng-container>\r\n                            ({{ data.selectedItems?.length || 0 }})\r\n                        </ng-container>\r\n                    </h5>\r\n\r\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\r\n                        <div class=\"ulv-selection-form-dialog__tokens\">\r\n                            <fd-toolbar [shouldOverflow]=\"true\" *ngIf=\"data.selectedItems\">\r\n                                <!-- Selected items -->\r\n                                <fd-token\r\n                                    fd-toolbar-item\r\n                                    fdOverflowPriority=\"high\"\r\n                                    class=\"fdp-value-help-dialog__selection-token\"\r\n                                    (onCloseClick)=\"onRemoveSelected()\"\r\n                                    *ngFor=\"\r\n                                        let item of data.selectedItems;\r\n                                        index as selectedIndex;\r\n                                        trackBy: _trackBySelectedFn\r\n                                    \"\r\n                                    >{{ item.$Caption }}\r\n                                </fd-token>\r\n                            </fd-toolbar>\r\n                        </div>\r\n                        <button\r\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\r\n                            fd-button\r\n                            fdType=\"transparent\"\r\n                            glyph=\"decline\"\r\n                            i18n-aria-label=\"@@platformI18nValueHelpDialog.ClearSelectedAriaLabel\"\r\n                            aria-label=\"clear selected items\"\r\n                            (click)=\"onClear()\"\r\n                        ></button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"ulv-selection-form-dialog__actions-row\">\r\n                    <button\r\n                        fd-button\r\n                        data-succes\r\n                        i18n-label=\"@@platformI18nValueHelpDialog.SuccessButton\"\r\n                        label=\"OK\"\r\n                        fdType=\"emphasized\"\r\n                        (click)=\"onOk()\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        data-dismiss-dialog\r\n                        fd-dialog-decisive-button\r\n                        i18n-label=\"@@platformI18nValueHelpDialog.CancelButton\"\r\n                        label=\"Cancel\"\r\n                        fdType=\"transparent\"\r\n                        (click)=\"onDismiss()\"\r\n                    ></button>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [""], 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: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$2.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "component", type: i9$1.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvSelectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ulv-selection', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n        <fd-dialog-header>\r\n            <h3 fd-title>{{ data.title }}</h3>\r\n        </fd-dialog-header>\r\n\r\n        <fd-dialog-body>\r\n            <ng-container *ngIf=\"data.ulvUi as ulvUi\">\r\n                <bsu-ui-ulv-main-ui [context]=\"ulvUi\"></bsu-ui-ulv-main-ui>\r\n            </ng-container>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer>\r\n            <ng-template fdTemplate=\"footer\">\r\n                <div\r\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\r\n                    aria-label=\"Selected and condition items\"\r\n                    i18n-aria-label=\"@@platformI18nValueHelpDialog.SelectionBarLabel\"\r\n                >\r\n                    <h5 fd-title class=\"selected-and-condition-title\">\r\n                        <ng-container>\r\n                            <ng-container i18n=\"@@platformI18nValueHelpDialog.SelectedAndConditionLabel\"\r\n                                >Selected Items and Conditions\r\n                            </ng-container>\r\n                            ({{ data.selectedItems?.length || 0 }})\r\n                        </ng-container>\r\n                    </h5>\r\n\r\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\r\n                        <div class=\"ulv-selection-form-dialog__tokens\">\r\n                            <fd-toolbar [shouldOverflow]=\"true\" *ngIf=\"data.selectedItems\">\r\n                                <!-- Selected items -->\r\n                                <fd-token\r\n                                    fd-toolbar-item\r\n                                    fdOverflowPriority=\"high\"\r\n                                    class=\"fdp-value-help-dialog__selection-token\"\r\n                                    (onCloseClick)=\"onRemoveSelected()\"\r\n                                    *ngFor=\"\r\n                                        let item of data.selectedItems;\r\n                                        index as selectedIndex;\r\n                                        trackBy: _trackBySelectedFn\r\n                                    \"\r\n                                    >{{ item.$Caption }}\r\n                                </fd-token>\r\n                            </fd-toolbar>\r\n                        </div>\r\n                        <button\r\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\r\n                            fd-button\r\n                            fdType=\"transparent\"\r\n                            glyph=\"decline\"\r\n                            i18n-aria-label=\"@@platformI18nValueHelpDialog.ClearSelectedAriaLabel\"\r\n                            aria-label=\"clear selected items\"\r\n                            (click)=\"onClear()\"\r\n                        ></button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"ulv-selection-form-dialog__actions-row\">\r\n                    <button\r\n                        fd-button\r\n                        data-succes\r\n                        i18n-label=\"@@platformI18nValueHelpDialog.SuccessButton\"\r\n                        label=\"OK\"\r\n                        fdType=\"emphasized\"\r\n                        (click)=\"onOk()\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        data-dismiss-dialog\r\n                        fd-dialog-decisive-button\r\n                        i18n-label=\"@@platformI18nValueHelpDialog.CancelButton\"\r\n                        label=\"Cancel\"\r\n                        fdType=\"transparent\"\r\n                        (click)=\"onDismiss()\"\r\n                    ></button>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n" }]
@@ -11213,7 +11254,7 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
     }
 }
 UiMoInfoUlvComboComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiMoInfoUlvComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiMoInfoUlvComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiMoInfoUlvComboComponent, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvUi: "UlvUi", UlvMainCtrlr: "UlvMainCtrlr", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <span fd-input-group-addon *ngIf=\"hasValue && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            fd-button\n            *ngIf=\"hasValue && disableOrReadonly !== true\"\n            glyph=\"decline\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onClear()\"\n        ></button>\n\n        <button\n            fd-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></button>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\">{{\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\n                }}</span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background);border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$5.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i7$1.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "directive", type: i7$1.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiMoInfoUlvComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiMoInfoUlvComboComponent, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvUi: "UlvUi", UlvMainCtrlr: "UlvMainCtrlr", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <span fd-input-group-addon *ngIf=\"hasValue && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            fd-button\n            *ngIf=\"hasValue && disableOrReadonly !== true\"\n            glyph=\"decline\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onClear()\"\n        ></button>\n\n        <button\n            fd-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></button>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\">{{\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\n                }}</span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background);border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$5.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i7$1.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "directive", type: i7$1.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiMoInfoUlvComboComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <span fd-input-group-addon *ngIf=\"hasValue && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            fd-button\n            *ngIf=\"hasValue && disableOrReadonly !== true\"\n            glyph=\"decline\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onClear()\"\n        ></button>\n\n        <button\n            fd-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></button>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\">{{\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\n                }}</span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background);border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"] }]
@@ -11565,7 +11606,7 @@ 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]=\"\n        layoutInfo.TextVisible === false && layoutInfo.UseLayoutItemTextForControl === false ? '' : layoutInfo.Caption\n    \"\n>\n</fd-checkbox>\n", styles: [":host{width:100%;height:100%;display:flex}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.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\n    [id]=\"id\"\n    (change)=\"onValueChange()\"\n    [ngModel]=\"value\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n    [label]=\"\n        layoutInfo.TextVisible === false && layoutInfo.UseLayoutItemTextForControl === false ? '' : layoutInfo.Caption\n    \"\n>\n</fd-checkbox>\n", styles: [":host{width:100%;height:100%;display:flex}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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]=\"\n        layoutInfo.TextVisible === false && layoutInfo.UseLayoutItemTextForControl === false ? '' : layoutInfo.Caption\n    \"\n>\n</fd-checkbox>\n", styles: [":host{width:100%;height:100%;display:flex}\n"] }]
@@ -11696,32 +11737,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }] } });
 
-class SapFontPipe {
-    transform(iconName) {
-        const fontName = this._getFontName(iconName);
-        return fontName;
-    }
-    _getFontName(iconName) {
-        const saptnt = 'SAP-icons-TNT';
-        const sapbusiness = 'BusinessSuiteInAppSymbols';
-        if (IconTNT.indexOf(iconName) > -1) {
-            return saptnt;
-        }
-        if (IconBusinessSuite.indexOf(iconName) > -1) {
-            return sapbusiness;
-        }
-        return 'SAP-icons';
-    }
-}
-SapFontPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SapFontPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SapFontPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: SapFontPipe, name: "sapFont" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: SapFontPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'sapFont'
-                }]
-        }] });
-
 class SapFontClassPipe {
     transform(iconName) {
         const fontName = this._getFontName(iconName);
@@ -11912,7 +11927,7 @@ class BarsaNetworkOfflineComponent extends BaseComponent {
     }
 }
 BarsaNetworkOfflineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaNetworkOfflineComponent, deps: [{ token: i1$1.DialogService }, { token: i2.NetworkStatusService }, { token: i2.PortalService }], target: i0.ɵɵFactoryTarget.Component });
-BarsaNetworkOfflineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaNetworkOfflineComponent, selector: "bsu-barsa-network-offline", viewQueries: [{ propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <h1 fd-title>{{ 'ErrorInConnection' | bbbTranslate }}</h1>\n        </fd-dialog-header>\n\n        <fd-dialog-body class=\"offline-wrapper\">\n            <img src=\"assets/svg/offline-internet-icon.svg\" />\n            <div>\n                <h3 fd-title>{{ 'NetworkOffline' | bbbTranslate }}</h3>\n                <fd-text [text]=\"'NetworkOfflineDescription' | bbbTranslate\"></fd-text>\n            </div>\n        </fd-dialog-body>\n        <fd-dialog-footer>\n            <ng-template fdTemplate=\"footer\">\n                <div fd-bar-right>\n                    <fd-button-bar\n                        fdType=\"emphasized\"\n                        [label]=\"'Continue' | bbbTranslate\"\n                        (click)=\"dialog.dismiss('Close button')\"\n                    >\n                    </fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".offline-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i14.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "moreLabel", "lessLabel", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaNetworkOfflineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaNetworkOfflineComponent, selector: "bsu-barsa-network-offline", viewQueries: [{ propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <h1 fd-title>{{ 'ErrorInConnection' | bbbTranslate }}</h1>\n        </fd-dialog-header>\n\n        <fd-dialog-body class=\"offline-wrapper\">\n            <img src=\"assets/svg/offline-internet-icon.svg\" />\n            <div>\n                <h3 fd-title>{{ 'NetworkOffline' | bbbTranslate }}</h3>\n                <fd-text [text]=\"'NetworkOfflineDescription' | bbbTranslate\"></fd-text>\n            </div>\n        </fd-dialog-body>\n        <fd-dialog-footer>\n            <ng-template fdTemplate=\"footer\">\n                <div fd-bar-right>\n                    <fd-button-bar\n                        fdType=\"emphasized\"\n                        [label]=\"'Continue' | bbbTranslate\"\n                        (click)=\"dialog.dismiss('Close button')\"\n                    >\n                    </fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".offline-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: 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: i14.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "moreLabel", "lessLabel", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaNetworkOfflineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-barsa-network-offline', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <h1 fd-title>{{ 'ErrorInConnection' | bbbTranslate }}</h1>\n        </fd-dialog-header>\n\n        <fd-dialog-body class=\"offline-wrapper\">\n            <img src=\"assets/svg/offline-internet-icon.svg\" />\n            <div>\n                <h3 fd-title>{{ 'NetworkOffline' | bbbTranslate }}</h3>\n                <fd-text [text]=\"'NetworkOfflineDescription' | bbbTranslate\"></fd-text>\n            </div>\n        </fd-dialog-body>\n        <fd-dialog-footer>\n            <ng-template fdTemplate=\"footer\">\n                <div fd-bar-right>\n                    <fd-button-bar\n                        fdType=\"emphasized\"\n                        [label]=\"'Continue' | bbbTranslate\"\n                        (click)=\"dialog.dismiss('Close button')\"\n                    >\n                    </fd-button-bar>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".offline-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}\n"] }]
@@ -12326,7 +12341,7 @@ class BarsaListFileLinearGmailComponent extends UiFileLinearListBoxComponent {
     }
 }
 BarsaListFileLinearGmailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaListFileLinearGmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaListFileLinearGmailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaListFileLinearGmailComponent, selector: "bsu-barsa-list-file-linear-gmail", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<ul fd-list>\n    <ng-container *ngFor=\"let item of value\">\n        <li *ngIf=\"!item.IsDeleted\" fd-list-item style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\">\n            <input\n                style=\"width: 90%\"\n                *ngIf=\"item.inEdit\"\n                fd-form-control\n                [value]=\"item.fileName\"\n                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n            />\n            <span *ngIf=\"!item.inEdit\" fd-list-title>\n                {{ item.fileName }}\n            </span>\n            <span fd-list-secondary>\n                <button\n                    ariaLabel=\"Edit Or Save\"\n                    fdType=\"transparent\"\n                    class=\"fd-button--compact\"\n                    fd-button\n                    fdCompact\n                    [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n                    (click)=\"item.inEdit = !item.inEdit\"\n                ></button>\n                <button\n                    *ngIf=\"!item.inEdit\"\n                    ariaLabel=\"Remove\"\n                    fdType=\"transparent\"\n                    title=\"Remove\"\n                    fd-button\n                    glyph=\"delete\"\n                ></button>\n            </span>\n        </li>\n    </ng-container>\n</ul>\n<ul fd-list [byline]=\"true\">\n    <ng-container *ngIf=\"fileCount$ | async as fileCount\">\n        <li fd-list-item *ngIf=\"fileCount === 0\">\n            <div fd-list-content style=\"text-align: center\">\n                <span>{{ 'NoFiles' | bbbTranslate }}</span>\n            </div>\n        </li>\n    </ng-container>\n    <ng-container *ngFor=\"let file of value\">\n        <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n            <li fd-list-item *ngIf=\"!file.IsDeleted\">\n                <span fd-list-thumbnail>\n                    <fd-icon\n                        *ngIf=\"valueExtra[file.Id].IsIcon; else isImage\"\n                        [glyph]=\"valueExtra[file.Id].FileUrl\"\n                    ></fd-icon>\n                    <ng-template #isImage>\n                        <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n                    </ng-template>\n                </span>\n                <!-- for byline, fd-list-content is mandatory -->\n                <div fd-list-content>\n                    <div fd-list-title>{{ file.FileName }}</div>\n                    <div fd-list-byline [twoCol]=\"true\">\n                        <div fd-list-byline-left></div>\n                        <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                            <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                                <ng-container *ngIf=\"file.IsNew\">\n                                    <span\n                                        fd-toolbar-item\n                                        fd-object-status\n                                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                                        [title]=\"valueExtra[file.Id]?.UploadState\"\n                                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                                    ></span>\n                                    <ng-container *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\">\n                                        <fd-slider\n                                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                                            [name]=\"'filerLinear_' + id\"\n                                            fd-toolbar-item\n                                            [id]=\"id\"\n                                            [min]=\"0\"\n                                            [max]=\"100\"\n                                            [step]=\"1\"\n                                        >\n                                        </fd-slider>\n                                    </ng-container>\n                                </ng-container>\n                            </fd-toolbar>\n                        </div>\n                    </div>\n                </div>\n                <button\n                    *ngIf=\"(disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading'\"\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'stop'\"\n                    (click)=\"onTerminate(file)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Error'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'refresh'\"\n                    (click)=\"onRetry(file)\"\n                ></button>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "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.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListBylineLeftDirective, selector: "[fdListBylineLeft], [fd-list-byline-left]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineRightDirective, selector: "[fdListBylineRight], [fd-list-byline-right]", inputs: ["status", "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: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: 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: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaListFileLinearGmailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaListFileLinearGmailComponent, selector: "bsu-barsa-list-file-linear-gmail", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<ul fd-list>\n    <ng-container *ngFor=\"let item of value\">\n        <li *ngIf=\"!item.IsDeleted\" fd-list-item style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\">\n            <input\n                style=\"width: 90%\"\n                *ngIf=\"item.inEdit\"\n                fd-form-control\n                [value]=\"item.fileName\"\n                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n            />\n            <span *ngIf=\"!item.inEdit\" fd-list-title>\n                {{ item.fileName }}\n            </span>\n            <span fd-list-secondary>\n                <button\n                    ariaLabel=\"Edit Or Save\"\n                    fdType=\"transparent\"\n                    class=\"fd-button--compact\"\n                    fd-button\n                    fdCompact\n                    [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n                    (click)=\"item.inEdit = !item.inEdit\"\n                ></button>\n                <button\n                    *ngIf=\"!item.inEdit\"\n                    ariaLabel=\"Remove\"\n                    fdType=\"transparent\"\n                    title=\"Remove\"\n                    fd-button\n                    glyph=\"delete\"\n                ></button>\n            </span>\n        </li>\n    </ng-container>\n</ul>\n<ul fd-list [byline]=\"true\">\n    <ng-container *ngIf=\"fileCount$ | async as fileCount\">\n        <li fd-list-item *ngIf=\"fileCount === 0\">\n            <div fd-list-content style=\"text-align: center\">\n                <span>{{ 'NoFiles' | bbbTranslate }}</span>\n            </div>\n        </li>\n    </ng-container>\n    <ng-container *ngFor=\"let file of value\">\n        <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n            <li fd-list-item *ngIf=\"!file.IsDeleted\">\n                <span fd-list-thumbnail>\n                    <fd-icon\n                        *ngIf=\"valueExtra[file.Id].IsIcon; else isImage\"\n                        [glyph]=\"valueExtra[file.Id].FileUrl\"\n                    ></fd-icon>\n                    <ng-template #isImage>\n                        <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n                    </ng-template>\n                </span>\n                <!-- for byline, fd-list-content is mandatory -->\n                <div fd-list-content>\n                    <div fd-list-title>{{ file.FileName }}</div>\n                    <div fd-list-byline [twoCol]=\"true\">\n                        <div fd-list-byline-left></div>\n                        <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                            <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                                <ng-container *ngIf=\"file.IsNew\">\n                                    <span\n                                        fd-toolbar-item\n                                        fd-object-status\n                                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                                        [title]=\"valueExtra[file.Id]?.UploadState\"\n                                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                                    ></span>\n                                    <ng-container *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\">\n                                        <fd-slider\n                                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                                            [name]=\"'filerLinear_' + id\"\n                                            fd-toolbar-item\n                                            [id]=\"id\"\n                                            [min]=\"0\"\n                                            [max]=\"100\"\n                                            [step]=\"1\"\n                                        >\n                                        </fd-slider>\n                                    </ng-container>\n                                </ng-container>\n                            </fd-toolbar>\n                        </div>\n                    </div>\n                </div>\n                <button\n                    *ngIf=\"(disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading'\"\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'stop'\"\n                    (click)=\"onTerminate(file)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Error'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'refresh'\"\n                    (click)=\"onRetry(file)\"\n                ></button>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { 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: "directive", type: i8.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListBylineLeftDirective, selector: "[fdListBylineLeft], [fd-list-byline-left]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineRightDirective, selector: "[fdListBylineRight], [fd-list-byline-right]", inputs: ["status", "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: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: 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: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaListFileLinearGmailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-barsa-list-file-linear-gmail', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UploadService], template: "<ul fd-list>\n    <ng-container *ngFor=\"let item of value\">\n        <li *ngIf=\"!item.IsDeleted\" fd-list-item style=\"background-color: #f5f5f5; margin: 0.5rem 0 0 30%\">\n            <input\n                style=\"width: 90%\"\n                *ngIf=\"item.inEdit\"\n                fd-form-control\n                [value]=\"item.fileName\"\n                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n            />\n            <span *ngIf=\"!item.inEdit\" fd-list-title>\n                {{ item.fileName }}\n            </span>\n            <span fd-list-secondary>\n                <button\n                    ariaLabel=\"Edit Or Save\"\n                    fdType=\"transparent\"\n                    class=\"fd-button--compact\"\n                    fd-button\n                    fdCompact\n                    [glyph]=\"item.inEdit ? 'save' : 'edit'\"\n                    (click)=\"item.inEdit = !item.inEdit\"\n                ></button>\n                <button\n                    *ngIf=\"!item.inEdit\"\n                    ariaLabel=\"Remove\"\n                    fdType=\"transparent\"\n                    title=\"Remove\"\n                    fd-button\n                    glyph=\"delete\"\n                ></button>\n            </span>\n        </li>\n    </ng-container>\n</ul>\n<ul fd-list [byline]=\"true\">\n    <ng-container *ngIf=\"fileCount$ | async as fileCount\">\n        <li fd-list-item *ngIf=\"fileCount === 0\">\n            <div fd-list-content style=\"text-align: center\">\n                <span>{{ 'NoFiles' | bbbTranslate }}</span>\n            </div>\n        </li>\n    </ng-container>\n    <ng-container *ngFor=\"let file of value\">\n        <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n            <li fd-list-item *ngIf=\"!file.IsDeleted\">\n                <span fd-list-thumbnail>\n                    <fd-icon\n                        *ngIf=\"valueExtra[file.Id].IsIcon; else isImage\"\n                        [glyph]=\"valueExtra[file.Id].FileUrl\"\n                    ></fd-icon>\n                    <ng-template #isImage>\n                        <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n                    </ng-template>\n                </span>\n                <!-- for byline, fd-list-content is mandatory -->\n                <div fd-list-content>\n                    <div fd-list-title>{{ file.FileName }}</div>\n                    <div fd-list-byline [twoCol]=\"true\">\n                        <div fd-list-byline-left></div>\n                        <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                            <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                                <ng-container *ngIf=\"file.IsNew\">\n                                    <span\n                                        fd-toolbar-item\n                                        fd-object-status\n                                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                                        [title]=\"valueExtra[file.Id]?.UploadState\"\n                                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                                    ></span>\n                                    <ng-container *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\">\n                                        <fd-slider\n                                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                                            [name]=\"'filerLinear_' + id\"\n                                            fd-toolbar-item\n                                            [id]=\"id\"\n                                            [min]=\"0\"\n                                            [max]=\"100\"\n                                            [step]=\"1\"\n                                        >\n                                        </fd-slider>\n                                    </ng-container>\n                                </ng-container>\n                            </fd-toolbar>\n                        </div>\n                    </div>\n                </div>\n                <button\n                    *ngIf=\"(disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading'\"\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'stop'\"\n                    (click)=\"onTerminate(file)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Error'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'refresh'\"\n                    (click)=\"onRetry(file)\"\n                ></button>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}\n"] }]
@@ -12783,15 +12798,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';