barsa-sap-ui 1.0.281 → 1.0.285

package/fesm2020/barsa-sap-ui.mjs

@@ -1,7 +1,7 @@
 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 * as i2 from 'barsa-novin-ray-core';
-import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, LayoutService, BaseUlvSettingComponent, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, GetAllColumnsSorted, getControlSizeMode, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, BaseViewItemPropsComponent, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, BaseColumnPropsComponent, ColumnService, DateRanges, LogService, UlvMainService, isFunction, FilesValidationHelper, getValidExtension, isImage, getImagePath, getIcon, UploadService, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, PageWithFormHandlerBaseComponent, getHeaderValue, getFieldValue, ContainerComponent, FORM_DIALOG_COMPONENT, ContainerService, FormPropsBaseComponent, NumberBaseComponent, PreventDefaulEvent, ImageMimeType, BaseFormToolbaritemPropsComponent, getDeviceIsPhone, getDeviceIsTablet, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, DIALOG_SERVICE } from 'barsa-novin-ray-core';
+import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, LayoutService, BaseUlvSettingComponent, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, GetAllColumnsSorted, getParentHeight, getControlSizeMode, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, BaseViewItemPropsComponent, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, BaseColumnPropsComponent, ColumnService, DateRanges, LogService, UlvMainService, isFunction, FilesValidationHelper, getValidExtension, isImage, getImagePath, getIcon, UploadService, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, PageWithFormHandlerBaseComponent, getHeaderValue, getFieldValue, ContainerComponent, FORM_DIALOG_COMPONENT, ContainerService, FormPropsBaseComponent, NumberBaseComponent, PreventDefaulEvent, ImageMimeType, BaseFormToolbaritemPropsComponent, getDeviceIsPhone, getDeviceIsTablet, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, DIALOG_SERVICE } from 'barsa-novin-ray-core';
 import moment from 'moment';
 import jmoment from 'moment-jalaali';
 import { merge, of, BehaviorSubject, Subject, combineLatest, takeUntil as takeUntil$1, fromEvent, filter as filter$1, tap as tap$1 } from 'rxjs';
@@ -53,7 +53,7 @@ import * as i2$3 from '@fundamental-ngx/core/action-sheet';
 import * as i3$5 from '@fundamental-ngx/core/content-density';
 import * as i7$5 from '@fundamental-ngx/core/input-group';
 import * as i11 from '@fundamental-ngx/core/radio';
-import * as i3$6 from '@angular/router';
+import * as i2$4 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i5$2 from '@fundamental-ngx/core/breadcrumb';
 import * as i7$6 from '@fundamental-ngx/core/dynamic-page';
@@ -74,13 +74,13 @@ import * as i15 from '@fundamental-ngx/core/tabs';
 import * as i16 from '@fundamental-ngx/core/text';
 import * as i18 from '@fundamental-ngx/core/progress-indicator';
 import * as i8$1 from '@fundamental-ngx/core/multi-input';
-import * as i2$4 from '@fundamental-ngx/core/combobox';
+import * as i2$5 from '@fundamental-ngx/core/combobox';
 import * as i5$5 from '@fundamental-ngx/platform/dynamic-page';
 import * as i7$a from '@fundamental-ngx/core/inline-help';
-import * as i2$5 from '@fundamental-ngx/core/wizard';
+import * as i2$6 from '@fundamental-ngx/core/wizard';
 import * as i7$b from '@fundamental-ngx/core/segmented-button';
-import * as i3$7 from '@fundamental-ngx/core/pagination';
-import * as i3$8 from '@fundamental-ngx/core/panel';
+import * as i3$6 from '@fundamental-ngx/core/pagination';
+import * as i3$7 from '@fundamental-ngx/core/panel';
 import * as i1$6 from '@fundamental-ngx/core/switch';
 import { CdkTableModule } from '@angular/cdk/table';
 
@@ -359,6 +359,7 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
     }
     ngOnInit() {
         super.ngOnInit();
+        this.formHeight$ = this.formPanelService.formHeight$;
         this._setFlex(this.flex);
         if (this.inlineEdit) {
             this.minHeight = 'auto';
@@ -463,10 +464,10 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
     }
 }
 LayoutControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LayoutControlComponent, deps: [{ token: i2.FormPanelService }, { token: i0.ElementRef }, { token: i1$1.ContentDensityService }, { token: i1$2.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i2.BbbTranslatePipe }], target: i0.ɵɵFactoryTarget.Component });
-LayoutControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isChekbox": "this.isCheckbox", "attr.isButton": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, static: true }, { 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            [attr.canvasWidth]=\"canvasWidth\"\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        [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"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LayoutControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isChekbox": "this.isCheckbox", "attr.isButton": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, static: true }, { propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!hide\">\n    <ng-container *ngIf=\"labelVisible && !isCheckbox\">\n        <bsu-ly-label\n            [attr.labelWidth]=\"labelWidth\"\n            [attr.canvasWidth]=\"canvasWidth\"\n            [attrRtl]\n            [class.no-padding]=\"config.Padding[0] === 0\"\n            [config]=\"config\"\n            [caption]=\"labelCaption\"\n            [originalWidth]=\"labelWidth\"\n            [style.min-width]=\"\n                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : maxLabelWidth + 'px'\n            \"\n            [style.width]=\"\n                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : maxLabelWidth + 'px'\n            \"\n            [isMandatory]=\"isMandatory\"\n            [fieldIcon]=\"fieldIcon\"\n            [originalXtype]=\"originalXtype\"\n            [textVisible]=\"textVisible\"\n            [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\n        ></bsu-ly-label>\n    </ng-container>\n    <label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\n    <bnrc-field-ui\n        [attr.xtype]=\"config.FieldUi.originalXtype\"\n        [attr.fieldWidth]=\"layoutControlWidth\"\n        [attr.isCheckbox]=\"isCheckbox\"\n        [style.flex-grow]=\"isCheckbox ? 1 : 0\"\n        [class.no-padding]=\"config.Padding[0] === 0\"\n        [customField]=\"config.FieldUi\"\n        [layoutInfo]=\"config\"\n        [inlineEdit]=\"inlineEdit\"\n        [formHeight]=\"(formHeight$ | async)!!\"\n        [focusControl]=\"focusControl\"\n        [isSearchPanel]=\"isSearchPanel\"\n        [style.height]=\"isUlv ? '100%' : 'auto'\"\n        [attr.isulv]=\"isUlv\"\n    ></bnrc-field-ui>\n</ng-container>\n", styles: [":host{width:100%;display:flex}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bnrc-field-ui{padding:0 5px;margin:auto}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}bnrc-field-ui{height:auto}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "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            [attr.canvasWidth]=\"canvasWidth\"\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        [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"] }]
+            args: [{ selector: 'bsu-layout-control', providers: [LayoutService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!hide\">\n    <ng-container *ngIf=\"labelVisible && !isCheckbox\">\n        <bsu-ly-label\n            [attr.labelWidth]=\"labelWidth\"\n            [attr.canvasWidth]=\"canvasWidth\"\n            [attrRtl]\n            [class.no-padding]=\"config.Padding[0] === 0\"\n            [config]=\"config\"\n            [caption]=\"labelCaption\"\n            [originalWidth]=\"labelWidth\"\n            [style.min-width]=\"\n                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : maxLabelWidth + 'px'\n            \"\n            [style.width]=\"\n                isCheckbox ? 'auto' : isColumnDirection || isColumnReverseDirection ? '100%' : maxLabelWidth + 'px'\n            \"\n            [isMandatory]=\"isMandatory\"\n            [fieldIcon]=\"fieldIcon\"\n            [originalXtype]=\"originalXtype\"\n            [textVisible]=\"textVisible\"\n            [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\n        ></bsu-ly-label>\n    </ng-container>\n    <label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\n    <bnrc-field-ui\n        [attr.xtype]=\"config.FieldUi.originalXtype\"\n        [attr.fieldWidth]=\"layoutControlWidth\"\n        [attr.isCheckbox]=\"isCheckbox\"\n        [style.flex-grow]=\"isCheckbox ? 1 : 0\"\n        [class.no-padding]=\"config.Padding[0] === 0\"\n        [customField]=\"config.FieldUi\"\n        [layoutInfo]=\"config\"\n        [inlineEdit]=\"inlineEdit\"\n        [formHeight]=\"(formHeight$ | async)!!\"\n        [focusControl]=\"focusControl\"\n        [isSearchPanel]=\"isSearchPanel\"\n        [style.height]=\"isUlv ? '100%' : 'auto'\"\n        [attr.isulv]=\"isUlv\"\n    ></bnrc-field-ui>\n</ng-container>\n", styles: [":host{width:100%;display:flex}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bnrc-field-ui{padding:0 5px;margin:auto}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}bnrc-field-ui{height:auto}}\n"] }]
         }], 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: { canvasRef: [{
                 type: ViewChild,
                 args: ['canvas', { static: true }]
@@ -2003,14 +2004,7 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
         return Math.ceil(labelWithPadding);
     }
     _setParentHeight() {
-        const elDom = this.el.nativeElement;
-        let parentDom = elDom.parentElement;
-        let parentHeight = parentDom?.clientHeight ?? 0;
-        while (parentDom != null && parentHeight < 40) {
-            parentDom = parentDom.parentElement;
-            parentHeight = parentDom?.clientHeight ?? 0;
-        }
-        this.parentHeight = parentHeight;
+        this.parentHeight = getParentHeight(this.el.nativeElement);
     }
     _mapCartableMo(items) {
         if (!this.viewSetting) {
@@ -2520,10 +2514,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
 class UiMoInfoGeneralObjectUiComponent extends FieldBaseComponent {
 }
 UiMoInfoGeneralObjectUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiMoInfoGeneralObjectUiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiMoInfoGeneralObjectUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiMoInfoGeneralObjectUiComponent, selector: "bsu-ui-mo-info-general-object-ui", usesInheritance: true, ngImport: i0, template: "<bnrc-field-ui class=\"inner-control\" [customField]=\"context?._typeComboControl\"></bnrc-field-ui>\r\n<bnrc-field-ui class=\"inner-control\" [customField]=\"context?._objectComboControl\"></bnrc-field-ui>\r\n", styles: [":host{display:flex;column-gap:10px;align-items:center}:host bnrc-field-ui:first-child{flex:30}:host bnrc-field-ui:last-child{flex:70}\n"], dependencies: [{ kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "layoutInfo", "inlineEdit", "focusControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiMoInfoGeneralObjectUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiMoInfoGeneralObjectUiComponent, selector: "bsu-ui-mo-info-general-object-ui", usesInheritance: true, ngImport: i0, template: "<bnrc-field-ui\n    [class.control-disabled]=\"(disableOrReadonly$ | async) === true\"\n    class=\"inner-control\"\n    [customField]=\"context?._typeComboControl\"\n></bnrc-field-ui>\n<bnrc-field-ui\n    [class.control-disabled]=\"(disableOrReadonly$ | async) === true\"\n    class=\"inner-control\"\n    [customField]=\"context?._objectComboControl\"\n></bnrc-field-ui>\n", styles: [":host{display:flex;column-gap:10px;align-items:center}:host bnrc-field-ui:first-child{flex:30}:host bnrc-field-ui:last-child{flex:70}\n"], dependencies: [{ kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "layoutInfo", "inlineEdit", "focusControl", "formHeight"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiMoInfoGeneralObjectUiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-mo-info-general-object-ui', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bnrc-field-ui class=\"inner-control\" [customField]=\"context?._typeComboControl\"></bnrc-field-ui>\r\n<bnrc-field-ui class=\"inner-control\" [customField]=\"context?._objectComboControl\"></bnrc-field-ui>\r\n", styles: [":host{display:flex;column-gap:10px;align-items:center}:host bnrc-field-ui:first-child{flex:30}:host bnrc-field-ui:last-child{flex:70}\n"] }]
+            args: [{ selector: 'bsu-ui-mo-info-general-object-ui', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bnrc-field-ui\n    [class.control-disabled]=\"(disableOrReadonly$ | async) === true\"\n    class=\"inner-control\"\n    [customField]=\"context?._typeComboControl\"\n></bnrc-field-ui>\n<bnrc-field-ui\n    [class.control-disabled]=\"(disableOrReadonly$ | async) === true\"\n    class=\"inner-control\"\n    [customField]=\"context?._objectComboControl\"\n></bnrc-field-ui>\n", styles: [":host{display:flex;column-gap:10px;align-items:center}:host bnrc-field-ui:first-child{flex:30}:host bnrc-field-ui:last-child{flex:70}\n"] }]
         }] });
 
 class FileInDialogComponent extends BaseComponent {
@@ -3829,10 +3823,10 @@ 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\">\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            [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    <fdp-button\n        *ngIf=\"access?.View && !showOkCancelButtons && deviceName !== 'desktop'\"\n        [glyph]=\"navigationArrow\"\n        buttonType=\"transparent\"\n        (click)=\"onNodeViewClick()\"\n    ></fdp-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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: 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$2.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$1.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: i3$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i6$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i13.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { 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\">\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    <fdp-button\n        *ngIf=\"access?.View && !showOkCancelButtons && deviceName !== 'desktop'\"\n        [glyph]=\"navigationArrow\"\n        buttonType=\"transparent\"\n        (click)=\"onNodeViewClick()\"\n    ></fdp-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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: 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$2.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$1.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: i3$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i6$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i13.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { 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\">\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            [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    <fdp-button\n        *ngIf=\"access?.View && !showOkCancelButtons && deviceName !== 'desktop'\"\n        [glyph]=\"navigationArrow\"\n        buttonType=\"transparent\"\n        (click)=\"onNodeViewClick()\"\n    ></fdp-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"] }]
+            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\">\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    <fdp-button\n        *ngIf=\"access?.View && !showOkCancelButtons && deviceName !== 'desktop'\"\n        [glyph]=\"navigationArrow\"\n        buttonType=\"transparent\"\n        (click)=\"onNodeViewClick()\"\n    ></fdp-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"] }]
         }], propDecorators: { node: [{
                 type: Input
             }], selectedNode: [{
@@ -3925,10 +3919,10 @@ class UiTreeViewComponent extends ReportViewBaseComponent {
     }
 }
 UiTreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTreeViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiTreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTreeViewComponent, selector: "bsu-tree-view", inputs: { root: "root", selectedNode: "selectedNode", hasDragDrop: "hasDragDrop", isHetro: "isHetro", relationList: "relationList", showOkCancelButtons: "showOkCancelButtons", collapseIcon: "collapseIcon" }, outputs: { checkChange: "checkChange", nodeSelect: "nodeSelect", createNew: "createNew", loadChildren: "loadChildren", nodeViewClick: "nodeViewClick", nodeUlvCommand: "nodeUlvCommand", itemDrop: "itemDrop", itemDragMoved: "itemDragMoved" }, usesInheritance: true, ngImport: i0, template: "<fd-layout-panel>\n    <fd-layout-panel-body [bleed]=\"true\">\n        <ul\n            cdkDropList\n            [cdkDropListData]=\"moDataList\"\n            [id]=\"'$Root'\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            <ng-container *ngIf=\"moDataList?.length > 0; else noData\">\n                <ng-container *ngFor=\"let node of moDataList; let index = index\">\n                    <bsu-barsa-tree-item\n                        *ngIf=\"node.visibility === true && node.parentNode.isExpand\"\n                        class=\"node-item\"\n                        [attr.data-id]=\"node.Data.Id\"\n                        [attr.id]=\"'node-' + node.Data.Id\"\n                        [style.cursor]=\"cursor\"\n                        [node]=\"node\"\n                        [level]=\"node.level\"\n                        [isChecked]=\"selectedNode?.Data?.Id === node.Data.Id || (inDialog && node.Data.$IsChecked)\"\n                        [hasChildren]=\"node.Data.$HasChildren\"\n                        [loading]=\"node.loading\"\n                        [inDialog]=\"inDialog\"\n                        [isMultiSelect]=\"isMultiSelect\"\n                        [isExpand]=\"node.isExpand\"\n                        [isHetro]=\"isHetro\"\n                        [parentNode]=\"node.parentNode\"\n                        [text]=\"node.text\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [rtl]=\"rtl\"\n                        [index]=\"index\"\n                        [allColumns]=\"allColumns\"\n                        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                        [showOkCancelButtons]=\"showOkCancelButtons\"\n                        [selectedNode]=\"selectedNode\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        [contextMenuItems]=\"contextMenuItems\"\n                        [isCheckList]=\"isCheckList\"\n                        [deviceName]=\"deviceName\"\n                        [access]=\"access\"\n                        [hasDragDrop]=\"hasDragDrop\"\n                        (checkChange)=\"onCheckChange($event)\"\n                        (select)=\"onNodeSelect(node, index)\"\n                        (ulvCommandClick)=\"onNodeUlvCommand(node, index)\"\n                        (viewClick)=\"onNodeViewClick(node, index)\"\n                        (loadChildren)=\"onLoadChildren(node)\"\n                        (dragMoved)=\"onDragMoved($event)\"\n                        [relationList]=\"relationList\"\n                        (createNew)=\"createNew.emit($event)\"\n                    >\n                    </bsu-barsa-tree-item>\n                </ng-container>\n            </ng-container>\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: ["*{font-family:Lato}.cdk-drag-placeholder{display:none}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 3px 3px -2px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:#fff;opacity:.3}ul{padding-inline-start:0}.drop-inside{border:1px solid #00f}.drop-inside ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-before{border-top:1px solid #00f}.drop-before ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-after{border-bottom:1px solid #00f}.drop-after ::ng-deep .fd-list__item{background-color:#dce9f6!important}.no-drop ::ng-deep li,.no-drop li .cdk-drag-handle{cursor:no-drop!important}.node-title{padding:15px;margin:5px;background:#eee;cursor:grab}.node-children{position:relative;transition:height .2s;margin-left:40px}.item-notes{margin-left:20px;color:#aaa}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: i3$4.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i3$4.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hasDragDrop", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "isExpand", "children", "parentNode", "text", "isHetro"], outputs: ["createNew", "select", "checkChange", "viewClick", "loadChildren", "dragMoved"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiTreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTreeViewComponent, selector: "bsu-tree-view", inputs: { root: "root", selectedNode: "selectedNode", hasDragDrop: "hasDragDrop", isHetro: "isHetro", relationList: "relationList", showOkCancelButtons: "showOkCancelButtons", collapseIcon: "collapseIcon" }, outputs: { checkChange: "checkChange", nodeSelect: "nodeSelect", createNew: "createNew", loadChildren: "loadChildren", nodeViewClick: "nodeViewClick", nodeUlvCommand: "nodeUlvCommand", itemDrop: "itemDrop", itemDragMoved: "itemDragMoved" }, usesInheritance: true, ngImport: i0, template: "<fd-layout-panel>\n    <fd-layout-panel-body [bleed]=\"true\">\n        <ul\n            cdkDropList\n            [cdkDropListData]=\"moDataList\"\n            [id]=\"'$Root'\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            <ng-container *ngIf=\"moDataList?.length > 0; else noData\">\n                <ng-container *ngFor=\"let node of moDataList; let index = index\">\n                    <bsu-barsa-tree-item\n                        *ngIf=\"node.visibility === true && node.parentNode.isExpand\"\n                        class=\"node-item\"\n                        [attr.data-id]=\"node.Data.Id\"\n                        [attr.id]=\"'node-' + node.Data.Id\"\n                        [style.cursor]=\"cursor\"\n                        [node]=\"node\"\n                        [level]=\"node.level\"\n                        [styleIndex]=\"node.Data.$StyleIndex\"\n                        [isChecked]=\"selectedNode?.Data?.Id === node.Data.Id || (inDialog && node.Data.$IsChecked)\"\n                        [hasChildren]=\"node.Data.$HasChildren\"\n                        [loading]=\"node.loading\"\n                        [inDialog]=\"inDialog\"\n                        [isMultiSelect]=\"isMultiSelect\"\n                        [isExpand]=\"node.isExpand\"\n                        [isHetro]=\"isHetro\"\n                        [parentNode]=\"node.parentNode\"\n                        [text]=\"node.text\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [rtl]=\"rtl\"\n                        [index]=\"index\"\n                        [allColumns]=\"allColumns\"\n                        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                        [showOkCancelButtons]=\"showOkCancelButtons\"\n                        [selectedNode]=\"selectedNode\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        [contextMenuItems]=\"contextMenuItems\"\n                        [isCheckList]=\"isCheckList\"\n                        [deviceName]=\"deviceName\"\n                        [access]=\"access\"\n                        [hasDragDrop]=\"hasDragDrop\"\n                        (checkChange)=\"onCheckChange($event)\"\n                        (select)=\"onNodeSelect(node, index)\"\n                        (ulvCommandClick)=\"onNodeUlvCommand(node, index)\"\n                        (viewClick)=\"onNodeViewClick(node, index)\"\n                        (loadChildren)=\"onLoadChildren(node)\"\n                        (dragMoved)=\"onDragMoved($event)\"\n                        [relationList]=\"relationList\"\n                        (createNew)=\"createNew.emit($event)\"\n                    >\n                    </bsu-barsa-tree-item>\n                </ng-container>\n            </ng-container>\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: ["*{font-family:Lato}.cdk-drag-placeholder{display:none}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 3px 3px -2px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:#fff;opacity:.3}ul{padding-inline-start:0}.drop-inside{border:1px solid #00f}.drop-inside ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-before{border-top:1px solid #00f}.drop-before ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-after{border-bottom:1px solid #00f}.drop-after ::ng-deep .fd-list__item{background-color:#dce9f6!important}.no-drop ::ng-deep li,.no-drop li .cdk-drag-handle{cursor:no-drop!important}.node-title{padding:15px;margin:5px;background:#eee;cursor:grab}.node-children{position:relative;transition:height .2s;margin-left:40px}.item-notes{margin-left:20px;color:#aaa}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: i3$4.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage"] }, { kind: "component", type: i3$4.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hasDragDrop", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "isExpand", "children", "parentNode", "text", "isHetro"], outputs: ["createNew", "select", "checkChange", "viewClick", "loadChildren", "dragMoved"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTreeViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-tree-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-layout-panel>\n    <fd-layout-panel-body [bleed]=\"true\">\n        <ul\n            cdkDropList\n            [cdkDropListData]=\"moDataList\"\n            [id]=\"'$Root'\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            <ng-container *ngIf=\"moDataList?.length > 0; else noData\">\n                <ng-container *ngFor=\"let node of moDataList; let index = index\">\n                    <bsu-barsa-tree-item\n                        *ngIf=\"node.visibility === true && node.parentNode.isExpand\"\n                        class=\"node-item\"\n                        [attr.data-id]=\"node.Data.Id\"\n                        [attr.id]=\"'node-' + node.Data.Id\"\n                        [style.cursor]=\"cursor\"\n                        [node]=\"node\"\n                        [level]=\"node.level\"\n                        [isChecked]=\"selectedNode?.Data?.Id === node.Data.Id || (inDialog && node.Data.$IsChecked)\"\n                        [hasChildren]=\"node.Data.$HasChildren\"\n                        [loading]=\"node.loading\"\n                        [inDialog]=\"inDialog\"\n                        [isMultiSelect]=\"isMultiSelect\"\n                        [isExpand]=\"node.isExpand\"\n                        [isHetro]=\"isHetro\"\n                        [parentNode]=\"node.parentNode\"\n                        [text]=\"node.text\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [rtl]=\"rtl\"\n                        [index]=\"index\"\n                        [allColumns]=\"allColumns\"\n                        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                        [showOkCancelButtons]=\"showOkCancelButtons\"\n                        [selectedNode]=\"selectedNode\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        [contextMenuItems]=\"contextMenuItems\"\n                        [isCheckList]=\"isCheckList\"\n                        [deviceName]=\"deviceName\"\n                        [access]=\"access\"\n                        [hasDragDrop]=\"hasDragDrop\"\n                        (checkChange)=\"onCheckChange($event)\"\n                        (select)=\"onNodeSelect(node, index)\"\n                        (ulvCommandClick)=\"onNodeUlvCommand(node, index)\"\n                        (viewClick)=\"onNodeViewClick(node, index)\"\n                        (loadChildren)=\"onLoadChildren(node)\"\n                        (dragMoved)=\"onDragMoved($event)\"\n                        [relationList]=\"relationList\"\n                        (createNew)=\"createNew.emit($event)\"\n                    >\n                    </bsu-barsa-tree-item>\n                </ng-container>\n            </ng-container>\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: ["*{font-family:Lato}.cdk-drag-placeholder{display:none}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 3px 3px -2px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:#fff;opacity:.3}ul{padding-inline-start:0}.drop-inside{border:1px solid #00f}.drop-inside ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-before{border-top:1px solid #00f}.drop-before ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-after{border-bottom:1px solid #00f}.drop-after ::ng-deep .fd-list__item{background-color:#dce9f6!important}.no-drop ::ng-deep li,.no-drop li .cdk-drag-handle{cursor:no-drop!important}.node-title{padding:15px;margin:5px;background:#eee;cursor:grab}.node-children{position:relative;transition:height .2s;margin-left:40px}.item-notes{margin-left:20px;color:#aaa}\n"] }]
+            args: [{ selector: 'bsu-tree-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-layout-panel>\n    <fd-layout-panel-body [bleed]=\"true\">\n        <ul\n            cdkDropList\n            [cdkDropListData]=\"moDataList\"\n            [id]=\"'$Root'\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            <ng-container *ngIf=\"moDataList?.length > 0; else noData\">\n                <ng-container *ngFor=\"let node of moDataList; let index = index\">\n                    <bsu-barsa-tree-item\n                        *ngIf=\"node.visibility === true && node.parentNode.isExpand\"\n                        class=\"node-item\"\n                        [attr.data-id]=\"node.Data.Id\"\n                        [attr.id]=\"'node-' + node.Data.Id\"\n                        [style.cursor]=\"cursor\"\n                        [node]=\"node\"\n                        [level]=\"node.level\"\n                        [styleIndex]=\"node.Data.$StyleIndex\"\n                        [isChecked]=\"selectedNode?.Data?.Id === node.Data.Id || (inDialog && node.Data.$IsChecked)\"\n                        [hasChildren]=\"node.Data.$HasChildren\"\n                        [loading]=\"node.loading\"\n                        [inDialog]=\"inDialog\"\n                        [isMultiSelect]=\"isMultiSelect\"\n                        [isExpand]=\"node.isExpand\"\n                        [isHetro]=\"isHetro\"\n                        [parentNode]=\"node.parentNode\"\n                        [text]=\"node.text\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [rtl]=\"rtl\"\n                        [index]=\"index\"\n                        [allColumns]=\"allColumns\"\n                        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                        [showOkCancelButtons]=\"showOkCancelButtons\"\n                        [selectedNode]=\"selectedNode\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        [contextMenuItems]=\"contextMenuItems\"\n                        [isCheckList]=\"isCheckList\"\n                        [deviceName]=\"deviceName\"\n                        [access]=\"access\"\n                        [hasDragDrop]=\"hasDragDrop\"\n                        (checkChange)=\"onCheckChange($event)\"\n                        (select)=\"onNodeSelect(node, index)\"\n                        (ulvCommandClick)=\"onNodeUlvCommand(node, index)\"\n                        (viewClick)=\"onNodeViewClick(node, index)\"\n                        (loadChildren)=\"onLoadChildren(node)\"\n                        (dragMoved)=\"onDragMoved($event)\"\n                        [relationList]=\"relationList\"\n                        (createNew)=\"createNew.emit($event)\"\n                    >\n                    </bsu-barsa-tree-item>\n                </ng-container>\n            </ng-container>\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n", styles: ["*{font-family:Lato}.cdk-drag-placeholder{display:none}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 3px 3px -2px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;background:#fff;opacity:.3}ul{padding-inline-start:0}.drop-inside{border:1px solid #00f}.drop-inside ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-before{border-top:1px solid #00f}.drop-before ::ng-deep .fd-list__item{background-color:#dce9f6!important}.drop-after{border-bottom:1px solid #00f}.drop-after ::ng-deep .fd-list__item{background-color:#dce9f6!important}.no-drop ::ng-deep li,.no-drop li .cdk-drag-handle{cursor:no-drop!important}.node-title{padding:15px;margin:5px;background:#eee;cursor:grab}.node-children{position:relative;transition:height .2s;margin-left:40px}.item-notes{margin-left:20px;color:#aaa}\n"] }]
         }], propDecorators: { root: [{
                 type: Input
             }], selectedNode: [{
@@ -4571,10 +4565,10 @@ class CardItemComponent extends BaseViewItemPropsComponent {
     }
 }
 CardItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CardItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardItemComponent, selector: "bsu-card-item", inputs: { setting: "setting" }, providers: [FormPanelService], 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                [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            [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 }}\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 }}\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                    [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 .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor"] }, { 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: i5$1.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i7$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i7$3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i7$3.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$1.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i9$1.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i9$1.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i9$1.QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle" }, { kind: "component", type: i9$1.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i9$1.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i9$1.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i9$1.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i9$1.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", "rtl", "deviceName", "deviceSize"] }, { 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.ControlUiPipe, name: "controlUi" }], 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            [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 }}\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 }}\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 .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor"] }, { 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: i5$1.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i7$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i7$3.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i7$3.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$1.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i9$1.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i9$1.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i9$1.QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle" }, { kind: "component", type: i9$1.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i9$1.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i9$1.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i9$1.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i9$1.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", "rtl", "deviceName", "deviceSize"] }, { 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.ControlUiPipe, name: "controlUi" }], 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                [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            [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 }}\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 }}\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                    [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 .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"] }]
+            args: [{ selector: 'bsu-card-item', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card\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            [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 }}\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 }}\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 .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"] }]
         }], propDecorators: { setting: [{
                 type: Input
             }] } });
