barsa-sap-ui 2.0.13 → 2.0.15

package/fesm2022/barsa-sap-ui.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, Pipe, ElementRef, ViewChild, HostBinding, EventEmitter, Output, ViewEncapsulation, ViewChildren, Inject, Optional, Self, TemplateRef, HostListener, Directive, ViewContainerRef, inject, SkipSelf, NgModule, ChangeDetectorRef, signal, Injectable, APP_INITIALIZER, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, Pipe, ElementRef, ViewChild, HostBinding, EventEmitter, Output, ViewEncapsulation, ViewChildren, Inject, Optional, Self, TemplateRef, HostListener, Directive, inject, ViewContainerRef, SkipSelf, NgModule, ChangeDetectorRef, signal, Injectable, APP_INITIALIZER, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i2 from 'barsa-novin-ray-core';
-import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, LayoutService, SortDirection, BaseUlvSettingComponent, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, SelectionMode, GetAllColumnsSorted, measureText, getParentHeight, getControlSizeMode, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, getAllItemsPerChildren, setOneDepthLevel, BaseViewItemPropsComponent, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, BaseColumnPropsComponent, ColumnService, TableHeaderWidthMode, calcContextMenuWidth, setColumnWidthByMaxMoContentWidth, calculateWidthOfListColumn, DateRanges, LogService, UlvMainService, isFunction, UploadService, FilesValidationHelper, getValidExtension, getImagePath, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, getFieldValue, ContainerComponent, FORM_DIALOG_COMPONENT, ContainerService, FindToolbarItem, FindLayoutSettingFromLayout94, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, executeUlvCommandHandler, FillAllLayoutControls, getDeviceIsPhone, getDeviceIsTablet, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, ResizableModule, DIALOG_SERVICE } from 'barsa-novin-ray-core';
+import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, LayoutService, SortDirection, BaseUlvSettingComponent, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, SelectionMode, GetAllColumnsSorted, measureText, getParentHeight, getControlSizeMode, getDeviceIsDesktop, getDeviceIsTablet, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, getAllItemsPerChildren, setOneDepthLevel, BaseViewItemPropsComponent, MoReportValuePipe, ExecuteDynamicCommand, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, BaseColumnPropsComponent, ColumnService, TableHeaderWidthMode, calcContextMenuWidth, setColumnWidthByMaxMoContentWidth, calculateWidthOfListColumn, DateRanges, LogService, UlvMainService, isFunction, UploadService, FilesValidationHelper, getValidExtension, getImagePath, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, getFieldValue, ContainerComponent, FORM_DIALOG_COMPONENT, ContainerService, FindToolbarItem, FindLayoutSettingFromLayout94, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, executeUlvCommandHandler, FillAllLayoutControls, getDeviceIsPhone, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, ResizableModule, 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, concatMap, tap as tap$1, Observable, fromEvent, filter as filter$1 } from 'rxjs';
@@ -924,11 +924,11 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", 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 }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isChekbox": "this.isCheckbox", "attr.isButton": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hide) { @if (labelVisible) {\n<bsu-ly-label\n    [attr.labelWidth]=\"labelWidth\"\n    [attrRtl]\n    [class.no-padding]=\"config.Padding[0] === 0\"\n    [config]=\"config\"\n    [caption]=\"labelCaption\"\n    [originalWidth]=\"labelWidth\"\n    [style.min-width]=\"\n        config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'auto'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [style.width]=\"\n        config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'auto'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [isMandatory]=\"isMandatory\"\n    [fieldIcon]=\"fieldIcon\"\n    [originalXtype]=\"originalXtype\"\n    [textVisible]=\"textVisible\"\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\n></bsu-ly-label>\n}\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}\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: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "componentUi", "layoutInfo", "inlineEdit", "focusControl", "formHeight"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: LyLabelComponent, selector: "bsu-ly-label", inputs: ["originalWidth", "minWidth", "caption", "captionIcon", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isChekbox": "this.isCheckbox", "attr.isButton": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hide) { @if (labelVisible) {\n<bsu-ly-label\n    [attr.labelWidth]=\"labelWidth\"\n    [attrRtl]\n    [class.no-padding]=\"config.Padding[0] === 0\"\n    [config]=\"config\"\n    [caption]=\"labelCaption\"\n    [originalWidth]=\"labelWidth\"\n    [style.min-width]=\"\n        isCheckbox\n            ? 'fit-content'\n            : config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'auto'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [style.width]=\"\n        config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'auto'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [isMandatory]=\"isMandatory\"\n    [fieldIcon]=\"fieldIcon\"\n    [originalXtype]=\"originalXtype\"\n    [textVisible]=\"textVisible\"\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\n></bsu-ly-label>\n}\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}\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: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "componentUi", "layoutInfo", "inlineEdit", "focusControl", "formHeight"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: LyLabelComponent, selector: "bsu-ly-label", inputs: ["originalWidth", "minWidth", "caption", "captionIcon", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LayoutControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-layout-control', providers: [LayoutService], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!hide) { @if (labelVisible) {\n<bsu-ly-label\n    [attr.labelWidth]=\"labelWidth\"\n    [attrRtl]\n    [class.no-padding]=\"config.Padding[0] === 0\"\n    [config]=\"config\"\n    [caption]=\"labelCaption\"\n    [originalWidth]=\"labelWidth\"\n    [style.min-width]=\"\n        config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'auto'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [style.width]=\"\n        config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'auto'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [isMandatory]=\"isMandatory\"\n    [fieldIcon]=\"fieldIcon\"\n    [originalXtype]=\"originalXtype\"\n    [textVisible]=\"textVisible\"\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\n></bsu-ly-label>\n}\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}\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: "@if (!hide) { @if (labelVisible) {\n<bsu-ly-label\n    [attr.labelWidth]=\"labelWidth\"\n    [attrRtl]\n    [class.no-padding]=\"config.Padding[0] === 0\"\n    [config]=\"config\"\n    [caption]=\"labelCaption\"\n    [originalWidth]=\"labelWidth\"\n    [style.min-width]=\"\n        isCheckbox\n            ? 'fit-content'\n            : config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'auto'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [style.width]=\"\n        config.CaptionSetting?.AlignMode === 'AutoSize'\n            ? 'auto'\n            : isColumnDirection || isColumnReverseDirection\n            ? '100%'\n            : maxLabelWidth + 'px'\n    \"\n    [isMandatory]=\"isMandatory\"\n    [fieldIcon]=\"fieldIcon\"\n    [originalXtype]=\"originalXtype\"\n    [textVisible]=\"textVisible\"\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\n></bsu-ly-label>\n}\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}\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: () => [{ type: i2.FormPanelService }, { type: i0.ElementRef }, { type: i1$1.ContentDensityService }, { type: i1$2.DomSanitizer }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i2.BbbTranslatePipe }], propDecorators: { tempLabelRef: [{
                 type: ViewChild,
                 args: ['tempLabelRef', { read: ElementRef, static: true }]
@@ -2238,7 +2238,9 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
             });
         }
         if (visibleColumns.length > 2) {
-            if (this.viewSetting?.DisableResponsive || this._deviceNameSource.getValue() === 'desktop') {
+            if (this._isDisableResponsiveInDesktop() ||
+                this._isDisableResponsiveInMobile() ||
+                this._isDisableResponsiveInTablet()) {
                 const secColumns = this.secondaryColumnsSource.getValue();
                 if (secColumns.length) {
                     this.secondaryColumnsSource.next([]);
@@ -2248,6 +2250,18 @@ class SapUiReportBaseComponent extends ReportBaseComponent {
             this.secondaryColumnsSource.next(visibleColumns.slice(columnsCount, visibleColumns.length));
         }
     }
+    _isDisableResponsiveInDesktop() {
+        const isDesktop = getDeviceIsDesktop();
+        return this.viewSetting?.DisableResponsiveInDesktop && isDesktop;
+    }
+    _isDisableResponsiveInTablet() {
+        const isTablet = getDeviceIsTablet();
+        return this.viewSetting?.DisableResponsiveInTablet && isTablet;
+    }
+    _isDisableResponsiveInMobile() {
+        const isMobile = getDeviceIsMobile();
+        return this.viewSetting?.DisableResponsiveInMobile && isMobile;
+    }
     _openSettings(name, device) {
         let component = null;
         switch (name) {
@@ -2583,7 +2597,7 @@ class BarsaAspViewerComponent extends BaseComponent {
     }
     _onLoadIfram() {
         const iframEl = this.iframe.nativeElement;
-        if (this.unload) {
+        if (iframEl.contentWindow?.document?.body && iframEl.contentWindow.document.body.innerHTML.length < 200) {
             iframEl.removeEventListener('load', this._onLoadIfram);
             iframEl.removeEventListener('unload', this._unLoadIfram);
             this.unload = false;
@@ -3660,11 +3674,11 @@ class UlvContextMenuComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvContextMenuComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: { onlyOverflow: "onlyOverflow", deviceName: "deviceName", menuItems: "menuItems", allColumns: "allColumns", index: "index", mo: "mo", styleIndex: "styleIndex", conditionalFormats: "conditionalFormats", disableOverflowContextMenu: "disableOverflowContextMenu", footerMode: "footerMode" }, outputs: { commandClick: "commandClick" }, host: { properties: { "class.disableOverflow": "this._disableOverflow" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (footerMode) {\n  <div fd-bar barDesign=\"footer\" [cozy]=\"false\" style=\"width: 100%\">\n    @if (overflowMode) {\n      <div fd-bar-middle>\n        <ng-container *ngTemplateOutlet=\"footerToolbarTpl\"></ng-container>\n      </div>\n    }\n    @if (!overflowMode) {\n      <div fd-bar-right>\n        <ng-container *ngTemplateOutlet=\"footerToolbarTpl\"></ng-container>\n      </div>\n    }\n    <ng-template #footerToolbarTpl>\n      <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n        @for (cmd of menuItems; track cmd) {\n          <ng-container *ngTemplateOutlet=\"buttonTemplate; context: { $implicit: cmd }\"></ng-container>\n        }\n      </fd-toolbar>\n    </ng-template>\n  </div>\n} @else {\n  <ng-container\n        *ngTemplateOutlet=\"\n            overflowMode && !disableOverflowContextMenu ? overflowCommands : simpleCommands;\n            context: { $implicit: menuItems, index: index }\n        \"\n  ></ng-container>\n}\n\n<ng-template #simpleCommands let-commands let-index=\"index\">\n  @for (cmd of commands; track cmd) {\n    <ng-container *ngTemplateOutlet=\"menuButtonTemplate; context: { $implicit: cmd }\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #overflowCommands let-commands let-index=\"index\">\n  <fd-popover placement=\"bottom\" [(isOpen)]=\"isOpenOverflow\" [closeOnOutsideClick]=\"true\" [noArrow]=\"true\">\n    <fd-popover-control #popover>\n      <button fd-button (click)=\"onOpenOverflow($event)\" [fdType]=\"'transparent'\" [glyph]=\"'overflow'\"></button>\n    </fd-popover-control>\n    <fd-popover-body>\n      <ul fd-list>\n        @for (cmd of commands; track cmd) {\n          <li fd-list-item>\n            <ng-container *ngTemplateOutlet=\"menuButtonTemplate; context: { $implicit: cmd }\"></ng-container>\n          </li>\n        }\n      </ul>\n    </fd-popover-body>\n  </fd-popover>\n</ng-template>\n\n<ng-template #menuButtonTemplate let-cmd>\n  <ng-container\n    *ngTemplateOutlet=\"cmd.menu ? menuTemplate : buttonTemplate; context: { $implicit: cmd }\"\n  ></ng-container>\n</ng-template>\n<ng-template #menuTemplate let-cmd>\n  <fd-split-button fd-toolbar-item [mainAction]=\"{ mainActionTitle: cmd.text, keepMainAction: true }\">\n    <fd-menu>\n      @for (btnCommand of cmd.menu.items; track btnCommand) {\n        <li\n          fd-menu-item\n          #liEl\n          [applyConditionalFormats]=\"conditionalFormats\"\n          [styleIndex]=\"styleIndex\"\n          [dbName]=\"cmd.text\"\n          [hostEl]=\"liEl\"\n          (click)=\"onCommandSplitButtonClick($event, btnCommand)\"\n          >\n          <div fd-menu-interactive>\n            <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\n          </div>\n        </li>\n      }\n    </fd-menu>\n  </fd-split-button>\n</ng-template>\n<ng-template #buttonTemplate let-cmd>\n  <ng-container\n        *ngTemplateOutlet=\"\n            cmd?.Command?.CustomUi ? customButtonTemplate : defaultButtonTemplate;\n            context: { $implicit: cmd }\n        \"\n  ></ng-container>\n</ng-template>\n<ng-template #defaultButtonTemplate let-cmd>\n  <button\n    fd-button\n    #btnEl\n    [fdType]=\"cmd.Command?.JsonExtraProp?.Design ? cmd.Command?.JsonExtraProp.Design : 'transparent'\"\n    [label]=\"cmd.text | bbbTranslate\"\n    [glyph]=\"cmd.Command?.NewIcon || cmd.Command?.JsonExtraProp?.Icon || ''\"\n    [ulvCommandHandler]=\"cmd\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [dbName]=\"cmd.text\"\n    [hostEl]=\"btnEl\"\n    (commandClick)=\"onCommandClick($event)\"\n    >\n    @if (!cmd.Command?.NewIcon && !cmd.Command?.JsonExtraProp?.Icon) {\n      <img [src]=\"cmd.icon\" />\n    }\n  </button>\n</ng-template>\n<ng-template #customButtonTemplate let-cmd>\n  <div\n    #hostEl\n    [dbName]=\"cmd.text\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [hostEl]=\"hostEl\"\n    [styleIndex]=\"styleIndex\"\n    >\n    <bnrc-dynamic-form-toolbaritem\n      fd-toolbar-item\n      [ulvCommandHandler]=\"cmd\"\n      [component]=\"cmd.Command?.CustomUi\"\n      [mo]=\"mo\"\n      [context]=\"cmd\"\n      [showText]=\"disableOverflowContextMenu === false\"\n      [deviceName]=\"deviceName\"\n      [index]=\"index\"\n      [isEnable]=\"cmd.Command?._isEnable || cmd.Command?.UseForSingle\"\n      [allColumns]=\"allColumns\"\n      (btnClick)=\"onCommandClick($event)\"\n    ></bnrc-dynamic-form-toolbaritem>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;justify-content:center;align-items:center}:host ::ng-deep button{margin-top:0!important}:host ::ng-deep .fd-popover-custom{max-width:none}:host.disableOverflow{column-gap:5px}button{align-items:center}button div{display:flex}button ::ng-deep span{height:auto!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.UlvCommandDirective, selector: "[ulvCommandHandler]", inputs: ["ulvCommandHandler", "disable"], outputs: ["commandClick"] }, { kind: "component", type: i4.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "component", type: i6$2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i6$2.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$4.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i6$4.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i6$4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i6$3.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "glyphFont", "disabled", "fdType", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: { onlyOverflow: "onlyOverflow", deviceName: "deviceName", menuItems: "menuItems", allColumns: "allColumns", index: "index", mo: "mo", styleIndex: "styleIndex", conditionalFormats: "conditionalFormats", disableOverflowContextMenu: "disableOverflowContextMenu", footerMode: "footerMode" }, outputs: { commandClick: "commandClick" }, host: { properties: { "class.disableOverflow": "this._disableOverflow" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (footerMode) {\n<div fd-bar barDesign=\"footer\" [cozy]=\"false\" style=\"width: 100%\">\n    @if (overflowMode) {\n    <div fd-bar-middle>\n        <ng-container *ngTemplateOutlet=\"footerToolbarTpl\"></ng-container>\n    </div>\n    } @if (!overflowMode) {\n    <div fd-bar-right>\n        <ng-container *ngTemplateOutlet=\"footerToolbarTpl\"></ng-container>\n    </div>\n    }\n    <ng-template #footerToolbarTpl>\n        <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n            @for (cmd of menuItems; track cmd) {\n            <ng-container *ngTemplateOutlet=\"buttonTemplate; context: { $implicit: cmd }\"></ng-container>\n            }\n        </fd-toolbar>\n    </ng-template>\n</div>\n} @else {\n<ng-container\n    *ngTemplateOutlet=\"\n        overflowMode && !disableOverflowContextMenu ? overflowCommands : simpleCommands;\n        context: { $implicit: menuItems, index: index }\n    \"\n></ng-container>\n}\n\n<ng-template #simpleCommands let-commands let-index=\"index\">\n    @for (cmd of commands; track cmd) {\n    <ng-container *ngTemplateOutlet=\"menuButtonTemplate; context: { $implicit: cmd }\"></ng-container>\n    }\n</ng-template>\n\n<ng-template #overflowCommands let-commands let-index=\"index\">\n    <fd-popover placement=\"bottom\" [(isOpen)]=\"isOpenOverflow\" [closeOnOutsideClick]=\"true\" [noArrow]=\"true\">\n        <fd-popover-control #popover>\n            <button fd-button (click)=\"onOpenOverflow($event)\" [fdType]=\"'transparent'\" [glyph]=\"'overflow'\"></button>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ul fd-list>\n                @for (cmd of commands; track cmd) {\n                <li fd-list-item>\n                    <ng-container *ngTemplateOutlet=\"menuButtonTemplate; context: { $implicit: cmd }\"></ng-container>\n                </li>\n                }\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template #menuButtonTemplate let-cmd>\n    <ng-container\n        *ngTemplateOutlet=\"cmd.menu ? menuTemplate : buttonTemplate; context: { $implicit: cmd }\"\n    ></ng-container>\n</ng-template>\n<ng-template #menuTemplate let-cmd>\n    <fd-split-button fd-toolbar-item [mainAction]=\"{ mainActionTitle: cmd.text, keepMainAction: true }\">\n        <fd-menu>\n            @for (btnCommand of cmd.menu.items; track btnCommand) {\n            <li\n                fd-menu-item\n                #liEl\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"cmd.text\"\n                [hostEl]=\"liEl\"\n                (click)=\"onCommandSplitButtonClick($event, btnCommand)\"\n            >\n                <div fd-menu-interactive>\n                    <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\n                </div>\n            </li>\n            }\n        </fd-menu>\n    </fd-split-button>\n</ng-template>\n<ng-template #buttonTemplate let-cmd>\n    <ng-container\n        *ngTemplateOutlet=\"\n            cmd?.Command?.CustomUi ? customButtonTemplate : defaultButtonTemplate;\n            context: { $implicit: cmd }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #defaultButtonTemplate let-cmd>\n    <button\n        fd-button\n        #btnEl\n        [fdType]=\"cmd.Command?.JsonExtraProp?.Design ? cmd.Command?.JsonExtraProp.Design : 'transparent'\"\n        [glyph]=\"cmd.Command?.NewIcon || cmd.Command?.JsonExtraProp?.Icon || ''\"\n        [ulvCommandHandler]=\"cmd\"\n        [label]=\"cmd.Command?.NewIcon && cmd.Command?.JsonExtraProp?.Icon ? (cmd.text | bbbTranslate) : ''\"\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"cmd.text\"\n        [hostEl]=\"btnEl\"\n        (commandClick)=\"onCommandClick($event)\"\n    >\n        <!-- \u0686\u0648\u0646 \u0639\u06A9\u0633 \u062F\u0631 \u0633\u0645\u062A \u0631\u0627\u0633\u062A \u0642\u0631\u0627\u0631 \u0628\u06AF\u06CC\u0631\u062F \u0627\u0632 \u0644\u06CC\u0628\u0644 \u062F\u06A9\u0645\u0647 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0646\u06A9\u0631\u062F\u0645 -->\n        @if (!cmd.Command?.NewIcon && !cmd.Command?.JsonExtraProp?.Icon) {\n        <img [src]=\"cmd.icon\" />\n        }\n        <span *ngIf=\"!(cmd.Command?.NewIcon || cmd.Command?.JsonExtraProp?.Icon)\">{{ cmd.text | bbbTranslate }}</span>\n    </button>\n</ng-template>\n<ng-template #customButtonTemplate let-cmd>\n    <div\n        #hostEl\n        [dbName]=\"cmd.text\"\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"hostEl\"\n        [styleIndex]=\"styleIndex\"\n    >\n        <bnrc-dynamic-form-toolbaritem\n            fd-toolbar-item\n            [ulvCommandHandler]=\"cmd\"\n            [component]=\"cmd.Command?.CustomUi\"\n            [mo]=\"mo\"\n            [context]=\"cmd\"\n            [showText]=\"disableOverflowContextMenu === false\"\n            [deviceName]=\"deviceName\"\n            [index]=\"index\"\n            [isEnable]=\"cmd.Command?._isEnable || cmd.Command?.UseForSingle\"\n            [allColumns]=\"allColumns\"\n            (btnClick)=\"onCommandClick($event)\"\n        ></bnrc-dynamic-form-toolbaritem>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;justify-content:center;align-items:center}:host ::ng-deep button{margin-top:0!important}:host ::ng-deep .fd-popover-custom{max-width:none}:host.disableOverflow{column-gap:5px}button{align-items:center}button div{display:flex}button ::ng-deep span{height:auto!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.UlvCommandDirective, selector: "[ulvCommandHandler]", inputs: ["ulvCommandHandler", "disable"], outputs: ["commandClick"] }, { kind: "component", type: i4.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "component", type: i6$2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i6$2.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$4.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i6$4.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i6$4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: i6$3.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "glyphFont", "disabled", "fdType", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i7$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvContextMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ulv-context-menu,[ulvContextMenu]', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (footerMode) {\n  <div fd-bar barDesign=\"footer\" [cozy]=\"false\" style=\"width: 100%\">\n    @if (overflowMode) {\n      <div fd-bar-middle>\n        <ng-container *ngTemplateOutlet=\"footerToolbarTpl\"></ng-container>\n      </div>\n    }\n    @if (!overflowMode) {\n      <div fd-bar-right>\n        <ng-container *ngTemplateOutlet=\"footerToolbarTpl\"></ng-container>\n      </div>\n    }\n    <ng-template #footerToolbarTpl>\n      <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n        @for (cmd of menuItems; track cmd) {\n          <ng-container *ngTemplateOutlet=\"buttonTemplate; context: { $implicit: cmd }\"></ng-container>\n        }\n      </fd-toolbar>\n    </ng-template>\n  </div>\n} @else {\n  <ng-container\n        *ngTemplateOutlet=\"\n            overflowMode && !disableOverflowContextMenu ? overflowCommands : simpleCommands;\n            context: { $implicit: menuItems, index: index }\n        \"\n  ></ng-container>\n}\n\n<ng-template #simpleCommands let-commands let-index=\"index\">\n  @for (cmd of commands; track cmd) {\n    <ng-container *ngTemplateOutlet=\"menuButtonTemplate; context: { $implicit: cmd }\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #overflowCommands let-commands let-index=\"index\">\n  <fd-popover placement=\"bottom\" [(isOpen)]=\"isOpenOverflow\" [closeOnOutsideClick]=\"true\" [noArrow]=\"true\">\n    <fd-popover-control #popover>\n      <button fd-button (click)=\"onOpenOverflow($event)\" [fdType]=\"'transparent'\" [glyph]=\"'overflow'\"></button>\n    </fd-popover-control>\n    <fd-popover-body>\n      <ul fd-list>\n        @for (cmd of commands; track cmd) {\n          <li fd-list-item>\n            <ng-container *ngTemplateOutlet=\"menuButtonTemplate; context: { $implicit: cmd }\"></ng-container>\n          </li>\n        }\n      </ul>\n    </fd-popover-body>\n  </fd-popover>\n</ng-template>\n\n<ng-template #menuButtonTemplate let-cmd>\n  <ng-container\n    *ngTemplateOutlet=\"cmd.menu ? menuTemplate : buttonTemplate; context: { $implicit: cmd }\"\n  ></ng-container>\n</ng-template>\n<ng-template #menuTemplate let-cmd>\n  <fd-split-button fd-toolbar-item [mainAction]=\"{ mainActionTitle: cmd.text, keepMainAction: true }\">\n    <fd-menu>\n      @for (btnCommand of cmd.menu.items; track btnCommand) {\n        <li\n          fd-menu-item\n          #liEl\n          [applyConditionalFormats]=\"conditionalFormats\"\n          [styleIndex]=\"styleIndex\"\n          [dbName]=\"cmd.text\"\n          [hostEl]=\"liEl\"\n          (click)=\"onCommandSplitButtonClick($event, btnCommand)\"\n          >\n          <div fd-menu-interactive>\n            <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\n          </div>\n        </li>\n      }\n    </fd-menu>\n  </fd-split-button>\n</ng-template>\n<ng-template #buttonTemplate let-cmd>\n  <ng-container\n        *ngTemplateOutlet=\"\n            cmd?.Command?.CustomUi ? customButtonTemplate : defaultButtonTemplate;\n            context: { $implicit: cmd }\n        \"\n  ></ng-container>\n</ng-template>\n<ng-template #defaultButtonTemplate let-cmd>\n  <button\n    fd-button\n    #btnEl\n    [fdType]=\"cmd.Command?.JsonExtraProp?.Design ? cmd.Command?.JsonExtraProp.Design : 'transparent'\"\n    [label]=\"cmd.text | bbbTranslate\"\n    [glyph]=\"cmd.Command?.NewIcon || cmd.Command?.JsonExtraProp?.Icon || ''\"\n    [ulvCommandHandler]=\"cmd\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [dbName]=\"cmd.text\"\n    [hostEl]=\"btnEl\"\n    (commandClick)=\"onCommandClick($event)\"\n    >\n    @if (!cmd.Command?.NewIcon && !cmd.Command?.JsonExtraProp?.Icon) {\n      <img [src]=\"cmd.icon\" />\n    }\n  </button>\n</ng-template>\n<ng-template #customButtonTemplate let-cmd>\n  <div\n    #hostEl\n    [dbName]=\"cmd.text\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [hostEl]=\"hostEl\"\n    [styleIndex]=\"styleIndex\"\n    >\n    <bnrc-dynamic-form-toolbaritem\n      fd-toolbar-item\n      [ulvCommandHandler]=\"cmd\"\n      [component]=\"cmd.Command?.CustomUi\"\n      [mo]=\"mo\"\n      [context]=\"cmd\"\n      [showText]=\"disableOverflowContextMenu === false\"\n      [deviceName]=\"deviceName\"\n      [index]=\"index\"\n      [isEnable]=\"cmd.Command?._isEnable || cmd.Command?.UseForSingle\"\n      [allColumns]=\"allColumns\"\n      (btnClick)=\"onCommandClick($event)\"\n    ></bnrc-dynamic-form-toolbaritem>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;justify-content:center;align-items:center}:host ::ng-deep button{margin-top:0!important}:host ::ng-deep .fd-popover-custom{max-width:none}:host.disableOverflow{column-gap:5px}button{align-items:center}button div{display:flex}button ::ng-deep span{height:auto!important}\n"] }]
+            args: [{ selector: 'bsu-ulv-context-menu,[ulvContextMenu]', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (footerMode) {\n<div fd-bar barDesign=\"footer\" [cozy]=\"false\" style=\"width: 100%\">\n    @if (overflowMode) {\n    <div fd-bar-middle>\n        <ng-container *ngTemplateOutlet=\"footerToolbarTpl\"></ng-container>\n    </div>\n    } @if (!overflowMode) {\n    <div fd-bar-right>\n        <ng-container *ngTemplateOutlet=\"footerToolbarTpl\"></ng-container>\n    </div>\n    }\n    <ng-template #footerToolbarTpl>\n        <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n            @for (cmd of menuItems; track cmd) {\n            <ng-container *ngTemplateOutlet=\"buttonTemplate; context: { $implicit: cmd }\"></ng-container>\n            }\n        </fd-toolbar>\n    </ng-template>\n</div>\n} @else {\n<ng-container\n    *ngTemplateOutlet=\"\n        overflowMode && !disableOverflowContextMenu ? overflowCommands : simpleCommands;\n        context: { $implicit: menuItems, index: index }\n    \"\n></ng-container>\n}\n\n<ng-template #simpleCommands let-commands let-index=\"index\">\n    @for (cmd of commands; track cmd) {\n    <ng-container *ngTemplateOutlet=\"menuButtonTemplate; context: { $implicit: cmd }\"></ng-container>\n    }\n</ng-template>\n\n<ng-template #overflowCommands let-commands let-index=\"index\">\n    <fd-popover placement=\"bottom\" [(isOpen)]=\"isOpenOverflow\" [closeOnOutsideClick]=\"true\" [noArrow]=\"true\">\n        <fd-popover-control #popover>\n            <button fd-button (click)=\"onOpenOverflow($event)\" [fdType]=\"'transparent'\" [glyph]=\"'overflow'\"></button>\n        </fd-popover-control>\n        <fd-popover-body>\n            <ul fd-list>\n                @for (cmd of commands; track cmd) {\n                <li fd-list-item>\n                    <ng-container *ngTemplateOutlet=\"menuButtonTemplate; context: { $implicit: cmd }\"></ng-container>\n                </li>\n                }\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template #menuButtonTemplate let-cmd>\n    <ng-container\n        *ngTemplateOutlet=\"cmd.menu ? menuTemplate : buttonTemplate; context: { $implicit: cmd }\"\n    ></ng-container>\n</ng-template>\n<ng-template #menuTemplate let-cmd>\n    <fd-split-button fd-toolbar-item [mainAction]=\"{ mainActionTitle: cmd.text, keepMainAction: true }\">\n        <fd-menu>\n            @for (btnCommand of cmd.menu.items; track btnCommand) {\n            <li\n                fd-menu-item\n                #liEl\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"cmd.text\"\n                [hostEl]=\"liEl\"\n                (click)=\"onCommandSplitButtonClick($event, btnCommand)\"\n            >\n                <div fd-menu-interactive>\n                    <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\n                </div>\n            </li>\n            }\n        </fd-menu>\n    </fd-split-button>\n</ng-template>\n<ng-template #buttonTemplate let-cmd>\n    <ng-container\n        *ngTemplateOutlet=\"\n            cmd?.Command?.CustomUi ? customButtonTemplate : defaultButtonTemplate;\n            context: { $implicit: cmd }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #defaultButtonTemplate let-cmd>\n    <button\n        fd-button\n        #btnEl\n        [fdType]=\"cmd.Command?.JsonExtraProp?.Design ? cmd.Command?.JsonExtraProp.Design : 'transparent'\"\n        [glyph]=\"cmd.Command?.NewIcon || cmd.Command?.JsonExtraProp?.Icon || ''\"\n        [ulvCommandHandler]=\"cmd\"\n        [label]=\"cmd.Command?.NewIcon && cmd.Command?.JsonExtraProp?.Icon ? (cmd.text | bbbTranslate) : ''\"\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"cmd.text\"\n        [hostEl]=\"btnEl\"\n        (commandClick)=\"onCommandClick($event)\"\n    >\n        <!-- \u0686\u0648\u0646 \u0639\u06A9\u0633 \u062F\u0631 \u0633\u0645\u062A \u0631\u0627\u0633\u062A \u0642\u0631\u0627\u0631 \u0628\u06AF\u06CC\u0631\u062F \u0627\u0632 \u0644\u06CC\u0628\u0644 \u062F\u06A9\u0645\u0647 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0646\u06A9\u0631\u062F\u0645 -->\n        @if (!cmd.Command?.NewIcon && !cmd.Command?.JsonExtraProp?.Icon) {\n        <img [src]=\"cmd.icon\" />\n        }\n        <span *ngIf=\"!(cmd.Command?.NewIcon || cmd.Command?.JsonExtraProp?.Icon)\">{{ cmd.text | bbbTranslate }}</span>\n    </button>\n</ng-template>\n<ng-template #customButtonTemplate let-cmd>\n    <div\n        #hostEl\n        [dbName]=\"cmd.text\"\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"hostEl\"\n        [styleIndex]=\"styleIndex\"\n    >\n        <bnrc-dynamic-form-toolbaritem\n            fd-toolbar-item\n            [ulvCommandHandler]=\"cmd\"\n            [component]=\"cmd.Command?.CustomUi\"\n            [mo]=\"mo\"\n            [context]=\"cmd\"\n            [showText]=\"disableOverflowContextMenu === false\"\n            [deviceName]=\"deviceName\"\n            [index]=\"index\"\n            [isEnable]=\"cmd.Command?._isEnable || cmd.Command?.UseForSingle\"\n            [allColumns]=\"allColumns\"\n            (btnClick)=\"onCommandClick($event)\"\n        ></bnrc-dynamic-form-toolbaritem>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;justify-content:center;align-items:center}:host ::ng-deep button{margin-top:0!important}:host ::ng-deep .fd-popover-custom{max-width:none}:host.disableOverflow{column-gap:5px}button{align-items:center}button div{display:flex}button ::ng-deep span{height:auto!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { onlyOverflow: [{
                 type: Input
             }], deviceName: [{
@@ -3806,11 +3820,11 @@ class BarsaTreeItemComponent extends BaseViewItemPropsComponent {
         this.dragMoved.emit($event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTreeItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: { node: "node", selectedNode: "selectedNode", relationList: "relationList", hasDragDrop: "hasDragDrop", hideOpenIcon: "hideOpenIcon", hasArrowIcon: "hasArrowIcon", collapseIcon: "collapseIcon", loading: "loading", hasChildren: "hasChildren", leafCursorPointer: "leafCursorPointer", isExpand: "isExpand", children: "children", parentNode: "parentNode", text: "text", isHetro: "isHetro", enableNodeReordering: "enableNodeReordering" }, 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    [class.!tw-cursor-pointer]=\"leafCursorPointer\"\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    [cdkDragDisabled]=\"!enableNodeReordering\"\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    @if (hasDragDrop && !isHetro) {\n    <fd-icon glyph=\"grip\" font=\"BusinessSuiteInAppSymbols\" cdkDragHandle></fd-icon>\n    } @if (inDialog && isMultiSelect) {\n    <fd-checkbox [name]=\"node.Data.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onCheckbox($event)\"></fd-checkbox>\n    }\n\n    <div (click)=\"onRowCheck()\" style=\"display: flex; width: 100%; justify-content: space-between\">\n        <div style=\"display: flex; flex: 1\">\n            @if (hasArrowIcon) { @if (hasChildren) {\n            <div class=\"arrow-container\">\n                <button\n                    [attr.rtl]=\"rtl\"\n                    fd-button\n                    fdType=\"transparent\"\n                    [glyph]=\"hasChildren ? (isExpand ? 'slim-arrow-up' : collapseIcon) : ''\"\n                    (click)=\"onLoadChildren($event)\"\n                    (dblclick)=\"onExpandDblClick($event)\"\n                ></button>\n            </div>\n            } @else { @if (!parentNode?.hasOneDepthLevel) {\n            <div class=\"empty-container\" (click)=\"onRowCheck()\">\n                <button fd-button></button>\n            </div>\n            } } @if (loading) {\n            <fd-busy-indicator\n                style=\"display: flex; align-items: center; width: 2rem\"\n                size=\"s\"\n                [loading]=\"true\"\n            ></fd-busy-indicator>\n            } }\n            <div style=\"display: flex; flex: unset; align-items: center\" fd-list-title [focusable]=\"true\">\n                @if (!hideIcon) {\n                <img\n                    [src]=\"node.icon\"\n                    [style.padding-right.px]=\"!rtl ? 5 : null\"\n                    [style.padding-left.px]=\"rtl ? 5 : null\"\n                />\n                }\n                <span>{{ text }}</span>\n                @if (children) {\n                <span>{{ ' ( ' + children.length + ' )' }}</span>\n                }\n            </div>\n        </div>\n        @if (contextMenuItems && contextMenuItems.length > 0) {\n        <i\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        } @if (access?.Add !== false && !inDialog) {\n        <bsu-htree-create-new\n            [node]=\"node\"\n            [relationList]=\"relationList\"\n            (createNew)=\"onCreateNew($event)\"\n        ></bsu-htree-create-new>\n        }\n    </div>\n    @if (access?.View && !showOkCancelButtons && deviceName !== 'desktop' && !hideOpenIcon) {\n    <button fd-button [glyph]=\"navigationArrow\" fdType=\"transparent\" (click)=\"onNodeViewClick()\"></button>\n    }\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", 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:default}.tree-icon-children{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.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: i2$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$1.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "component", type: i1$5.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hasDragDrop", "hideOpenIcon", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "leafCursorPointer", "isExpand", "children", "parentNode", "text", "isHetro", "enableNodeReordering"], 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: { node: "node", selectedNode: "selectedNode", relationList: "relationList", hasDragDrop: "hasDragDrop", hideOpenIcon: "hideOpenIcon", hasArrowIcon: "hasArrowIcon", collapseIcon: "collapseIcon", loading: "loading", hasChildren: "hasChildren", leafCursorPointer: "leafCursorPointer", isExpand: "isExpand", children: "children", parentNode: "parentNode", text: "text", icon: "icon", color: "color", isHetro: "isHetro", enableNodeReordering: "enableNodeReordering" }, 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    [class.!tw-cursor-pointer]=\"leafCursorPointer\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"liEl\"\n    [focusable]=\"true\"\n    [attr.level]=\"level\"\n    [class.root-group]=\"level === 1\"\n    [interactive]=\"true\"\n    [selected]=\"isChecked\"\n    (dblclick)=\"onNodeViewClick()\"\n    cdkDrag\n    [cdkDragDisabled]=\"!enableNodeReordering\"\n    [cdkDragData]=\"node.Data.Id\"\n    (cdkDragMoved)=\"onDragMoved($event)\"\n    (click)=\"openOnClick ? onNodeViewClick() : onListItemClick(liEl, $event)\"\n>\n    <div (click)=\"onRowCheck()\" class=\"spacer\" [style.width]=\"(level - 1) * 4 + 'rem'\"></div>\n    @if (hasDragDrop && !isHetro) {\n    <fd-icon glyph=\"grip\" font=\"BusinessSuiteInAppSymbols\" cdkDragHandle></fd-icon>\n    } @if (inDialog && isMultiSelect) {\n    <fd-checkbox [name]=\"node.Data.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onCheckbox($event)\"></fd-checkbox>\n    }\n\n    <div (click)=\"onRowCheck()\" style=\"display: flex; width: 100%; justify-content: space-between\">\n        <div style=\"display: flex; flex: 1\">\n            @if (hasArrowIcon) { @if (hasChildren) {\n            <div class=\"arrow-container\">\n                <button\n                    [attr.rtl]=\"rtl\"\n                    fd-button\n                    fdType=\"transparent\"\n                    [glyph]=\"hasChildren ? (isExpand ? 'slim-arrow-up' : collapseIcon) : ''\"\n                    (click)=\"onLoadChildren($event)\"\n                    (dblclick)=\"onExpandDblClick($event)\"\n                ></button>\n            </div>\n            } @else { @if (!parentNode?.hasOneDepthLevel) {\n            <div class=\"empty-container\" (click)=\"onRowCheck()\">\n                <button fd-button></button>\n            </div>\n            } } @if(icon){\n            <i [style.color]=\"color\" class=\"icon-item\" fd-list-icon [glyph]=\"icon\"></i>\n            } @if (loading) {\n            <fd-busy-indicator\n                style=\"display: flex; align-items: center; width: 2rem\"\n                size=\"s\"\n                [loading]=\"true\"\n            ></fd-busy-indicator>\n            } }\n            <div style=\"display: flex; flex: unset; align-items: center\" fd-list-title [focusable]=\"true\">\n                @if (!hideIcon) {\n                <img\n                    [src]=\"node.icon\"\n                    [style.padding-right.px]=\"!rtl ? 5 : null\"\n                    [style.padding-left.px]=\"rtl ? 5 : null\"\n                />\n                }\n                <span [style.color]=\"color\">{{ text }}</span>\n                @if (children) {\n                <span>{{ ' ( ' + children.length + ' )' }}</span>\n                }\n            </div>\n        </div>\n        @if (contextMenuItems && contextMenuItems.length > 0) {\n        <i\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        } @if (access?.Add !== false && !inDialog) {\n        <bsu-htree-create-new\n            [node]=\"node\"\n            [relationList]=\"relationList\"\n            (createNew)=\"onCreateNew($event)\"\n        ></bsu-htree-create-new>\n        }\n    </div>\n    @if (access?.View && !showOkCancelButtons && deviceName !== 'desktop' && !hideOpenIcon) {\n    <button fd-button [glyph]=\"navigationArrow\" fdType=\"transparent\" (click)=\"onNodeViewClick()\"></button>\n    }\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", 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:default}.tree-icon-children{cursor:pointer}.icon-item{width:1.75rem}\n"], dependencies: [{ kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.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: i2$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2$1.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "component", type: i1$5.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role"] }, { 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", "hideOpenIcon", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "leafCursorPointer", "isExpand", "children", "parentNode", "text", "icon", "color", "isHetro", "enableNodeReordering"], 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: "17.3.5", 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    [class.!tw-cursor-pointer]=\"leafCursorPointer\"\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    [cdkDragDisabled]=\"!enableNodeReordering\"\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    @if (hasDragDrop && !isHetro) {\n    <fd-icon glyph=\"grip\" font=\"BusinessSuiteInAppSymbols\" cdkDragHandle></fd-icon>\n    } @if (inDialog && isMultiSelect) {\n    <fd-checkbox [name]=\"node.Data.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onCheckbox($event)\"></fd-checkbox>\n    }\n\n    <div (click)=\"onRowCheck()\" style=\"display: flex; width: 100%; justify-content: space-between\">\n        <div style=\"display: flex; flex: 1\">\n            @if (hasArrowIcon) { @if (hasChildren) {\n            <div class=\"arrow-container\">\n                <button\n                    [attr.rtl]=\"rtl\"\n                    fd-button\n                    fdType=\"transparent\"\n                    [glyph]=\"hasChildren ? (isExpand ? 'slim-arrow-up' : collapseIcon) : ''\"\n                    (click)=\"onLoadChildren($event)\"\n                    (dblclick)=\"onExpandDblClick($event)\"\n                ></button>\n            </div>\n            } @else { @if (!parentNode?.hasOneDepthLevel) {\n            <div class=\"empty-container\" (click)=\"onRowCheck()\">\n                <button fd-button></button>\n            </div>\n            } } @if (loading) {\n            <fd-busy-indicator\n                style=\"display: flex; align-items: center; width: 2rem\"\n                size=\"s\"\n                [loading]=\"true\"\n            ></fd-busy-indicator>\n            } }\n            <div style=\"display: flex; flex: unset; align-items: center\" fd-list-title [focusable]=\"true\">\n                @if (!hideIcon) {\n                <img\n                    [src]=\"node.icon\"\n                    [style.padding-right.px]=\"!rtl ? 5 : null\"\n                    [style.padding-left.px]=\"rtl ? 5 : null\"\n                />\n                }\n                <span>{{ text }}</span>\n                @if (children) {\n                <span>{{ ' ( ' + children.length + ' )' }}</span>\n                }\n            </div>\n        </div>\n        @if (contextMenuItems && contextMenuItems.length > 0) {\n        <i\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        } @if (access?.Add !== false && !inDialog) {\n        <bsu-htree-create-new\n            [node]=\"node\"\n            [relationList]=\"relationList\"\n            (createNew)=\"onCreateNew($event)\"\n        ></bsu-htree-create-new>\n        }\n    </div>\n    @if (access?.View && !showOkCancelButtons && deviceName !== 'desktop' && !hideOpenIcon) {\n    <button fd-button [glyph]=\"navigationArrow\" fdType=\"transparent\" (click)=\"onNodeViewClick()\"></button>\n    }\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", 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:default}.tree-icon-children{cursor:pointer}\n"] }]
+            args: [{ selector: 'bsu-barsa-tree-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li\n    fd-list-item\n    #liEl\n    [class.!tw-cursor-pointer]=\"leafCursorPointer\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"liEl\"\n    [focusable]=\"true\"\n    [attr.level]=\"level\"\n    [class.root-group]=\"level === 1\"\n    [interactive]=\"true\"\n    [selected]=\"isChecked\"\n    (dblclick)=\"onNodeViewClick()\"\n    cdkDrag\n    [cdkDragDisabled]=\"!enableNodeReordering\"\n    [cdkDragData]=\"node.Data.Id\"\n    (cdkDragMoved)=\"onDragMoved($event)\"\n    (click)=\"openOnClick ? onNodeViewClick() : onListItemClick(liEl, $event)\"\n>\n    <div (click)=\"onRowCheck()\" class=\"spacer\" [style.width]=\"(level - 1) * 4 + 'rem'\"></div>\n    @if (hasDragDrop && !isHetro) {\n    <fd-icon glyph=\"grip\" font=\"BusinessSuiteInAppSymbols\" cdkDragHandle></fd-icon>\n    } @if (inDialog && isMultiSelect) {\n    <fd-checkbox [name]=\"node.Data.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onCheckbox($event)\"></fd-checkbox>\n    }\n\n    <div (click)=\"onRowCheck()\" style=\"display: flex; width: 100%; justify-content: space-between\">\n        <div style=\"display: flex; flex: 1\">\n            @if (hasArrowIcon) { @if (hasChildren) {\n            <div class=\"arrow-container\">\n                <button\n                    [attr.rtl]=\"rtl\"\n                    fd-button\n                    fdType=\"transparent\"\n                    [glyph]=\"hasChildren ? (isExpand ? 'slim-arrow-up' : collapseIcon) : ''\"\n                    (click)=\"onLoadChildren($event)\"\n                    (dblclick)=\"onExpandDblClick($event)\"\n                ></button>\n            </div>\n            } @else { @if (!parentNode?.hasOneDepthLevel) {\n            <div class=\"empty-container\" (click)=\"onRowCheck()\">\n                <button fd-button></button>\n            </div>\n            } } @if(icon){\n            <i [style.color]=\"color\" class=\"icon-item\" fd-list-icon [glyph]=\"icon\"></i>\n            } @if (loading) {\n            <fd-busy-indicator\n                style=\"display: flex; align-items: center; width: 2rem\"\n                size=\"s\"\n                [loading]=\"true\"\n            ></fd-busy-indicator>\n            } }\n            <div style=\"display: flex; flex: unset; align-items: center\" fd-list-title [focusable]=\"true\">\n                @if (!hideIcon) {\n                <img\n                    [src]=\"node.icon\"\n                    [style.padding-right.px]=\"!rtl ? 5 : null\"\n                    [style.padding-left.px]=\"rtl ? 5 : null\"\n                />\n                }\n                <span [style.color]=\"color\">{{ text }}</span>\n                @if (children) {\n                <span>{{ ' ( ' + children.length + ' )' }}</span>\n                }\n            </div>\n        </div>\n        @if (contextMenuItems && contextMenuItems.length > 0) {\n        <i\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        } @if (access?.Add !== false && !inDialog) {\n        <bsu-htree-create-new\n            [node]=\"node\"\n            [relationList]=\"relationList\"\n            (createNew)=\"onCreateNew($event)\"\n        ></bsu-htree-create-new>\n        }\n    </div>\n    @if (access?.View && !showOkCancelButtons && deviceName !== 'desktop' && !hideOpenIcon) {\n    <button fd-button [glyph]=\"navigationArrow\" fdType=\"transparent\" (click)=\"onNodeViewClick()\"></button>\n    }\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", 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:default}.tree-icon-children{cursor:pointer}.icon-item{width:1.75rem}\n"] }]
         }], propDecorators: { node: [{
                 type: Input
             }], selectedNode: [{
@@ -3839,6 +3853,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                 type: Input
             }], text: [{
                 type: Input
+            }], icon: [{
+                type: Input
+            }], color: [{
+                type: Input
             }], isHetro: [{
                 type: Input
             }], enableNodeReordering: [{
@@ -3918,11 +3936,11 @@ class UiTreeViewComponent extends ReportViewBaseComponent {
         this.loadChildren.emit(node);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTreeViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiTreeViewComponent, selector: "bsu-ui-tree-view", inputs: { root: "root", selectedNode: "selectedNode", hasDragDrop: "hasDragDrop", isHetro: "isHetro", leafCursorPointer: "leafCursorPointer", relationList: "relationList", showOkCancelButtons: "showOkCancelButtons", enableNodeReordering: "enableNodeReordering", 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            [cdkDropListDisabled]=\"!enableNodeReordering\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            @if (moDataList?.length > 0) { @for (node of moDataList; track node.key; let index = $index) { @if\n            (node.visibility === true && node.parentNode | isExpandedNode) {\n            <bsu-barsa-tree-item\n                class=\"node-item\"\n                [attr.data-id]=\"node.Data.Id\"\n                [attr.id]=\"'node-' + node.Data.Id\"\n                [enableNodeReordering]=\"enableNodeReordering\"\n                [leafCursorPointer]=\"leafCursorPointer\"\n                [style.cursor]=\"cursor\"\n                [node]=\"node\"\n                [level]=\"node.level\"\n                [hideOpenIcon]=\"hideOpenIcon\"\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                [openOnClick]=\"openOnClick\"\n                [collapseIcon]=\"rtl ? 'slim-arrow-left' : 'slim-arrow-right'\"\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            } } } @else {\n            <bsu-no-data [simple]=\"true\"></bsu-no-data>\n            }\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\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: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: i7$2.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage", "id", "transparent"] }, { kind: "component", type: i7$2.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hasDragDrop", "hideOpenIcon", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "leafCursorPointer", "isExpand", "children", "parentNode", "text", "isHetro", "enableNodeReordering"], outputs: ["createNew", "select", "checkChange", "viewClick", "loadChildren", "dragMoved"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "pipe", type: i2.IsExpandedNodePipe, name: "isExpandedNode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiTreeViewComponent, selector: "bsu-ui-tree-view", inputs: { root: "root", selectedNode: "selectedNode", hasDragDrop: "hasDragDrop", isHetro: "isHetro", leafCursorPointer: "leafCursorPointer", relationList: "relationList", showOkCancelButtons: "showOkCancelButtons", enableNodeReordering: "enableNodeReordering", collapseIcon: "collapseIcon", iconField: "iconField", colorField: "colorField" }, 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            [cdkDropListDisabled]=\"!enableNodeReordering\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            @if (moDataList?.length > 0) { @for (node of moDataList; track node.key; let index = $index) { @if\n            (node.visibility === true && node.parentNode | isExpandedNode) {\n            <bsu-barsa-tree-item\n                class=\"node-item\"\n                [attr.data-id]=\"node.Data.Id\"\n                [attr.id]=\"'node-' + node.Data.Id\"\n                [enableNodeReordering]=\"enableNodeReordering\"\n                [leafCursorPointer]=\"leafCursorPointer && node.leaf\"\n                [style.cursor]=\"cursor\"\n                [node]=\"node\"\n                [icon]=\"iconField | rval: node.Data:allColumns\"\n                [color]=\"colorField | rval: node.Data:allColumns\"\n                [level]=\"node.level\"\n                [hideOpenIcon]=\"hideOpenIcon\"\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                [openOnClick]=\"openOnClick\"\n                [collapseIcon]=\"rtl ? 'slim-arrow-left' : 'slim-arrow-right'\"\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            } } } @else {\n            <bsu-no-data [simple]=\"true\"></bsu-no-data>\n            }\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\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: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: i7$2.LayoutPanelComponent, selector: "fd-layout-panel", inputs: ["backgroundImage", "id", "transparent"] }, { kind: "component", type: i7$2.LayoutPanelBodyComponent, selector: "fd-layout-panel-body", inputs: ["bleed"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hasDragDrop", "hideOpenIcon", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "leafCursorPointer", "isExpand", "children", "parentNode", "text", "icon", "color", "isHetro", "enableNodeReordering"], outputs: ["createNew", "select", "checkChange", "viewClick", "loadChildren", "dragMoved"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.IsExpandedNodePipe, name: "isExpandedNode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTreeViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-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            [cdkDropListDisabled]=\"!enableNodeReordering\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            @if (moDataList?.length > 0) { @for (node of moDataList; track node.key; let index = $index) { @if\n            (node.visibility === true && node.parentNode | isExpandedNode) {\n            <bsu-barsa-tree-item\n                class=\"node-item\"\n                [attr.data-id]=\"node.Data.Id\"\n                [attr.id]=\"'node-' + node.Data.Id\"\n                [enableNodeReordering]=\"enableNodeReordering\"\n                [leafCursorPointer]=\"leafCursorPointer\"\n                [style.cursor]=\"cursor\"\n                [node]=\"node\"\n                [level]=\"node.level\"\n                [hideOpenIcon]=\"hideOpenIcon\"\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                [openOnClick]=\"openOnClick\"\n                [collapseIcon]=\"rtl ? 'slim-arrow-left' : 'slim-arrow-right'\"\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            } } } @else {\n            <bsu-no-data [simple]=\"true\"></bsu-no-data>\n            }\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\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-ui-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            [cdkDropListDisabled]=\"!enableNodeReordering\"\n            (cdkDropListDropped)=\"onDrop($event)\"\n            [cdkDropListSortingDisabled]=\"true\"\n        >\n            @if (moDataList?.length > 0) { @for (node of moDataList; track node.key; let index = $index) { @if\n            (node.visibility === true && node.parentNode | isExpandedNode) {\n            <bsu-barsa-tree-item\n                class=\"node-item\"\n                [attr.data-id]=\"node.Data.Id\"\n                [attr.id]=\"'node-' + node.Data.Id\"\n                [enableNodeReordering]=\"enableNodeReordering\"\n                [leafCursorPointer]=\"leafCursorPointer && node.leaf\"\n                [style.cursor]=\"cursor\"\n                [node]=\"node\"\n                [icon]=\"iconField | rval: node.Data:allColumns\"\n                [color]=\"colorField | rval: node.Data:allColumns\"\n                [level]=\"node.level\"\n                [hideOpenIcon]=\"hideOpenIcon\"\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                [openOnClick]=\"openOnClick\"\n                [collapseIcon]=\"rtl ? 'slim-arrow-left' : 'slim-arrow-right'\"\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            } } } @else {\n            <bsu-no-data [simple]=\"true\"></bsu-no-data>\n            }\n        </ul>\n    </fd-layout-panel-body>\n</fd-layout-panel>\n\n<!--noData-->\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: [{
@@ -3941,6 +3959,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                 type: Input
             }], collapseIcon: [{
                 type: Input
+            }], iconField: [{
+                type: Input
+            }], colorField: [{
+                type: Input
             }], checkChange: [{
                 type: Output
             }], nodeSelect: [{
@@ -3960,6 +3982,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
             }] } });
 
 class UiTreeComponent extends ReportTreeBaseComponent {
+    constructor() {
+        super(...arguments);
+        this._rval = inject(MoReportValuePipe);
+    }
     ngOnInit() {
         super.ngOnInit();
         this.collapseIcon$ = this._portalService.rtl$.pipe(
@@ -4028,17 +4054,24 @@ class UiTreeComponent extends ReportTreeBaseComponent {
         if (this.viewSetting?.OnlyExecuteLeafNode === true && !ev.node.leaf) {
             return;
         }
+        if (this.viewSetting?.DynamicCommandField) {
+            const dyn = this._rval.transform(this.viewSetting?.DynamicCommandField, ev.node.Data, this.allColumns);
+            if (dyn) {
+                ExecuteDynamicCommand(dyn, ev.node.Data);
+                return;
+            }
+        }
         this._raiseRowClick(ev.index, ev.node);
     }
     onLoadChildren(node) {
         this.loadChildren(node);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTreeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiTreeComponent, selector: "bsu-ui-tree", inputs: { showOkCancelButtons: "showOkCancelButtons" }, usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        renderTree;\n        context: {\n            $implicit: root$ | async,\n            moDataList: flatMoDataList,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: visibleColumns$ | async,\n            groupby: groupby$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: context.Setting.View?.ConditionalFormats,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            hideToolbar: hideToolbar$ | async,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            hideOpenIcon: viewSetting?.HideOpenIcon,\n            openOnClick: viewSetting?.OpenOnClick,\n            onlyExecuteLeafNode: viewSetting?.OnlyExecuteLeafNode,\n            enableNodeReordering: viewSetting?.EnableNodeReordering,\n            selectedNode: selectedNode$ | async,\n            navigationArrow: navigationArrow$ | async,\n            collapseIcon: collapseIcon$ | async,\n            relationList: context.Setting.View.RelationList,\n            rtl: rtl$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            isHetro: context.Setting.ClassNames.DataClass === 'Ul.HetroTreeUlvDataCtrlr',\n            selectedMo: selectedMo$ | async\n        }\n    \"\n></ng-container>\n\n<ng-template\n    #renderTree\n    let-root\n    let-moDataList=\"moDataList\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-access=\"access\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-selectedNode=\"selectedNode\"\n    let-navigationArrow=\"navigationArrow\"\n    let-collapseIcon=\"collapseIcon\"\n    let-rtl=\"rtl\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-relationList=\"relationList\"\n    let-isHetro=\"isHetro\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-selectedMo=\"selectedMo\"\n    let-hideOpenIcon=\"hideOpenIcon\"\n    let-openOnClick=\"openOnClick\"\n    let-enableNodeReordering=\"enableNodeReordering\"\n    let-onlyExecuteLeafNode=\"onlyExecuteLeafNode\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n    >\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'collapse-all'\"\n            (click)=\"onCollapseAll()\"\n        ></button>\n        @if (!showOkCancelButtons) {\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'move'\"\n            (click)=\"onOpenMoveToDialog(selectedNode, deviceName, moveDialog)\"\n        ></button>\n        }\n    </bsu-ulv-toolbar>\n    <bsu-ui-tree-view\n        [leafCursorPointer]=\"onlyExecuteLeafNode && openOnClick\"\n        [rtl]=\"rtl\"\n        [relationList]=\"relationList\"\n        [root]=\"root\"\n        [selectedMo]=\"selectedMo\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [collapseIcon]=\"collapseIcon\"\n        [selectedNode]=\"selectedNode\"\n        [access]=\"access\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [enableNodeReordering]=\"enableNodeReordering\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [openOnClick]=\"openOnClick\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [moDataList]=\"moDataList\"\n        [groupby]=\"groupby\"\n        [isHetro]=\"isHetro\"\n        [isCheckList]=\"isCheckList\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        (checkChange)=\"onCheckChange($event)\"\n        (itemDrop)=\"onDrop($event)\"\n        (itemDragMoved)=\"onDragMoved($event)\"\n        (nodeUlvCommand)=\"onNodeUlvCommand($event)\"\n        (nodeViewClick)=\"onNodeViewClick($event)\"\n        (loadChildren)=\"onLoadChildren($event)\"\n        (nodeSelect)=\"onNodeSelect($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (createNew)=\"onCreateNew($event)\"\n    >\n    </bsu-ui-tree-view>\n    <ng-template let-dialog let-dialogConfig=\"dialogConfig\" #moveDialog>\n        <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n            <fd-dialog-header>\n                <h1 fd-title>{{ 'Move' | bbbTranslate }}</h1>\n                <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n            </fd-dialog-header>\n\n            <fd-dialog-body>\n                <div class=\"move-to\" (keydown.enter)=\"onConfirmDialog(dialogSelectedNode)\">\n                    <bsu-ui-tree-view\n                        [rtl]=\"rtl\"\n                        [root]=\"root\"\n                        [access]=\"access\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [deviceName]=\"deviceName\"\n                        [deviceSize]=\"deviceSize\"\n                        [hasDragDrop]=\"false\"\n                        [enableNodeReordering]=\"enableNodeReordering\"\n                        [openOnClick]=\"openOnClick\"\n                        [selectedNode]=\"dialogSelectedNode\"\n                        [moDataList]=\"flatMoDataList\"\n                        [groupby]=\"groupby\"\n                        [isCheckList]=\"isCheckList\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        (loadChildren)=\"onLoadChildren($event)\"\n                        (nodeSelect)=\"onSelectNodeInMoveDialog($event)\"\n                    ></bsu-ui-tree-view>\n                </div>\n            </fd-dialog-body>\n\n            <fd-dialog-footer>\n                <ng-template fdkTemplate=\"footer\">\n                    <div fd-bar-right>\n                        <fd-button-bar\n                            fdType=\"emphasized\"\n                            [label]=\"'OK' | bbbTranslate\"\n                            (click)=\"onConfirmDialog(dialogSelectedNode)\"\n                        >\n                        </fd-button-bar>\n                        <fd-button-bar fd-initial-focus [label]=\"'Cancel' | bbbTranslate\" (click)=\"onDismissDialog()\">\n                        </fd-button-bar>\n                    </div>\n                </ng-template>\n            </fd-dialog-footer>\n        </fd-dialog>\n    </ng-template>\n</ng-template>\n", styles: [":host{width:100%;box-sizing:border-box;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4$1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: i5$1.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTreeViewComponent, selector: "bsu-ui-tree-view", inputs: ["root", "selectedNode", "hasDragDrop", "isHetro", "leafCursorPointer", "relationList", "showOkCancelButtons", "enableNodeReordering", "collapseIcon"], outputs: ["checkChange", "nodeSelect", "createNew", "loadChildren", "nodeViewClick", "nodeUlvCommand", "itemDrop", "itemDragMoved"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiTreeComponent, selector: "bsu-ui-tree", inputs: { showOkCancelButtons: "showOkCancelButtons" }, usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        renderTree;\n        context: {\n            $implicit: root$ | async,\n            moDataList: flatMoDataList,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: visibleColumns$ | async,\n            groupby: groupby$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: context.Setting.View?.ConditionalFormats,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            hideToolbar: hideToolbar$ | async,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            hideOpenIcon: viewSetting?.HideOpenIcon,\n            openOnClick: viewSetting?.OpenOnClick,\n            onlyExecuteLeafNode: viewSetting?.OnlyExecuteLeafNode,\n            enableNodeReordering: viewSetting?.EnableNodeReordering,\n            iconField: viewSetting?.IconField,\n            colorField: viewSetting?.ColorField,\n            selectedNode: selectedNode$ | async,\n            navigationArrow: navigationArrow$ | async,\n            collapseIcon: collapseIcon$ | async,\n            relationList: context.Setting.View.RelationList,\n            allColumns: allColumns,\n            rtl: rtl$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            isHetro: context.Setting.ClassNames.DataClass === 'Ul.HetroTreeUlvDataCtrlr',\n            selectedMo: selectedMo$ | async\n        }\n    \"\n></ng-container>\n\n<ng-template\n    #renderTree\n    let-root\n    let-moDataList=\"moDataList\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-access=\"access\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-selectedNode=\"selectedNode\"\n    let-navigationArrow=\"navigationArrow\"\n    let-collapseIcon=\"collapseIcon\"\n    let-rtl=\"rtl\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-relationList=\"relationList\"\n    let-isHetro=\"isHetro\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-selectedMo=\"selectedMo\"\n    let-hideOpenIcon=\"hideOpenIcon\"\n    let-openOnClick=\"openOnClick\"\n    let-enableNodeReordering=\"enableNodeReordering\"\n    let-onlyExecuteLeafNode=\"onlyExecuteLeafNode\"\n    let-iconField=\"iconField\"\n    let-colorField=\"colorField\"\n    let-allColumns=\"allColumns\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n    >\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'collapse-all'\"\n            (click)=\"onCollapseAll()\"\n        ></button>\n        @if (!showOkCancelButtons) {\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'move'\"\n            (click)=\"onOpenMoveToDialog(selectedNode, deviceName, moveDialog)\"\n        ></button>\n        }\n    </bsu-ulv-toolbar>\n    <bsu-ui-tree-view\n        [leafCursorPointer]=\"onlyExecuteLeafNode && openOnClick\"\n        [rtl]=\"rtl\"\n        [relationList]=\"relationList\"\n        [root]=\"root\"\n        [allColumns]=\"allColumns\"\n        [selectedMo]=\"selectedMo\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [iconField]=\"iconField\"\n        [colorField]=\"colorField\"\n        [navigationArrow]=\"navigationArrow\"\n        [collapseIcon]=\"collapseIcon\"\n        [selectedNode]=\"selectedNode\"\n        [access]=\"access\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [enableNodeReordering]=\"enableNodeReordering\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [openOnClick]=\"openOnClick\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [moDataList]=\"moDataList\"\n        [groupby]=\"groupby\"\n        [isHetro]=\"isHetro\"\n        [isCheckList]=\"isCheckList\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        (checkChange)=\"onCheckChange($event)\"\n        (itemDrop)=\"onDrop($event)\"\n        (itemDragMoved)=\"onDragMoved($event)\"\n        (nodeUlvCommand)=\"onNodeUlvCommand($event)\"\n        (nodeViewClick)=\"onNodeViewClick($event)\"\n        (loadChildren)=\"onLoadChildren($event)\"\n        (nodeSelect)=\"onNodeSelect($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (createNew)=\"onCreateNew($event)\"\n    >\n    </bsu-ui-tree-view>\n    <ng-template let-dialog let-dialogConfig=\"dialogConfig\" #moveDialog>\n        <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n            <fd-dialog-header>\n                <h1 fd-title>{{ 'Move' | bbbTranslate }}</h1>\n                <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n            </fd-dialog-header>\n\n            <fd-dialog-body>\n                <div class=\"move-to\" (keydown.enter)=\"onConfirmDialog(dialogSelectedNode)\">\n                    <bsu-ui-tree-view\n                        [rtl]=\"rtl\"\n                        [root]=\"root\"\n                        [access]=\"access\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [deviceName]=\"deviceName\"\n                        [deviceSize]=\"deviceSize\"\n                        [hasDragDrop]=\"false\"\n                        [enableNodeReordering]=\"enableNodeReordering\"\n                        [openOnClick]=\"openOnClick\"\n                        [selectedNode]=\"dialogSelectedNode\"\n                        [moDataList]=\"flatMoDataList\"\n                        [groupby]=\"groupby\"\n                        [isCheckList]=\"isCheckList\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        (loadChildren)=\"onLoadChildren($event)\"\n                        (nodeSelect)=\"onSelectNodeInMoveDialog($event)\"\n                    ></bsu-ui-tree-view>\n                </div>\n            </fd-dialog-body>\n\n            <fd-dialog-footer>\n                <ng-template fdkTemplate=\"footer\">\n                    <div fd-bar-right>\n                        <fd-button-bar\n                            fdType=\"emphasized\"\n                            [label]=\"'OK' | bbbTranslate\"\n                            (click)=\"onConfirmDialog(dialogSelectedNode)\"\n                        >\n                        </fd-button-bar>\n                        <fd-button-bar fd-initial-focus [label]=\"'Cancel' | bbbTranslate\" (click)=\"onDismissDialog()\">\n                        </fd-button-bar>\n                    </div>\n                </ng-template>\n            </fd-dialog-footer>\n        </fd-dialog>\n    </ng-template>\n</ng-template>\n", styles: [":host{width:100%;box-sizing:border-box;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4$1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: i5$1.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTreeViewComponent, selector: "bsu-ui-tree-view", inputs: ["root", "selectedNode", "hasDragDrop", "isHetro", "leafCursorPointer", "relationList", "showOkCancelButtons", "enableNodeReordering", "collapseIcon", "iconField", "colorField"], outputs: ["checkChange", "nodeSelect", "createNew", "loadChildren", "nodeViewClick", "nodeUlvCommand", "itemDrop", "itemDragMoved"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SeperatorFixPipe, name: "seperatorFix" }, { kind: "pipe", type: i2.ContextMenuPipe, name: "contextMenu" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-tree', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"\n        renderTree;\n        context: {\n            $implicit: root$ | async,\n            moDataList: flatMoDataList,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: visibleColumns$ | async,\n            groupby: groupby$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: context.Setting.View?.ConditionalFormats,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            hideToolbar: hideToolbar$ | async,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            hideOpenIcon: viewSetting?.HideOpenIcon,\n            openOnClick: viewSetting?.OpenOnClick,\n            onlyExecuteLeafNode: viewSetting?.OnlyExecuteLeafNode,\n            enableNodeReordering: viewSetting?.EnableNodeReordering,\n            selectedNode: selectedNode$ | async,\n            navigationArrow: navigationArrow$ | async,\n            collapseIcon: collapseIcon$ | async,\n            relationList: context.Setting.View.RelationList,\n            rtl: rtl$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            isHetro: context.Setting.ClassNames.DataClass === 'Ul.HetroTreeUlvDataCtrlr',\n            selectedMo: selectedMo$ | async\n        }\n    \"\n></ng-container>\n\n<ng-template\n    #renderTree\n    let-root\n    let-moDataList=\"moDataList\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-access=\"access\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-selectedNode=\"selectedNode\"\n    let-navigationArrow=\"navigationArrow\"\n    let-collapseIcon=\"collapseIcon\"\n    let-rtl=\"rtl\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-relationList=\"relationList\"\n    let-isHetro=\"isHetro\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-selectedMo=\"selectedMo\"\n    let-hideOpenIcon=\"hideOpenIcon\"\n    let-openOnClick=\"openOnClick\"\n    let-enableNodeReordering=\"enableNodeReordering\"\n    let-onlyExecuteLeafNode=\"onlyExecuteLeafNode\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n    >\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'collapse-all'\"\n            (click)=\"onCollapseAll()\"\n        ></button>\n        @if (!showOkCancelButtons) {\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'move'\"\n            (click)=\"onOpenMoveToDialog(selectedNode, deviceName, moveDialog)\"\n        ></button>\n        }\n    </bsu-ulv-toolbar>\n    <bsu-ui-tree-view\n        [leafCursorPointer]=\"onlyExecuteLeafNode && openOnClick\"\n        [rtl]=\"rtl\"\n        [relationList]=\"relationList\"\n        [root]=\"root\"\n        [selectedMo]=\"selectedMo\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [collapseIcon]=\"collapseIcon\"\n        [selectedNode]=\"selectedNode\"\n        [access]=\"access\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [enableNodeReordering]=\"enableNodeReordering\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [openOnClick]=\"openOnClick\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [moDataList]=\"moDataList\"\n        [groupby]=\"groupby\"\n        [isHetro]=\"isHetro\"\n        [isCheckList]=\"isCheckList\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        (checkChange)=\"onCheckChange($event)\"\n        (itemDrop)=\"onDrop($event)\"\n        (itemDragMoved)=\"onDragMoved($event)\"\n        (nodeUlvCommand)=\"onNodeUlvCommand($event)\"\n        (nodeViewClick)=\"onNodeViewClick($event)\"\n        (loadChildren)=\"onLoadChildren($event)\"\n        (nodeSelect)=\"onNodeSelect($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (createNew)=\"onCreateNew($event)\"\n    >\n    </bsu-ui-tree-view>\n    <ng-template let-dialog let-dialogConfig=\"dialogConfig\" #moveDialog>\n        <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n            <fd-dialog-header>\n                <h1 fd-title>{{ 'Move' | bbbTranslate }}</h1>\n                <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n            </fd-dialog-header>\n\n            <fd-dialog-body>\n                <div class=\"move-to\" (keydown.enter)=\"onConfirmDialog(dialogSelectedNode)\">\n                    <bsu-ui-tree-view\n                        [rtl]=\"rtl\"\n                        [root]=\"root\"\n                        [access]=\"access\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [deviceName]=\"deviceName\"\n                        [deviceSize]=\"deviceSize\"\n                        [hasDragDrop]=\"false\"\n                        [enableNodeReordering]=\"enableNodeReordering\"\n                        [openOnClick]=\"openOnClick\"\n                        [selectedNode]=\"dialogSelectedNode\"\n                        [moDataList]=\"flatMoDataList\"\n                        [groupby]=\"groupby\"\n                        [isCheckList]=\"isCheckList\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        (loadChildren)=\"onLoadChildren($event)\"\n                        (nodeSelect)=\"onSelectNodeInMoveDialog($event)\"\n                    ></bsu-ui-tree-view>\n                </div>\n            </fd-dialog-body>\n\n            <fd-dialog-footer>\n                <ng-template fdkTemplate=\"footer\">\n                    <div fd-bar-right>\n                        <fd-button-bar\n                            fdType=\"emphasized\"\n                            [label]=\"'OK' | bbbTranslate\"\n                            (click)=\"onConfirmDialog(dialogSelectedNode)\"\n                        >\n                        </fd-button-bar>\n                        <fd-button-bar fd-initial-focus [label]=\"'Cancel' | bbbTranslate\" (click)=\"onDismissDialog()\">\n                        </fd-button-bar>\n                    </div>\n                </ng-template>\n            </fd-dialog-footer>\n        </fd-dialog>\n    </ng-template>\n</ng-template>\n", styles: [":host{width:100%;box-sizing:border-box;display:inline-block}\n"] }]
+            args: [{ selector: 'bsu-ui-tree', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"\n        renderTree;\n        context: {\n            $implicit: root$ | async,\n            moDataList: flatMoDataList,\n            isCheckList: context.Setting.View?.IsCheckList,\n            columns: visibleColumns$ | async,\n            groupby: groupby$ | async,\n            toolbarButtons: (toolbarButtons$ | async)!! | seperatorFix,\n            contextMenuItems: menuItems$ | async | contextMenu: context.Setting.View?.IsCheckList,\n            conditionalFormats: context.Setting.View?.ConditionalFormats,\n            deviceName: deviceName$ | async,\n            deviceSize: deviceSize$ | async,\n            access: context.Setting.Extra?.DefaultCommandsAccess,\n            title: title$ | async,\n            inlineEditMode: inlineEditMode$ | async,\n            allowInlineEdit: allowInlineEdit$ | async,\n            hideToolbar: hideToolbar$ | async,\n            gridSetting: gridSetting$ | async,\n            contentDensity: contentDensity$ | async,\n            hasSelected: hasSelected$ | async,\n            showOkCancelButtons: showOkCancelButtons,\n            hideOpenIcon: viewSetting?.HideOpenIcon,\n            openOnClick: viewSetting?.OpenOnClick,\n            onlyExecuteLeafNode: viewSetting?.OnlyExecuteLeafNode,\n            enableNodeReordering: viewSetting?.EnableNodeReordering,\n            iconField: viewSetting?.IconField,\n            colorField: viewSetting?.ColorField,\n            selectedNode: selectedNode$ | async,\n            navigationArrow: navigationArrow$ | async,\n            collapseIcon: collapseIcon$ | async,\n            relationList: context.Setting.View.RelationList,\n            allColumns: allColumns,\n            rtl: rtl$ | async,\n            inDialog: inDialog$ | async,\n            isMultiSelect: isMultiSelect$ | async,\n            disableOverflowContextMenu: viewSetting?.DisableOverflowContextMenu,\n            isHetro: context.Setting.ClassNames.DataClass === 'Ul.HetroTreeUlvDataCtrlr',\n            selectedMo: selectedMo$ | async\n        }\n    \"\n></ng-container>\n\n<ng-template\n    #renderTree\n    let-root\n    let-moDataList=\"moDataList\"\n    let-deviceName=\"deviceName\"\n    let-deviceSize=\"deviceSize\"\n    let-toolbarButtons=\"toolbarButtons\"\n    let-title=\"title\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-allowInlineEdit=\"allowInlineEdit\"\n    let-hideToolbar=\"hideToolbar\"\n    let-gridSetting=\"gridSetting\"\n    let-contentDensity=\"contentDensity\"\n    let-access=\"access\"\n    let-contextMenuItems=\"contextMenuItems\"\n    let-conditionalFormats=\"conditionalFormats\"\n    let-isCheckList=\"isCheckList\"\n    let-groupby=\"groupby\"\n    let-hasSelected=\"hasSelected\"\n    let-showOkCancelButtons=\"showOkCancelButtons\"\n    let-selectedNode=\"selectedNode\"\n    let-navigationArrow=\"navigationArrow\"\n    let-collapseIcon=\"collapseIcon\"\n    let-rtl=\"rtl\"\n    let-disableOverflowContextMenu=\"disableOverflowContextMenu\"\n    let-relationList=\"relationList\"\n    let-isHetro=\"isHetro\"\n    let-inDialog=\"inDialog\"\n    let-isMultiSelect=\"isMultiSelect\"\n    let-selectedMo=\"selectedMo\"\n    let-hideOpenIcon=\"hideOpenIcon\"\n    let-openOnClick=\"openOnClick\"\n    let-enableNodeReordering=\"enableNodeReordering\"\n    let-onlyExecuteLeafNode=\"onlyExecuteLeafNode\"\n    let-iconField=\"iconField\"\n    let-colorField=\"colorField\"\n    let-allColumns=\"allColumns\"\n>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"hideToolbar\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [gridSetting]=\"gridSetting\"\n        [title]=\"title\"\n        [hasSelected]=\"hasSelected\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [moDataListCount]=\"moDataList.length\"\n        (sortClick)=\"onSortSettings(deviceName)\"\n        (groupbyClick)=\"onGroupbySettings(deviceName)\"\n        (columnClick)=\"onColumnSettings(deviceName)\"\n        (editModeClick)=\"onEditMode()\"\n    >\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'collapse-all'\"\n            (click)=\"onCollapseAll()\"\n        ></button>\n        @if (!showOkCancelButtons) {\n        <button\n            fd-button\n            fd-toolbar-item\n            [fdType]=\"'transparent'\"\n            [glyph]=\"'move'\"\n            (click)=\"onOpenMoveToDialog(selectedNode, deviceName, moveDialog)\"\n        ></button>\n        }\n    </bsu-ulv-toolbar>\n    <bsu-ui-tree-view\n        [leafCursorPointer]=\"onlyExecuteLeafNode && openOnClick\"\n        [rtl]=\"rtl\"\n        [relationList]=\"relationList\"\n        [root]=\"root\"\n        [allColumns]=\"allColumns\"\n        [selectedMo]=\"selectedMo\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [iconField]=\"iconField\"\n        [colorField]=\"colorField\"\n        [navigationArrow]=\"navigationArrow\"\n        [collapseIcon]=\"collapseIcon\"\n        [selectedNode]=\"selectedNode\"\n        [access]=\"access\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [enableNodeReordering]=\"enableNodeReordering\"\n        [inDialog]=\"inDialog\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [openOnClick]=\"openOnClick\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [moDataList]=\"moDataList\"\n        [groupby]=\"groupby\"\n        [isHetro]=\"isHetro\"\n        [isCheckList]=\"isCheckList\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        (checkChange)=\"onCheckChange($event)\"\n        (itemDrop)=\"onDrop($event)\"\n        (itemDragMoved)=\"onDragMoved($event)\"\n        (nodeUlvCommand)=\"onNodeUlvCommand($event)\"\n        (nodeViewClick)=\"onNodeViewClick($event)\"\n        (loadChildren)=\"onLoadChildren($event)\"\n        (nodeSelect)=\"onNodeSelect($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (createNew)=\"onCreateNew($event)\"\n    >\n    </bsu-ui-tree-view>\n    <ng-template let-dialog let-dialogConfig=\"dialogConfig\" #moveDialog>\n        <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n            <fd-dialog-header>\n                <h1 fd-title>{{ 'Move' | bbbTranslate }}</h1>\n                <button fd-dialog-close-button (click)=\"dialog.dismiss('Close button')\"></button>\n            </fd-dialog-header>\n\n            <fd-dialog-body>\n                <div class=\"move-to\" (keydown.enter)=\"onConfirmDialog(dialogSelectedNode)\">\n                    <bsu-ui-tree-view\n                        [rtl]=\"rtl\"\n                        [root]=\"root\"\n                        [access]=\"access\"\n                        [navigationArrow]=\"navigationArrow\"\n                        [collapseIcon]=\"collapseIcon\"\n                        [deviceName]=\"deviceName\"\n                        [deviceSize]=\"deviceSize\"\n                        [hasDragDrop]=\"false\"\n                        [enableNodeReordering]=\"enableNodeReordering\"\n                        [openOnClick]=\"openOnClick\"\n                        [selectedNode]=\"dialogSelectedNode\"\n                        [moDataList]=\"flatMoDataList\"\n                        [groupby]=\"groupby\"\n                        [isCheckList]=\"isCheckList\"\n                        [conditionalFormats]=\"conditionalFormats\"\n                        (loadChildren)=\"onLoadChildren($event)\"\n                        (nodeSelect)=\"onSelectNodeInMoveDialog($event)\"\n                    ></bsu-ui-tree-view>\n                </div>\n            </fd-dialog-body>\n\n            <fd-dialog-footer>\n                <ng-template fdkTemplate=\"footer\">\n                    <div fd-bar-right>\n                        <fd-button-bar\n                            fdType=\"emphasized\"\n                            [label]=\"'OK' | bbbTranslate\"\n                            (click)=\"onConfirmDialog(dialogSelectedNode)\"\n                        >\n                        </fd-button-bar>\n                        <fd-button-bar fd-initial-focus [label]=\"'Cancel' | bbbTranslate\" (click)=\"onDismissDialog()\">\n                        </fd-button-bar>\n                    </div>\n                </ng-template>\n            </fd-dialog-footer>\n        </fd-dialog>\n    </ng-template>\n</ng-template>\n", styles: [":host{width:100%;box-sizing:border-box;display:inline-block}\n"] }]
         }], propDecorators: { showOkCancelButtons: [{
                 type: Input
             }] } });
@@ -5192,11 +5225,11 @@ class BarsaTableHeaderComponent extends BaseComponent {
         return `${column.Name}${index}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: { allChecked: "allChecked", isCheckList: "isCheckList", columns: "columns", fitWidth: "fitWidth", contextMenuItems: "contextMenuItems", contextMenuWidth: "contextMenuWidth", showViewButton: "showViewButton", hasSelected: "hasSelected", hideOpenIcon: "hideOpenIcon", disableOverflowContextMenu: "disableOverflowContextMenu", inlineEditMode: "inlineEditMode", hideHeader: "hideHeader", showDetailsInRow: "showDetailsInRow", viewSetting: "viewSetting", tableWidth: "tableWidth", resizedByUser: "resizedByUser", disableResponsive: "disableResponsive", actionList: "actionList", rowIndicator: "rowIndicator", rtl: "rtl", showRowNumber: "showRowNumber", deviceSize: "deviceSize", tableHeaderMode: "tableHeaderMode" }, outputs: { allCheckbox: "allCheckbox", columnResize: "columnResize", fitToContent: "fitToContent", fitToContainer: "fitToContainer", fitToColumn: "fitToColumn", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter" }, viewQueries: [{ propertyName: "thList", predicate: ["thRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<thead\n    fd-table-header\n    [class.inline-edit]=\"inlineEditMode\"\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\n    [attr.columnsWidth]=\"columnsWidth\"\n    [attr.tableWidth]=\"tableWidth\"\n>\n    <tr fd-table-row>\n        @if (!hideHeader) { @if (rowIndicator) {\n        <th fd-table-cell fd-table-status-indicator></th>\n        } @if (showRowNumber) {\n        <th fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\n        } @if (isCheckList) {\n        <th fd-table-cell>\n            <fd-checkbox\n                name=\"allCheckbox\"\n                [ngModel]=\"allChecked\"\n                (ngModelChange)=\"onAllCheckbox($event)\"\n            ></fd-checkbox>\n        </th>\n        } @if (!isCheckList && !showRowNumber) {\n        <th fd-table-cell class=\"single-select\"></th>\n        } @for (column of columns; track _trackByColumn(i, column); let i = $index; let last = $last) { @if (startIndex\n        <= i) {\n        <th\n            #thRef\n            [columnIndex]=\"i\"\n            fd-table-cell\n            [style.width]=\"\n                inlineEditMode\n                    ? column.FieldTypeId === 5\n                        ? 'auto'\n                        : last\n                        ? '100%'\n                        : '210px'\n                    : last\n                    ? null\n                    : column.FieldTypeId === 38\n                    ? '40px'\n                    : column.$Width2 || column.$Width\n            \"\n            [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\n            resizable\n            [rtl]=\"rtl\"\n            [disableResize]=\"\n                last ||\n                column.Extra?.IconDisplayTypeEnum === 'Image' ||\n                column.FieldTypeId === 42 ||\n                column.FieldTypeId === 5\n            \"\n            (widthChange)=\"onColumnWidthChange(column)\"\n            (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\n            [disableResponsive]=\"disableResponsive\"\n            [tableWidth]=\"tableWidth\"\n            [columnsWidth]=\"columnsWidth\"\n            [attr.columnName]=\"column.Name\"\n            [attr.index]=\"i\"\n            [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\n            [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\n        >\n            <fd-popover #menu>\n                <fd-popover-control>\n                    <div style=\"display: flex\">\n                        <!-- FieldTypeId 38 means it is auto row number field-->\n                        @if ( (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) &&\n                        column.Icon) {\n                        <img [src]=\"column.Icon\" />\n                        } @else {\n                        {{ column.Caption | bbbTranslate }}\n                        }\n                    </div>\n                </fd-popover-control>\n                <fd-popover-body>\n                    <ul fd-list>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortAscending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-ascending\"></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortDescending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-descending\"></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToContent.emit(column)\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToContainer.emit()\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToColumn.emit()\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <!-- <li fd-list-item>\n                      <a fd-list-link (click)=\"onFilter(column, menu)\">\n                        <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\n                        <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\n                      </a>\n                    </li> -->\n                    </ul>\n                </fd-popover-body>\n            </fd-popover>\n        </th>\n        } } @if (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode) {\n        <th\n            class=\"col-header col-context-menu\"\n            fd-table-cell\n            [fitContent]=\"disableOverflowContextMenu\"\n            [style.width.px]=\"contextMenuWidth\"\n        ></th>\n        } @if (showDetailsInRow && !inlineEditMode) {\n        <th class=\"col-header col-details\" [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\" fd-table-cell></th>\n        } @if (showViewButton) {\n        <th class=\"col-header col-view\" [style.width.px]=\"26.5 * (actionList?.length ?? 0) + 8\" fd-table-cell></th>\n        } }\n    </tr>\n</thead>\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i6$2.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i6$4.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i6$4.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i6$4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i3$1.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$1.TableStatusIndicatorDirective, selector: "[fdTableStatusIndicator], [fd-table-status-indicator]", inputs: ["status"] }, { kind: "component", type: i2.ResizableComponent, selector: "th[resizable]", inputs: ["disableResize", "rtl"], outputs: ["widthChange", "widthChanging"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: { allChecked: "allChecked", isCheckList: "isCheckList", columns: "columns", fitWidth: "fitWidth", contextMenuItems: "contextMenuItems", contextMenuWidth: "contextMenuWidth", showViewButton: "showViewButton", hasSelected: "hasSelected", hideOpenIcon: "hideOpenIcon", disableOverflowContextMenu: "disableOverflowContextMenu", inlineEditMode: "inlineEditMode", hideHeader: "hideHeader", showDetailsInRow: "showDetailsInRow", viewSetting: "viewSetting", tableWidth: "tableWidth", resizedByUser: "resizedByUser", disableResponsive: "disableResponsive", actionList: "actionList", rowIndicator: "rowIndicator", rtl: "rtl", showRowNumber: "showRowNumber", deviceSize: "deviceSize", tableHeaderMode: "tableHeaderMode" }, outputs: { allCheckbox: "allCheckbox", columnResize: "columnResize", fitToContent: "fitToContent", fitToContainer: "fitToContainer", fitToColumn: "fitToColumn", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter" }, viewQueries: [{ propertyName: "thList", predicate: ["thRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<thead\n    fd-table-header\n    [class.inline-edit]=\"inlineEditMode\"\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\n    [attr.columnsWidth]=\"columnsWidth\"\n    [attr.tableWidth]=\"tableWidth\"\n>\n    <tr fd-table-row>\n        @if (!hideHeader) { @if (rowIndicator) {\n        <th fd-table-cell fd-table-status-indicator></th>\n        } @if (showRowNumber) {\n        <th fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\n        } @if (isCheckList) {\n        <th fd-table-cell>\n            <fd-checkbox\n                name=\"allCheckbox\"\n                [ngModel]=\"allChecked\"\n                (ngModelChange)=\"onAllCheckbox($event)\"\n            ></fd-checkbox>\n        </th>\n        } @if (!isCheckList && !showRowNumber) {\n        <th fd-table-cell class=\"single-select\"></th>\n        } @for (column of columns; track _trackByColumn(i, column); let i = $index; let last = $last) { @if (startIndex\n        <= i) {\n        <th\n            #thRef\n            [columnIndex]=\"i\"\n            fd-table-cell\n            [style.width]=\"\n                inlineEditMode\n                    ? column.FieldTypeId === 5\n                        ? 'auto'\n                        : last\n                        ? '100%'\n                        : '210px'\n                    : last\n                    ? null\n                    : column.FieldTypeId === 38 ||\n                      column.FieldTypeId === 42 ||\n                      ((column.FieldTypeId === 6 || column.FieldTypeId === 5) &&\n                          column.Extra?.IconDisplayTypeEnum === 'Image')\n                    ? '40px'\n                    : column.$Width2 || column.$Width\n            \"\n            [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\n            resizable\n            [rtl]=\"rtl\"\n            [disableResize]=\"\n                last ||\n                column.Extra?.IconDisplayTypeEnum === 'Image' ||\n                column.FieldTypeId === 38 ||\n                column.FieldTypeId === 42 ||\n                ((column.FieldTypeId === 6 || column.FieldTypeId === 5) && column.Extra?.IconDisplayTypeEnum)\n            \"\n            (widthChange)=\"onColumnWidthChange(column)\"\n            (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\n            [disableResponsive]=\"disableResponsive\"\n            [tableWidth]=\"tableWidth\"\n            [columnsWidth]=\"columnsWidth\"\n            [attr.columnName]=\"column.Name\"\n            [attr.index]=\"i\"\n            [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\n            [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\n        >\n            <fd-popover #menu>\n                <fd-popover-control>\n                    <div style=\"display: flex\">\n                        <!-- FieldTypeId 38 means it is auto row number field-->\n                        @if ( (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) &&\n                        column.Icon) {\n                        <img [src]=\"column.Icon\" />\n                        } @else {\n                        {{ column.Caption | bbbTranslate }}\n                        }\n                    </div>\n                </fd-popover-control>\n                <fd-popover-body>\n                    <ul fd-list>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortAscending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-ascending\"></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortDescending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-descending\"></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToContent.emit(column)\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToContainer.emit()\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToColumn.emit()\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <!-- <li fd-list-item>\n                      <a fd-list-link (click)=\"onFilter(column, menu)\">\n                        <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\n                        <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\n                      </a>\n                    </li> -->\n                    </ul>\n                </fd-popover-body>\n            </fd-popover>\n        </th>\n        } } @if (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode) {\n        <th\n            class=\"col-header col-context-menu\"\n            fd-table-cell\n            [fitContent]=\"disableOverflowContextMenu\"\n            [style.width.px]=\"contextMenuWidth\"\n        ></th>\n        } @if (showDetailsInRow && !inlineEditMode) {\n        <th class=\"col-header col-details\" [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\" fd-table-cell></th>\n        } @if (showViewButton) {\n        <th class=\"col-header col-view\" [style.width.px]=\"26.5 * (actionList?.length ?? 0) + 8\" fd-table-cell></th>\n        } }\n    </tr>\n</thead>\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i6$2.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i6$4.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i6$4.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i6$4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i3$1.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$1.TableStatusIndicatorDirective, selector: "[fdTableStatusIndicator], [fd-table-status-indicator]", inputs: ["status"] }, { kind: "component", type: i2.ResizableComponent, selector: "th[resizable]", inputs: ["disableResize", "rtl"], outputs: ["widthChange", "widthChanging"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<thead\n    fd-table-header\n    [class.inline-edit]=\"inlineEditMode\"\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\n    [attr.columnsWidth]=\"columnsWidth\"\n    [attr.tableWidth]=\"tableWidth\"\n>\n    <tr fd-table-row>\n        @if (!hideHeader) { @if (rowIndicator) {\n        <th fd-table-cell fd-table-status-indicator></th>\n        } @if (showRowNumber) {\n        <th fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\n        } @if (isCheckList) {\n        <th fd-table-cell>\n            <fd-checkbox\n                name=\"allCheckbox\"\n                [ngModel]=\"allChecked\"\n                (ngModelChange)=\"onAllCheckbox($event)\"\n            ></fd-checkbox>\n        </th>\n        } @if (!isCheckList && !showRowNumber) {\n        <th fd-table-cell class=\"single-select\"></th>\n        } @for (column of columns; track _trackByColumn(i, column); let i = $index; let last = $last) { @if (startIndex\n        <= i) {\n        <th\n            #thRef\n            [columnIndex]=\"i\"\n            fd-table-cell\n            [style.width]=\"\n                inlineEditMode\n                    ? column.FieldTypeId === 5\n                        ? 'auto'\n                        : last\n                        ? '100%'\n                        : '210px'\n                    : last\n                    ? null\n                    : column.FieldTypeId === 38\n                    ? '40px'\n                    : column.$Width2 || column.$Width\n            \"\n            [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\n            resizable\n            [rtl]=\"rtl\"\n            [disableResize]=\"\n                last ||\n                column.Extra?.IconDisplayTypeEnum === 'Image' ||\n                column.FieldTypeId === 42 ||\n                column.FieldTypeId === 5\n            \"\n            (widthChange)=\"onColumnWidthChange(column)\"\n            (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\n            [disableResponsive]=\"disableResponsive\"\n            [tableWidth]=\"tableWidth\"\n            [columnsWidth]=\"columnsWidth\"\n            [attr.columnName]=\"column.Name\"\n            [attr.index]=\"i\"\n            [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\n            [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\n        >\n            <fd-popover #menu>\n                <fd-popover-control>\n                    <div style=\"display: flex\">\n                        <!-- FieldTypeId 38 means it is auto row number field-->\n                        @if ( (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) &&\n                        column.Icon) {\n                        <img [src]=\"column.Icon\" />\n                        } @else {\n                        {{ column.Caption | bbbTranslate }}\n                        }\n                    </div>\n                </fd-popover-control>\n                <fd-popover-body>\n                    <ul fd-list>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortAscending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-ascending\"></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortDescending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-descending\"></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToContent.emit(column)\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToContainer.emit()\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToColumn.emit()\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <!-- <li fd-list-item>\n                      <a fd-list-link (click)=\"onFilter(column, menu)\">\n                        <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\n                        <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\n                      </a>\n                    </li> -->\n                    </ul>\n                </fd-popover-body>\n            </fd-popover>\n        </th>\n        } } @if (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode) {\n        <th\n            class=\"col-header col-context-menu\"\n            fd-table-cell\n            [fitContent]=\"disableOverflowContextMenu\"\n            [style.width.px]=\"contextMenuWidth\"\n        ></th>\n        } @if (showDetailsInRow && !inlineEditMode) {\n        <th class=\"col-header col-details\" [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\" fd-table-cell></th>\n        } @if (showViewButton) {\n        <th class=\"col-header col-view\" [style.width.px]=\"26.5 * (actionList?.length ?? 0) + 8\" fd-table-cell></th>\n        } }\n    </tr>\n</thead>\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<thead\n    fd-table-header\n    [class.inline-edit]=\"inlineEditMode\"\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\n    [attr.columnsWidth]=\"columnsWidth\"\n    [attr.tableWidth]=\"tableWidth\"\n>\n    <tr fd-table-row>\n        @if (!hideHeader) { @if (rowIndicator) {\n        <th fd-table-cell fd-table-status-indicator></th>\n        } @if (showRowNumber) {\n        <th fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\n        } @if (isCheckList) {\n        <th fd-table-cell>\n            <fd-checkbox\n                name=\"allCheckbox\"\n                [ngModel]=\"allChecked\"\n                (ngModelChange)=\"onAllCheckbox($event)\"\n            ></fd-checkbox>\n        </th>\n        } @if (!isCheckList && !showRowNumber) {\n        <th fd-table-cell class=\"single-select\"></th>\n        } @for (column of columns; track _trackByColumn(i, column); let i = $index; let last = $last) { @if (startIndex\n        <= i) {\n        <th\n            #thRef\n            [columnIndex]=\"i\"\n            fd-table-cell\n            [style.width]=\"\n                inlineEditMode\n                    ? column.FieldTypeId === 5\n                        ? 'auto'\n                        : last\n                        ? '100%'\n                        : '210px'\n                    : last\n                    ? null\n                    : column.FieldTypeId === 38 ||\n                      column.FieldTypeId === 42 ||\n                      ((column.FieldTypeId === 6 || column.FieldTypeId === 5) &&\n                          column.Extra?.IconDisplayTypeEnum === 'Image')\n                    ? '40px'\n                    : column.$Width2 || column.$Width\n            \"\n            [style.min-width]=\"last ? null : inlineEditMode ? '210px' : last ? '100%' : 'auto'\"\n            resizable\n            [rtl]=\"rtl\"\n            [disableResize]=\"\n                last ||\n                column.Extra?.IconDisplayTypeEnum === 'Image' ||\n                column.FieldTypeId === 38 ||\n                column.FieldTypeId === 42 ||\n                ((column.FieldTypeId === 6 || column.FieldTypeId === 5) && column.Extra?.IconDisplayTypeEnum)\n            \"\n            (widthChange)=\"onColumnWidthChange(column)\"\n            (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\n            [disableResponsive]=\"disableResponsive\"\n            [tableWidth]=\"tableWidth\"\n            [columnsWidth]=\"columnsWidth\"\n            [attr.columnName]=\"column.Name\"\n            [attr.index]=\"i\"\n            [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\n            [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\n        >\n            <fd-popover #menu>\n                <fd-popover-control>\n                    <div style=\"display: flex\">\n                        <!-- FieldTypeId 38 means it is auto row number field-->\n                        @if ( (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) &&\n                        column.Icon) {\n                        <img [src]=\"column.Icon\" />\n                        } @else {\n                        {{ column.Caption | bbbTranslate }}\n                        }\n                    </div>\n                </fd-popover-control>\n                <fd-popover-body>\n                    <ul fd-list>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortAscending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-ascending\"></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"onSortDescending(column, menu)\">\n                                <fd-menu-addon position=\"before\" glyph=\"sort-descending\"></fd-menu-addon>\n                                <span fd-list-title\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\n                                >\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToContent.emit(column)\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToContainer.emit()\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <li fd-list-item>\n                            <a fd-list-link (click)=\"menu.close(); fitToColumn.emit()\">\n                                <fd-menu-addon position=\"before\"></fd-menu-addon>\n                                <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\n                            </a>\n                        </li>\n                        <!-- <li fd-list-item>\n                      <a fd-list-link (click)=\"onFilter(column, menu)\">\n                        <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\n                        <span fd-list-title>{{ 'Filter' | bbbTranslate }}</span>\n                      </a>\n                    </li> -->\n                    </ul>\n                </fd-popover-body>\n            </fd-popover>\n        </th>\n        } } @if (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode) {\n        <th\n            class=\"col-header col-context-menu\"\n            fd-table-cell\n            [fitContent]=\"disableOverflowContextMenu\"\n            [style.width.px]=\"contextMenuWidth\"\n        ></th>\n        } @if (showDetailsInRow && !inlineEditMode) {\n        <th class=\"col-header col-details\" [style.width]=\"deviceSize === 's' ? 'auto' : '120px'\" fd-table-cell></th>\n        } @if (showViewButton) {\n        <th class=\"col-header col-view\" [style.width.px]=\"26.5 * (actionList?.length ?? 0) + 8\" fd-table-cell></th>\n        } }\n    </tr>\n</thead>\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { thList: [{
                 type: ViewChildren,
                 args: ['thRef', { read: ElementRef }]
@@ -5336,18 +5369,18 @@ class BarsaTableRowComponent extends BaseViewItemPropsComponent {
         if (this.isCheckList) {
             return;
         }
-        this.inlineEditMode && this.allowInlineEdit && this.onRowCheck();
+        !this.inlineEditMode && this.onRowCheck();
     }
     onRowDetails() {
         this.detailsCollapsed = !this.detailsCollapsed;
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", columnComponents: "columnComponents", actionList: "actionList" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group }}\n    </td>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @if (!checkboxComponent?.Selector) {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column; let columnIndex = $index) { @if ((rowIndicator && columnIndex > 0) ||\n    !rowIndicator) {\n    <td\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)=\"onColumnClick()\"\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    } } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\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    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || cartableParams?.moId) {\n        <button\n            fd-button\n            [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onRowDetails()\"\n        ></button>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        @for (a of actionList; track a) {\n        <button\n            fd-button\n            [glyph]=\"a.glyph\"\n            [navigation]=\"a.navigation\"\n            [fdType]=\"'transparent'\"\n            [role]=\"a.role\"\n            bodyClick\n            [disableBodyClick]=\"!a.closeOnClick\"\n            (click)=\"a.handler({mo, index})\"\n        ></button>\n        }\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\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            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && detailsComponent?.Selector) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n}\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        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\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        }\n    </div>\n</ng-template>\n@if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\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    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\n    </bsu-barsa-column-rownumber>\n    }\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i1$5.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i9$1.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$1.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis"] }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "component", type: BarsaColumnRowNumberComponent, selector: "bsu-barsa-column-rownumber", inputs: ["rowNumber"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", columnComponents: "columnComponents", actionList: "actionList" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group }}\n    </td>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @if (!checkboxComponent?.Selector) {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column; let columnIndex = $index) { @if ((rowIndicator && columnIndex > 0) ||\n    !rowIndicator) {\n    <td\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)=\"onColumnClick()\"\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    } } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\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    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || cartableParams?.moId) {\n        <button\n            fd-button\n            [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onRowDetails()\"\n        ></button>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        @for (a of actionList; track a) {\n        <button\n            fd-button\n            [glyph]=\"a.glyph\"\n            [navigation]=\"a.navigation\"\n            [fdType]=\"'transparent'\"\n            [role]=\"a.role\"\n            bodyClick\n            [disableBodyClick]=\"!a.closeOnClick\"\n            (click)=\"a.handler({mo, index})\"\n        ></button>\n        }\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\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            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && detailsComponent?.Selector) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n}\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        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\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        }\n    </div>\n</ng-template>\n@if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\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    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\n    </bsu-barsa-column-rownumber>\n    }\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i1$5.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i9$1.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i3$1.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis"] }, { kind: "component", type: BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "component", type: BarsaColumnRowNumberComponent, selector: "bsu-barsa-column-rownumber", inputs: ["rowNumber"] }, { kind: "directive", type: ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"false\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group }}\n    </td>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @if (!checkboxComponent?.Selector) {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column; let columnIndex = $index) { @if ((rowIndicator && columnIndex > 0) ||\n    !rowIndicator) {\n    <td\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)=\"onColumnClick()\"\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    } } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\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    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || cartableParams?.moId) {\n        <button\n            fd-button\n            [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onRowDetails()\"\n        ></button>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        @for (a of actionList; track a) {\n        <button\n            fd-button\n            [glyph]=\"a.glyph\"\n            [navigation]=\"a.navigation\"\n            [fdType]=\"'transparent'\"\n            [role]=\"a.role\"\n            bodyClick\n            [disableBodyClick]=\"!a.closeOnClick\"\n            (click)=\"a.handler({mo, index})\"\n        ></button>\n        }\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\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            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && detailsComponent?.Selector) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n}\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        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\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        }\n    </div>\n</ng-template>\n@if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\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    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\n    </bsu-barsa-column-rownumber>\n    }\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}\n"] }]
+            args: [{ selector: 'bsu-barsa-table-row', providers: [FormPanelService], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [attr.aria-selected]=\"isChecked\"\n    [focusable]=\"!inlineEditMode || !allowInlineEdit\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group }}\n    </td>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @if (!checkboxComponent?.Selector) {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column; let columnIndex = $index) { @if ((rowIndicator && columnIndex > 0) ||\n    !rowIndicator) {\n    <td\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)=\"onColumnClick()\"\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    } } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\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    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || cartableParams?.moId) {\n        <button\n            fd-button\n            [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n            [fdType]=\"'transparent'\"\n            (click)=\"onRowDetails()\"\n        ></button>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        @for (a of actionList; track a) {\n        <button\n            fd-button\n            [glyph]=\"a.glyph\"\n            [navigation]=\"a.navigation\"\n            [fdType]=\"'transparent'\"\n            [role]=\"a.role\"\n            bodyClick\n            [disableBodyClick]=\"!a.closeOnClick\"\n            (click)=\"a.handler({mo, index})\"\n        ></button>\n        }\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\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            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && detailsComponent?.Selector) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n}\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        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\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        }\n    </div>\n</ng-template>\n@if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\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    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\">\n    </bsu-barsa-column-rownumber>\n    }\n</ng-template>\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}td{vertical-align:middle}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}\n"] }]
         }], propDecorators: { showDetailsInRow: [{
                 type: Input
             }], detailsComponent: [{
@@ -5488,11 +5521,11 @@ class UiTableViewComponent extends ReportViewBaseComponent {
         this._renderer2.setStyle(this._el.nativeElement, 'width', this._width);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTableViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", rowResizer: "rowResizer", enableResizing: "enableResizing", disableFixedTableLayout: "disableFixedTableLayout" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}table tbody bsu-barsa-table-row:last-child ::ng-deep>tr>td{border-bottom:none!important}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i3$1.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$1.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i3$1.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "contextMenuWidth", "showViewButton", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "actionList", "rowIndicator", "rtl", "showRowNumber", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "fitToContent", "fitToContainer", "fitToColumn", "sortAscending", "sortDescending", "filter"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "columnComponents", "actionList"] }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.TotalSummaryPipe, name: "totalSummary" }, { kind: "pipe", type: i2.MergeFieldsToColumnsPipe, name: "mergeFieldsToColumns" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }, { kind: "pipe", type: i2.ColumnCustomComponentPipe, name: "columnCustomComponent" }, { kind: "pipe", type: i2.RowNumberPipe, name: "rowNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", rowResizer: "rowResizer", enableResizing: "enableResizing", disableFixedTableLayout: "disableFixedTableLayout" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i3$1.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$1.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i3$1.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "columns", "fitWidth", "contextMenuItems", "contextMenuWidth", "showViewButton", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "actionList", "rowIndicator", "rtl", "showRowNumber", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "fitToContent", "fitToContainer", "fitToColumn", "sortAscending", "sortDescending", "filter"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "detailsComponent", "detailsColumns", "detailsText", "columnComponents", "actionList"] }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.TotalSummaryPipe, name: "totalSummary" }, { kind: "pipe", type: i2.MergeFieldsToColumnsPipe, name: "mergeFieldsToColumns" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }, { kind: "pipe", type: i2.ColumnCustomComponentPipe, name: "columnCustomComponent" }, { kind: "pipe", type: i2.RowNumberPipe, name: "rowNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTableViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}table tbody bsu-barsa-table-row:last-child ::ng-deep>tr>td{border-bottom:none!important}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"] }]
+            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\n    fd-table\n    [popIn]=\"popin\"\n    [class.table-fixed]=\"\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\n    \"\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || (popin && secondaryColumns.length > 0)\"\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\n>\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            headerTemplate;\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\n        \"\n    ></ng-container>\n    @if (moDataList?.length) {\n    <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\n    } }\n</table>\n<!--renderColumn-->\n\n@if (!moDataList?.length) {\n<bsu-no-data\n    [class.no-topborder]=\"!hideToolbar\"\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\n    [simple]=\"true\"\n>\n</bsu-no-data>\n}\n\n<ng-template #headerTemplate let-columns let-moDataListCount>\n    <bsu-barsa-table-header\n        [class.has-toolbar]=\"!hideToolbar\"\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\n        [tableWidth]=\"elWidth\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [resizedByUser]=\"resizedByUser\"\n        [tableHeaderMode]=\"tableHeaderMode\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [allChecked]=\"allChecked\"\n        [rtl]=\"rtl\"\n        [actionList]=\"actionList\"\n        [disableResponsive]=\"disableResponsive\"\n        [isCheckList]=\"isCheckList\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [fitWidth]=\"fitWidth\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [contextMenuWidth]=\"contextMenuWidth\"\n        [showViewButton]=\"showViewButton\"\n        [deviceSize]=\"deviceSize\"\n        [viewSetting]=\"viewSetting\"\n        [hideHeader]=\"contextView.Grid_HideHeader\"\n        [rowIndicator]=\"rowIndicator\"\n        (columnResize)=\"onColumnResized($event)\"\n        (fitToContent)=\"onFitToContent($event)\"\n        (fitToContainer)=\"onFitToContainer()\"\n        (fitToColumn)=\"onFitToColumn()\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n    ></bsu-barsa-table-header>\n</ng-template>\n<ng-template #bodyTemplate let-columns>\n    <tbody\n        fd-table-body\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\n        [noBorderX]=\"(popin && secondaryColumns.length > 0) || viewSetting?.NoVerticalBorders !== false\"\n        [noBorderY]=\"popin && secondaryColumns.length > 0\"\n    >\n        <ng-container>\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\n                    context: {\n                        $implicit: mo,\n                        index: index,\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        secondaryColumns:\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\n                        moDataList: moDataList,\n                        moDataListCount: moDataList.length,\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id]\n                    }\n                \"\n            ></ng-container>\n            }\n        </ng-container>\n    </tbody>\n</ng-template>\n<ng-template #footerTemplate let-columns>\n    @if (hasSummary) {\n    <tfoot fd-table-footer>\n        <tr fd-table-row class=\"row-summary\">\n            @if (isCheckList) {\n            <td fd-table-cell columnResizer>\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @if (!isCheckList) {\n            <td fd-table-cell class=\"single-select\">\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\n            </td>\n            } @for (column of columns; track column; let i = $index) {\n            <td>\n                @if (column.HasSummary) {\n                <strong style=\"direction: ltr; display: block\">\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\n                >\n                }\n            </td>\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\n            <td fd-table-cell style=\"width: 100px\"></td>\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\n            <td fd-table-cell></td>\n            }\n        </tr>\n    </tfoot>\n    }\n</ng-template>\n<ng-template\n    #rowOlgoTemplate\n    let-mo\n    let-index=\"index\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n    let-rowNumber=\"rowNumber\"\n>\n    <bnrc-dynamic-item-component\n        [component]=\"viewSetting.RowOlgo\"\n        [mo]=\"mo\"\n        [showViewButton]=\"showViewButton\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [moDataList]=\"moDataList\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [detailsColumns]=\"detailsColumns\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (events)=\"onOlgoEvents($event)\"\n    >\n    </bnrc-dynamic-item-component>\n</ng-template>\n<ng-template\n    #rowTemplate\n    let-mo\n    let-index=\"index\"\n    let-rowNumber=\"rowNumber\"\n    let-columns=\"columns\"\n    let-moDataListCount=\"moDataListCount\"\n    let-moDataList=\"moDataList\"\n    let-cartableTemplate=\"cartableTemplate\"\n    let-secondaryColumns=\"secondaryColumns\"\n    let-rowIndicatorColor=\"rowIndicatorColor\"\n>\n    <bsu-barsa-table-row\n        [mo]=\"mo\"\n        [moDataList]=\"moDataList\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [showDetailsInRow]=\"showDetailsInRow\"\n        [hideOpenIcon]=\"hideOpenIcon\"\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\n        [rowNumber]=\"rowNumber\"\n        [coloringRow]=\"viewSetting?.ColoringRow\"\n        [showViewButton]=\"showViewButton\"\n        [detailsColumns]=\"detailsColumns\"\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\n        [cartableTemplate]=\"cartableTemplate\"\n        [cartableMo]=\"mo.RelatedMo\"\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\n        [detailsComponent]=\"detailsComponent\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [moDataListCount]=\"moDataListCount\"\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\n        [typeDefId]=\"typeDefId\"\n        [extraRelation]=\"extraRelation\"\n        [formSetting]=\"formSetting\"\n        [index]=\"index\"\n        [setting]=\"viewSetting\"\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns\"\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [access]=\"access\"\n        [actionList]=\"actionList\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        [rowIndicator]=\"rowIndicator\"\n        [rowIndicatorColor]=\"rowIndicatorColor\"\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\n        (escapeKey)=\"onEscapeKey($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n        (deselectAll)=\"onDeselectAll()\"\n        (rowClick)=\"onRowClick($event)\"\n        (ulvCommand)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\n    >\n    </bsu-barsa-table-row>\n</ng-template>\n", styles: [":host{display:block;width:100%;position:relative;padding-bottom:.2rem;overflow-x:auto;max-width:100vw}.table-fixed{table-layout:fixed}.table-fixed td{overflow:hidden}tr td{font-weight:inherit}::ng-deep span.fd-toolbar__spacer{display:none}.row-summary{position:relative}.row-summary .col-total-text{position:absolute;top:25%}\n"] }]
         }], propDecorators: { columnWidth: [{
                 type: Input
             }], minWidth: [{
@@ -10512,11 +10545,11 @@ class FormDialogComponent extends BaseComponent {
         this.caption = typeDefName + ':' + moCaption;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FormDialogComponent, deps: [{ token: i1$1.DialogService }, { token: i2.DialogParams }, { token: i2.PortalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FormDialogComponent, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-start\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            @for (btn of (extendToolbarItems$ | async); track btn.Id) { @if (!(btn === '-' || btn.text === '-') &&\n            ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5$1.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FormDialogComponent, selector: "bsu-form-dialog", providers: [ContainerService], viewQueries: [{ propertyName: "dialogTemplateRef", first: true, predicate: ["dialog"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <bsu-form-toolbar\n                        fd-bar-left\n                        [deviceSize]=\"deviceSize\"\n                        [buttons]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n                        [dirValue]=\"(dirValue$ | async)!!\"\n                        [isFirefox]=\"isFirefox\"\n                        (toolbarClick)=\"onToolbarClick($event)\"\n                        #formToolbar\n                    ></bsu-form-toolbar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            @for (btn of (extendToolbarItems$ | async); track btn.Id) { @if (!(btn === '-' || btn.text === '-') &&\n            ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5$1.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent", "fullscreen"], outputs: ["fullscreenChanged"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FormDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-start\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            @for (btn of (extendToolbarItems$ | async); track btn.Id) { @if (!(btn === '-' || btn.text === '-') &&\n            ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
+            args: [{ selector: 'bsu-form-dialog', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialog>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTplRef>\n        <fd-dialog-header>\n            <ng-template fdkTemplate=\"header\">\n                <div fd-bar-left>\n                    <h1 fd-title>{{ dialogConfig.data.caption }}</h1>\n                </div>\n                <div fd-bar-right>\n                    @if (dialogConfig.data.canFullscreen) {\n                    <fd-button-bar\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [fullscreen]=\"fullscreen\"\n                        (fullscreenChanged)=\"fullscreen = $event\"\n                        [dialogComponent]=\"dialogTplRef\"\n                    ></fd-button-bar>\n                    }\n                    <bsu-form-toolbar\n                        fd-bar-left\n                        [deviceSize]=\"deviceSize\"\n                        [buttons]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n                        [dirValue]=\"(dirValue$ | async)!!\"\n                        [isFirefox]=\"isFirefox\"\n                        (toolbarClick)=\"onToolbarClick($event)\"\n                        #formToolbar\n                    ></bsu-form-toolbar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onCancel()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <ng-template\n                fdkTemplate=\"subheader\"\n                *ngIf=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false as toolbarItems\"\n            >\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\" class=\"!tw-justify-end\">\n                        <bsu-form-toolbar\n                            [deviceSize]=\"deviceSize\"\n                            [buttons]=\"toolbarItems\"\n                            [dirValue]=\"(dirValue$ | async)!!\"\n                            [isFirefox]=\"isFirefox\"\n                            (toolbarClick)=\"onToolbarClick($event)\"\n                            #formToolbar\n                        ></bsu-form-toolbar>\n                    </fd-bar-element>\n                </div>\n            </ng-template> -->\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <bnrc-form\n                [formPanelCtrl]=\"formPanelCtrlr\"\n                [params]=\"params\"\n                (formClose)=\"onFormClose()\"\n                (uiComponent)=\"onFormUiComponentReady($event)\"\n            ></bnrc-form>\n        </fd-dialog-body>\n        <fd-dialog-footer [style.display]=\"!showFooter ? 'none' : null\">\n            @for (btn of (extendToolbarItems$ | async); track btn.Id) { @if (!(btn === '-' || btn.text === '-') &&\n            ((btn.isBuiltin && btn.inFooter) || btn.isWorkflow)) {\n            <ng-container\n                *ngTemplateOutlet=\"\n                    btn.Data?.CustomUi?.Selector ? dynamicBtnTemplate : btnTemplate;\n                    context: { $implicit: btn }\n                \"\n            ></ng-container>\n            <ng-template #btnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <fd-button-bar\n                        fd-dialog-decisive-button\n                        [fdType]=\"btn.isWorkflow ? 'attention' : btn.design\"\n                        [label]=\"btn.text | bbbTranslate\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : null\"\n                        (click)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></fd-button-bar>\n                </fd-dialog-footer-button>\n            </ng-template>\n            <ng-template #dynamicBtnTemplate let-btn>\n                <fd-dialog-footer-button>\n                    <bnrc-dynamic-form-toolbaritem\n                        fd-toolbar-item\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"btn.handler(btn, formPanelCtrlr?.Adapter?.Control)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                </fd-dialog-footer-button>\n            </ng-template>\n            } } @if (!isNonePersistance && showSaveButton !== false) {\n            <fd-dialog-footer-button>\n                <fd-button-bar\n                    fd-initial-focus\n                    fd-dialog-decisive-button\n                    [label]=\"'Cancel' | bbbTranslate\"\n                    (click)=\"onCancel()\"\n                ></fd-button-bar>\n            </fd-dialog-footer-button>\n            }\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:block;height:auto}fd-dialog-body{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:stretch}fd-dialog-body>bnrc-form{flex-grow:1;display:flex;flex-direction:row;height:100%;justify-content:stretch;align-items:stretch}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.DialogService }, { type: i2.DialogParams }, { type: i2.PortalService }], propDecorators: { dialogTemplateRef: [{
                 type: ViewChild,
                 args: ['dialog', { read: TemplateRef, static: true }]
@@ -10680,11 +10713,11 @@ class UiButtonComponent extends FieldBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiButtonComponent, selector: "bsu-ui-button", host: { properties: { "style.margin": "this.designMode" } }, usesInheritance: true, ngImport: i0, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%;margin-top:.25rem}.fd-button__text{font-size:.78rem}\n"], dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiButtonComponent, selector: "bsu-ui-button", host: { properties: { "style.margin": "this.designMode" } }, usesInheritance: true, ngImport: i0, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n    [title]=\"label | bbbTranslate\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%;margin-top:.25rem}.fd-button__text{font-size:.78rem}\n"], dependencies: [{ kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%;margin-top:.25rem}.fd-button__text{font-size:.78rem}\n"] }]
+            args: [{ selector: 'bsu-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n    [title]=\"label | bbbTranslate\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%;margin-top:.25rem}.fd-button__text{font-size:.78rem}\n"] }]
         }], propDecorators: { designMode: [{
                 type: HostBinding,
                 args: ['style.margin']
@@ -13260,11 +13293,11 @@ class BarsaReportOneOfListComponent extends ReportViewBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaReportOneOfListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaReportOneOfListComponent, selector: "bsu-barsa-report-one-of-list", inputs: { disabled: "disabled" }, viewQueries: [{ propertyName: "_inputGroupRef", first: true, predicate: ["InputGroupRef"], descendants: true, static: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"tw-relative\" #containerRef>\n    <input\n        fd-form-control\n        [readonly]=\"true\"\n        [ngModel]=\"viewSetting.DbColumnName | rval: lastRecord:allColumns:true\"\n        class=\"revert-readonly-bg\"\n    />\n    <div class=\"!tw-absolute tw-left-0 tw-top-[0.1875rem] tw-flex\">\n        @if (viewSetting.OpenInIndependentForm) {\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"popup-window\"\n            ariaLabel=\"Open in an independent form\"\n            title=\"Open in an independent form\"\n            (click)=\"openInIndependentFormClicked()\"\n        ></button>\n        }\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"list\"\n            ariaLabel=\"Show list\"\n            title=\"Show list\"\n            (click)=\"open(popover, dialogTemplate)\"\n        ></button>\n    </div>\n    <fd-popover\n        #popover\n        placement=\"bottom-end\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"true\"\n        [appendTo]=\"containerRef\"\n        class=\"!tw-block\"\n    >\n        <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n            <div fd-popover-body-footer>\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n<ng-template #middle>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"customButtons.length === 0\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"customButtons\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"isMobile ? title : ''\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"false\"\n        [allowInlineEdit]=\"false\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [inDialog]=\"inDialog\"\n        [disableFixedTableLayout]=\"true\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [hasInlineDeleteButton]=\"true\"\n        [hasInlineEditButton]=\"true\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\n    <div fd-bar [barDesign]=\"'footer'\">\n        <div fd-bar-right>\n            <fd-button-bar\n                [label]=\"getNewButton?.text ?? ''\"\n                fdType=\"emphasized\"\n                (click)=\"onAdd(popover)\"\n                bodyClick\n                glyph=\"add\"\n            ></fd-button-bar>\n            <fd-button-bar\n                fdType=\"transparent\"\n                label=\"\u0628\u0633\u062A\u0646\"\n                (click)=\"close(popover, dialog)\"\n                ariaLabel=\"Close\"\n            ></fd-button-bar>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body class=\"!tw-pt-0\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n        </fd-dialog-body>\n        <fd-dialog-footer>\n            <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i4.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i4$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4$1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: i4$1.DialogTemplateDirective, selector: "[fdDialogTemplate]", inputs: ["fdDialogTemplateConfig"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i6$4.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i6$4.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i6$4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "rowResizer", "enableResizing", "disableFixedTableLayout"] }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaReportOneOfListComponent, selector: "bsu-barsa-report-one-of-list", inputs: { disabled: "disabled" }, viewQueries: [{ propertyName: "_inputGroupRef", first: true, predicate: ["InputGroupRef"], descendants: true, static: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"tw-relative\" #containerRef>\n    <input\n        fd-form-control\n        [readonly]=\"true\"\n        [ngModel]=\"viewSetting.DbColumnName | rval: lastRecord:allColumns:true\"\n        class=\"revert-readonly-bg\"\n    />\n    <div class=\"!tw-absolute tw-left-0 tw-top-[0.1875rem] tw-flex\">\n        @if (viewSetting.OpenInIndependentForm) {\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"popup-window\"\n            ariaLabel=\"Open in an independent form\"\n            title=\"Open in an independent form\"\n            (click)=\"openInIndependentFormClicked()\"\n        ></button>\n        }\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"list\"\n            ariaLabel=\"Show list\"\n            title=\"Show list\"\n            (click)=\"open(popover, dialogTemplate)\"\n        ></button>\n    </div>\n    <fd-popover\n        #popover\n        placement=\"bottom-end\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"true\"\n        [appendTo]=\"containerRef\"\n        class=\"!tw-block\"\n    >\n        <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n            <div fd-popover-body-footer>\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n<ng-template #middle>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"customButtons.length === 0\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"customButtons\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"isMobile ? title : ''\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"false\"\n        [allowInlineEdit]=\"false\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [inDialog]=\"inDialog\"\n        [disableFixedTableLayout]=\"true\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [hasInlineDeleteButton]=\"true\"\n        [hasInlineEditButton]=\"true\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\n    <div fd-bar [barDesign]=\"'footer'\">\n        <div fd-bar-right>\n            <fd-button-bar\n                [label]=\"getNewButton?.text ?? ''\"\n                fdType=\"emphasized\"\n                (click)=\"onAdd(popover)\"\n                bodyClick\n                glyph=\"add\"\n            ></fd-button-bar>\n            <fd-button-bar\n                fdType=\"transparent\"\n                label=\"\u0628\u0633\u062A\u0646\"\n                (click)=\"close(popover, dialog)\"\n                ariaLabel=\"Close\"\n            ></fd-button-bar>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body class=\"!tw-pt-0\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n        </fd-dialog-body>\n        <fd-dialog-footer>\n            <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}bsu-ui-table-view ::ng-deep table tbody bsu-barsa-table-row:last-child ::ng-deep>tr>td{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i4.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i4$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4$1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: i4$1.DialogTemplateDirective, selector: "[fdDialogTemplate]", inputs: ["fdDialogTemplateConfig"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i6$4.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i6$4.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i6$4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "rowResizer", "enableResizing", "disableFixedTableLayout"] }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaReportOneOfListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-report-one-of-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tw-relative\" #containerRef>\n    <input\n        fd-form-control\n        [readonly]=\"true\"\n        [ngModel]=\"viewSetting.DbColumnName | rval: lastRecord:allColumns:true\"\n        class=\"revert-readonly-bg\"\n    />\n    <div class=\"!tw-absolute tw-left-0 tw-top-[0.1875rem] tw-flex\">\n        @if (viewSetting.OpenInIndependentForm) {\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"popup-window\"\n            ariaLabel=\"Open in an independent form\"\n            title=\"Open in an independent form\"\n            (click)=\"openInIndependentFormClicked()\"\n        ></button>\n        }\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"list\"\n            ariaLabel=\"Show list\"\n            title=\"Show list\"\n            (click)=\"open(popover, dialogTemplate)\"\n        ></button>\n    </div>\n    <fd-popover\n        #popover\n        placement=\"bottom-end\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"true\"\n        [appendTo]=\"containerRef\"\n        class=\"!tw-block\"\n    >\n        <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n            <div fd-popover-body-footer>\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n<ng-template #middle>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"customButtons.length === 0\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"customButtons\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"isMobile ? title : ''\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"false\"\n        [allowInlineEdit]=\"false\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [inDialog]=\"inDialog\"\n        [disableFixedTableLayout]=\"true\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [hasInlineDeleteButton]=\"true\"\n        [hasInlineEditButton]=\"true\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\n    <div fd-bar [barDesign]=\"'footer'\">\n        <div fd-bar-right>\n            <fd-button-bar\n                [label]=\"getNewButton?.text ?? ''\"\n                fdType=\"emphasized\"\n                (click)=\"onAdd(popover)\"\n                bodyClick\n                glyph=\"add\"\n            ></fd-button-bar>\n            <fd-button-bar\n                fdType=\"transparent\"\n                label=\"\u0628\u0633\u062A\u0646\"\n                (click)=\"close(popover, dialog)\"\n                ariaLabel=\"Close\"\n            ></fd-button-bar>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body class=\"!tw-pt-0\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n        </fd-dialog-body>\n        <fd-dialog-footer>\n            <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}\n"] }]
+            args: [{ selector: 'bsu-barsa-report-one-of-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tw-relative\" #containerRef>\n    <input\n        fd-form-control\n        [readonly]=\"true\"\n        [ngModel]=\"viewSetting.DbColumnName | rval: lastRecord:allColumns:true\"\n        class=\"revert-readonly-bg\"\n    />\n    <div class=\"!tw-absolute tw-left-0 tw-top-[0.1875rem] tw-flex\">\n        @if (viewSetting.OpenInIndependentForm) {\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"popup-window\"\n            ariaLabel=\"Open in an independent form\"\n            title=\"Open in an independent form\"\n            (click)=\"openInIndependentFormClicked()\"\n        ></button>\n        }\n        <button\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"list\"\n            ariaLabel=\"Show list\"\n            title=\"Show list\"\n            (click)=\"open(popover, dialogTemplate)\"\n        ></button>\n    </div>\n    <fd-popover\n        #popover\n        placement=\"bottom-end\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"true\"\n        [appendTo]=\"containerRef\"\n        class=\"!tw-block\"\n    >\n        <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n            <div fd-popover-body-footer>\n                <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n<ng-template #middle>\n    <bsu-ulv-toolbar\n        [hideToolbar]=\"customButtons.length === 0\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [toolbarButtons]=\"customButtons\"\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\n        [title]=\"isMobile ? title : ''\"\n        [access]=\"access\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [inDialog]=\"inDialog\"\n        [hasSelected]=\"hasSelected\"\n        [contentDensity]=\"contentDensity\"\n        [inlineEditMode]=\"false\"\n        [allowInlineEdit]=\"false\"\n        [moDataListCount]=\"moDataList.length\"\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n    ></bsu-ulv-toolbar>\n    <bsu-ui-table-view\n        [gridFreeColumnSizing]=\"gridFreeColumnSizing\"\n        [cartableTemplates]=\"cartableTemplates\"\n        [parentHeight]=\"parentHeight\"\n        [fullscreen]=\"fullscreen\"\n        [selectedMo]=\"selectedMo\"\n        [rtl]=\"rtl\"\n        [inDialog]=\"inDialog\"\n        [disableFixedTableLayout]=\"true\"\n        [isMultiSelect]=\"isMultiSelect\"\n        [cartableChildsMo]=\"cartableChildsMo\"\n        [contextView]=\"contextView\"\n        [isCheckList]=\"isCheckList\"\n        [allChecked]=\"allChecked\"\n        [moDataList]=\"moDataList\"\n        [access]=\"access\"\n        [hasInlineDeleteButton]=\"true\"\n        [hasInlineEditButton]=\"true\"\n        [toolbarButtons]=\"toolbarButtons\"\n        [groupby]=\"groupby\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [navigationArrow]=\"navigationArrow\"\n        [title]=\"title\"\n        [mobileOrTablet]=\"mobileOrTablet\"\n        [disableResponsive]=\"disableResponsive\"\n        [popin]=\"popin\"\n        [secondaryColumns]=\"secondaryColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [columns]=\"columns\"\n        [columnWidth]=\"100 / columns.length\"\n        [columnsCount]=\"columnsCount\"\n        [rowHoverable]=\"rowHoverable\"\n        [rowActivable]=\"rowActivable\"\n        [formSetting]=\"formSetting\"\n        [typeDefId]=\"typeDefId\"\n        [reportId]=\"reportId\"\n        [listEditViewId]=\"listEditViewId\"\n        [typeViewId]=\"typeViewId\"\n        [extraRelation]=\"extraRelation\"\n        [showOkCancelButtons]=\"showOkCancelButtons\"\n        [fitWidth]=\"false\"\n        [hasSummary]=\"hasSummary\"\n        [newInlineEditMo]=\"newInlineEditMo\"\n        (ulvCommandClick)=\"onUlvCommand($event)\"\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\n        (sortAscending)=\"onSortAscending($event)\"\n        (sortDescending)=\"onSortDescending($event)\"\n        (filter)=\"onFilter($event)\"\n        (rowClick)=\"onRowClick($event)\"\n        (rowCheck)=\"onRowCheck($event)\"\n        (allCheckbox)=\"onAllCheckbox($event)\"\n        (expandClick)=\"onExpandClick($event)\"\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\n    >\n    </bsu-ui-table-view>\n</ng-template>\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\n    <div fd-bar [barDesign]=\"'footer'\">\n        <div fd-bar-right>\n            <fd-button-bar\n                [label]=\"getNewButton?.text ?? ''\"\n                fdType=\"emphasized\"\n                (click)=\"onAdd(popover)\"\n                bodyClick\n                glyph=\"add\"\n            ></fd-button-bar>\n            <fd-button-bar\n                fdType=\"transparent\"\n                label=\"\u0628\u0633\u062A\u0646\"\n                (click)=\"close(popover, dialog)\"\n                ariaLabel=\"Close\"\n            ></fd-button-bar>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n        <fd-dialog-body class=\"!tw-pt-0\">\n            <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\n        </fd-dialog-body>\n        <fd-dialog-footer>\n            <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}bsu-ui-table-view ::ng-deep table tbody bsu-barsa-table-row:last-child ::ng-deep>tr>td{border-bottom:none!important}\n"] }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], _inputGroupRef: [{
@@ -14452,19 +14485,18 @@ const INIT_SAPFIORI = (rtlService, contentDensityService, themeService, portalSe
     if (BarsaApi.LoginFormData.Culture === 'en-US') {
         fontFamily = iranSans;
     }
-    const css = `* {
-    --fdTile_Title_Font_Weight: bold;
-    --sapFontFamily: '${iranSans}';
-    --fdDynamicPage_Title_Font_Family: '${fontFamily}';
-    --fdButton_Font_Family: '${iranSans}';
-    --fdIcon_Tab_Bar_Label_Font_Family: '${iranSans}';
-    --sapFontFamily: '${fontFamily}';
-    --fdWizard_Label_Font_Family: '${fontFamily}';
-    --sapFontLightFamily: '${fontFamily}';
-    --sapFontHeaderFamily: '${fontFamily}';
-    --_ui5_input_compact_height: 1.625rem;
-    --sapFontSize: 0.885rem;
-    /* --sapContent_HeaderShadow: none; */
+    const css = `* {
+    --sapFontFamily: '${iranSans}';
+    --fdDynamicPage_Title_Font_Family: '${fontFamily}';
+    --fdButton_Font_Family: '${iranSans}';
+    --fdIcon_Tab_Bar_Label_Font_Family: '${iranSans}';
+    --sapFontFamily: '${fontFamily}';
+    --fdWizard_Label_Font_Family: '${fontFamily}';
+    --sapFontLightFamily: '${fontFamily}';
+    --sapFontHeaderFamily: '${fontFamily}';
+    --_ui5_input_compact_height: 1.625rem;
+    --sapFontSize: 0.885rem;
+    /* --sapContent_HeaderShadow: none; */
 }`, head = document.head || document.getElementsByTagName('head')[0], style = document.createElement('style');
     head.appendChild(style);
     style.type = 'text/css';