@@ -4585,10 +4579,10 @@ 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            [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]=\"12\"\n        [colMd]=\"6\"\n        [colLg]=\"4\"\n        [colXl]=\"3\"\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: i3$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$5.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$5.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+CardViewContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    <fd-layout-grid *ngIf=\"moDataList && moDataList.length > 0; else noData\" class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    <ng-container\n        *ngFor=\"\n            let mo of moDataList | multipleGroupBy: groupby;\n            let index = index;\n            let last = last;\n            let first = first;\n            trackBy: _trackByRow\n        \"\n    >\n        <ng-container *ngIf=\"!mo.parent || mo.parent?.expanded\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    mo.group || mo.group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n                    context: { $implicit: mo, index: this.index }\n                \"\n            ></ng-container>\n            <ng-template #group>\n                <div\n                    class=\"group-label row-group\"\n                    [style.padding-right]=\"'calc( 1rem + ' + mo.level * 12 + 'px' + ' )'\"\n                    [attr.level]=\"mo.level\"\n                    [class.root-group]=\"mo.level === 0\"\n                    ellipsify\n                >\n                    <fd-icon\n                        [glyph]=\"mo.expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                        class=\"cell-expand\"\n                        (click)=\"onExpandClick(mo)\"\n                    ></fd-icon>\n                    <span fd-list-title>{{ mo.group }}</span>\n                </div>\n            </ng-template>\n        </ng-container>\n        <div\n            *ngIf=\"setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0\"\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [styleIndex]=\"mo.$StyleIndex\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"mo\"\n            (commandClick)=\"ulvCommand.emit({mo,index})\"\n        ></div>\n    </ng-container>\n</ng-template>\n<ng-template #noData>\n    <bsu-no-data></bsu-no-data>\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"12\"\n        [colMd]=\"6\"\n        [colLg]=\"4\"\n        [colXl]=\"3\"\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: i3$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$5.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$5.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 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            [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]=\"12\"\n        [colMd]=\"6\"\n        [colLg]=\"4\"\n        [colXl]=\"3\"\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"] }]
+            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]=\"12\"\n        [colMd]=\"6\"\n        [colLg]=\"4\"\n        [colXl]=\"3\"\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"] }]
         }] });
 
 class StringToArrayPipe {
@@ -4648,10 +4642,10 @@ 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        [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)=\"onRowCheck()\"\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                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\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                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n\n            <button\n                *ngIf=\"canView\"\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        fd-list-item\n        [interactive]=\"false\"\n        *ngIf=\"!mo.parent || mo.parent?.expanded\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [selected]=\"!setting.NonSelectable && isChecked === true\"\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        >\n            <i fd-list-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></i>\n            <i fd-list-icon *ngIf=\"inlineEditMode && isChecked\" glyph=\"edit\"></i>\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (change)=\"onRowCheck()\"\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>\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                <bsu-ulv-context-menu\n                    [menuItems]=\"contextMenuItems\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></bsu-ulv-context-menu>\n                <button\n                    *ngIf=\"canView\"\n                    fd-button\n                    (click)=\"onRowClick()\"\n                    [glyph]=\"navigationArrow\"\n                    fdType=\"transparent\"\n                ></button>\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                [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: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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.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$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6$1.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i6$1.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i6$1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated"] }, { kind: "directive", type: i6$1.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i6$1.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i6$1.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", "rtl", "deviceName", "deviceSize"] }, { 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.ControlUiPipe, name: "controlUi" }], 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        [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)=\"onRowCheck()\"\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                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\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                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n\n            <button\n                *ngIf=\"canView\"\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        fd-list-item\n        [interactive]=\"false\"\n        *ngIf=\"!mo.parent || mo.parent?.expanded\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [selected]=\"!setting.NonSelectable && isChecked === true\"\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        >\n            <i fd-list-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></i>\n            <i fd-list-icon *ngIf=\"inlineEditMode && isChecked\" glyph=\"edit\"></i>\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (change)=\"onRowCheck()\"\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>\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                <bsu-ulv-context-menu\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\"\n                    fd-button\n                    (click)=\"onRowClick()\"\n                    [glyph]=\"navigationArrow\"\n                    fdType=\"transparent\"\n                ></button>\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                [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: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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.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$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6$1.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i6$1.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i6$1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated"] }, { kind: "directive", type: i6$1.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i6$1.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i6$1.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", "rtl", "deviceName", "deviceSize"] }, { 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.ControlUiPipe, name: "controlUi" }], 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        [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)=\"onRowCheck()\"\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                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\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                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n\n            <button\n                *ngIf=\"canView\"\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        fd-list-item\n        [interactive]=\"false\"\n        *ngIf=\"!mo.parent || mo.parent?.expanded\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [selected]=\"!setting.NonSelectable && isChecked === true\"\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        >\n            <i fd-list-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></i>\n            <i fd-list-icon *ngIf=\"inlineEditMode && isChecked\" glyph=\"edit\"></i>\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (change)=\"onRowCheck()\"\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>\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                <bsu-ulv-context-menu\n                    [menuItems]=\"contextMenuItems\"\n                    [conditionalFormats]=\"conditionalFormats\"\n                    [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                    [mo]=\"mo\"\n                    (commandClick)=\"onUlvCommand()\"\n                ></bsu-ulv-context-menu>\n                <button\n                    *ngIf=\"canView\"\n                    fd-button\n                    (click)=\"onRowClick()\"\n                    [glyph]=\"navigationArrow\"\n                    fdType=\"transparent\"\n                ></button>\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                [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" }]
+            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        [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)=\"onRowCheck()\"\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                    [circle]=\"true\"\n                    [image]=\"\n                        setting.AvatarField\n                            ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                            : ''\n                    \"\n                    [size]=\"avatarSize\"\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                [menuItems]=\"contextMenuItems\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></bsu-ulv-context-menu>\n\n            <button\n                *ngIf=\"canView\"\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        fd-list-item\n        [interactive]=\"false\"\n        *ngIf=\"!mo.parent || mo.parent?.expanded\"\n        (dblclick)=\"onRowClick()\"\n        (click)=\"onRowCheck()\"\n        [selected]=\"!setting.NonSelectable && isChecked === true\"\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        >\n            <i fd-list-icon *ngIf=\"mo.$State === 'New' && !isChecked\" glyph=\"favorite\"></i>\n            <i fd-list-icon *ngIf=\"inlineEditMode && isChecked\" glyph=\"edit\"></i>\n            <fd-checkbox\n                *ngIf=\"isCheckList\"\n                [name]=\"mo.$Caption\"\n                [ngModel]=\"isChecked\"\n                (change)=\"onRowCheck()\"\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>\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                <bsu-ulv-context-menu\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\"\n                    fd-button\n                    (click)=\"onRowClick()\"\n                    [glyph]=\"navigationArrow\"\n                    fdType=\"transparent\"\n                ></button>\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                [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" }]
         }], propDecorators: { setting: [{
                 type: Input
             }], isDisplayType: [{
@@ -4874,10 +4868,10 @@ class BarsaTableRowComponent extends BaseViewItemPropsComponent {
     }
 }
 BarsaTableRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", columnComponents: "columnComponents" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.errorText\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            [attr.colspan]=\"canView ? columnsCount + 1 : columnsCount\"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                [disabled]=\"inlineEditMode\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [marginTop]=\"'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                [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    [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\n    <td fd-table-cell (click)=\"onRowCheck()\"></td>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length + 1 + (contextMenuItems.length ? 1 : 0) + (canView ? 1 : 0) + (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 fd-table-cell (click)=\"onRowCheck()\"></td>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length + 1 + (contextMenuItems.length ? 1 : 0) + (canView ? 1 : 0) + (showDetailsInRow ? 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                [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 fd-table-cell [attr.colspan]=\"columns.length + 1\">\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 fd-table-cell [attr.colspan]=\"columns.length + 4\">\n        <fd-message-strip type=\"error\" [dismissible]=\"true\">\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        [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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "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"] }, { kind: "component", type: i4$2.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$1.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: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i3$3.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: i10.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i10.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i10.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { 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" }], 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            [attr.colspan]=\"canView ? columnsCount + 1 : columnsCount\"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                [disabled]=\"inlineEditMode\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [marginTop]=\"'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    [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\n    <td fd-table-cell (click)=\"onRowCheck()\"></td>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length + 1 + (contextMenuItems.length ? 1 : 0) + (canView ? 1 : 0) + (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 fd-table-cell (click)=\"onRowCheck()\"></td>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length + 1 + (contextMenuItems.length ? 1 : 0) + (canView ? 1 : 0) + (showDetailsInRow ? 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                [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 fd-table-cell [attr.colspan]=\"columns.length + 1\">\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 fd-table-cell [attr.colspan]=\"columns.length + 4\">\n        <fd-message-strip type=\"error\" [dismissible]=\"true\">\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        [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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "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"] }, { kind: "component", type: i4$2.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$1.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: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "id"] }, { kind: "component", type: i3$3.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: i10.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i10.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "directive", type: i10.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { 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" }], 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            [attr.colspan]=\"canView ? columnsCount + 1 : columnsCount\"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                [disabled]=\"inlineEditMode\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [marginTop]=\"'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                [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    [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\n    <td fd-table-cell (click)=\"onRowCheck()\"></td>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length + 1 + (contextMenuItems.length ? 1 : 0) + (canView ? 1 : 0) + (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 fd-table-cell (click)=\"onRowCheck()\"></td>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length + 1 + (contextMenuItems.length ? 1 : 0) + (canView ? 1 : 0) + (showDetailsInRow ? 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                [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 fd-table-cell [attr.colspan]=\"columns.length + 1\">\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 fd-table-cell [attr.colspan]=\"columns.length + 4\">\n        <fd-message-strip type=\"error\" [dismissible]=\"true\">\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        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    *ngIf=\"(!mo.$Parent || parentExpanded) && visibility !== false\"\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.errorText\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n>\n    <ng-container *ngIf=\"mo.$Group || mo.$Group === ''; else renderRow\">\n        <td\n            [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n            fd-table-cell\n            [attr.colspan]=\"canView ? columnsCount + 1 : columnsCount\"\n            class=\"row-group\"\n            [class.mobile-mode]=\"secondaryColumns?.length\"\n            [attr.level]=\"level\"\n            [class.root-group]=\"level === 0\"\n        >\n            <button\n                fd-button\n                [fdType]=\"'transparent'\"\n                [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                [disabled]=\"inlineEditMode\"\n                (click)=\"onExpandClick()\"\n            ></button>\n            {{ mo.$Group }}\n        </td>\n    </ng-container>\n    <ng-template #renderRow>\n        <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n        <td fd-table-cell *ngIf=\"isCheckList\">\n            <div\n                *ngIf=\"workflowState?.state === 'Pending'\"\n                style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\"\n            >\n                <bsu-mask [marginTop]=\"'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    [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\n    <td fd-table-cell (click)=\"onRowCheck()\"></td>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length + 1 + (contextMenuItems.length ? 1 : 0) + (canView ? 1 : 0) + (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 fd-table-cell (click)=\"onRowCheck()\"></td>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length + 1 + (contextMenuItems.length ? 1 : 0) + (canView ? 1 : 0) + (showDetailsInRow ? 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                [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 fd-table-cell [attr.colspan]=\"columns.length + 1\">\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 fd-table-cell [attr.colspan]=\"columns.length + 4\">\n        <fd-message-strip type=\"error\" [dismissible]=\"true\">\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        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    <bsu-barsa-column-indicator\n        [hideBorderBottom]=\"!detailsCollapsed\"\n        *ngIf=\"rowIndicator\"\n        [backColor]=\"rowIndicatorColor\"\n    >\n    </bsu-barsa-column-indicator>\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}\n"] }]
         }], propDecorators: { showDetailsInRow: [{
                 type: Input
             }], detailsComponent: [{
@@ -5496,7 +5490,7 @@ class ReportNavigatorComponent extends BaseComponent {
         };
     }
 }
-ReportNavigatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportNavigatorComponent, deps: [{ token: i3$6.ActivatedRoute }, { token: i2.PortalService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ReportNavigatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportNavigatorComponent, deps: [{ token: i2$4.ActivatedRoute }, { token: i2.PortalService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 ReportNavigatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ReportNavigatorComponent, selector: "bsu-report-navigator", viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container>
         <bsu-mask *ngIf="(loading$ | async) === true"></bsu-mask> `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ReportNavigatorComponent, decorators: [{
@@ -5507,7 +5501,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
         <bsu-mask *ngIf="(loading$ | async) === true"></bsu-mask> `,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: function () { return [{ type: i3$6.ActivatedRoute }, { type: i2.PortalService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { containerRef: [{
+        }], ctorParameters: function () { return [{ type: i2$4.ActivatedRoute }, { type: i2.PortalService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { containerRef: [{
                 type: ViewChild,
                 args: ['containerRef', { static: true, read: ViewContainerRef }]
             }] } });
@@ -5587,12 +5581,12 @@ class BreadcrumbComponent extends BaseComponent {
         }
     }
 }
-BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i3$6.Router }], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i2$4.Router }], target: i0.ɵɵFactoryTarget.Component });
 BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: { breadCrumb: "breadCrumb", allBreadCrumb: "allBreadCrumb", isLast: "isLast", index: "index" }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isLast\" fd-breadcrumb-link (click)=\"onBreadcrumb()\">{{ breadCrumb.label | bbbTranslate }}</a>\r\n<span *ngIf=\"isLast\">{{ breadCrumb.label | bbbTranslate }}</span>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$1.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a *ngIf=\"!isLast\" fd-breadcrumb-link (click)=\"onBreadcrumb()\">{{ breadCrumb.label | bbbTranslate }}</a>\r\n<span *ngIf=\"isLast\">{{ breadCrumb.label | bbbTranslate }}</span>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i3$6.Router }]; }, propDecorators: { breadCrumb: [{
+        }], ctorParameters: function () { return [{ type: i2$4.Router }]; }, propDecorators: { breadCrumb: [{
                 type: Input
             }], allBreadCrumb: [{
                 type: Input
@@ -5983,12 +5977,12 @@ class UiUlvMainUiComponent extends BaseComponent {
         });
     }
 }
-UiUlvMainUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiUlvMainUiComponent, deps: [{ token: i1$1.DialogService }, { token: i2.UlvMainService }, { token: i0.ElementRef }, { token: i3$6.Router }, { token: i2.PortalService }, { token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService }, { token: i2.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
+UiUlvMainUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiUlvMainUiComponent, deps: [{ token: i1$1.DialogService }, { token: i2.UlvMainService }, { token: i0.ElementRef }, { token: i2$4.Router }, { token: i2.PortalService }, { token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService }, { token: i2.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
 UiUlvMainUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: { context: "context", isReportPage: "isReportPage", inDialog: "inDialog", isMultiSelect: "isMultiSelect", layoutInfo: "layoutInfo", fullscreen: "fullscreen" }, host: { properties: { "class.control-readonly": "this.readonly", "class.control-disabled": "this.disable", "class.margin-ulv": "this.marginUlv" } }, providers: [UlvMainService], viewQueries: [{ propertyName: "searchPanelComponent", first: true, predicate: SearchPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<bsu-barsa-ulv-main\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\n    [isReportPage]=\"isReportPage\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [title]=\"title\"\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\n    [context]=\"context\"\n    [contentDensity]=\"contentDensity$ | async\"\n    (close)=\"onClose()\"\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\n    (openManageFilters)=\"onOpenManageFilters()\"\n    (collapsedChange)=\"onCollapsedChange($event)\"\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\n    (filterSave)=\"onFilterSave()\"\n    (filterSaveAs)=\"onFilterSaveAs()\"\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\n    (manageFilters)=\"onManageFilters()\"\n    (clearSearch)=\"onClearSearch()\"\n    (search)=\"onSearch()\"\n    (pageChange)=\"onPageChange($event)\"\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\n>\n</bsu-barsa-ulv-main>\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column;cursor:default}:host ::ng-deep bsu-barsa-ulv-main[isReportPage=true] bsu-barsa-asp-viewer{height:100vh!important}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"], dependencies: [{ kind: "component", type: BarsaUlvMainComponent, selector: "bsu-barsa-ulv-main", inputs: ["viewerControl", "loading", "viewerLoading", "isReportPage", "deviceSize", "title", "searchPanelUi", "breadCrumbs", "allSearchPanelSettings", "isAnonymous", "rtl", "selectedSearchPanelSettings", "searchPanelMoChanged", "selectedSearchPanelSettingsId", "hideSearchPanel", "pagingSetting", "contentDensity", "context"], outputs: ["close", "searchPanelMoChange", "openManageFilters", "collapsedChange", "hideSearchPanelClick", "filterSave", "filterSaveAs", "pageChange", "showFilterFieldsSetting", "manageFilters", "clearSearch", "search", "selectSearchPanelSettings"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiUlvMainUiComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-ulv-main-ui', providers: [UlvMainService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bsu-barsa-ulv-main\n    [attr.isReportPage]=\"isReportPage\"\n    [viewerControl]=\"viewer$ | async\"\n    [loading]=\"(mask$ | async) === true\"\n    [viewerLoading]=\"(viwerMask$ | async) === true\"\n    [isReportPage]=\"isReportPage\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [title]=\"title\"\n    [searchPanelUi]=\"(searchPanelUi$ | async)!!\"\n    [breadCrumbs]=\"(breadCrumbs$ | async)!!\"\n    [allSearchPanelSettings]=\"(allSearchPanelSettings$ | async)!!\"\n    [isAnonymous]=\"(isAnonymous$ | async)!!\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [selectedSearchPanelSettings]=\"(selectedSearchPanelSettings$ | async)!!\"\n    [searchPanelMoChanged]=\"(searchPanelMoChanged$ | async)!!\"\n    [selectedSearchPanelSettingsId]=\"(selectedSearchPanelSettingsId$ | async)!!\"\n    [hideSearchPanel]=\"(hideSearchPanel$ | async)!!\"\n    [pagingSetting]=\"(pagingSetting$ | async)!!\"\n    [context]=\"context\"\n    [contentDensity]=\"contentDensity$ | async\"\n    (close)=\"onClose()\"\n    (searchPanelMoChange)=\"onSearchPanelMoChanged()\"\n    (openManageFilters)=\"onOpenManageFilters()\"\n    (collapsedChange)=\"onCollapsedChange($event)\"\n    (hideSearchPanelClick)=\"onHideSearchPanelClick()\"\n    (filterSave)=\"onFilterSave()\"\n    (filterSaveAs)=\"onFilterSaveAs()\"\n    (showFilterFieldsSetting)=\"onShowFilterFieldsSetting()\"\n    (manageFilters)=\"onManageFilters()\"\n    (clearSearch)=\"onClearSearch()\"\n    (search)=\"onSearch()\"\n    (pageChange)=\"onPageChange($event)\"\n    (selectSearchPanelSettings)=\"onSelectSearchPanelSettings($event)\"\n>\n</bsu-barsa-ulv-main>\n", styles: [":host{width:100%;height:100%;display:flex;flex-direction:column;cursor:default}:host ::ng-deep bsu-barsa-ulv-main[isReportPage=true] bsu-barsa-asp-viewer{height:100vh!important}.margin-ulv{margin-bottom:.25rem;margin-top:.1875rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: i2.UlvMainService }, { type: i0.ElementRef }, { type: i3$6.Router }, { type: i2.PortalService }, { type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService }, { type: i2.BreadcrumbService }]; }, propDecorators: { context: [{
+        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: i2.UlvMainService }, { type: i0.ElementRef }, { type: i2$4.Router }, { type: i2.PortalService }, { type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService }, { type: i2.BreadcrumbService }]; }, propDecorators: { context: [{
                 type: Input
             }], isReportPage: [{
                 type: Input
@@ -6120,8 +6114,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }] } });
 
 class BarsaMonacoEditorComponent extends BaseComponent {
-    constructor() {
-        super(...arguments);
+    /**
+     *
+     */
+    constructor(_el) {
+        super();
+        this._el = _el;
         this.textAlign = 'left';
         this.valueChange = new EventEmitter();
     }
@@ -6139,21 +6137,23 @@ class BarsaMonacoEditorComponent extends BaseComponent {
     }
     _initEditor() {
         this.loading = true;
-        head.load(['lib/monaco-editor/min/vs/loader.js'], () => {
+        /* eslint-disable */
+        var me = this;
+        head.load(['Lib/monaco-editor/min/vs/loader.js'], () => {
             // require.config({ paths: { 'vs': '' } });
-            const func = `
-        require.config({ paths: { 'vs': 'lib/monaco-editor/min/vs' } });
-        require(['vs/editor/editor.main'], function () {
-          me.loading=false;
-            me._editor = monaco.editor.create(me.el.nativeElement, {
-                value: me.value,
-                language: 'csharp',
-                theme: "vs-light"
-                //theme: "vs-dark"
-            });
-            me._editor.onDidChangeModelContent(function (e) {
-                me.valueChange.emit(me._editor.getValue());
-            });
+            const func = `
+        require.config({ paths: { 'vs': 'Lib/monaco-editor/min/vs' } });
+        require(['vs/editor/editor.main'], function () {        
+          me.loading=false;
+            me._editor = monaco.editor.create(me._el.nativeElement, {
+                value: me.value,
+                language: 'csharp',
+                theme: "vs-light"
+                //theme: "vs-dark"
+            });
+            me._editor.onDidChangeModelContent(function (e) {
+                me.valueChange.emit(me._editor.getValue());
+            });
         });`;
             /* eslint-disable */
             eval(func);
@@ -6179,12 +6179,12 @@ class BarsaMonacoEditorComponent extends BaseComponent {
         }
     }
 }
-BarsaMonacoEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaMonacoEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BarsaMonacoEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaMonacoEditorComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 BarsaMonacoEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaMonacoEditorComponent, selector: "bsu-barsa-monaco-editor", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, host: { properties: { "style.text-align": "this.textAlign" } }, usesInheritance: true, ngImport: i0, template: "", styles: [":host{display:block;min-height:200px;direction:ltr;overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaMonacoEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-barsa-monaco-editor', changeDetection: ChangeDetectionStrategy.OnPush, template: "", styles: [":host{display:block;min-height:200px;direction:ltr;overflow:hidden}\n"] }]
-        }], propDecorators: { value: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { value: [{
                 type: Input
             }], textAlign: [{
                 type: HostBinding,
@@ -6605,6 +6605,13 @@ class UiPdfViewerComponent extends DeviceInfoFieldBaseComponent {
             : getValidExtension(this.Setting.ValidExtensions);
         this.singleControl = this.Setting.ViewType === 'SingleFileControl';
     }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        const { formHeight } = changes;
+        if (formHeight && !formHeight.firstChange) {
+            this._cdr.detectChanges();
+        }
+    }
     onEdit() {
         this._commandClickHandler('Edit');
     }
@@ -6715,7 +6722,7 @@ class UiPdfViewerComponent extends DeviceInfoFieldBaseComponent {
             }
             return;
         }
-        this.fallbackLink = `امکان نمایش فایل در این مرورگر وجود ندارد.
+        this.fallbackLink = `امکان نمایش فایل در این مرورگر وجود ندارد.
          برای باز کردن فایل از لینک زیر استفاده کنید:  </br> <a href='${BarsaApi.Common.File.CreateAttachmentUrl(fileId, false, true)}'>دانلود فایل بصورت pdf</a>  </br>  <a href='${BarsaApi.Common.File.CreateAttachmentUrl(fileId, false, false)}'>دانلود فایل بصورت بصورت اصلی</a>`;
         if (!BarsaApi.Ext.isIE) {
             // const options = {
@@ -6777,10 +6784,10 @@ class UiPdfViewerComponent extends DeviceInfoFieldBaseComponent {
     }
 }
 UiPdfViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPdfViewerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiPdfViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiPdfViewerComponent, selector: "bsu-ui-pdf-viewer", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\r\n    <fd-toolbar [transparent]=\"true\" [shouldOverflow]=\"true\">\r\n        <fd-file-uploader\r\n            #uploader\r\n            [style.display]=\"'none'\"\r\n            fd-toolbar-item\r\n            [id]=\"id\"\r\n            [name]=\"'pdf_' + id\"\r\n            [placeholder]=\"'AttachFile' | bbbTranslate\"\r\n            [buttonLabel]=\"'AttachFile' | bbbTranslate\"\r\n            [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\r\n            [accept]=\"validExtension\"\r\n            [(ngModel)]=\"files\"\r\n            [multiple]=\"false\"\r\n            (selectedFilesChanged)=\"onFileSelection($event)\"\r\n            [contentDensity]=\"(contentDensity$ | async)!!\"\r\n        ></fd-file-uploader>\r\n        <button\r\n            fd-button\r\n            fd-toolbar-item\r\n            glyph=\"attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [disabled]=\"!canUpload\"\r\n            (click)=\"uploader.open()\"\r\n        ></button>\r\n        <button\r\n            [disabled]=\"!(canDelete && value)\"\r\n            fd-button\r\n            fd-toolbar-item\r\n            class=\"delete\"\r\n            glyph=\"delete\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onDelete()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"canEdit\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"edit\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onEdit()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"canDownload\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"download\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onDownload()\"\r\n        ></button>\r\n\r\n        <button\r\n            *ngIf=\"useWordEditor\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"doc-attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"'EditInWord' | bbbTranslate\"\r\n            (click)=\"onEditInWord()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"officeOnline\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"doc-attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"'OfficeOnline' | bbbTranslate\"\r\n            (click)=\"onOfficeOnline($event)\"\r\n        ></button>\r\n        <button fd-toolbar-item fd-button glyph=\"refresh\" [fdType]=\"'transparent'\" (click)=\"onRefresh()\"></button>\r\n\r\n        <fd-busy-indicator\r\n            fd-toolbar-item\r\n            [loading]=\"(uploadingState$ | async)?.uploading === true\"\r\n        ></fd-busy-indicator>\r\n    </fd-toolbar>\r\n    <object\r\n        *ngIf=\"hasPdf; else HatchBackground\"\r\n        style=\"flex-grow: 1\"\r\n        [attr.data]=\"valueUrl\"\r\n        type=\"application/pdf\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        [attr.html]=\"fallbackLink\"\r\n    ></object>\r\n    <ng-template #HatchBackground>\r\n        <ng-container *ngIf=\"singleControl && value && !value.IsDeleted; else noFile\">\r\n            <div style=\"display: flex\">\r\n                <img *ngIf=\"singleFileThumbnailUrl\" [src]=\"singleFileThumbnailUrl\" />\r\n                <fd-object-identifier>\r\n                    {{ value.FileName }}\r\n                </fd-object-identifier>\r\n            </div>\r\n        </ng-container>\r\n        <ng-template #noFile>\r\n            <div class=\"hatchBackground\"></div>\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;min-height:calc(100vh - 250px)}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}:host ::ng-deep .fd-file-uploader input{display:none}.single-control{height:50px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "component", type: i4$2.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$4.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i7$8.ObjectIdentifierComponent, selector: "fd-object-identifier", inputs: ["description", "bold", "medium"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiPdfViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiPdfViewerComponent, selector: "bsu-ui-pdf-viewer", providers: [UploadService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\n    <fd-toolbar [transparent]=\"true\" [shouldOverflow]=\"true\">\n        <fd-file-uploader\n            #uploader\n            [style.display]=\"'none'\"\n            fd-toolbar-item\n            [id]=\"id\"\n            [name]=\"'pdf_' + id\"\n            [placeholder]=\"'AttachFile' | bbbTranslate\"\n            [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n            [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n            [accept]=\"validExtension\"\n            [(ngModel)]=\"files\"\n            [multiple]=\"false\"\n            (selectedFilesChanged)=\"onFileSelection($event)\"\n            [contentDensity]=\"(contentDensity$ | async)!!\"\n        ></fd-file-uploader>\n        <button\n            fd-button\n            fd-toolbar-item\n            glyph=\"attachment\"\n            [fdType]=\"'transparent'\"\n            [disabled]=\"!canUpload\"\n            (click)=\"uploader.open()\"\n        ></button>\n        <button\n            [disabled]=\"!(canDelete && value)\"\n            fd-button\n            fd-toolbar-item\n            class=\"delete\"\n            glyph=\"delete\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onDelete()\"\n        ></button>\n        <button\n            *ngIf=\"canEdit\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"edit\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onEdit()\"\n        ></button>\n        <button\n            *ngIf=\"canDownload\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"download\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onDownload()\"\n        ></button>\n\n        <button\n            *ngIf=\"useWordEditor\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"doc-attachment\"\n            [fdType]=\"'transparent'\"\n            [label]=\"'EditInWord' | bbbTranslate\"\n            (click)=\"onEditInWord()\"\n        ></button>\n        <button\n            *ngIf=\"officeOnline\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"doc-attachment\"\n            [fdType]=\"'transparent'\"\n            [label]=\"'OfficeOnline' | bbbTranslate\"\n            (click)=\"onOfficeOnline($event)\"\n        ></button>\n        <button fd-toolbar-item fd-button glyph=\"refresh\" [fdType]=\"'transparent'\" (click)=\"onRefresh()\"></button>\n\n        <fd-busy-indicator\n            fd-toolbar-item\n            [loading]=\"(uploadingState$ | async)?.uploading === true\"\n        ></fd-busy-indicator>\n    </fd-toolbar>\n    <object\n        *ngIf=\"hasPdf; else HatchBackground\"\n        style=\"flex-grow: 1\"\n        [attr.data]=\"valueUrl\"\n        type=\"application/pdf\"\n        width=\"100%\"\n        [style.height]=\"formHeight - 30 > 0 ? formHeight - 30 + 'px' : '100vh'\"\n        [attr.html]=\"fallbackLink\"\n    ></object>\n    <ng-template #HatchBackground>\n        <ng-container *ngIf=\"singleControl && value && !value.IsDeleted; else noFile\">\n            <div style=\"display: flex\">\n                <img *ngIf=\"singleFileThumbnailUrl\" [src]=\"singleFileThumbnailUrl\" />\n                <fd-object-identifier>\n                    {{ value.FileName }}\n                </fd-object-identifier>\n            </div>\n        </ng-container>\n        <ng-template #noFile>\n            <div class=\"hatchBackground\"></div>\n        </ng-template>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;min-height:70vh}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}:host ::ng-deep .fd-file-uploader input{display:none}.single-control{height:50px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "component", type: i4$2.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$4.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i7$8.ObjectIdentifierComponent, selector: "fd-object-identifier", inputs: ["description", "bold", "medium"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiPdfViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-pdf-viewer', providers: [UploadService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *untilInView=\"el\">\r\n    <fd-toolbar [transparent]=\"true\" [shouldOverflow]=\"true\">\r\n        <fd-file-uploader\r\n            #uploader\r\n            [style.display]=\"'none'\"\r\n            fd-toolbar-item\r\n            [id]=\"id\"\r\n            [name]=\"'pdf_' + id\"\r\n            [placeholder]=\"'AttachFile' | bbbTranslate\"\r\n            [buttonLabel]=\"'AttachFile' | bbbTranslate\"\r\n            [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\r\n            [accept]=\"validExtension\"\r\n            [(ngModel)]=\"files\"\r\n            [multiple]=\"false\"\r\n            (selectedFilesChanged)=\"onFileSelection($event)\"\r\n            [contentDensity]=\"(contentDensity$ | async)!!\"\r\n        ></fd-file-uploader>\r\n        <button\r\n            fd-button\r\n            fd-toolbar-item\r\n            glyph=\"attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [disabled]=\"!canUpload\"\r\n            (click)=\"uploader.open()\"\r\n        ></button>\r\n        <button\r\n            [disabled]=\"!(canDelete && value)\"\r\n            fd-button\r\n            fd-toolbar-item\r\n            class=\"delete\"\r\n            glyph=\"delete\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onDelete()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"canEdit\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"edit\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onEdit()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"canDownload\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"download\"\r\n            [fdType]=\"'transparent'\"\r\n            (click)=\"onDownload()\"\r\n        ></button>\r\n\r\n        <button\r\n            *ngIf=\"useWordEditor\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"doc-attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"'EditInWord' | bbbTranslate\"\r\n            (click)=\"onEditInWord()\"\r\n        ></button>\r\n        <button\r\n            *ngIf=\"officeOnline\"\r\n            fd-toolbar-item\r\n            fd-button\r\n            glyph=\"doc-attachment\"\r\n            [fdType]=\"'transparent'\"\r\n            [label]=\"'OfficeOnline' | bbbTranslate\"\r\n            (click)=\"onOfficeOnline($event)\"\r\n        ></button>\r\n        <button fd-toolbar-item fd-button glyph=\"refresh\" [fdType]=\"'transparent'\" (click)=\"onRefresh()\"></button>\r\n\r\n        <fd-busy-indicator\r\n            fd-toolbar-item\r\n            [loading]=\"(uploadingState$ | async)?.uploading === true\"\r\n        ></fd-busy-indicator>\r\n    </fd-toolbar>\r\n    <object\r\n        *ngIf=\"hasPdf; else HatchBackground\"\r\n        style=\"flex-grow: 1\"\r\n        [attr.data]=\"valueUrl\"\r\n        type=\"application/pdf\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        [attr.html]=\"fallbackLink\"\r\n    ></object>\r\n    <ng-template #HatchBackground>\r\n        <ng-container *ngIf=\"singleControl && value && !value.IsDeleted; else noFile\">\r\n            <div style=\"display: flex\">\r\n                <img *ngIf=\"singleFileThumbnailUrl\" [src]=\"singleFileThumbnailUrl\" />\r\n                <fd-object-identifier>\r\n                    {{ value.FileName }}\r\n                </fd-object-identifier>\r\n            </div>\r\n        </ng-container>\r\n        <ng-template #noFile>\r\n            <div class=\"hatchBackground\"></div>\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;min-height:calc(100vh - 250px)}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}:host ::ng-deep .fd-file-uploader input{display:none}.single-control{height:50px}\n"] }]
+            args: [{ selector: 'bsu-ui-pdf-viewer', providers: [UploadService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *untilInView=\"el\">\n    <fd-toolbar [transparent]=\"true\" [shouldOverflow]=\"true\">\n        <fd-file-uploader\n            #uploader\n            [style.display]=\"'none'\"\n            fd-toolbar-item\n            [id]=\"id\"\n            [name]=\"'pdf_' + id\"\n            [placeholder]=\"'AttachFile' | bbbTranslate\"\n            [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n            [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n            [accept]=\"validExtension\"\n            [(ngModel)]=\"files\"\n            [multiple]=\"false\"\n            (selectedFilesChanged)=\"onFileSelection($event)\"\n            [contentDensity]=\"(contentDensity$ | async)!!\"\n        ></fd-file-uploader>\n        <button\n            fd-button\n            fd-toolbar-item\n            glyph=\"attachment\"\n            [fdType]=\"'transparent'\"\n            [disabled]=\"!canUpload\"\n            (click)=\"uploader.open()\"\n        ></button>\n        <button\n            [disabled]=\"!(canDelete && value)\"\n            fd-button\n            fd-toolbar-item\n            class=\"delete\"\n            glyph=\"delete\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onDelete()\"\n        ></button>\n        <button\n            *ngIf=\"canEdit\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"edit\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onEdit()\"\n        ></button>\n        <button\n            *ngIf=\"canDownload\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"download\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onDownload()\"\n        ></button>\n\n        <button\n            *ngIf=\"useWordEditor\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"doc-attachment\"\n            [fdType]=\"'transparent'\"\n            [label]=\"'EditInWord' | bbbTranslate\"\n            (click)=\"onEditInWord()\"\n        ></button>\n        <button\n            *ngIf=\"officeOnline\"\n            fd-toolbar-item\n            fd-button\n            glyph=\"doc-attachment\"\n            [fdType]=\"'transparent'\"\n            [label]=\"'OfficeOnline' | bbbTranslate\"\n            (click)=\"onOfficeOnline($event)\"\n        ></button>\n        <button fd-toolbar-item fd-button glyph=\"refresh\" [fdType]=\"'transparent'\" (click)=\"onRefresh()\"></button>\n\n        <fd-busy-indicator\n            fd-toolbar-item\n            [loading]=\"(uploadingState$ | async)?.uploading === true\"\n        ></fd-busy-indicator>\n    </fd-toolbar>\n    <object\n        *ngIf=\"hasPdf; else HatchBackground\"\n        style=\"flex-grow: 1\"\n        [attr.data]=\"valueUrl\"\n        type=\"application/pdf\"\n        width=\"100%\"\n        [style.height]=\"formHeight - 30 > 0 ? formHeight - 30 + 'px' : '100vh'\"\n        [attr.html]=\"fallbackLink\"\n    ></object>\n    <ng-template #HatchBackground>\n        <ng-container *ngIf=\"singleControl && value && !value.IsDeleted; else noFile\">\n            <div style=\"display: flex\">\n                <img *ngIf=\"singleFileThumbnailUrl\" [src]=\"singleFileThumbnailUrl\" />\n                <fd-object-identifier>\n                    {{ value.FileName }}\n                </fd-object-identifier>\n            </div>\n        </ng-container>\n        <ng-template #noFile>\n            <div class=\"hatchBackground\"></div>\n        </ng-template>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;min-height:70vh}:host ::ng-deep .delete button{border-color:transparent!important;background-color:transparent!important}:host ::ng-deep .fd-file-uploader input{display:none}.single-control{height:50px}\n"] }]
         }] });
 
 class UploadFileStatusPipe {
@@ -7790,7 +7797,7 @@ class HyperlinkComponent extends FieldBaseComponent {
     }
 }
 HyperlinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: HyperlinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-HyperlinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: HyperlinkComponent, selector: "bsu-hyperlink", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"parameters?.routerLink; else button\">\r\n    <a\r\n        [routerLink]=\"['./']\"\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-container>\r\n<ng-template #button>\r\n    <a\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        (click)=\"onClick()\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n        [href]=\"parameters.Link\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-template>\r\n", styles: [":host{cursor:pointer;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5$1.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "directive", type: i3$6.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.RemoveNewlinePipe, name: "removeNewline" }, { kind: "pipe", type: i2.ConvertToStylePipe, name: "convertToStyle" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+HyperlinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: HyperlinkComponent, selector: "bsu-hyperlink", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"parameters?.routerLink; else button\">\r\n    <a\r\n        [routerLink]=\"['./']\"\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-container>\r\n<ng-template #button>\r\n    <a\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        (click)=\"onClick()\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n        [href]=\"parameters.Link\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-template>\r\n", styles: [":host{cursor:pointer;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5$1.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "directive", type: i2$4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i2.RemoveNewlinePipe, name: "removeNewline" }, { kind: "pipe", type: i2.ConvertToStylePipe, name: "convertToStyle" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: HyperlinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-hyperlink', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"parameters?.routerLink; else button\">\r\n    <a\r\n        [routerLink]=\"['./']\"\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-container>\r\n<ng-template #button>\r\n    <a\r\n        fd-link\r\n        [emphasized]=\"parameters?.Emphasized\"\r\n        (click)=\"onClick()\"\r\n        [ngStyle]=\"parameters?.Style | removeNewline | convertToStyle\"\r\n        [href]=\"parameters.Link\"\r\n    >\r\n        {{\r\n            layoutInfo.UseLayoutItemTextForControl\r\n                ? layoutInfo.Caption\r\n                : context?.Setting?.ControlFieldCaptionTranslated\r\n        }}\r\n    </a>\r\n</ng-template>\r\n", styles: [":host{cursor:pointer;display:flex;flex-direction:column}\n"] }]
@@ -7843,10 +7850,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }] } });
 
 class GlobalSearchPanelComponent extends FormBaseComponent {
-    constructor(_formPanelService) {
-        super(_formPanelService);
-        this._formPanelService = _formPanelService;
-    }
     ngOnInit() {
         super.ngOnInit();
         this.view$.pipe(takeUntil(this._onDestroy$)).subscribe((view) => {
@@ -7859,12 +7862,12 @@ class GlobalSearchPanelComponent extends FormBaseComponent {
         });
     }
 }
-GlobalSearchPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GlobalSearchPanelComponent, deps: [{ token: i2.FormPanelService }], target: i0.ɵɵFactoryTarget.Component });
+GlobalSearchPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GlobalSearchPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
 GlobalSearchPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: GlobalSearchPanelComponent, selector: "bsu-global-search-panel", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<div [rootLayout]=\"layout94$ | async\" [component]=\"parameters?.LayoutComponent\" [context]=\"context\"></div>\r\n", styles: [":host{border-bottom:none;display:block;background-color:#e4e4e47d}\n"], dependencies: [{ kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GlobalSearchPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-global-search-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<div [rootLayout]=\"layout94$ | async\" [component]=\"parameters?.LayoutComponent\" [context]=\"context\"></div>\r\n", styles: [":host{border-bottom:none;display:block;background-color:#e4e4e47d}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.FormPanelService }]; } });
+        }] });
 
 class LySimpleLabelComponent extends LayoutItemBaseComponent {
     ngOnInit() {
@@ -7938,7 +7941,7 @@ class UiTextFieldAutoCompleteComponent extends FieldBaseComponent {
     }
 }
 UiTextFieldAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTextFieldAutoCompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiTextFieldAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTextFieldAutoCompleteComponent, selector: "bsu-ui-text-field-auto-complete", usesInheritance: true, ngImport: i0, template: "<fd-combobox\r\n    [inputId]=\"id\"\r\n    [placeholder]=\"Setting?.NullText || ''\"\r\n    [readonly]=\"(readonly$ | async) === true\"\r\n    [disabled]=\"(disable$ | async) === true\"\r\n    [maxlength]=\"Setting?.MaxLength !== undefined ? Setting?.MaxLength : null\"\r\n    [style.direction]=\"Setting?.IsLtr === true ? 'ltr' : 'rtl'\"\r\n    [showDropdownButton]=\"false\"\r\n    [dropdownValues]=\"(suggestionList$ | async) || []\"\r\n    [ngModel]=\"value\"\r\n    (inputTextChange)=\"onValueChange($event)\"\r\n>\r\n</fd-combobox>\r\n", styles: [":host{display:block;height:100%}fd-combobox{width:100%}fd-combobox ::ng-deep fd-popover{width:100%}fd-combobox ::ng-deep .fd-input-group--control{margin:.1875rem 0!important;margin-bottom:.25rem rem!important}fd-combobox ::ng-deep .fd-input-group--control input{padding-right:.625rem!important;padding-left:.625rem!important}\n"], dependencies: [{ kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$4.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiTextFieldAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTextFieldAutoCompleteComponent, selector: "bsu-ui-text-field-auto-complete", usesInheritance: true, ngImport: i0, template: "<fd-combobox\r\n    [inputId]=\"id\"\r\n    [placeholder]=\"Setting?.NullText || ''\"\r\n    [readonly]=\"(readonly$ | async) === true\"\r\n    [disabled]=\"(disable$ | async) === true\"\r\n    [maxlength]=\"Setting?.MaxLength !== undefined ? Setting?.MaxLength : null\"\r\n    [style.direction]=\"Setting?.IsLtr === true ? 'ltr' : 'rtl'\"\r\n    [showDropdownButton]=\"false\"\r\n    [dropdownValues]=\"(suggestionList$ | async) || []\"\r\n    [ngModel]=\"value\"\r\n    (inputTextChange)=\"onValueChange($event)\"\r\n>\r\n</fd-combobox>\r\n", styles: [":host{display:block;height:100%}fd-combobox{width:100%}fd-combobox ::ng-deep fd-popover{width:100%}fd-combobox ::ng-deep .fd-input-group--control{margin:.1875rem 0!important;margin-bottom:.25rem rem!important}fd-combobox ::ng-deep .fd-input-group--control input{padding-right:.625rem!important;padding-left:.625rem!important}\n"], dependencies: [{ kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$5.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTextFieldAutoCompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-text-field-auto-complete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-combobox\r\n    [inputId]=\"id\"\r\n    [placeholder]=\"Setting?.NullText || ''\"\r\n    [readonly]=\"(readonly$ | async) === true\"\r\n    [disabled]=\"(disable$ | async) === true\"\r\n    [maxlength]=\"Setting?.MaxLength !== undefined ? Setting?.MaxLength : null\"\r\n    [style.direction]=\"Setting?.IsLtr === true ? 'ltr' : 'rtl'\"\r\n    [showDropdownButton]=\"false\"\r\n    [dropdownValues]=\"(suggestionList$ | async) || []\"\r\n    [ngModel]=\"value\"\r\n    (inputTextChange)=\"onValueChange($event)\"\r\n>\r\n</fd-combobox>\r\n", styles: [":host{display:block;height:100%}fd-combobox{width:100%}fd-combobox ::ng-deep fd-popover{width:100%}fd-combobox ::ng-deep .fd-input-group--control{margin:.1875rem 0!important;margin-bottom:.25rem rem!important}fd-combobox ::ng-deep .fd-input-group--control input{padding-right:.625rem!important;padding-left:.625rem!important}\n"] }]
@@ -8799,12 +8802,12 @@ class FormDialogLessComponent extends ContainerComponent {
     }
     onFormClose() { }
 }
-FormDialogLessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormDialogLessComponent, deps: [{ token: i2.DialogParams }, { token: i0.ElementRef }, { token: i3$6.ActivatedRoute }, { token: i2.PortalService }, { token: i0.ViewContainerRef }, { token: i2.BarsaDialogService }, { token: i0.Injector }, { token: i3$6.Router }, { token: i0.ChangeDetectorRef }, { token: i2.ContainerService, optional: true, self: true }, { token: FORM_DIALOG_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+FormDialogLessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormDialogLessComponent, deps: [{ token: i2.DialogParams }, { token: i0.ElementRef }, { token: i2$4.ActivatedRoute }, { token: i2.PortalService }, { token: i0.ViewContainerRef }, { token: i2.BarsaDialogService }, { token: i0.Injector }, { token: i2$4.Router }, { token: i0.ChangeDetectorRef }, { token: i2.ContainerService, optional: true, self: true }, { token: FORM_DIALOG_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 FormDialogLessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormDialogLessComponent, selector: "bsu-form-dialog-less", providers: [ContainerService], usesInheritance: true, ngImport: i0, template: "<bnrc-form *ngIf=\"rendered\" [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "formPanelCtrlId"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormDialogLessComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-form-dialog-less', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ContainerService], template: "<bnrc-form *ngIf=\"rendered\" [formPanelCtrl]=\"formPanelCtrlr\" [params]=\"params\" (formClose)=\"onFormClose()\"></bnrc-form>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i2.DialogParams }, { type: i0.ElementRef }, { type: i3$6.ActivatedRoute }, { type: i2.PortalService }, { type: i0.ViewContainerRef }, { type: i2.BarsaDialogService }, { type: i0.Injector }, { type: i3$6.Router }, { type: i0.ChangeDetectorRef }, { type: i2.ContainerService, decorators: [{
+        }], ctorParameters: function () { return [{ type: i2.DialogParams }, { type: i0.ElementRef }, { type: i2$4.ActivatedRoute }, { type: i2.PortalService }, { type: i0.ViewContainerRef }, { type: i2.BarsaDialogService }, { type: i0.Injector }, { type: i2$4.Router }, { type: i0.ChangeDetectorRef }, { type: i2.ContainerService, decorators: [{
                     type: Self
                 }, {
                     type: Optional
@@ -8816,15 +8819,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 }] }]; } });
 
 class UiFormPanelComponent extends FormBaseComponent {
-    constructor(_breadcrumbService, _contentDensityService, _portalService, _activatedRoute, _router, _formPanelService // private layoutService: LayoutService
-    ) {
-        super(_formPanelService);
+    constructor(_breadcrumbService, _portalService, _router, _el, _controlUiPipe, _formPanelService, _activatedRoute, _cdr, _contentDensityService) {
+        super(_breadcrumbService, _portalService, _router, _el, _controlUiPipe, _formPanelService, _activatedRoute, _cdr);
         this._breadcrumbService = _breadcrumbService;
-        this._contentDensityService = _contentDensityService;
         this._portalService = _portalService;
-        this._activatedRoute = _activatedRoute;
         this._router = _router;
+        this._el = _el;
+        this._controlUiPipe = _controlUiPipe;
         this._formPanelService = _formPanelService;
+        this._activatedRoute = _activatedRoute;
+        this._cdr = _cdr;
+        this._contentDensityService = _contentDensityService;
         this._typeDefName = '';
         this.breadCrumbs$ = _breadcrumbService.breadcrumbs$;
         this.contentDensity$ = _contentDensityService.contentDensity;
@@ -8837,14 +8842,14 @@ class UiFormPanelComponent extends FormBaseComponent {
         this._formPanelService.mo$.subscribe((c) => (this._typeDefName = c?.$TypeDefName ?? ''));
     }
 }
-UiFormPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, deps: [{ token: i2.BreadcrumbService }, { token: i1$1.ContentDensityService }, { token: i2.PortalService }, { token: i3$6.ActivatedRoute }, { token: i3$6.Router }, { token: i2.FormPanelService, self: true }], target: i0.ɵɵFactoryTarget.Component });
-UiFormPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div>\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div style=\"flex-grow: 1\"></div>\n            <bsu-layout-actions\n                style=\"display: flex; column-gap: 1rem\"\n                [simple]=\"true\"\n                [buttons]=\"[]\"\n                [workflowButtons]=\"workflowButtons\"\n                (toolClick)=\"onToolbarClick($event)\"\n            >\n            </bsu-layout-actions>\n        </div>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [portrait]=\"(portrait$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "portrait", "standalone", "modernTabs"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiFormPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, deps: [{ token: i2.BreadcrumbService }, { token: i2.PortalService }, { token: i2$4.Router }, { token: i0.ElementRef }, { token: i2.ControlUiPipe }, { token: i2.FormPanelService, self: true }, { token: i2$4.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i1$1.ContentDensityService }], target: i0.ɵɵFactoryTarget.Component });
+UiFormPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n                <div style=\"flex-grow: 1\"></div>\n                <bsu-layout-actions\n                    style=\"display: flex; column-gap: 1rem\"\n                    [simple]=\"true\"\n                    [buttons]=\"[]\"\n                    [workflowButtons]=\"workflowButtons\"\n                    (toolClick)=\"onToolbarClick($event)\"\n                >\n                </bsu-layout-actions>\n            </div>\n        </ng-container>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [portrait]=\"(portrait$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "portrait", "standalone", "modernTabs"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple"], outputs: ["workflowChoiceSelect"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiFormPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div>\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <div class=\"workflow-buttons\" *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div style=\"flex-grow: 1\"></div>\n            <bsu-layout-actions\n                style=\"display: flex; column-gap: 1rem\"\n                [simple]=\"true\"\n                [buttons]=\"[]\"\n                [workflowButtons]=\"workflowButtons\"\n                (toolClick)=\"onToolbarClick($event)\"\n            >\n            </bsu-layout-actions>\n        </div>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [portrait]=\"(portrait$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.BreadcrumbService }, { type: i1$1.ContentDensityService }, { type: i2.PortalService }, { type: i3$6.ActivatedRoute }, { type: i3$6.Router }, { type: i2.FormPanelService, decorators: [{
+            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport; else dynamicPage\">\n    <bsu-mask *ngIf=\"mask$ | async\"> </bsu-mask>\n    <div style=\"min-height: 100%\">\n        <bsu-ly-layout-container-of-root\n            [config]=\"layout94$ | async\"\n            [isPanel]=\"false\"\n            [isRoot]=\"true\"\n        ></bsu-ly-layout-container-of-root>\n        <ng-container *ngIf=\"workflowButtons$ | async as workflowButtons\">\n            <div class=\"workflow-buttons\" *ngIf=\"workflowButtons.length\">\n                <div style=\"flex-grow: 1\"></div>\n                <bsu-layout-actions\n                    style=\"display: flex; column-gap: 1rem\"\n                    [simple]=\"true\"\n                    [buttons]=\"[]\"\n                    [workflowButtons]=\"workflowButtons\"\n                    (toolClick)=\"onToolbarClick($event)\"\n                >\n                </bsu-layout-actions>\n            </div>\n        </ng-container>\n    </div>\n    <!-- <div fd-bar barDesign=\"floating-footer\">\n    <div\n      *ngIf=\"context.WorkflowPanelUi\"\n      fd-bar-right\n      [footerActions]=\"context.WorkflowPanelUi\"\n    ></div>\n    <div\n      *ngIf=\"\n        !context.WorkflowPanelUi &&\n        showToolbar &&\n        \n        toolbar.items.length > 0\n      \"\n      fd-bar-right\n      [footerActions]=\"toolbar\"\n    ></div>\n  </div> -->\n</ng-container>\n<ng-template #dynamicPage>\n    <bsu-fundamental-dynamic-form\n        [style.position]=\"(mask$ | async) ? 'relative' : null\"\n        [canSend]=\"(canSend$ | async) === true\"\n        [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n        [breadCrumbs]=\"breadCrumbs$ | async\"\n        [description]=\"(headerDescription$ | async)!!\"\n        [hideClose]=\"(hideClose$ | async)!!\"\n        [hideTitle]=\"(hideTitle$ | async)!!\"\n        [hidePin]=\"(hidePin$ | async)!!\"\n        [title]=\"(title$ | async)!!\"\n        [subtitle]=\"(headerSubtitle$ | async)!!\"\n        [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n        [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n        [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n        [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n        [parameters]=\"parameters\"\n        [workflowPanelUi]=\"workflowPanelUi$ | async\"\n        [isMobile]=\"isMobile\"\n        [layout94]=\"layout94$ | async\"\n        [rtl]=\"(rtl$ | async)!!\"\n        [mask]=\"(mask$ | async)!!\"\n        [mo]=\"(mo$ | async)!!\"\n        [dirValue]=\"(dirValue$ | async)!!\"\n        [deviceSize]=\"(deviceSize$ | async)!!\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n        [modernTabs]=\"(modernTabs$ | async)!!\"\n        [avatar]=\"(avatar$ | async)!!\"\n        [fieldDict]=\"(fieldDict$ | async)!!\"\n        [portrait]=\"(portrait$ | async) === true\"\n        [standalone]=\"(standalone$ | async) === true\"\n        (close)=\"onClose()\"\n        (toolbarClick)=\"onToolbarClick($event)\"\n        [contentIsPage]=\"parameters?.ContentIsPage\"\n        (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n    ></bsu-fundamental-dynamic-form>\n</ng-template>\n", styles: [":host{display:block;width:100%;min-height:100%}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.BreadcrumbService }, { type: i2.PortalService }, { type: i2$4.Router }, { type: i0.ElementRef }, { type: i2.ControlUiPipe }, { type: i2.FormPanelService, decorators: [{
                     type: Self
-                }] }]; }, propDecorators: { _typeDefName: [{
+                }] }, { type: i2$4.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i1$1.ContentDensityService }]; }, propDecorators: { _typeDefName: [{
                 type: HostBinding,
                 args: ['attr.typeDefName']
             }] } });
@@ -8967,7 +8972,7 @@ class LayoutWizardComponent extends FormPropsBaseComponent {
     }
 }
 LayoutWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LayoutWizardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LayoutWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LayoutWizardComponent, selector: "bsu-layout-wizard", inputs: { root: "root", parentContentRef: "parentContentRef", selectedIndex: "selectedIndex", maxContentWidth: "maxContentWidth", minTabHeight: "minTabHeight" }, viewQueries: [{ propertyName: "layoutRef", first: true, predicate: ["layoutRef"], descendants: true }, { propertyName: "containerRootRef", first: true, predicate: ["containerRootRef"], descendants: true, read: ElementRef }, { propertyName: "wizardComponent", first: true, predicate: WizardComponent, descendants: true, read: ElementRef }, { propertyName: "wizardStepComponents", predicate: WizardStepComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-wizard [appendToWizard]=\"false\">\r\n    <fd-wizard-navigation>\r\n        <ul fd-wizard-progress-bar [size]=\"wizardSize\" role=\"list\" aria-label=\"Wizard Steps\">\r\n            <li\r\n                *ngFor=\"let step of modernTabs; let i = index\"\r\n                fd-wizard-step\r\n                [status]=\"arrStatus[i]\"\r\n                (statusChange)=\"onStatusChange(i, $event)\"\r\n                [label]=\"step.Title || '' | bbbTranslate\"\r\n                (click)=\"onStepClick(i, $event)\"\r\n            >\r\n                <fd-wizard-step-indicator>{{ i + 1 }}</fd-wizard-step-indicator>\r\n                <fd-wizard-content>\r\n                    <div class=\"fix-form-content\">\r\n                        <div\r\n                            #layoutRef\r\n                            [style.max-width]=\"maxContentWidth ? maxContentWidth + 'px' : 'auto'\"\r\n                            [style.min-height.px]=\"minTabHeight ? minTabHeight : 400\"\r\n                        >\r\n                            <bsu-ly-layout-container-of-root\r\n                                #containerRootRef\r\n                                class=\"content-wizard\"\r\n                                *ngIf=\"i === selectedIndex\"\r\n                                [config]=\"step\"\r\n                                [isPanel]=\"false\"\r\n                                [isRoot]=\"true\"\r\n                            ></bsu-ly-layout-container-of-root>\r\n                        </div>\r\n                    </div>\r\n                </fd-wizard-content>\r\n            </li>\r\n        </ul>\r\n    </fd-wizard-navigation>\r\n</fd-wizard>\r\n", styles: [":host{width:100%;height:100%;display:block}:host ::ng-deep .fd-wizard-container-wrapper{background:var(--fdWizard_Content_Default_Background)}:host ::ng-deep fd-dynamic-page-content{padding:0!important}.fd-wizard__progress-bar{border-bottom:1px solid #e4e4e4;box-shadow:none;z-index:0}.fix-form-content{display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.fix-form-content>div{flex-grow:1;position:relative}.content-wizard{position:absolute}@media (max-width: 767px){.content-wizard{padding:0 10px}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$5.WizardComponent, selector: "fd-wizard", inputs: ["appendToWizard", "contentHeight", "responsivePaddings", "displaySummaryStep", "ariaLabel"] }, { kind: "component", type: i2$5.WizardNavigationComponent, selector: "fd-wizard-navigation", inputs: ["ariaLabel"] }, { kind: "directive", type: i2$5.WizardProgressBarDirective, selector: "[fd-wizard-progress-bar]", inputs: ["size"] }, { kind: "component", type: i2$5.WizardStepComponent, selector: "[fd-wizard-step]", inputs: ["ariaLabel", "ariaRoleDecription", "status", "branching", "label", "optionalText", "isSummary", "stepClickValidator"], outputs: ["statusChange", "stepClicked", "stepIndicatorItemClicked"] }, { kind: "component", type: i2$5.WizardStepIndicatorComponent, selector: "fd-wizard-step-indicator", inputs: ["glyph"], outputs: ["stepIndicatorItemClicked"] }, { kind: "component", type: i2$5.WizardContentComponent, selector: "fd-wizard-content", inputs: ["contentBackground", "size"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LayoutWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LayoutWizardComponent, selector: "bsu-layout-wizard", inputs: { root: "root", parentContentRef: "parentContentRef", selectedIndex: "selectedIndex", maxContentWidth: "maxContentWidth", minTabHeight: "minTabHeight" }, viewQueries: [{ propertyName: "layoutRef", first: true, predicate: ["layoutRef"], descendants: true }, { propertyName: "containerRootRef", first: true, predicate: ["containerRootRef"], descendants: true, read: ElementRef }, { propertyName: "wizardComponent", first: true, predicate: WizardComponent, descendants: true, read: ElementRef }, { propertyName: "wizardStepComponents", predicate: WizardStepComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-wizard [appendToWizard]=\"false\">\r\n    <fd-wizard-navigation>\r\n        <ul fd-wizard-progress-bar [size]=\"wizardSize\" role=\"list\" aria-label=\"Wizard Steps\">\r\n            <li\r\n                *ngFor=\"let step of modernTabs; let i = index\"\r\n                fd-wizard-step\r\n                [status]=\"arrStatus[i]\"\r\n                (statusChange)=\"onStatusChange(i, $event)\"\r\n                [label]=\"step.Title || '' | bbbTranslate\"\r\n                (click)=\"onStepClick(i, $event)\"\r\n            >\r\n                <fd-wizard-step-indicator>{{ i + 1 }}</fd-wizard-step-indicator>\r\n                <fd-wizard-content>\r\n                    <div class=\"fix-form-content\">\r\n                        <div\r\n                            #layoutRef\r\n                            [style.max-width]=\"maxContentWidth ? maxContentWidth + 'px' : 'auto'\"\r\n                            [style.min-height.px]=\"minTabHeight ? minTabHeight : 400\"\r\n                        >\r\n                            <bsu-ly-layout-container-of-root\r\n                                #containerRootRef\r\n                                class=\"content-wizard\"\r\n                                *ngIf=\"i === selectedIndex\"\r\n                                [config]=\"step\"\r\n                                [isPanel]=\"false\"\r\n                                [isRoot]=\"true\"\r\n                            ></bsu-ly-layout-container-of-root>\r\n                        </div>\r\n                    </div>\r\n                </fd-wizard-content>\r\n            </li>\r\n        </ul>\r\n    </fd-wizard-navigation>\r\n</fd-wizard>\r\n", styles: [":host{width:100%;height:100%;display:block}:host ::ng-deep .fd-wizard-container-wrapper{background:var(--fdWizard_Content_Default_Background)}:host ::ng-deep fd-dynamic-page-content{padding:0!important}.fd-wizard__progress-bar{border-bottom:1px solid #e4e4e4;box-shadow:none;z-index:0}.fix-form-content{display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.fix-form-content>div{flex-grow:1;position:relative}.content-wizard{position:absolute}@media (max-width: 767px){.content-wizard{padding:0 10px}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$6.WizardComponent, selector: "fd-wizard", inputs: ["appendToWizard", "contentHeight", "responsivePaddings", "displaySummaryStep", "ariaLabel"] }, { kind: "component", type: i2$6.WizardNavigationComponent, selector: "fd-wizard-navigation", inputs: ["ariaLabel"] }, { kind: "directive", type: i2$6.WizardProgressBarDirective, selector: "[fd-wizard-progress-bar]", inputs: ["size"] }, { kind: "component", type: i2$6.WizardStepComponent, selector: "[fd-wizard-step]", inputs: ["ariaLabel", "ariaRoleDecription", "status", "branching", "label", "optionalText", "isSummary", "stepClickValidator"], outputs: ["statusChange", "stepClicked", "stepIndicatorItemClicked"] }, { kind: "component", type: i2$6.WizardStepIndicatorComponent, selector: "fd-wizard-step-indicator", inputs: ["glyph"], outputs: ["stepIndicatorItemClicked"] }, { kind: "component", type: i2$6.WizardContentComponent, selector: "fd-wizard-content", inputs: ["contentBackground", "size"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LayoutWizardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-layout-wizard', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-wizard [appendToWizard]=\"false\">\r\n    <fd-wizard-navigation>\r\n        <ul fd-wizard-progress-bar [size]=\"wizardSize\" role=\"list\" aria-label=\"Wizard Steps\">\r\n            <li\r\n                *ngFor=\"let step of modernTabs; let i = index\"\r\n                fd-wizard-step\r\n                [status]=\"arrStatus[i]\"\r\n                (statusChange)=\"onStatusChange(i, $event)\"\r\n                [label]=\"step.Title || '' | bbbTranslate\"\r\n                (click)=\"onStepClick(i, $event)\"\r\n            >\r\n                <fd-wizard-step-indicator>{{ i + 1 }}</fd-wizard-step-indicator>\r\n                <fd-wizard-content>\r\n                    <div class=\"fix-form-content\">\r\n                        <div\r\n                            #layoutRef\r\n                            [style.max-width]=\"maxContentWidth ? maxContentWidth + 'px' : 'auto'\"\r\n                            [style.min-height.px]=\"minTabHeight ? minTabHeight : 400\"\r\n                        >\r\n                            <bsu-ly-layout-container-of-root\r\n                                #containerRootRef\r\n                                class=\"content-wizard\"\r\n                                *ngIf=\"i === selectedIndex\"\r\n                                [config]=\"step\"\r\n                                [isPanel]=\"false\"\r\n                                [isRoot]=\"true\"\r\n                            ></bsu-ly-layout-container-of-root>\r\n                        </div>\r\n                    </div>\r\n                </fd-wizard-content>\r\n            </li>\r\n        </ul>\r\n    </fd-wizard-navigation>\r\n</fd-wizard>\r\n", styles: [":host{width:100%;height:100%;display:block}:host ::ng-deep .fd-wizard-container-wrapper{background:var(--fdWizard_Content_Default_Background)}:host ::ng-deep fd-dynamic-page-content{padding:0!important}.fd-wizard__progress-bar{border-bottom:1px solid #e4e4e4;box-shadow:none;z-index:0}.fix-form-content{display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.fix-form-content>div{flex-grow:1;position:relative}.content-wizard{position:absolute}@media (max-width: 767px){.content-wizard{padding:0 10px}}\n"] }]
@@ -9813,7 +9818,7 @@ class UlvPagingComponent extends BaseComponent {
     }
 }
 UlvPagingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvPagingComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.BbbTranslatePipe }], target: i0.ɵɵFactoryTarget.Component });
-UlvPagingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvPagingComponent, selector: "bsu-ulv-paging", inputs: { pagingSetting: "pagingSetting" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "height.px": "this.height" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"config?.Setting?.Data?.Paging?.HasPaging\">\n  <div class=\"icons\">\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage === totalPage - 1 ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"begin\"\n      (click)=\"onEndClick()\"\n    ></button>\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage + 1 >= totalPage ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"navigation-left-arrow\"\n      (click)=\"onNextClick()\"\n    ></button>\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage - 1 < 0 ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"navigation-right-arrow\"\n      (click)=\"onPreviousClick()\"\n    ></button>\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage === 0 ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"begin\"\n      (click)=\"onFirstClick()\"\n    ></button>\n  </div>\n  <div class=\"pagesize\">\n    <label style=\"padding: 0 5px\"\n      >{{ currentPage * pageSize }}-{{ currentPage * pageSize + pageSize }} \u0627\u0632\n      {{ config.Setting.Data.Paging.TotalRows }}</label\n    >\n    <fd-select (valueChange)=\"onPageSizeChange($event)\" [value]=\"pageSize\">\n      <fd-option [value]=\"24\">24</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n    </fd-select>\n\n    <label style=\"padding: 0 5px\">{{ ItemsPerPage }}:</label>\n  </div>\n</ng-container> -->\n<ng-container *ngIf=\"pagingSetting\">\n    <fd-pagination\n        dir=\"rtl\"\n        *ngIf=\"pagingSetting && pagingSetting.HasPaging\"\n        [totalItems]=\"pagingSetting.TotalRows\"\n        (pageChangeStart)=\"onPageChange($event)\"\n        [itemsPerPage]=\"pagingSetting.PageSize\"\n        [currentPage]=\"currentPage\"\n        [displayTextTemplate]=\"showingItems\"\n    ></fd-pagination>\n</ng-container>\n<ng-template #showingItems let-showing=\"showing\">\n    <span dir=\"ltr\">\n        {{ 'From' | bbbTranslate }} {{ showing.from }} {{ 'To' | bbbTranslate }} {{ showing.to }} {{ totalPageStr }}\n    </span>\n</ng-template>\n", styles: [":host{align-items:center;display:flex;justify-content:center;flex-direction:row-reverse;width:100%}.icons{display:flex;justify-content:space-between;padding:0 15px}.icons ui5-button{color:var(--sapContent_LabelColor)}.icons ui5-button:hover{background:var(--sapBackgroundColor)!important;border-color:transparent!important}.pagesize{align-items:center;display:flex;justify-content:flex-start;flex-direction:row-reverse}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$7.PaginationComponent, selector: "fd-pagination", inputs: ["id", "mobile", "totalItems", "currentPage", "itemsPerPage", "itemsPerPageTemplate", "itemsPerPageLabel", "itemsPerPageOptions", "displayTotalItems", "displayTextTemplate", "firstLabel", "previousLabel", "nextLabel", "lastLabel", "ariaLabel", "pageLabel", "currentPageAriaLabel", "labelBeforeInputMobile", "labelAfterInputMobile", "inputAriaLabel"], outputs: ["pageChangeStart", "itemsPerPageChange"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UlvPagingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UlvPagingComponent, selector: "bsu-ulv-paging", inputs: { pagingSetting: "pagingSetting" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "height.px": "this.height" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <ng-container *ngIf=\"config?.Setting?.Data?.Paging?.HasPaging\">\n  <div class=\"icons\">\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage === totalPage - 1 ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"begin\"\n      (click)=\"onEndClick()\"\n    ></button>\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage + 1 >= totalPage ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"navigation-left-arrow\"\n      (click)=\"onNextClick()\"\n    ></button>\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage - 1 < 0 ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"navigation-right-arrow\"\n      (click)=\"onPreviousClick()\"\n    ></button>\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage === 0 ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"begin\"\n      (click)=\"onFirstClick()\"\n    ></button>\n  </div>\n  <div class=\"pagesize\">\n    <label style=\"padding: 0 5px\"\n      >{{ currentPage * pageSize }}-{{ currentPage * pageSize + pageSize }} \u0627\u0632\n      {{ config.Setting.Data.Paging.TotalRows }}</label\n    >\n    <fd-select (valueChange)=\"onPageSizeChange($event)\" [value]=\"pageSize\">\n      <fd-option [value]=\"24\">24</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n    </fd-select>\n\n    <label style=\"padding: 0 5px\">{{ ItemsPerPage }}:</label>\n  </div>\n</ng-container> -->\n<ng-container *ngIf=\"pagingSetting\">\n    <fd-pagination\n        dir=\"rtl\"\n        *ngIf=\"pagingSetting && pagingSetting.HasPaging\"\n        [totalItems]=\"pagingSetting.TotalRows\"\n        (pageChangeStart)=\"onPageChange($event)\"\n        [itemsPerPage]=\"pagingSetting.PageSize\"\n        [currentPage]=\"currentPage\"\n        [displayTextTemplate]=\"showingItems\"\n    ></fd-pagination>\n</ng-container>\n<ng-template #showingItems let-showing=\"showing\">\n    <span dir=\"ltr\">\n        {{ 'From' | bbbTranslate }} {{ showing.from }} {{ 'To' | bbbTranslate }} {{ showing.to }} {{ totalPageStr }}\n    </span>\n</ng-template>\n", styles: [":host{align-items:center;display:flex;justify-content:center;flex-direction:row-reverse;width:100%}.icons{display:flex;justify-content:space-between;padding:0 15px}.icons ui5-button{color:var(--sapContent_LabelColor)}.icons ui5-button:hover{background:var(--sapBackgroundColor)!important;border-color:transparent!important}.pagesize{align-items:center;display:flex;justify-content:flex-start;flex-direction:row-reverse}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$6.PaginationComponent, selector: "fd-pagination", inputs: ["id", "mobile", "totalItems", "currentPage", "itemsPerPage", "itemsPerPageTemplate", "itemsPerPageLabel", "itemsPerPageOptions", "displayTotalItems", "displayTextTemplate", "firstLabel", "previousLabel", "nextLabel", "lastLabel", "ariaLabel", "pageLabel", "currentPageAriaLabel", "labelBeforeInputMobile", "labelAfterInputMobile", "inputAriaLabel"], outputs: ["pageChangeStart", "itemsPerPageChange"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UlvPagingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ulv-paging', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <ng-container *ngIf=\"config?.Setting?.Data?.Paging?.HasPaging\">\n  <div class=\"icons\">\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage === totalPage - 1 ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"begin\"\n      (click)=\"onEndClick()\"\n    ></button>\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage + 1 >= totalPage ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"navigation-left-arrow\"\n      (click)=\"onNextClick()\"\n    ></button>\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage - 1 < 0 ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"navigation-right-arrow\"\n      (click)=\"onPreviousClick()\"\n    ></button>\n    <button\n      fd-button\n      [attr.disabled]=\"currentPage === 0 ? true : null\"\n      fdType=\"transparent\"\n      glyph=\"begin\"\n      (click)=\"onFirstClick()\"\n    ></button>\n  </div>\n  <div class=\"pagesize\">\n    <label style=\"padding: 0 5px\"\n      >{{ currentPage * pageSize }}-{{ currentPage * pageSize + pageSize }} \u0627\u0632\n      {{ config.Setting.Data.Paging.TotalRows }}</label\n    >\n    <fd-select (valueChange)=\"onPageSizeChange($event)\" [value]=\"pageSize\">\n      <fd-option [value]=\"24\">24</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n      <fd-option [value]=\"100\">100</fd-option>\n    </fd-select>\n\n    <label style=\"padding: 0 5px\">{{ ItemsPerPage }}:</label>\n  </div>\n</ng-container> -->\n<ng-container *ngIf=\"pagingSetting\">\n    <fd-pagination\n        dir=\"rtl\"\n        *ngIf=\"pagingSetting && pagingSetting.HasPaging\"\n        [totalItems]=\"pagingSetting.TotalRows\"\n        (pageChangeStart)=\"onPageChange($event)\"\n        [itemsPerPage]=\"pagingSetting.PageSize\"\n        [currentPage]=\"currentPage\"\n        [displayTextTemplate]=\"showingItems\"\n    ></fd-pagination>\n</ng-container>\n<ng-template #showingItems let-showing=\"showing\">\n    <span dir=\"ltr\">\n        {{ 'From' | bbbTranslate }} {{ showing.from }} {{ 'To' | bbbTranslate }} {{ showing.to }} {{ totalPageStr }}\n    </span>\n</ng-template>\n", styles: [":host{align-items:center;display:flex;justify-content:center;flex-direction:row-reverse;width:100%}.icons{display:flex;justify-content:space-between;padding:0 15px}.icons ui5-button{color:var(--sapContent_LabelColor)}.icons ui5-button:hover{background:var(--sapBackgroundColor)!important;border-color:transparent!important}.pagesize{align-items:center;display:flex;justify-content:flex-start;flex-direction:row-reverse}\n"] }]
@@ -10145,6 +10150,7 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
         this.show = (type) => {
             // this.triggerClick('Normal');
             this._openPopupFormSelectionSource.next(); // rabete taki general info .popup baz mishod ke baiad dropdown bashe.
+            this._cdr.detectChanges();
             /* eslint-disable */
         };
         this.Unmask = (type) => {
@@ -10354,7 +10360,7 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
         return of(true);
     }
     _filterSmartChange(value) {
-        let canRequest = this.ulvAdapter && value !== this.value;
+        let canRequest = (this.ulvAdapter || this.UlvUi) && value !== this.value;
         if (canRequest) {
             const molist = BarsaApi.Common.Util.TryGetValue(this.ulvAdapter, 'Setting.Data.MoDataList', []);
             if (!molist) {
@@ -10392,22 +10398,30 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
         if (!mo) {
             return;
         }
+        molist.forEach((c) => (c.$IsChecked = false));
         this._fireValueChange(mo);
     }
     _fireValueChange(mo) {
         this.value = mo;
         this._valueMo = mo;
+        mo.$IsChecked = true;
         this._setValueText(this.value);
         // this._setComboText(mo.$Caption);
         // this._cdr.detectChanges();
-        this._triggerClick('ItemSelect', this.value);
+        if (this.UlvUi) {
+            this.UlvUi.viewerControl.fireEvent('rowclick', this.UlvUi, 0, mo);
+        }
+        else if (this.ulvAdapter) {
+            this.ulvAdapter.ViewerAdapter.Control.fireEvent('rowclick', this.ulvAdapter.ViewerAdapter.Control, 0, mo);
+        }
+        // this._triggerClick('ItemSelect', this.value);
     }
 }
 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.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: (loading$ | async) === true | moInfoUlvMoList: isDataLoadedFirstTime:ulvAdapter:UlvUi,\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=\"value && 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=\"!value && 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=\"value && 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=\"value && 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.control-disabled]=\"disable\" class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [placeholder]=\"''\"\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            [ngModel]=\"valueText | bbbTranslate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            *ngIf=\"value && disableOrReadonly !== true\"\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"decline\"\n            (click)=\"onClear()\"\n        ></button>\n        <fdp-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            buttonType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></fdp-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'\" [marginTop]=\"'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; 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>{{\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}.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$4.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i2$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i3$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i7$5.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "directive", type: i7$5.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6$1.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i6$1.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i6$1.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: i13.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { 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.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n<ng-template\r\n    #inputTemplate\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n>\r\n    <div style=\"display: flex\" class=\"fd-input-group\">\r\n        <input\r\n            fd-input-group-input\r\n            fd-form-control\r\n            #inputRef\r\n            [placeholder]=\"Setting.NullText || ''\"\r\n            [attr.readonly]=\"true\"\r\n            [attr.disabled]=\"disable === true ? true : null\"\r\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\r\n            [id]=\"id\"\r\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n            (input)=\"onValueChange($event)\"\r\n        />\r\n        <span fd-input-group-addon *ngIf=\"value && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n        </span>\r\n        <span\r\n            fd-input-group-addon\r\n            *ngIf=\"!value && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            class=\"fd-input-group__addon--button\"\r\n        >\r\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n        </span>\r\n        <span\r\n            fd-input-group-addon\r\n            *ngIf=\"value && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\r\n            class=\"fd-input-group__addon--button\"\r\n        >\r\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        <span\r\n            fd-input-group-addon\r\n            *ngIf=\"value && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\r\n            class=\"fd-input-group__addon--button\"\r\n        >\r\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        <span\r\n            fd-input-group-addon\r\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\r\n            class=\"fd-input-group__addon--button\"\r\n        >\r\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-report]=\"hasReport\"\r\n            [placeholder]=\"''\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [ngModel]=\"valueText | bbbTranslate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <button\r\n            *ngIf=\"value && disableOrReadonly !== true\"\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"decline\"\r\n            (click)=\"onClear()\"\r\n        ></button>\r\n        <fdp-button\r\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\r\n            glyph=\"search\"\r\n            buttonType=\"transparent\"\r\n            class=\"combo-popup-btn\"\r\n            (click)=\"onSearch()\"\r\n        ></fdp-button>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [marginTop]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        <ng-template #itemWrapper>\r\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\r\n                <!-- <bsu-ulv-paging\r\n                    (click)=\"onPagingClick($event)\"\r\n                    (pageChange)=\"onPageChange($event)\"\r\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\r\n                >\r\n                </bsu-ulv-paging> -->\r\n                <button\r\n                    style=\"width: 100%\"\r\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\r\n                    fd-button\r\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\r\n                    [label]=\"'More' | bbbTranslate\"\r\n                ></button>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            <ng-container *ngIf=\"allColumns?.length; else captionTemplate\">\r\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\r\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n                <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\r\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                    </div>\r\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\r\n                            <ng-container *ngIf=\"index > 1\">\r\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\r\n                                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-template #captionTemplate>\r\n                <span fd-list-title>{{\r\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\r\n                }}</span>\r\n            </ng-template>\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.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: i2$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i2$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i3$3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i7$5.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "directive", type: i7$5.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6$1.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i6$1.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i6$1.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: i13.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { 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: (loading$ | async) === true | moInfoUlvMoList: isDataLoadedFirstTime:ulvAdapter:UlvUi,\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=\"value && 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=\"!value && 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=\"value && 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=\"value && 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.control-disabled]=\"disable\" class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [placeholder]=\"''\"\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            [ngModel]=\"valueText | bbbTranslate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            *ngIf=\"value && disableOrReadonly !== true\"\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"decline\"\n            (click)=\"onClear()\"\n        ></button>\n        <fdp-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            buttonType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></fdp-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'\" [marginTop]=\"'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; 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>{{\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}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"] }]
+            args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n<ng-template\r\n    #inputTemplate\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n>\r\n    <div style=\"display: flex\" class=\"fd-input-group\">\r\n        <input\r\n            fd-input-group-input\r\n            fd-form-control\r\n            #inputRef\r\n            [placeholder]=\"Setting.NullText || ''\"\r\n            [attr.readonly]=\"true\"\r\n            [attr.disabled]=\"disable === true ? true : null\"\r\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\r\n            [id]=\"id\"\r\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n            (input)=\"onValueChange($event)\"\r\n        />\r\n        <span fd-input-group-addon *ngIf=\"value && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n        </span>\r\n        <span\r\n            fd-input-group-addon\r\n            *ngIf=\"!value && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            class=\"fd-input-group__addon--button\"\r\n        >\r\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n        </span>\r\n        <span\r\n            fd-input-group-addon\r\n            *ngIf=\"value && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\r\n            class=\"fd-input-group__addon--button\"\r\n        >\r\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        <span\r\n            fd-input-group-addon\r\n            *ngIf=\"value && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\r\n            class=\"fd-input-group__addon--button\"\r\n        >\r\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        <span\r\n            fd-input-group-addon\r\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\r\n            class=\"fd-input-group__addon--button\"\r\n        >\r\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-report]=\"hasReport\"\r\n            [placeholder]=\"''\"\r\n            [mobile]=\"deviceSize === 's'\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [ngModel]=\"valueText | bbbTranslate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <button\r\n            *ngIf=\"value && disableOrReadonly !== true\"\r\n            fd-button\r\n            fdType=\"transparent\"\r\n            glyph=\"decline\"\r\n            (click)=\"onClear()\"\r\n        ></button>\r\n        <fdp-button\r\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\r\n            glyph=\"search\"\r\n            buttonType=\"transparent\"\r\n            class=\"combo-popup-btn\"\r\n            (click)=\"onSearch()\"\r\n        ></fdp-button>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [marginTop]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        <ng-template #itemWrapper>\r\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\r\n                <!-- <bsu-ulv-paging\r\n                    (click)=\"onPagingClick($event)\"\r\n                    (pageChange)=\"onPageChange($event)\"\r\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\r\n                >\r\n                </bsu-ulv-paging> -->\r\n                <button\r\n                    style=\"width: 100%\"\r\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\r\n                    fd-button\r\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\r\n                    [label]=\"'More' | bbbTranslate\"\r\n                ></button>\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            <ng-container *ngIf=\"allColumns?.length; else captionTemplate\">\r\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\r\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n                <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\r\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                    </div>\r\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\r\n                            <ng-container *ngIf=\"index > 1\">\r\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\r\n                                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-template #captionTemplate>\r\n                <span fd-list-title>{{\r\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\r\n                }}</span>\r\n            </ng-template>\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"] }]
         }], propDecorators: { ulvAdapter: [{
                 type: Input
             }], Control: [{
@@ -10547,10 +10561,10 @@ class UiContainerWithButtonComponent extends FieldBaseComponent {
     }
 }
 UiContainerWithButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiContainerWithButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiContainerWithButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiContainerWithButtonComponent, selector: "bsu-ui-container-with-button", usesInheritance: true, ngImport: i0, template: "<bnrc-field-ui class=\"inner-control\" [customField]=\"context._innerControl\" [layoutInfo]=\"layoutInfo\"></bnrc-field-ui>\r\n<ng-container *ngIf=\"btnVisible && btnEnable\">\r\n    <button\r\n        *ngFor=\"let btn of context._buttonsConfig\"\r\n        fd-button\r\n        [label]=\"btn.text\"\r\n        [glyph]=\"btn.itemId === 'Recalculate' ? 'synchronize' : ''\"\r\n        [fdType]=\"'transparent'\"\r\n        (click)=\"onBtnClick(btn)\"\r\n    ></button>\r\n</ng-container>\r\n", styles: [":host{width:100%;height:100%;display:flex;justify-content:stretch;align-items:center}.btn{max-width:80px;width:100%;height:30px}button{flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "layoutInfo", "inlineEdit", "focusControl"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiContainerWithButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiContainerWithButtonComponent, selector: "bsu-ui-container-with-button", usesInheritance: true, ngImport: i0, template: "<bnrc-field-ui class=\"inner-control\" [customField]=\"context._innerControl\" [layoutInfo]=\"layoutInfo\"></bnrc-field-ui>\n<ng-container *ngIf=\"btnVisible && btnEnable\">\n    <button\n        *ngFor=\"let btn of context._buttonsConfig\"\n        fd-button\n        [label]=\"btn.text\"\n        [glyph]=\"btn.itemId === 'Recalculate' ? 'synchronize' : ''\"\n        [fdType]=\"'transparent'\"\n        (click)=\"onBtnClick(btn)\"\n        [disabled]=\"(disableOrReadonly$ | async) === true\"\n    ></button>\n</ng-container>\n", styles: [":host{width:100%;height:100%;display:flex;justify-content:stretch;align-items:center}.btn{max-width:80px;width:100%;height:30px}button{flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "layoutInfo", "inlineEdit", "focusControl", "formHeight"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiContainerWithButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-container-with-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bnrc-field-ui class=\"inner-control\" [customField]=\"context._innerControl\" [layoutInfo]=\"layoutInfo\"></bnrc-field-ui>\r\n<ng-container *ngIf=\"btnVisible && btnEnable\">\r\n    <button\r\n        *ngFor=\"let btn of context._buttonsConfig\"\r\n        fd-button\r\n        [label]=\"btn.text\"\r\n        [glyph]=\"btn.itemId === 'Recalculate' ? 'synchronize' : ''\"\r\n        [fdType]=\"'transparent'\"\r\n        (click)=\"onBtnClick(btn)\"\r\n    ></button>\r\n</ng-container>\r\n", styles: [":host{width:100%;height:100%;display:flex;justify-content:stretch;align-items:center}.btn{max-width:80px;width:100%;height:30px}button{flex-shrink:0}\n"] }]
+            args: [{ selector: 'bsu-ui-container-with-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<bnrc-field-ui class=\"inner-control\" [customField]=\"context._innerControl\" [layoutInfo]=\"layoutInfo\"></bnrc-field-ui>\n<ng-container *ngIf=\"btnVisible && btnEnable\">\n    <button\n        *ngFor=\"let btn of context._buttonsConfig\"\n        fd-button\n        [label]=\"btn.text\"\n        [glyph]=\"btn.itemId === 'Recalculate' ? 'synchronize' : ''\"\n        [fdType]=\"'transparent'\"\n        (click)=\"onBtnClick(btn)\"\n        [disabled]=\"(disableOrReadonly$ | async) === true\"\n    ></button>\n</ng-container>\n", styles: [":host{width:100%;height:100%;display:flex;justify-content:stretch;align-items:center}.btn{max-width:80px;width:100%;height:30px}button{flex-shrink:0}\n"] }]
         }] });
 
 class UiReadOnlyFieldComponent extends FieldBaseComponent {
@@ -10571,10 +10585,10 @@ class UiReadOnlyFieldComponent extends FieldBaseComponent {
     }
 }
 UiReadOnlyFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiReadOnlyFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiReadOnlyFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiReadOnlyFieldComponent, selector: "bsu-ui-read-only-field", usesInheritance: true, ngImport: i0, template: "<fd-text\n    style=\"color: var(--fdIcon_Tab_Bar_Selection_Color)\"\n    [class.empty-bracket]=\"!text\"\n    [text]=\"text || 'Empty_Bracket' | bbbTranslate\"\n    hyphenation=\"auto\"\n></fd-text>\n<button\n    *ngIf=\"text || inlineEdit\"\n    fd-button\n    glyph=\"copy\"\n    [fdCompact]\n    fdType=\"transparent\"\n    [copy]=\"text | bbbTranslate\"\n></button>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center}label{overflow:hidden;text-align:justify;line-height:1.6rem}.empty-bracket{opacity:.3}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CopyDirective, selector: "[copy]", inputs: ["copy"] }, { kind: "directive", type: i3$5.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.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i16.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 });
+UiReadOnlyFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiReadOnlyFieldComponent, selector: "bsu-ui-read-only-field", usesInheritance: true, ngImport: i0, template: "<fd-text\n    style=\"color: var(--fdIcon_Tab_Bar_Selection_Color)\"\n    [class.empty-bracket]=\"!text\"\n    [text]=\"text || 'Empty_Bracket' | bbbTranslate\"\n    hyphenation=\"auto\"\n></fd-text>\n<button\n    *ngIf=\"parameters?.ShowCopy && text\"\n    fd-button\n    glyph=\"copy\"\n    [fdCompact]\n    fdType=\"transparent\"\n    [copy]=\"text | bbbTranslate\"\n></button>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center}label{overflow:hidden;text-align:justify;line-height:1.6rem}.empty-bracket{opacity:.3}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CopyDirective, selector: "[copy]", inputs: ["copy"] }, { kind: "directive", type: i3$5.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.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i16.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: UiReadOnlyFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-read-only-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-text\n    style=\"color: var(--fdIcon_Tab_Bar_Selection_Color)\"\n    [class.empty-bracket]=\"!text\"\n    [text]=\"text || 'Empty_Bracket' | bbbTranslate\"\n    hyphenation=\"auto\"\n></fd-text>\n<button\n    *ngIf=\"text || inlineEdit\"\n    fd-button\n    glyph=\"copy\"\n    [fdCompact]\n    fdType=\"transparent\"\n    [copy]=\"text | bbbTranslate\"\n></button>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center}label{overflow:hidden;text-align:justify;line-height:1.6rem}.empty-bracket{opacity:.3}\n"] }]
+            args: [{ selector: 'bsu-ui-read-only-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-text\n    style=\"color: var(--fdIcon_Tab_Bar_Selection_Color)\"\n    [class.empty-bracket]=\"!text\"\n    [text]=\"text || 'Empty_Bracket' | bbbTranslate\"\n    hyphenation=\"auto\"\n></fd-text>\n<button\n    *ngIf=\"parameters?.ShowCopy && text\"\n    fd-button\n    glyph=\"copy\"\n    [fdCompact]\n    fdType=\"transparent\"\n    [copy]=\"text | bbbTranslate\"\n></button>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center}label{overflow:hidden;text-align:justify;line-height:1.6rem}.empty-bracket{opacity:.3}\n"] }]
         }] });
 
 class LyLayoutPanelComponent extends LayoutPanelBaseComponent {
@@ -10618,7 +10632,7 @@ class LyLayoutPanelComponent extends LayoutPanelBaseComponent {
     }
 }
 LyLayoutPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LyLayoutPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LyLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: { renderItems: "renderItems", isRoot: "isRoot" }, host: { properties: { "attr.maxLabelWidth": "this.maxLabelWidth", "style.flex": "this.flex", "style.display": "this.display" } }, providers: [LayoutService], viewQueries: [{ propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<canvas #canvas style=\"display: none\"></canvas>\r\n<fd-panel\r\n    [fixed]=\"!config.ExpandButtonVisible\"\r\n    *ngIf=\"visible\"\r\n    [class.hide-header]=\"!config.TextVisible\"\r\n    [attr.maxWidth]=\"maxWidth\"\r\n>\r\n    <h5 fd-panel-title>\r\n        {{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}\r\n    </h5>\r\n    <div fd-panel-content [class.row-reverse-direction]=\"rowDirection\" [class.column-direction]=\"columnDirection\">\r\n        <ng-container *ngFor=\"let item of config | filterToolbarControl\">\r\n            <ng-container [ngSwitch]=\"item.xtype\">\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutTabPanel'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LyLayoutPanelComponent',\r\n                                selector: 'bsu-ly-tab-container'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutPanel'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LyLayoutPanelComponent',\r\n                                selector: 'bsu-ly-layout-panel'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutContainer'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LyLayoutContainerComponent',\r\n                                selector: 'bsu-ly-layout-container'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.EmptySpace'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.SimpleLabel'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LySimpleLabelComponent',\r\n                                selector: 'bsu-ly-simple-label'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutLine'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutJoin'\">\r\n                    <ng-container *ngIf=\"item.Type === 'HorizontalJoin'; else verticalJoin\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                dynamicLayout;\r\n                                context: {\r\n                                    $implicit: item,\r\n                                    selector: 'bsu-ly-horizontal-layout',\r\n                                    name: 'LyLayoutHorizontalComponent'\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                        <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n                    </ng-container>\r\n                    <ng-template #verticalJoin>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                dynamicLayout;\r\n                                context: {\r\n                                    $implicit: item,\r\n                                    selector: 'bsu-ly-vertical-layout',\r\n                                    name: 'LyLayoutVerticalComponent'\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                        <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n                    </ng-template>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutControl'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                selector: 'bsu-layout-control',\r\n                                name: 'LayoutControlComponent'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n                </ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template\r\n            #dynamicLayout\r\n            let-config\r\n            let-selector=\"selector\"\r\n            let-maxLabelWidth=\"maxLabelWidth\"\r\n            let-name=\"name\"\r\n        >\r\n            <bnrc-dynamic-layout\r\n                [config]=\"config\"\r\n                [selector]=\"selector\"\r\n                [name]=\"name\"\r\n                [module]=\"'BarsaSapUi'\"\r\n                [moduleFileName]=\"'BarsaSapUi'\"\r\n                [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n                [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n                [isSearchPanel]=\"isSearchPanel\"\r\n            >\r\n            </bnrc-dynamic-layout>\r\n        </ng-template>\r\n    </div>\r\n</fd-panel>\r\n", styles: [":host{width:100%;display:flex;height:auto;align-items:flex-start}:host ::ng-deep .hide-header .fd-panel__header{display:none}.fd-wizard-example .fd-wizard__content{min-height:300px}.full-width{width:100%}@media (max-width: 600px){:host{align-items:stretch}}fd-panel{width:100%}fd-panel div{display:flex;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "component", type: i3$8.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i3$8.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "id"] }, { kind: "directive", type: i3$8.PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LyLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: { renderItems: "renderItems", isRoot: "isRoot" }, host: { properties: { "attr.maxLabelWidth": "this.maxLabelWidth", "style.flex": "this.flex", "style.display": "this.display" } }, providers: [LayoutService], viewQueries: [{ propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<canvas #canvas style=\"display: none\"></canvas>\r\n<fd-panel\r\n    [fixed]=\"!config.ExpandButtonVisible\"\r\n    *ngIf=\"visible\"\r\n    [class.hide-header]=\"!config.TextVisible\"\r\n    [attr.maxWidth]=\"maxWidth\"\r\n>\r\n    <h5 fd-panel-title>\r\n        {{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}\r\n    </h5>\r\n    <div fd-panel-content [class.row-reverse-direction]=\"rowDirection\" [class.column-direction]=\"columnDirection\">\r\n        <ng-container *ngFor=\"let item of config | filterToolbarControl\">\r\n            <ng-container [ngSwitch]=\"item.xtype\">\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutTabPanel'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LyLayoutPanelComponent',\r\n                                selector: 'bsu-ly-tab-container'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutPanel'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LyLayoutPanelComponent',\r\n                                selector: 'bsu-ly-layout-panel'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutContainer'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LyLayoutContainerComponent',\r\n                                selector: 'bsu-ly-layout-container'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.EmptySpace'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.SimpleLabel'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LySimpleLabelComponent',\r\n                                selector: 'bsu-ly-simple-label'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutLine'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutJoin'\">\r\n                    <ng-container *ngIf=\"item.Type === 'HorizontalJoin'; else verticalJoin\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                dynamicLayout;\r\n                                context: {\r\n                                    $implicit: item,\r\n                                    selector: 'bsu-ly-horizontal-layout',\r\n                                    name: 'LyLayoutHorizontalComponent'\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                        <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n                    </ng-container>\r\n                    <ng-template #verticalJoin>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                dynamicLayout;\r\n                                context: {\r\n                                    $implicit: item,\r\n                                    selector: 'bsu-ly-vertical-layout',\r\n                                    name: 'LyLayoutVerticalComponent'\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                        <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n                    </ng-template>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutControl'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                selector: 'bsu-layout-control',\r\n                                name: 'LayoutControlComponent'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n                </ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template\r\n            #dynamicLayout\r\n            let-config\r\n            let-selector=\"selector\"\r\n            let-maxLabelWidth=\"maxLabelWidth\"\r\n            let-name=\"name\"\r\n        >\r\n            <bnrc-dynamic-layout\r\n                [config]=\"config\"\r\n                [selector]=\"selector\"\r\n                [name]=\"name\"\r\n                [module]=\"'BarsaSapUi'\"\r\n                [moduleFileName]=\"'BarsaSapUi'\"\r\n                [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n                [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n                [isSearchPanel]=\"isSearchPanel\"\r\n            >\r\n            </bnrc-dynamic-layout>\r\n        </ng-template>\r\n    </div>\r\n</fd-panel>\r\n", styles: [":host{width:100%;display:flex;height:auto;align-items:flex-start}:host ::ng-deep .hide-header .fd-panel__header{display:none}.fd-wizard-example .fd-wizard__content{min-height:300px}.full-width{width:100%}@media (max-width: 600px){:host{align-items:stretch}}fd-panel{width:100%}fd-panel div{display:flex;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "component", type: i3$7.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i3$7.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "id"] }, { kind: "directive", type: i3$7.PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LyLayoutPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ly-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<canvas #canvas style=\"display: none\"></canvas>\r\n<fd-panel\r\n    [fixed]=\"!config.ExpandButtonVisible\"\r\n    *ngIf=\"visible\"\r\n    [class.hide-header]=\"!config.TextVisible\"\r\n    [attr.maxWidth]=\"maxWidth\"\r\n>\r\n    <h5 fd-panel-title>\r\n        {{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}\r\n    </h5>\r\n    <div fd-panel-content [class.row-reverse-direction]=\"rowDirection\" [class.column-direction]=\"columnDirection\">\r\n        <ng-container *ngFor=\"let item of config | filterToolbarControl\">\r\n            <ng-container [ngSwitch]=\"item.xtype\">\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutTabPanel'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LyLayoutPanelComponent',\r\n                                selector: 'bsu-ly-tab-container'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutPanel'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LyLayoutPanelComponent',\r\n                                selector: 'bsu-ly-layout-panel'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutContainer'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LyLayoutContainerComponent',\r\n                                selector: 'bsu-ly-layout-container'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.EmptySpace'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.SimpleLabel'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                name: 'LySimpleLabelComponent',\r\n                                selector: 'bsu-ly-simple-label'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutLine'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutJoin'\">\r\n                    <ng-container *ngIf=\"item.Type === 'HorizontalJoin'; else verticalJoin\">\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                dynamicLayout;\r\n                                context: {\r\n                                    $implicit: item,\r\n                                    selector: 'bsu-ly-horizontal-layout',\r\n                                    name: 'LyLayoutHorizontalComponent'\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                        <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n                    </ng-container>\r\n                    <ng-template #verticalJoin>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                dynamicLayout;\r\n                                context: {\r\n                                    $implicit: item,\r\n                                    selector: 'bsu-ly-vertical-layout',\r\n                                    name: 'LyLayoutVerticalComponent'\r\n                                }\r\n                            \"\r\n                        ></ng-container>\r\n                        <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n                    </ng-template>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'Ly.LayoutControl'\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"\r\n                            dynamicLayout;\r\n                            context: {\r\n                                $implicit: item,\r\n                                selector: 'bsu-layout-control',\r\n                                name: 'LayoutControlComponent'\r\n                            }\r\n                        \"\r\n                    ></ng-container>\r\n                    <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n                </ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template\r\n            #dynamicLayout\r\n            let-config\r\n            let-selector=\"selector\"\r\n            let-maxLabelWidth=\"maxLabelWidth\"\r\n            let-name=\"name\"\r\n        >\r\n            <bnrc-dynamic-layout\r\n                [config]=\"config\"\r\n                [selector]=\"selector\"\r\n                [name]=\"name\"\r\n                [module]=\"'BarsaSapUi'\"\r\n                [moduleFileName]=\"'BarsaSapUi'\"\r\n                [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n                [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n                [isSearchPanel]=\"isSearchPanel\"\r\n            >\r\n            </bnrc-dynamic-layout>\r\n        </ng-template>\r\n    </div>\r\n</fd-panel>\r\n", styles: [":host{width:100%;display:flex;height:auto;align-items:flex-start}:host ::ng-deep .hide-header .fd-panel__header{display:none}.fd-wizard-example .fd-wizard__content{min-height:300px}.full-width{width:100%}@media (max-width: 600px){:host{align-items:stretch}}fd-panel{width:100%}fd-panel div{display:flex;overflow:hidden}\n"] }]
@@ -10663,10 +10677,13 @@ class UiRadioGroupComponent extends DeviceInfoFieldBaseComponent {
         this.isVertically = false;
         this.onlyInMobileVertically = false;
     }
+    get items() {
+        return this.context.items;
+    }
     ngOnInit() {
         super.ngOnInit();
         const parameters = this.parameters;
-        this.value = this.context.items.find((c) => c.inputValue === this.value);
+        this.value = this.items.find((c) => c.inputValue === this.value);
         this.onlyInMobileVertically = parameters?.OnlyInMobileVertically;
         this.isVertically = parameters?.IsVertically;
     }
@@ -10674,12 +10691,20 @@ class UiRadioGroupComponent extends DeviceInfoFieldBaseComponent {
         this.value = item;
         this.valueChange.emit(item);
     }
+    _setValue(value) {
+        let val = this.items.find((c) => c.IsEmpty);
+        const item = this.items.find((c) => c.inputValue === value);
+        if (item) {
+            val = item;
+        }
+        super._setValue(val);
+    }
 }
 UiRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiRadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiRadioGroupComponent, selector: "bsu-ui-radio-group", usesInheritance: true, ngImport: i0, template: "<fd-form-group [isInline]=\"!isVertically && !(isMobileDevice && onlyInMobileVertically)\">\n    <ng-container *ngFor=\"let item of context.items; let i = index; let first = first\">\n        <div fd-form-item>\n            <fd-radio-button\n                *ngIf=\"!item.IsEmpty\"\n                [value]=\"item.inputValue\"\n                [id]=\"'radio-' + id + i\"\n                [name]=\"'radio' + id + i\"\n                [disabled]=\"(disableOrReadonly$ | async)!!\"\n                [ngModel]=\"value?.inputValue\"\n                (click)=\"onRadioClicked(item)\"\n            >\n                {{ item.boxLabel }}\n            </fd-radio-button>\n        </div>\n    </ng-container>\n</fd-form-group>\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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }, { kind: "component", type: i11.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiRadioGroupComponent, selector: "bsu-ui-radio-group", usesInheritance: true, ngImport: i0, template: "<fd-form-group [isInline]=\"!isVertically && !(isMobileDevice && onlyInMobileVertically)\">\n    <ng-container *ngFor=\"let item of context.items; let i = index; let first = first\">\n        <div fd-form-item>\n            <fd-radio-button\n                *ngIf=\"!item.IsEmpty\"\n                [value]=\"item.inputValue\"\n                [id]=\"'radio-' + id + i\"\n                [name]=\"'radio' + id + i\"\n                [disabled]=\"(disableOrReadonly$ | async)!!\"\n                [ngModel]=\"value?.inputValue\"\n                (click)=\"onRadioClicked(item)\"\n                [selectedValue]=\"value?.inputValue\"\n            >\n                {{ item.boxLabel }}\n            </fd-radio-button>\n        </div>\n    </ng-container>\n</fd-form-group>\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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2$1.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }, { kind: "component", type: i11.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiRadioGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-form-group [isInline]=\"!isVertically && !(isMobileDevice && onlyInMobileVertically)\">\n    <ng-container *ngFor=\"let item of context.items; let i = index; let first = first\">\n        <div fd-form-item>\n            <fd-radio-button\n                *ngIf=\"!item.IsEmpty\"\n                [value]=\"item.inputValue\"\n                [id]=\"'radio-' + id + i\"\n                [name]=\"'radio' + id + i\"\n                [disabled]=\"(disableOrReadonly$ | async)!!\"\n                [ngModel]=\"value?.inputValue\"\n                (click)=\"onRadioClicked(item)\"\n            >\n                {{ item.boxLabel }}\n            </fd-radio-button>\n        </div>\n    </ng-container>\n</fd-form-group>\n" }]
+            args: [{ selector: 'bsu-ui-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-form-group [isInline]=\"!isVertically && !(isMobileDevice && onlyInMobileVertically)\">\n    <ng-container *ngFor=\"let item of context.items; let i = index; let first = first\">\n        <div fd-form-item>\n            <fd-radio-button\n                *ngIf=\"!item.IsEmpty\"\n                [value]=\"item.inputValue\"\n                [id]=\"'radio-' + id + i\"\n                [name]=\"'radio' + id + i\"\n                [disabled]=\"(disableOrReadonly$ | async)!!\"\n                [ngModel]=\"value?.inputValue\"\n                (click)=\"onRadioClicked(item)\"\n                [selectedValue]=\"value?.inputValue\"\n            >\n                {{ item.boxLabel }}\n            </fd-radio-button>\n        </div>\n    </ng-container>\n</fd-form-group>\n" }]
         }] });
 
 class UiLabelComponent extends FieldBaseComponent {
@@ -10962,7 +10987,7 @@ const routes = [];
 class BarsaSapUiRoutingModule {
 }
 BarsaSapUiRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BarsaSapUiRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiRoutingModule, imports: [i3$6.RouterModule], exports: [RouterModule] });
+BarsaSapUiRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiRoutingModule, imports: [i2$4.RouterModule], exports: [RouterModule] });
 BarsaSapUiRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiRoutingModule, decorators: [{
             type: NgModule,
@@ -11320,12 +11345,12 @@ class ExecutePushNotificationCommandComponent extends BaseComponent {
         }
     }
 }
-ExecutePushNotificationCommandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ExecutePushNotificationCommandComponent, deps: [{ token: i3$6.ActivatedRoute }, { token: i2.PortalService }, { token: i2.LocalStorageService }], target: i0.ɵɵFactoryTarget.Component });
+ExecutePushNotificationCommandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ExecutePushNotificationCommandComponent, deps: [{ token: i2$4.ActivatedRoute }, { token: i2.PortalService }, { token: i2.LocalStorageService }], target: i0.ɵɵFactoryTarget.Component });
 ExecutePushNotificationCommandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ExecutePushNotificationCommandComponent, selector: "bsu-execute-push-notification-command", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ExecutePushNotificationCommandComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-execute-push-notification-command', template: '', changeDetection: ChangeDetectionStrategy.OnPush }]
-        }], ctorParameters: function () { return [{ type: i3$6.ActivatedRoute }, { type: i2.PortalService }, { type: i2.LocalStorageService }]; } });
+        }], ctorParameters: function () { return [{ type: i2$4.ActivatedRoute }, { type: i2.PortalService }, { type: i2.LocalStorageService }]; } });
 
 class BarsaCartableTemplateComponent extends RichTextStaticComponent {
     ngOnInit() {
@@ -11348,16 +11373,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }] } });
 
 class BarsaCartableFormComponent extends FormBaseComponent {
-    constructor(_cdr, _portalService, _formPanelService, _el) {
-        super(_formPanelService);
-        this._cdr = _cdr;
-        this._portalService = _portalService;
-        this._formPanelService = _formPanelService;
-        this._el = _el;
+    constructor() {
+        super(...arguments);
         this._isSmallDevice = false;
-        this._isSmallDevice = this._isSmalDeviceSize(this._portalService.deviceSize);
     }
     ngOnInit() {
+        this._isSmallDevice = this._isSmalDeviceSize(this._portalService.deviceSize);
         super.ngOnInit();
         this._portalService.deviceSize$.subscribe((c) => {
             const isSmallDevice = this._isSmalDeviceSize(c);
@@ -11376,12 +11397,12 @@ class BarsaCartableFormComponent extends FormBaseComponent {
         return isSmallDevice;
     }
 }
-BarsaCartableFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCartableFormComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.PortalService }, { token: i2.FormPanelService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BarsaCartableFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCartableFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
 BarsaCartableFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCartableFormComponent, selector: "bsu-barsa-cartable-form", host: { properties: { "class.smallDevice": "this._isSmallDevice" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"layout94$ | async as layout94\">\n    <div class=\"groups-wrapper\">\n        <bsu-layout-control\n            class=\"search-group\"\n            *ngIf=\"'\u062C\u0633\u062A\u062C\u0648 \u06AF\u0631\u0648\u0647' | controlUi: layout94 as configUi\"\n            [caption]=\"'\u06AF\u0631\u0648\u0647\u0647\u0627\u06CC \u06A9\u0627\u0631\u062A\u0627\u0628\u0644'\"\n            [config]=\"configUi\"\n            [showLabel]=\"false\"\n        ></bsu-layout-control>\n        <bsu-layout-control\n            class=\"cartable-groups\"\n            *ngIf=\"'\u06AF\u0631\u0648\u0647\u0647\u0627\u06CC \u06A9\u0627\u0631\u062A\u0627\u0628\u0644 \u06A9\u0627\u0631\u0628\u0631' | controlUi: layout94 as configUi\"\n            [caption]=\"'\u06AF\u0631\u0648\u0647\u0647\u0627\u06CC \u06A9\u0627\u0631\u062A\u0627\u0628\u0644'\"\n            [config]=\"configUi\"\n            [showLabel]=\"false\"\n        ></bsu-layout-control>\n    </div>\n    <bsu-layout-control\n        class=\"cartable-radif\"\n        *ngIf=\"'\u0631\u062F\u06CC\u0641\u0647\u0627\u06CC \u06A9\u0627\u0631\u062A\u0627\u0628\u0644' | controlUi: layout94 as configUi\"\n        [caption]=\"'\u0631\u062F\u06CC\u0641\u0647\u0627\u06CC \u06A9\u0627\u0631\u062A\u0627\u0628\u0644'\"\n        [config]=\"configUi\"\n        [showLabel]=\"false\"\n    ></bsu-layout-control>\n</ng-container>\n", styles: [":host{display:flex;width:100%;height:100%;border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);background-color:#fff}:host.smallDevice{flex-direction:column}:host .groups-wrapper{display:flex;flex-direction:column;min-width:280px;max-width:280px;border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host .cartable-groups{flex:1}:host.smallDevice .groups-wrapper{width:100%;min-width:100%;max-width:100%}:host.smallDevice .search-group{display:none}div{flex:1}:host ::ng-deep .viewer-container{height:100%!important}:host ::ng-deep tbody{border:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: ["inlineEdit", "caption", "focusControl", "showLabel", "maxLabelWidth", "hasHorizontalText", "contentDensity", "flex", "RefreshLabel", "SetVisible"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.ControlUiPipe, name: "controlUi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCartableFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-barsa-cartable-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "<ng-container *ngIf=\"layout94$ | async as layout94\">\n    <div class=\"groups-wrapper\">\n        <bsu-layout-control\n            class=\"search-group\"\n            *ngIf=\"'\u062C\u0633\u062A\u062C\u0648 \u06AF\u0631\u0648\u0647' | controlUi: layout94 as configUi\"\n            [caption]=\"'\u06AF\u0631\u0648\u0647\u0647\u0627\u06CC \u06A9\u0627\u0631\u062A\u0627\u0628\u0644'\"\n            [config]=\"configUi\"\n            [showLabel]=\"false\"\n        ></bsu-layout-control>\n        <bsu-layout-control\n            class=\"cartable-groups\"\n            *ngIf=\"'\u06AF\u0631\u0648\u0647\u0647\u0627\u06CC \u06A9\u0627\u0631\u062A\u0627\u0628\u0644 \u06A9\u0627\u0631\u0628\u0631' | controlUi: layout94 as configUi\"\n            [caption]=\"'\u06AF\u0631\u0648\u0647\u0647\u0627\u06CC \u06A9\u0627\u0631\u062A\u0627\u0628\u0644'\"\n            [config]=\"configUi\"\n            [showLabel]=\"false\"\n        ></bsu-layout-control>\n    </div>\n    <bsu-layout-control\n        class=\"cartable-radif\"\n        *ngIf=\"'\u0631\u062F\u06CC\u0641\u0647\u0627\u06CC \u06A9\u0627\u0631\u062A\u0627\u0628\u0644' | controlUi: layout94 as configUi\"\n        [caption]=\"'\u0631\u062F\u06CC\u0641\u0647\u0627\u06CC \u06A9\u0627\u0631\u062A\u0627\u0628\u0644'\"\n        [config]=\"configUi\"\n        [showLabel]=\"false\"\n    ></bsu-layout-control>\n</ng-container>\n", styles: [":host{display:flex;width:100%;height:100%;border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);background-color:#fff}:host.smallDevice{flex-direction:column}:host .groups-wrapper{display:flex;flex-direction:column;min-width:280px;max-width:280px;border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host .cartable-groups{flex:1}:host.smallDevice .groups-wrapper{width:100%;min-width:100%;max-width:100%}:host.smallDevice .search-group{display:none}div{flex:1}:host ::ng-deep .viewer-container{height:100%!important}:host ::ng-deep tbody{border:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i2.PortalService }, { type: i2.FormPanelService }, { type: i0.ElementRef }]; }, propDecorators: { _isSmallDevice: [{
+        }], propDecorators: { _isSmallDevice: [{
                 type: HostBinding,
                 args: ['class.smallDevice']
             }] } });