barsa-sap-ui 2.2.43 → 2.2.44

package/fesm2022/barsa-sap-ui.mjs

@@ -93,6 +93,7 @@ import { trigger, transition, style, animate } from '@angular/animations';
 import * as i5$8 from '@fundamental-ngx/core/feed-input';
 import * as i1$8 from '@fundamental-ngx/core/tabs';
 import * as i2$9 from '@fundamental-ngx/core/message-page';
+import Splide from '@splidejs/splide';
 import { CdkTableModule } from '@angular/cdk/table';
 
 class ProgressIndicatorComponent extends BaseComponent {
@@ -841,6 +842,7 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         this._parentLayoutService = _parentLayoutService;
         this.layoutControlClass = true;
         this.isContainer = true;
+        this.readonlyiswraped = false;
         this.minHeight = '2.25rem';
         this.controlIsReadonly = false;
         this.isMobile = getDeviceIsMobile();
@@ -909,6 +911,12 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
                 config.FieldUi.Setting.InnerCtrlr?.xtype === 'Ul.ReadOnlyFieldCtrlr';
         this.originalXtype = config.FieldUi.originalXtype;
         this.textVisible = config.TextVisible;
+        if (this.controlIsReadonly) {
+            const x = measureText(config.FieldUi.value);
+            if (x > this.el.nativeElement.offsetWidth && this.isMobile) {
+                this.readonlyiswraped = true;
+            }
+        }
         if (config.FieldUi.originalXtype === 'Ui.SearchCommandInfoUi') {
             this.labelCaption = '​';
             this.labelVisible = true;
@@ -1035,11 +1043,11 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutControlComponent, deps: [{ token: i2.FormPanelService }, { token: i0.ElementRef }, { token: i1.ContentDensityService }, { token: i1$1.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i2.BbbTranslatePipe }, { token: i2.LayoutService, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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" }, outputs: { events: "events" }, 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.isCheckbox": "this.isCheckbox", "attr.controlIsReadonly": "this.controlIsReadonly", "attr.isButton": "this.isButton", "attr.issinglepicture": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.ismobile": "this.isMobile", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n    [attr.labelWidth]=\"labelWidth\"\r\n    [attrRtl]\r\n    #tempLabelRef\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [config]=\"config\"\r\n    [caption]=\"labelCaption\"\r\n    [translateCaption]=\"translateCaption\"\r\n    [originalWidth]=\"labelWidth\"\r\n    [style.min-width]=\"\r\n        isCheckbox\r\n            ? checkboxWidth\r\n            : config.CaptionSetting?.AlignMode === 'AutoSize' || (isMobile && controlIsReadonly)\r\n            ? 'fit-content'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [style.width]=\"\r\n        config.CaptionSetting?.AlignMode === 'AutoSize' || (isMobile && (isCheckbox || controlIsReadonly))\r\n            ? 'auto'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [isMandatory]=\"isMandatory\"\r\n    [fieldIcon]=\"fieldIcon\"\r\n    [helpDescription]=\"helpDescription\"\r\n    [originalXtype]=\"originalXtype\"\r\n    [textVisible]=\"textVisible\"\r\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n    [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n    [attr.fieldWidth]=\"layoutControlWidth\"\r\n    [attr.isCheckbox]=\"isCheckbox\"\r\n    [attr.isbutton]=\"isButton\"\r\n    [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [customField]=\"config.FieldUi\"\r\n    [layoutInfo]=\"config\"\r\n    [inlineEdit]=\"inlineEdit\"\r\n    [formHeight]=\"(formHeight$ | async)!!\"\r\n    [focusControl]=\"focusControl\"\r\n    [isSearchPanel]=\"isSearchPanel\"\r\n    [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n    [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}.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}:host:not([isbutton=true]){min-width:7rem}bnrc-field-ui:not([isbutton=true]){height:auto!important}}\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", "translateCaption", "caption", "captionIcon", "helpDescription", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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" }, outputs: { events: "events" }, 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", "class.readonlyiswraped": "this.readonlyiswraped", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isCheckbox": "this.isCheckbox", "attr.controlIsReadonly": "this.controlIsReadonly", "attr.isButton": "this.isButton", "attr.issinglepicture": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.ismobile": "this.isMobile", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n    [attr.labelWidth]=\"labelWidth\"\r\n    [attrRtl]\r\n    #tempLabelRef\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [config]=\"config\"\r\n    [caption]=\"labelCaption\"\r\n    [translateCaption]=\"translateCaption\"\r\n    [originalWidth]=\"labelWidth\"\r\n    [style.min-width]=\"\r\n        isCheckbox\r\n            ? checkboxWidth\r\n            : config.CaptionSetting?.AlignMode === 'AutoSize' || (isMobile && controlIsReadonly)\r\n            ? 'fit-content'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [style.width]=\"\r\n        config.CaptionSetting?.AlignMode === 'AutoSize' || (isMobile && (isCheckbox || controlIsReadonly))\r\n            ? 'auto'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [isMandatory]=\"isMandatory\"\r\n    [fieldIcon]=\"fieldIcon\"\r\n    [helpDescription]=\"helpDescription\"\r\n    [originalXtype]=\"originalXtype\"\r\n    [textVisible]=\"textVisible\"\r\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n    [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n    [attr.fieldWidth]=\"layoutControlWidth\"\r\n    [attr.isCheckbox]=\"isCheckbox\"\r\n    [attr.isbutton]=\"isButton\"\r\n    [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [customField]=\"config.FieldUi\"\r\n    [layoutInfo]=\"config\"\r\n    [inlineEdit]=\"inlineEdit\"\r\n    [formHeight]=\"(formHeight$ | async)!!\"\r\n    [focusControl]=\"focusControl\"\r\n    [isSearchPanel]=\"isSearchPanel\"\r\n    [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n    [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}:host[ismobile=true] bsu-ly-label{margin:inherit}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}:host:not([isbutton=true]){min-width:7rem}bnrc-field-ui:not([isbutton=true]){height:auto!important}}\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", "translateCaption", "caption", "captionIcon", "helpDescription", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LayoutControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-layout-control', providers: [LayoutService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n    [attr.labelWidth]=\"labelWidth\"\r\n    [attrRtl]\r\n    #tempLabelRef\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [config]=\"config\"\r\n    [caption]=\"labelCaption\"\r\n    [translateCaption]=\"translateCaption\"\r\n    [originalWidth]=\"labelWidth\"\r\n    [style.min-width]=\"\r\n        isCheckbox\r\n            ? checkboxWidth\r\n            : config.CaptionSetting?.AlignMode === 'AutoSize' || (isMobile && controlIsReadonly)\r\n            ? 'fit-content'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [style.width]=\"\r\n        config.CaptionSetting?.AlignMode === 'AutoSize' || (isMobile && (isCheckbox || controlIsReadonly))\r\n            ? 'auto'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [isMandatory]=\"isMandatory\"\r\n    [fieldIcon]=\"fieldIcon\"\r\n    [helpDescription]=\"helpDescription\"\r\n    [originalXtype]=\"originalXtype\"\r\n    [textVisible]=\"textVisible\"\r\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n    [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n    [attr.fieldWidth]=\"layoutControlWidth\"\r\n    [attr.isCheckbox]=\"isCheckbox\"\r\n    [attr.isbutton]=\"isButton\"\r\n    [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [customField]=\"config.FieldUi\"\r\n    [layoutInfo]=\"config\"\r\n    [inlineEdit]=\"inlineEdit\"\r\n    [formHeight]=\"(formHeight$ | async)!!\"\r\n    [focusControl]=\"focusControl\"\r\n    [isSearchPanel]=\"isSearchPanel\"\r\n    [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n    [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}.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}:host:not([isbutton=true]){min-width:7rem}bnrc-field-ui:not([isbutton=true]){height:auto!important}}\n"] }]
+            args: [{ selector: 'bsu-layout-control', providers: [LayoutService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n    [attr.labelWidth]=\"labelWidth\"\r\n    [attrRtl]\r\n    #tempLabelRef\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [config]=\"config\"\r\n    [caption]=\"labelCaption\"\r\n    [translateCaption]=\"translateCaption\"\r\n    [originalWidth]=\"labelWidth\"\r\n    [style.min-width]=\"\r\n        isCheckbox\r\n            ? checkboxWidth\r\n            : config.CaptionSetting?.AlignMode === 'AutoSize' || (isMobile && controlIsReadonly)\r\n            ? 'fit-content'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [style.width]=\"\r\n        config.CaptionSetting?.AlignMode === 'AutoSize' || (isMobile && (isCheckbox || controlIsReadonly))\r\n            ? 'auto'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [isMandatory]=\"isMandatory\"\r\n    [fieldIcon]=\"fieldIcon\"\r\n    [helpDescription]=\"helpDescription\"\r\n    [originalXtype]=\"originalXtype\"\r\n    [textVisible]=\"textVisible\"\r\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n    [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n    [attr.fieldWidth]=\"layoutControlWidth\"\r\n    [attr.isCheckbox]=\"isCheckbox\"\r\n    [attr.isbutton]=\"isButton\"\r\n    [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [customField]=\"config.FieldUi\"\r\n    [layoutInfo]=\"config\"\r\n    [inlineEdit]=\"inlineEdit\"\r\n    [formHeight]=\"(formHeight$ | async)!!\"\r\n    [focusControl]=\"focusControl\"\r\n    [isSearchPanel]=\"isSearchPanel\"\r\n    [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n    [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}:host[ismobile=true] bsu-ly-label{margin:inherit}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}:host:not([isbutton=true]){min-width:7rem}bnrc-field-ui:not([isbutton=true]){height:auto!important}}\n"] }]
         }], ctorParameters: () => [{ type: i2.FormPanelService }, { type: i0.ElementRef }, { type: i1.ContentDensityService }, { type: i1$1.DomSanitizer }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i2.BbbTranslatePipe }, { type: i2.LayoutService, decorators: [{
                     type: SkipSelf
                 }] }], propDecorators: { tempLabelRef: [{
@@ -1063,6 +1071,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], isContainer: [{
                 type: HostBinding,
                 args: ['class.container-field']
+            }], readonlyiswraped: [{
+                type: HostBinding,
+                args: ['class.readonlyiswraped']
             }], maxWidth: [{
                 type: HostBinding,
                 args: ['style.max-width']
@@ -2580,7 +2591,7 @@ class UlvToolbarComponent extends BaseComponent {
         }
     }
     _setWidth() {
-        if (!this.visibled || this.hideToolbar) {
+        if (this.visibled || this.hideToolbar) {
             return;
         }
         this.refreshResize();
@@ -2588,9 +2599,9 @@ class UlvToolbarComponent extends BaseComponent {
     refreshResize() {
         const x = Math.floor(this.el.nativeElement.parentNode.getBoundingClientRect().width);
         this._renderer2.setStyle(this.el.nativeElement, 'width', x + 'px');
-        setTimeout(() => {
-            this._refreshToolbar();
-        });
+        // setTimeout(() => {
+        this._refreshToolbar();
+        // });
     }
     onGroupbySettings() {
         this.groupbyClick.emit(this.deviceName);
@@ -2620,14 +2631,14 @@ class UlvToolbarComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UlvToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: { allowGridColumnSort: "allowGridColumnSort", useLayoutItemTextForControl: "useLayoutItemTextForControl", enableSearch: "enableSearch", hideTitle: "hideTitle", title: "title", icon: "icon", deviceName: "deviceName", deviceSize: "deviceSize", access: "access", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", contentDensity: "contentDensity", inlineEditMode: "inlineEditMode", allowInlineEdit: "allowInlineEdit", gridSetting: "gridSetting", viewCollection: "viewCollection", reportView: "reportView", inDialog: "inDialog", isMultiSelect: "isMultiSelect", cls: "cls", hasSelected: "hasSelected", config: "config", hidden: "hidden", buttons: "buttons", moDataListCount: "moDataListCount" }, outputs: { search: "search", groupbyClick: "groupbyClick", sortClick: "sortClick", columnClick: "columnClick", editModeClick: "editModeClick", viewClick: "viewClick", createNewInlineMo: "createNewInlineMo" }, viewQueries: [{ propertyName: "_tlbCmp", first: true, predicate: ToolbarComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n    style=\"width: 100%; height: 0; visibility: hidden; opacity: 0\"\r\n    intersectionObserver\r\n    [intersectionThreshold]=\"0.1\"\r\n    (visibilityChange)=\"onVisibilityChange($event)\"\r\n></div>\r\n@if (!useLayoutItemTextForControl && !hideToolbar && visibled) {\r\n<fd-toolbar\r\n    #toolbar\r\n    [shouldOverflow]=\"deviceSize === 's'\"\r\n    [ngClass]=\"deviceSize\"\r\n    [hasTitle]=\"!hideTitle\"\r\n    [forceOverflow]=\"true\"\r\n    [ngClass]=\"cls\"\r\n>\r\n    @if(!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''){ @if(icon){\r\n    <fd-icon [glyph]=\"icon\"></fd-icon>\r\n    }\r\n    <h4 fd-title>{{ title | bbbTranslate }}</h4>\r\n    } @if (deviceSize !== 's') {\r\n    <fd-toolbar-spacer fd-toolbar-item></fd-toolbar-spacer>\r\n    } @if (!hideToolbar) { @for (btn of toolbarButtons; track _trackBy(i, btn); let i = $index) { @if (btn !== '-' &&\r\n    btn.Command && !btn.Command.CustomUi && !btn.menu) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\r\n        [ulvCommandHandler]=\"btn\"\r\n        [disable]=\"inlineEditMode && btn.itemId === 'New'\"\r\n        [disabled]=\"btn.Command._isEnable === false ? true : false\"\r\n        [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\r\n        [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\r\n        [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\r\n        (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\r\n        bodyClick\r\n    >\r\n        @if (!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon) {\r\n        <img width=\"16\" [src]=\"btn.icon\" />\r\n        } @if (!btn.hideText || deviceSize === 's') {\r\n        <span>{{ btn.text | bbbTranslate }}</span>\r\n        }\r\n    </button>\r\n    } @if ((btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile') {\r\n    <fd-toolbar-separator fd-toolbar-item></fd-toolbar-separator>\r\n    } @if (btn.menu) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [fdMenu]=\"true\"\r\n        [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\r\n        [label]=\"btn.text | bbbTranslate\"\r\n        [ariaLabel]=\"btn.text | bbbTranslate\"\r\n        [fdMenuTrigger]=\"menu\"\r\n        bodyClick\r\n    >\r\n        <fd-menu #menu>\r\n            @for (btnCommand of btn.menu.items; track btnCommand) {\r\n            <li fd-menu-item [ulvCommandHandler]=\"btnCommand\" (click)=\"menu.close()\">\r\n                <div fd-menu-interactive>\r\n                    <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\r\n                </div>\r\n            </li>\r\n            }\r\n        </fd-menu>\r\n    </button>\r\n    } @if (btn !== '-' && btn.Command && btn.Command.CustomUi) {\r\n    <bnrc-dynamic-form-toolbaritem\r\n        fd-toolbar-item\r\n        [ulvCommandHandler]=\"btn\"\r\n        [component]=\"btn.Command?.CustomUi\"\r\n        [context]=\"btn\"\r\n        [isEnable]=\"btn.Command?._isEnable\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        bodyClick\r\n    ></bnrc-dynamic-form-toolbaritem>\r\n    } }\r\n    <ng-content select=\"[fd-toolbar-item]\"></ng-content>\r\n    @if (allowInlineEdit && access?.Edit) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\r\n        [glyph]=\"'edit'\"\r\n        [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\r\n        (click)=\"onEditMode()\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        [title]=\"'Inline Edit In List' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    } @if (gridSetting && gridSetting.Hidden !== true && allowGridColumnSort) { @if (deviceSize === 's') {\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onGroupbySettings()\"\r\n        [label]=\"'Groups' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onSortSettings()\"\r\n        [label]=\"'Sort' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onColumnSettings()\"\r\n        [label]=\"'Columns' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    } @if (deviceSize !== 's') {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"'never'\"\r\n        [fdMenu]=\"true\"\r\n        fdType=\"transparent\"\r\n        glyph=\"action-settings\"\r\n        [title]=\"'Settings' | bbbTranslate\"\r\n        [fdMenuTrigger]=\"tableMenuSettings\"\r\n        bodyClick\r\n    ></button>\r\n    }\r\n    <fd-menu #tableMenuSettings>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Columns' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Sort' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Groups' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n    </fd-menu>\r\n    } @if (viewCollection && viewCollection.length > 1) {\r\n    <fd-split-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\r\n        [fdType]=\"'transparent'\"\r\n        [mainAction]=\"{\r\n            keepMainAction: true,\r\n            mainActionTitle: splitBtnTitle\r\n        }\"\r\n    >\r\n        <fd-menu>\r\n            @for (viewObject of viewCollection; track viewObject) {\r\n            <li fd-menu-item>\r\n                <div fd-menu-interactive (click)=\"onChangeView(viewObject)\" bodyClick>\r\n                    <span fd-menu-title>\r\n                        <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\r\n                    </span>\r\n                </div>\r\n            </li>\r\n            }\r\n        </fd-menu>\r\n    </fd-split-button>\r\n    }\r\n    <ng-template #splitBtnTitle>\r\n        <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\r\n    </ng-template>\r\n    <ng-template #splitBtnSettings>\r\n        <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\r\n    </ng-template>\r\n    }\r\n</fd-toolbar>\r\n}\r\n", styles: [":host{display:block;width:100%;position:relative}:host fd-toolbar.border-b-0{border-bottom-width:0px!important}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.UlvCommandDirective, selector: "[ulvCommandHandler]", inputs: ["ulvCommandHandler", "disable"], outputs: ["commandClick"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i6$1.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$1.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i6$1.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$1.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$1.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i6$1.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i7$1.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "glyphFont", "disabled", "fdType", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i12.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "headingLevel", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i12.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i12.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i12.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: { allowGridColumnSort: "allowGridColumnSort", useLayoutItemTextForControl: "useLayoutItemTextForControl", enableSearch: "enableSearch", hideTitle: "hideTitle", title: "title", icon: "icon", deviceName: "deviceName", deviceSize: "deviceSize", access: "access", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", contentDensity: "contentDensity", inlineEditMode: "inlineEditMode", allowInlineEdit: "allowInlineEdit", gridSetting: "gridSetting", viewCollection: "viewCollection", reportView: "reportView", inDialog: "inDialog", isMultiSelect: "isMultiSelect", cls: "cls", hasSelected: "hasSelected", config: "config", hidden: "hidden", buttons: "buttons", moDataListCount: "moDataListCount" }, outputs: { search: "search", groupbyClick: "groupbyClick", sortClick: "sortClick", columnClick: "columnClick", editModeClick: "editModeClick", viewClick: "viewClick", createNewInlineMo: "createNewInlineMo" }, viewQueries: [{ propertyName: "_tlbCmp", first: true, predicate: ["toolbar"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n    style=\"width: 100%; height: 0; visibility: hidden; opacity: 0\"\r\n    intersectionObserver\r\n    [intersectionThreshold]=\"0.1\"\r\n    (visibilityChange)=\"onVisibilityChange($event)\"\r\n></div>\r\n@if (!useLayoutItemTextForControl && !hideToolbar) {\r\n<fd-toolbar\r\n    #toolbar\r\n    [shouldOverflow]=\"deviceSize === 's'\"\r\n    [ngClass]=\"deviceSize\"\r\n    [hasTitle]=\"!hideTitle\"\r\n    [forceOverflow]=\"true\"\r\n    [ngClass]=\"cls\"\r\n>\r\n    @if(!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''){ @if(icon){\r\n    <fd-icon [glyph]=\"icon\"></fd-icon>\r\n    }\r\n    <h4 fd-title>{{ title | bbbTranslate }}</h4>\r\n    } @if (deviceSize !== 's') {\r\n    <fd-toolbar-spacer fd-toolbar-item></fd-toolbar-spacer>\r\n    } @if (!hideToolbar) { @for (btn of toolbarButtons; track _trackBy(i, btn); let i = $index) { @if (btn !== '-' &&\r\n    btn.Command && !btn.Command.CustomUi && !btn.menu) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\r\n        [ulvCommandHandler]=\"btn\"\r\n        [disable]=\"inlineEditMode && btn.itemId === 'New'\"\r\n        [disabled]=\"btn.Command._isEnable === false ? true : false\"\r\n        [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\r\n        [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\r\n        [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\r\n        (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\r\n        bodyClick\r\n    >\r\n        @if (!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon) {\r\n        <img width=\"16\" [src]=\"btn.icon\" />\r\n        } @if (!btn.hideText || deviceSize === 's') {\r\n        <span>{{ btn.text | bbbTranslate }}</span>\r\n        }\r\n    </button>\r\n    } @if ((btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile') {\r\n    <fd-toolbar-separator fd-toolbar-item></fd-toolbar-separator>\r\n    } @if (btn.menu) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [fdMenu]=\"true\"\r\n        [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\r\n        [label]=\"btn.text | bbbTranslate\"\r\n        [ariaLabel]=\"btn.text | bbbTranslate\"\r\n        [fdMenuTrigger]=\"menu\"\r\n        bodyClick\r\n    >\r\n        <fd-menu #menu>\r\n            @for (btnCommand of btn.menu.items; track btnCommand) {\r\n            <li fd-menu-item [ulvCommandHandler]=\"btnCommand\" (click)=\"menu.close()\">\r\n                <div fd-menu-interactive>\r\n                    <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\r\n                </div>\r\n            </li>\r\n            }\r\n        </fd-menu>\r\n    </button>\r\n    } @if (btn !== '-' && btn.Command && btn.Command.CustomUi) {\r\n    <bnrc-dynamic-form-toolbaritem\r\n        fd-toolbar-item\r\n        [ulvCommandHandler]=\"btn\"\r\n        [component]=\"btn.Command?.CustomUi\"\r\n        [context]=\"btn\"\r\n        [isEnable]=\"btn.Command?._isEnable\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        bodyClick\r\n    ></bnrc-dynamic-form-toolbaritem>\r\n    } }\r\n    <ng-content select=\"[fd-toolbar-item]\"></ng-content>\r\n    @if (allowInlineEdit && access?.Edit) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\r\n        [glyph]=\"'edit'\"\r\n        [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\r\n        (click)=\"onEditMode()\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        [title]=\"'Inline Edit In List' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    } @if (gridSetting && gridSetting.Hidden !== true && allowGridColumnSort) { @if (deviceSize === 's') {\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onGroupbySettings()\"\r\n        [label]=\"'Groups' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onSortSettings()\"\r\n        [label]=\"'Sort' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onColumnSettings()\"\r\n        [label]=\"'Columns' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    } @if (deviceSize !== 's') {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"'never'\"\r\n        [fdMenu]=\"true\"\r\n        fdType=\"transparent\"\r\n        glyph=\"action-settings\"\r\n        [title]=\"'Settings' | bbbTranslate\"\r\n        [fdMenuTrigger]=\"tableMenuSettings\"\r\n        bodyClick\r\n    ></button>\r\n    }\r\n    <fd-menu #tableMenuSettings>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Columns' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Sort' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Groups' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n    </fd-menu>\r\n    } @if (viewCollection && viewCollection.length > 1) {\r\n    <fd-split-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\r\n        [fdType]=\"'transparent'\"\r\n        [mainAction]=\"{\r\n            keepMainAction: true,\r\n            mainActionTitle: splitBtnTitle\r\n        }\"\r\n    >\r\n        <fd-menu>\r\n            @for (viewObject of viewCollection; track viewObject) {\r\n            <li fd-menu-item>\r\n                <div fd-menu-interactive (click)=\"onChangeView(viewObject)\" bodyClick>\r\n                    <span fd-menu-title>\r\n                        <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\r\n                    </span>\r\n                </div>\r\n            </li>\r\n            }\r\n        </fd-menu>\r\n    </fd-split-button>\r\n    }\r\n    <ng-template #splitBtnTitle>\r\n        <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\r\n    </ng-template>\r\n    <ng-template #splitBtnSettings>\r\n        <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\r\n    </ng-template>\r\n    }\r\n</fd-toolbar>\r\n}\r\n", styles: [":host{display:block;width:100%;position:relative}:host fd-toolbar.border-b-0{border-bottom-width:0px!important}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.UlvCommandDirective, selector: "[ulvCommandHandler]", inputs: ["ulvCommandHandler", "disable"], outputs: ["commandClick"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i6$1.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$1.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i6$1.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$1.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$1.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i6$1.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i7$1.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "glyphFont", "disabled", "fdType", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i12.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "headingLevel", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i12.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i12.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i12.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UlvToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ulv-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\r\n    style=\"width: 100%; height: 0; visibility: hidden; opacity: 0\"\r\n    intersectionObserver\r\n    [intersectionThreshold]=\"0.1\"\r\n    (visibilityChange)=\"onVisibilityChange($event)\"\r\n></div>\r\n@if (!useLayoutItemTextForControl && !hideToolbar && visibled) {\r\n<fd-toolbar\r\n    #toolbar\r\n    [shouldOverflow]=\"deviceSize === 's'\"\r\n    [ngClass]=\"deviceSize\"\r\n    [hasTitle]=\"!hideTitle\"\r\n    [forceOverflow]=\"true\"\r\n    [ngClass]=\"cls\"\r\n>\r\n    @if(!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''){ @if(icon){\r\n    <fd-icon [glyph]=\"icon\"></fd-icon>\r\n    }\r\n    <h4 fd-title>{{ title | bbbTranslate }}</h4>\r\n    } @if (deviceSize !== 's') {\r\n    <fd-toolbar-spacer fd-toolbar-item></fd-toolbar-spacer>\r\n    } @if (!hideToolbar) { @for (btn of toolbarButtons; track _trackBy(i, btn); let i = $index) { @if (btn !== '-' &&\r\n    btn.Command && !btn.Command.CustomUi && !btn.menu) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\r\n        [ulvCommandHandler]=\"btn\"\r\n        [disable]=\"inlineEditMode && btn.itemId === 'New'\"\r\n        [disabled]=\"btn.Command._isEnable === false ? true : false\"\r\n        [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\r\n        [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\r\n        [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\r\n        (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\r\n        bodyClick\r\n    >\r\n        @if (!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon) {\r\n        <img width=\"16\" [src]=\"btn.icon\" />\r\n        } @if (!btn.hideText || deviceSize === 's') {\r\n        <span>{{ btn.text | bbbTranslate }}</span>\r\n        }\r\n    </button>\r\n    } @if ((btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile') {\r\n    <fd-toolbar-separator fd-toolbar-item></fd-toolbar-separator>\r\n    } @if (btn.menu) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [fdMenu]=\"true\"\r\n        [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\r\n        [label]=\"btn.text | bbbTranslate\"\r\n        [ariaLabel]=\"btn.text | bbbTranslate\"\r\n        [fdMenuTrigger]=\"menu\"\r\n        bodyClick\r\n    >\r\n        <fd-menu #menu>\r\n            @for (btnCommand of btn.menu.items; track btnCommand) {\r\n            <li fd-menu-item [ulvCommandHandler]=\"btnCommand\" (click)=\"menu.close()\">\r\n                <div fd-menu-interactive>\r\n                    <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\r\n                </div>\r\n            </li>\r\n            }\r\n        </fd-menu>\r\n    </button>\r\n    } @if (btn !== '-' && btn.Command && btn.Command.CustomUi) {\r\n    <bnrc-dynamic-form-toolbaritem\r\n        fd-toolbar-item\r\n        [ulvCommandHandler]=\"btn\"\r\n        [component]=\"btn.Command?.CustomUi\"\r\n        [context]=\"btn\"\r\n        [isEnable]=\"btn.Command?._isEnable\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        bodyClick\r\n    ></bnrc-dynamic-form-toolbaritem>\r\n    } }\r\n    <ng-content select=\"[fd-toolbar-item]\"></ng-content>\r\n    @if (allowInlineEdit && access?.Edit) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\r\n        [glyph]=\"'edit'\"\r\n        [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\r\n        (click)=\"onEditMode()\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        [title]=\"'Inline Edit In List' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    } @if (gridSetting && gridSetting.Hidden !== true && allowGridColumnSort) { @if (deviceSize === 's') {\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onGroupbySettings()\"\r\n        [label]=\"'Groups' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onSortSettings()\"\r\n        [label]=\"'Sort' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onColumnSettings()\"\r\n        [label]=\"'Columns' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    } @if (deviceSize !== 's') {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"'never'\"\r\n        [fdMenu]=\"true\"\r\n        fdType=\"transparent\"\r\n        glyph=\"action-settings\"\r\n        [title]=\"'Settings' | bbbTranslate\"\r\n        [fdMenuTrigger]=\"tableMenuSettings\"\r\n        bodyClick\r\n    ></button>\r\n    }\r\n    <fd-menu #tableMenuSettings>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Columns' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Sort' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Groups' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n    </fd-menu>\r\n    } @if (viewCollection && viewCollection.length > 1) {\r\n    <fd-split-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\r\n        [fdType]=\"'transparent'\"\r\n        [mainAction]=\"{\r\n            keepMainAction: true,\r\n            mainActionTitle: splitBtnTitle\r\n        }\"\r\n    >\r\n        <fd-menu>\r\n            @for (viewObject of viewCollection; track viewObject) {\r\n            <li fd-menu-item>\r\n                <div fd-menu-interactive (click)=\"onChangeView(viewObject)\" bodyClick>\r\n                    <span fd-menu-title>\r\n                        <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\r\n                    </span>\r\n                </div>\r\n            </li>\r\n            }\r\n        </fd-menu>\r\n    </fd-split-button>\r\n    }\r\n    <ng-template #splitBtnTitle>\r\n        <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\r\n    </ng-template>\r\n    <ng-template #splitBtnSettings>\r\n        <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\r\n    </ng-template>\r\n    }\r\n</fd-toolbar>\r\n}\r\n", styles: [":host{display:block;width:100%;position:relative}:host fd-toolbar.border-b-0{border-bottom-width:0px!important}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\n"] }]
+            args: [{ selector: 'bsu-ulv-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\r\n    style=\"width: 100%; height: 0; visibility: hidden; opacity: 0\"\r\n    intersectionObserver\r\n    [intersectionThreshold]=\"0.1\"\r\n    (visibilityChange)=\"onVisibilityChange($event)\"\r\n></div>\r\n@if (!useLayoutItemTextForControl && !hideToolbar) {\r\n<fd-toolbar\r\n    #toolbar\r\n    [shouldOverflow]=\"deviceSize === 's'\"\r\n    [ngClass]=\"deviceSize\"\r\n    [hasTitle]=\"!hideTitle\"\r\n    [forceOverflow]=\"true\"\r\n    [ngClass]=\"cls\"\r\n>\r\n    @if(!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''){ @if(icon){\r\n    <fd-icon [glyph]=\"icon\"></fd-icon>\r\n    }\r\n    <h4 fd-title>{{ title | bbbTranslate }}</h4>\r\n    } @if (deviceSize !== 's') {\r\n    <fd-toolbar-spacer fd-toolbar-item></fd-toolbar-spacer>\r\n    } @if (!hideToolbar) { @for (btn of toolbarButtons; track _trackBy(i, btn); let i = $index) { @if (btn !== '-' &&\r\n    btn.Command && !btn.Command.CustomUi && !btn.menu) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\r\n        [ulvCommandHandler]=\"btn\"\r\n        [disable]=\"inlineEditMode && btn.itemId === 'New'\"\r\n        [disabled]=\"btn.Command._isEnable === false ? true : false\"\r\n        [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\r\n        [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\r\n        [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\r\n        (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\r\n        bodyClick\r\n    >\r\n        @if (!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon) {\r\n        <img width=\"16\" [src]=\"btn.icon\" />\r\n        } @if (!btn.hideText || deviceSize === 's') {\r\n        <span>{{ btn.text | bbbTranslate }}</span>\r\n        }\r\n    </button>\r\n    } @if ((btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile') {\r\n    <fd-toolbar-separator fd-toolbar-item></fd-toolbar-separator>\r\n    } @if (btn.menu) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [fdMenu]=\"true\"\r\n        [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\r\n        [label]=\"btn.text | bbbTranslate\"\r\n        [ariaLabel]=\"btn.text | bbbTranslate\"\r\n        [fdMenuTrigger]=\"menu\"\r\n        bodyClick\r\n    >\r\n        <fd-menu #menu>\r\n            @for (btnCommand of btn.menu.items; track btnCommand) {\r\n            <li fd-menu-item [ulvCommandHandler]=\"btnCommand\" (click)=\"menu.close()\">\r\n                <div fd-menu-interactive>\r\n                    <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\r\n                </div>\r\n            </li>\r\n            }\r\n        </fd-menu>\r\n    </button>\r\n    } @if (btn !== '-' && btn.Command && btn.Command.CustomUi) {\r\n    <bnrc-dynamic-form-toolbaritem\r\n        fd-toolbar-item\r\n        [ulvCommandHandler]=\"btn\"\r\n        [component]=\"btn.Command?.CustomUi\"\r\n        [context]=\"btn\"\r\n        [isEnable]=\"btn.Command?._isEnable\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        bodyClick\r\n    ></bnrc-dynamic-form-toolbaritem>\r\n    } }\r\n    <ng-content select=\"[fd-toolbar-item]\"></ng-content>\r\n    @if (allowInlineEdit && access?.Edit) {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\r\n        [glyph]=\"'edit'\"\r\n        [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\r\n        (click)=\"onEditMode()\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        [title]=\"'Inline Edit In List' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    } @if (gridSetting && gridSetting.Hidden !== true && allowGridColumnSort) { @if (deviceSize === 's') {\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onGroupbySettings()\"\r\n        [label]=\"'Groups' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onSortSettings()\"\r\n        [label]=\"'Sort' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    <button\r\n        fd-toolbar-item\r\n        fd-button\r\n        [contentDensity]=\"contentDensity\"\r\n        fdType=\"transparent\"\r\n        [attr.fdOverflowPriority]=\"'always'\"\r\n        (click)=\"onColumnSettings()\"\r\n        [label]=\"'Columns' | bbbTranslate\"\r\n        bodyClick\r\n    ></button>\r\n    } @if (deviceSize !== 's') {\r\n    <button\r\n        fd-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"'never'\"\r\n        [fdMenu]=\"true\"\r\n        fdType=\"transparent\"\r\n        glyph=\"action-settings\"\r\n        [title]=\"'Settings' | bbbTranslate\"\r\n        [fdMenuTrigger]=\"tableMenuSettings\"\r\n        bodyClick\r\n    ></button>\r\n    }\r\n    <fd-menu #tableMenuSettings>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Columns' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Sort' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n        <li fd-menu-item>\r\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\r\n                <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\r\n                <span fd-menu-title>\r\n                    {{ 'Groups' | bbbTranslate }}\r\n                </span>\r\n            </div>\r\n        </li>\r\n    </fd-menu>\r\n    } @if (viewCollection && viewCollection.length > 1) {\r\n    <fd-split-button\r\n        fd-toolbar-item\r\n        [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\r\n        [fdType]=\"'transparent'\"\r\n        [mainAction]=\"{\r\n            keepMainAction: true,\r\n            mainActionTitle: splitBtnTitle\r\n        }\"\r\n    >\r\n        <fd-menu>\r\n            @for (viewObject of viewCollection; track viewObject) {\r\n            <li fd-menu-item>\r\n                <div fd-menu-interactive (click)=\"onChangeView(viewObject)\" bodyClick>\r\n                    <span fd-menu-title>\r\n                        <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\r\n                    </span>\r\n                </div>\r\n            </li>\r\n            }\r\n        </fd-menu>\r\n    </fd-split-button>\r\n    }\r\n    <ng-template #splitBtnTitle>\r\n        <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\r\n    </ng-template>\r\n    <ng-template #splitBtnSettings>\r\n        <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\r\n    </ng-template>\r\n    }\r\n</fd-toolbar>\r\n}\r\n", styles: [":host{display:block;width:100%;position:relative}:host fd-toolbar.border-b-0{border-bottom-width:0px!important}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { _tlbCmp: [{
                 type: ViewChild,
-                args: [ToolbarComponent]
+                args: ['toolbar']
             }], allowGridColumnSort: [{
                 type: Input
             }], useLayoutItemTextForControl: [{
@@ -5847,7 +5858,7 @@ class BarsaTableHeaderComponent extends BaseComponent {
         return `${column.Name}${index}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTableHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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", sticky: "sticky", showRowNumber: "showRowNumber", hasSecondaryColumns: "hasSecondaryColumns", disableResize: "disableResize", disableHeaderContextMenu: "disableHeaderContextMenu", deviceSize: "deviceSize", tableHeaderMode: "tableHeaderMode" }, outputs: { allCheckbox: "allCheckbox", columnResize: "columnResize", columnResizing: "columnResizing", fitToContent: "fitToContent", fitToContainer: "fitToContainer", freeColumnSize: "freeColumnSize", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter", resetGridSettings: "resetGridSettings", headerRender: "headerRender" }, viewQueries: [{ propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "thList", predicate: ["thRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<thead\r\n    fd-table-header\r\n    [class.inline-edit]=\"inlineEditMode\"\r\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\r\n    [style.position]=\"sticky ? 'sticky' : null\"\r\n    #theadRef\r\n>\r\n    <tr fd-table-row>\r\n        @if (!hideHeader) { @if (rowIndicator) {\r\n        <th fd-table-cell fd-table-status-indicator #rowIndicator></th>\r\n        } @if (showRowNumber) {\r\n        <th fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\r\n        } @if (isCheckList) {\r\n        <th fd-table-cell>\r\n            <fd-checkbox\r\n                name=\"allCheckbox\"\r\n                [ngModel]=\"allChecked\"\r\n                (ngModelChange)=\"onAllCheckbox($event)\"\r\n            ></fd-checkbox>\r\n        </th>\r\n        } @if (!isCheckList && !showRowNumber) {\r\n        <th fd-table-cell class=\"single-select\"></th>\r\n        } @for (column of columns; track _trackByColumn(i, column); let i = $index; let last = $last) {\r\n        <th\r\n            #thRef\r\n            tableth\r\n            fd-table-cell\r\n            resizable\r\n            [index]=\"i\"\r\n            [last]=\"last\"\r\n            [columnsLength]=\"columns.length\"\r\n            [column]=\"column\"\r\n            [tableHeaderMode]=\"tableHeaderMode\"\r\n            [fieldTypeId]=\"+column.FieldTypeId\"\r\n            [rtl]=\"rtl\"\r\n            [caption]=\"column.Caption | bbbTranslate\"\r\n            [name]=\"column.Name\"\r\n            [icon]=\"column.Icon\"\r\n            [colClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\r\n            [displayType]=\"column.Extra?.IconDisplayTypeEnum\"\r\n            [isImageOrIcon]=\"(column | thImageOrIcon) === true\"\r\n            [disableResize]=\"\r\n                hasSecondaryColumns ||\r\n                disableResize ||\r\n                (tableHeaderMode === 2 && last) ||\r\n                (column | thImageOrIcon) === true\r\n            \"\r\n            [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\r\n            [disableResponsive]=\"disableResponsive\"\r\n            (sortAscending)=\"sortAscending.emit(column)\"\r\n            (sortDescending)=\"sortDescending.emit(column)\"\r\n            (filter)=\"filter.emit(column)\"\r\n            (resetGridSettings)=\"resetGridSettings.emit()\"\r\n            (widthChange)=\"onColumnWidthChange(column)\"\r\n            (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\r\n            [style.width]=\"hasSecondaryColumns && last ? '100% !important' : null\"\r\n        >\r\n            @if(!disableHeaderContextMenu){\r\n            <fd-popover #menu>\r\n                <fd-popover-control>\r\n                    <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\r\n                </fd-popover-control>\r\n                <fd-popover-body>\r\n                    <ul fd-list>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"onSortAscending(column, menu)\">\r\n                                <fd-menu-addon position=\"before\" glyph=\"sort-ascending\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title\r\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\r\n                                >\r\n                            </a>\r\n                        </li>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"onSortDescending(column, menu)\" bodyClick>\r\n                                <fd-menu-addon position=\"before\" glyph=\"sort-descending\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title\r\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\r\n                                >\r\n                            </a>\r\n                        </li>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"onFitToContent(column, i)\" bodyClick>\r\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\r\n                            </a>\r\n                        </li>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"fitToContainer.emit()\" bodyClick>\r\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\r\n                            </a>\r\n                        </li>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"freeColumnSize.emit()\" bodyClick>\r\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\r\n                            </a>\r\n                        </li>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"onResetColumnsSettings()\" bodyClick>\r\n                                <fd-menu-addon position=\"before\" glyph=\"reset\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title>{{ 'GridSettingBase' | bbbTranslate }}</span>\r\n                            </a>\r\n                        </li>\r\n                    </ul>\r\n                </fd-popover-body>\r\n            </fd-popover>\r\n            } @else{\r\n            <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\r\n            }\r\n        </th>\r\n        } @if (contextMenuItems && contextMenuItems.length > 0) {\r\n        <th\r\n            class=\"col-header col-context-menu\"\r\n            fd-table-cell\r\n            [fitContent]=\"disableOverflowContextMenu\"\r\n            [style.width.px]=\"contextMenuWidth\"\r\n        ></th>\r\n        } @if (showDetailsInRow && !inlineEditMode) {\r\n        <th class=\"col-header col-details\" [style.width]=\"deviceSize === 's' ? '44px' : '120px'\" fd-table-cell></th>\r\n        } @if (showViewButton) {\r\n        <th class=\"col-header col-view\" [style.width.px]=\"36 * (actionList?.length ?? 0) + 8\" fd-table-cell></th>\r\n        } }\r\n    </tr>\r\n</thead>\r\n<ng-template #headerValue let-column>\r\n    <div style=\"display: flex\" [attr.title]=\"column.Caption | bbbTranslate\">\r\n        @if ( (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) && column.Icon) {\r\n        <img [src]=\"column.Icon\" />\r\n        } @else {\r\n        {{ column.Caption | bbbTranslate }}\r\n        }\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "readonly", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id", "preventClick"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i6$1.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i3$3.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY", "nonInteractive"] }, { kind: "directive", type: i3$3.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$3.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "directive", type: i3$3.TableStatusIndicatorDirective, selector: "[fdTableStatusIndicator], [fd-table-status-indicator]", inputs: ["status"] }, { kind: "component", type: i2.ResizableComponent, selector: "th[resizable]", inputs: ["disableResize", "rtl"], outputs: ["widthChange", "widthChanging"] }, { kind: "directive", type: TableThDirective, selector: "[tableth]", inputs: ["fieldTypeId", "caption", "icon", "inlineEditMode", "isImageOrIcon", "columnsLength", "tableWidth", "last", "rtl", "column", "disableResponsive", "disableResize", "disableHeaderContextMenu", "tableHeaderMode", "colClass", "displayType", "name", "index"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ThImageOrIconePipe, name: "thImageOrIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: { allChecked: "allChecked", isCheckList: "isCheckList", attachmentViewType: "attachmentViewType", 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", sticky: "sticky", showRowNumber: "showRowNumber", hasSecondaryColumns: "hasSecondaryColumns", disableResize: "disableResize", disableHeaderContextMenu: "disableHeaderContextMenu", deviceSize: "deviceSize", tableHeaderMode: "tableHeaderMode" }, outputs: { allCheckbox: "allCheckbox", columnResize: "columnResize", columnResizing: "columnResizing", fitToContent: "fitToContent", fitToContainer: "fitToContainer", freeColumnSize: "freeColumnSize", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter", resetGridSettings: "resetGridSettings", headerRender: "headerRender" }, viewQueries: [{ propertyName: "theadRef", first: true, predicate: ["theadRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "thList", predicate: ["thRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<thead\r\n    fd-table-header\r\n    [class.inline-edit]=\"inlineEditMode\"\r\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\r\n    [style.position]=\"sticky ? 'sticky' : null\"\r\n    #theadRef\r\n>\r\n    <tr fd-table-row>\r\n        @if (!hideHeader) { @if (rowIndicator) {\r\n        <th fd-table-cell fd-table-status-indicator #rowIndicator></th>\r\n        } @if (showRowNumber) {\r\n        <th fd-table-cell style=\"width: 40px; max-width: 40px\"></th>\r\n        } @if (isCheckList) {\r\n        <th fd-table-cell>\r\n            <fd-checkbox\r\n                name=\"allCheckbox\"\r\n                [ngModel]=\"allChecked\"\r\n                (ngModelChange)=\"onAllCheckbox($event)\"\r\n            ></fd-checkbox>\r\n        </th>\r\n        } @if (!isCheckList && !showRowNumber) {\r\n        <th fd-table-cell class=\"single-select\"></th>\r\n        } @for (column of columns; track _trackByColumn(i, column); let i = $index; let last = $last) {\r\n        <th\r\n            #thRef\r\n            tableth\r\n            fd-table-cell\r\n            resizable\r\n            [index]=\"i\"\r\n            [last]=\"last\"\r\n            [columnsLength]=\"columns.length\"\r\n            [column]=\"column\"\r\n            [tableHeaderMode]=\"tableHeaderMode\"\r\n            [fieldTypeId]=\"+column.FieldTypeId\"\r\n            [rtl]=\"rtl\"\r\n            [caption]=\"column.Caption | bbbTranslate\"\r\n            [name]=\"column.Name\"\r\n            [icon]=\"column.Icon\"\r\n            [colClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\r\n            [displayType]=\"column.Extra?.IconDisplayTypeEnum\"\r\n            [isImageOrIcon]=\"(column | thImageOrIcon) === true\"\r\n            [disableResize]=\"\r\n                hasSecondaryColumns ||\r\n                disableResize ||\r\n                (tableHeaderMode === 2 && last) ||\r\n                (column | thImageOrIcon) === true\r\n            \"\r\n            [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\r\n            [disableResponsive]=\"disableResponsive\"\r\n            (sortAscending)=\"sortAscending.emit(column)\"\r\n            (sortDescending)=\"sortDescending.emit(column)\"\r\n            (filter)=\"filter.emit(column)\"\r\n            (resetGridSettings)=\"resetGridSettings.emit()\"\r\n            (widthChange)=\"onColumnWidthChange(column)\"\r\n            (widthChanging)=\"onColumnWidthChanging(i, column, $event)\"\r\n            [style.width]=\"hasSecondaryColumns && last ? '100% !important' : null\"\r\n        >\r\n            @if(!disableHeaderContextMenu){\r\n            <fd-popover #menu>\r\n                <fd-popover-control>\r\n                    <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\r\n                </fd-popover-control>\r\n                <fd-popover-body>\r\n                    <ul fd-list>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"onSortAscending(column, menu)\">\r\n                                <fd-menu-addon position=\"before\" glyph=\"sort-ascending\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title\r\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\r\n                                >\r\n                            </a>\r\n                        </li>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"onSortDescending(column, menu)\" bodyClick>\r\n                                <fd-menu-addon position=\"before\" glyph=\"sort-descending\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title\r\n                                    >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\r\n                                >\r\n                            </a>\r\n                        </li>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"onFitToContent(column, i)\" bodyClick>\r\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title>{{ ('Fit Column To Content' | bbbTranslate) + ' ' }}</span>\r\n                            </a>\r\n                        </li>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"fitToContainer.emit()\" bodyClick>\r\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title>{{ ('All Columns In Page' | bbbTranslate) + ' ' }}</span>\r\n                            </a>\r\n                        </li>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"freeColumnSize.emit()\" bodyClick>\r\n                                <fd-menu-addon position=\"before\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title>{{ ('Free Columns Size' | bbbTranslate) + ' ' }}</span>\r\n                            </a>\r\n                        </li>\r\n                        <li fd-list-item>\r\n                            <a fd-list-link (click)=\"onResetColumnsSettings()\" bodyClick>\r\n                                <fd-menu-addon position=\"before\" glyph=\"reset\" fd-list-icon></fd-menu-addon>\r\n                                <span fd-list-title>{{ 'GridSettingBase' | bbbTranslate }}</span>\r\n                            </a>\r\n                        </li>\r\n                    </ul>\r\n                </fd-popover-body>\r\n            </fd-popover>\r\n            } @else{\r\n            <ng-container *ngTemplateOutlet=\"headerValue; context: { $implicit: column }\"></ng-container>\r\n            }\r\n        </th>\r\n        } @if (contextMenuItems && contextMenuItems.length > 0) {\r\n        <th\r\n            class=\"col-header col-context-menu\"\r\n            fd-table-cell\r\n            [fitContent]=\"disableOverflowContextMenu\"\r\n            [style.width.px]=\"contextMenuWidth\"\r\n        ></th>\r\n        } @if (showDetailsInRow && !inlineEditMode) {\r\n        <th class=\"col-header col-details\" [style.width]=\"deviceSize === 's' ? '44px' : '120px'\" fd-table-cell></th>\r\n        } @if (showViewButton) {\r\n        <th class=\"col-header col-view\" [style.width.px]=\"36 * (actionList?.length ?? 0) + 8\" fd-table-cell></th>\r\n        } }\r\n    </tr>\r\n</thead>\r\n<ng-template #headerValue let-column>\r\n    <div style=\"display: flex\" [attr.title]=\"column.Caption | bbbTranslate\">\r\n        @if ( (column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42) && column.Icon) {\r\n        <img [src]=\"column.Icon\" />\r\n        } @else {\r\n        {{ column.Caption | bbbTranslate }}\r\n        }\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{display:contents;width:100%}:host.has-toolbar thead{border-top:none!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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: i5.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "readonly", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i7.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id", "preventClick"], outputs: ["keyDown"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i6$1.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i3$3.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY", "nonInteractive"] }, { kind: "directive", type: i3$3.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$3.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "directive", type: i3$3.TableStatusIndicatorDirective, selector: "[fdTableStatusIndicator], [fd-table-status-indicator]", inputs: ["status"] }, { kind: "component", type: i2.ResizableComponent, selector: "th[resizable]", inputs: ["disableResize", "rtl"], outputs: ["widthChange", "widthChanging"] }, { kind: "directive", type: TableThDirective, selector: "[tableth]", inputs: ["fieldTypeId", "caption", "icon", "inlineEditMode", "isImageOrIcon", "columnsLength", "tableWidth", "last", "rtl", "column", "disableResponsive", "disableResize", "disableHeaderContextMenu", "tableHeaderMode", "colClass", "displayType", "name", "index"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ThImageOrIconePipe, name: "thImageOrIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaTableHeaderComponent, decorators: [{
             type: Component,
@@ -5862,6 +5873,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], isCheckList: [{
                 type: Input
+            }], attachmentViewType: [{
+                type: Input
             }], columns: [{
                 type: Input
             }], fitWidth: [{
@@ -6283,11 +6296,11 @@ class UiTableViewComponent extends ReportViewBaseComponent {
         this._renderer2.setStyle(this._el.nativeElement, 'width', this._width);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiTableViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", disableResize: "disableResize", disableHeaderContextMenu: "disableHeaderContextMenu", rowResizer: "rowResizer", enableResizing: "enableResizing", disableFixedTableLayout: "disableFixedTableLayout" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, viewQueries: [{ propertyName: "_tableRef", first: true, predicate: ["tableTpl"], descendants: true, read: ElementRef, static: true }, { propertyName: "_tableHeaderComponent", first: true, predicate: BarsaTableHeaderComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\r\n    fd-table\r\n    #tableTpl\r\n    #headerBottomObserver\r\n    intersectionObserver\r\n    [intersectionThreshold]=\"0.1\"\r\n    (visibilityChange)=\"onTableVisibilityChange($event, headerBottomObserver)\"\r\n    [popIn]=\"popin\"\r\n    [class.table-fixed]=\"\r\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\r\n    \"\r\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true\"\r\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n>\r\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            headerTemplate;\r\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\r\n        \"\r\n    ></ng-container>\r\n    @if (moDataList?.length) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            bodyTemplate;\r\n            context: { $implicit: mergeFieldsToColumns, previewColumn: allColumns | findPreviewColumn }\r\n        \"\r\n    ></ng-container>\r\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\r\n    } }\r\n</table>\r\n<!--renderColumn-->\r\n\r\n@if (!moDataList?.length) {\r\n<bsu-no-data\r\n    [class.no-topborder]=\"!hideToolbar\"\r\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\r\n    [simple]=\"true\"\r\n>\r\n</bsu-no-data>\r\n}\r\n\r\n<ng-template #headerTemplate let-columns let-moDataListCount>\r\n    <bsu-barsa-table-header\r\n        [sticky]=\"stickyEnable()\"\r\n        [hasSecondaryColumns]=\"secondaryColumns.length > 0\"\r\n        [class.has-toolbar]=\"!hideToolbar\"\r\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\r\n        [tableWidth]=\"elWidth\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [resizedByUser]=\"resizedByUser\"\r\n        [tableHeaderMode]=\"tableHeaderMode\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [allChecked]=\"allChecked\"\r\n        [rtl]=\"rtl\"\r\n        [actionList]=\"actionList\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [columns]=\"\r\n            columns\r\n                | filterColumnsByDetails: detailsColumns:rowIndicator\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [fitWidth]=\"fitWidth\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [contextMenuWidth]=\"contextMenuWidth\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [viewSetting]=\"viewSetting\"\r\n        [hideHeader]=\"contextView.Grid_HideHeader\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [disableResize]=\"disableResize\"\r\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\r\n        (headerRender)=\"onSetTableHeaderDom($event)\"\r\n        (columnResize)=\"onColumnResized($event)\"\r\n        (columnResizing)=\"onColumnResizing($event)\"\r\n        (fitToContent)=\"onFitToContent($event)\"\r\n        (fitToContainer)=\"onFitToContainer()\"\r\n        (freeColumnSize)=\"onFreeColumnSizing()\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (resetGridSettings)=\"resetGridSettings.emit()\"\r\n    ></bsu-barsa-table-header>\r\n    <!-- <div\r\n        #headerBottomObserver\r\n        intersectionObserver\r\n        [intersectionThreshold]=\"0.1\"\r\n        (visibilityChange)=\"onHeaderVisibilityChange($event, headerBottomObserver)\"\r\n    ></div> -->\r\n</ng-template>\r\n<ng-template #bodyTemplate let-columns let-previewColumn=\"previewColumn\">\r\n    <tbody\r\n        #body\r\n        fd-table-body\r\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\r\n        [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || previewColumn\"\r\n        [noBorderY]=\"(popin && secondaryColumns.length > 0) || previewColumn\"\r\n    >\r\n        <ng-container>\r\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\r\n                    context: {\r\n                        $implicit: mo,\r\n                        index: index,\r\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\r\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\r\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                        secondaryColumns:\r\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                        moDataList: moDataList,\r\n                        moDataListCount: moDataList.length,\r\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id],\r\n                        previewColumn: previewColumn,\r\n                        detailsCollapsed: viewSetting?.DetailsSetting?.DetailsCollapsed === true,\r\n                        hideDetailsText: viewSetting?.DetailsSetting?.HideDetailsText === true\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            }\r\n        </ng-container>\r\n    </tbody>\r\n</ng-template>\r\n<ng-template #footerTemplate let-columns>\r\n    @if (hasSummary) {\r\n    <tfoot fd-table-footer>\r\n        <tr fd-table-row class=\"row-summary\">\r\n            @if (isCheckList) {\r\n            <td fd-table-cell columnResizer>\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            } @if (!isCheckList) {\r\n            <td fd-table-cell class=\"single-select\">\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            } @for (column of columns; track column; let i = $index) {\r\n            <td>\r\n                @if (column.HasSummary) {\r\n                <strong style=\"direction: ltr; display: block\">\r\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\r\n                >\r\n                }\r\n            </td>\r\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\r\n            <td fd-table-cell style=\"width: 100px\"></td>\r\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\r\n            <td fd-table-cell></td>\r\n            }\r\n        </tr>\r\n    </tfoot>\r\n    }\r\n</ng-template>\r\n<ng-template\r\n    #rowOlgoTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-previewColumn=\"previewColumn\"\r\n    let-detailsCollapsed=\"detailsCollapsed\"\r\n    let-hideDetailsText=\"hideDetailsText\"\r\n>\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"viewSetting.RowOlgo\"\r\n        [mo]=\"mo\"\r\n        [detailsCollapsed]=\"detailsCollapsed\"\r\n        [hideDetailsText]=\"hideDetailsText\"\r\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\r\n        [groupSummary]=\"groupSummary\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [inlineEditWithoutSelection]=\"inlineEditWithoutSelection\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [moDataList]=\"moDataList\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [dirtyColumns]=\"mo.$DirtyColumns\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n        [detailsTextFunction]=\"viewSetting?.DetailsSetting?.ButtonTextFunction\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [coloringRow]=\"viewSetting?.ColoringRow\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns:rowIndicator\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (events)=\"onOlgoEvents($event)\"\r\n    >\r\n    </bnrc-dynamic-item-component>\r\n</ng-template>\r\n<ng-template\r\n    #rowTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-previewColumn=\"previewColumn\"\r\n    let-detailsCollapsed=\"detailsCollapsed\"\r\n    let-hideDetailsText=\"hideDetailsText\"\r\n>\r\n    <bsu-barsa-table-row\r\n        [mo]=\"mo\"\r\n        [dirtyColumns]=\"mo.$DirtyColumns\"\r\n        [inlineEditWithoutSelection]=\"inlineEditWithoutSelection\"\r\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\r\n        [moDataList]=\"moDataList\"\r\n        [hideDetailsText]=\"hideDetailsText\"\r\n        [detailsCollapsed]=\"detailsCollapsed\"\r\n        [groupSummary]=\"groupSummary\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [isMobile]=\"isMobile\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [coloringRow]=\"viewSetting?.ColoringRow\"\r\n        [disableEllapsis]=\"viewSetting?.DisableEllapsis\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\r\n        [secondaryColumns]=\"\r\n            secondaryColumns\r\n                | filterColumnsByDetails: detailsColumns:false\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [columns]=\"\r\n            columns\r\n                | filterColumnsByDetails: detailsColumns:rowIndicator\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [simpleInlineEdit]=\"simpleInlineEdit\"\r\n        [noSaveInlineEditInServer]=\"simpleInlineEdit\"\r\n        [actionList]=\"actionList\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        [previewColumn]=\"previewColumn\"\r\n        (columnSummary)=\"columnSummary.emit($event)\"\r\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\r\n        (escapeKey)=\"onEscapeKey($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (ulvCommand)=\"onUlvCommand($event)\"\r\n        (actionListClick)=\"onActionListClick(mo, index, $event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n    >\r\n    </bsu-barsa-table-row>\r\n    <!-- <div\r\n        #rowBottom\r\n        intersectionObserver\r\n        [intersectionThreshold]=\"0.1\"\r\n        (visibilityChange)=\"onRowVisibilityChange($event, index, rowBottom)\"\r\n    ></div> -->\r\n</ng-template>\r\n<div #tableBottomObserve></div>\r\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$2.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", "hideOpenIcon", "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.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i3$3.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$3.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i3$3.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$3.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$3.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "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", "sticky", "showRowNumber", "hasSecondaryColumns", "disableResize", "disableHeaderContextMenu", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "columnResizing", "fitToContent", "fitToContainer", "freeColumnSize", "sortAscending", "sortDescending", "filter", "resetGridSettings", "headerRender"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "previewColumn", "columnComponents", "dirtyColumns", "detailsCollapsed"], outputs: ["columnSummary"] }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.FilterPipe, name: "filter" }, { 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" }, { kind: "pipe", type: i2.FindPreviewColumnPipe, name: "findPreviewColumn" }, { kind: "pipe", type: i2.HideColumnsInmobilePipe, name: "hideColumnsInmobile" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: { columnWidth: "columnWidth", minWidth: "minWidth", minHeight: "minHeight", disableResize: "disableResize", disableHeaderContextMenu: "disableHeaderContextMenu", rowResizer: "rowResizer", enableResizing: "enableResizing", disableFixedTableLayout: "disableFixedTableLayout" }, host: { properties: { "style.height.px": "this.height", "style.max-height": "this.maxHeight" } }, viewQueries: [{ propertyName: "_tableRef", first: true, predicate: ["tableTpl"], descendants: true, read: ElementRef, static: true }, { propertyName: "_tableHeaderComponent", first: true, predicate: BarsaTableHeaderComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\r\n    fd-table\r\n    #tableTpl\r\n    #headerBottomObserver\r\n    intersectionObserver\r\n    [intersectionThreshold]=\"0.1\"\r\n    (visibilityChange)=\"onTableVisibilityChange($event, headerBottomObserver)\"\r\n    [popIn]=\"popin\"\r\n    [class.table-fixed]=\"\r\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\r\n    \"\r\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true\"\r\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n>\r\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            headerTemplate;\r\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\r\n        \"\r\n    ></ng-container>\r\n    @if (moDataList?.length) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            bodyTemplate;\r\n            context: { $implicit: mergeFieldsToColumns, previewColumn: allColumns | findPreviewColumn }\r\n        \"\r\n    ></ng-container>\r\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\r\n    } }\r\n</table>\r\n<!--renderColumn-->\r\n\r\n@if (!moDataList?.length) {\r\n<bsu-no-data\r\n    [class.no-topborder]=\"!hideToolbar\"\r\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\r\n    [simple]=\"true\"\r\n>\r\n</bsu-no-data>\r\n}\r\n\r\n<ng-template #headerTemplate let-columns let-moDataListCount>\r\n    <bsu-barsa-table-header\r\n        [sticky]=\"stickyEnable()\"\r\n        [hasSecondaryColumns]=\"secondaryColumns.length > 0\"\r\n        [class.has-toolbar]=\"!hideToolbar\"\r\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\r\n        [tableWidth]=\"elWidth\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [resizedByUser]=\"resizedByUser\"\r\n        [tableHeaderMode]=\"tableHeaderMode\"\r\n        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [allChecked]=\"allChecked\"\r\n        [rtl]=\"rtl\"\r\n        [actionList]=\"actionList\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [columns]=\"\r\n            columns\r\n                | filterColumnsByDetails: detailsColumns:rowIndicator\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [fitWidth]=\"fitWidth\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [contextMenuWidth]=\"contextMenuWidth\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [viewSetting]=\"viewSetting\"\r\n        [hideHeader]=\"contextView.Grid_HideHeader\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [disableResize]=\"disableResize\"\r\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\r\n        (headerRender)=\"onSetTableHeaderDom($event)\"\r\n        (columnResize)=\"onColumnResized($event)\"\r\n        (columnResizing)=\"onColumnResizing($event)\"\r\n        (fitToContent)=\"onFitToContent($event)\"\r\n        (fitToContainer)=\"onFitToContainer()\"\r\n        (freeColumnSize)=\"onFreeColumnSizing()\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (resetGridSettings)=\"resetGridSettings.emit()\"\r\n    ></bsu-barsa-table-header>\r\n    <!-- <div\r\n        #headerBottomObserver\r\n        intersectionObserver\r\n        [intersectionThreshold]=\"0.1\"\r\n        (visibilityChange)=\"onHeaderVisibilityChange($event, headerBottomObserver)\"\r\n    ></div> -->\r\n</ng-template>\r\n<ng-template #bodyTemplate let-columns let-previewColumn=\"previewColumn\">\r\n    <tbody\r\n        #body\r\n        fd-table-body\r\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\r\n        [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || previewColumn\"\r\n        [noBorderY]=\"(popin && secondaryColumns.length > 0) || previewColumn\"\r\n    >\r\n        <ng-container>\r\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\r\n                    context: {\r\n                        $implicit: mo,\r\n                        index: index,\r\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\r\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\r\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                        secondaryColumns:\r\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                        moDataList: moDataList,\r\n                        moDataListCount: moDataList.length,\r\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id],\r\n                        previewColumn: previewColumn,\r\n                        detailsCollapsed: viewSetting?.DetailsSetting?.DetailsCollapsed === true,\r\n                        hideDetailsText: viewSetting?.DetailsSetting?.HideDetailsText === true\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            }\r\n        </ng-container>\r\n    </tbody>\r\n</ng-template>\r\n<ng-template #footerTemplate let-columns>\r\n    @if (hasSummary) {\r\n    <tfoot fd-table-footer>\r\n        <tr fd-table-row class=\"row-summary\">\r\n            @if (isCheckList) {\r\n            <td fd-table-cell columnResizer>\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            } @if (!isCheckList) {\r\n            <td fd-table-cell class=\"single-select\">\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            } @for (column of columns; track column; let i = $index) {\r\n            <td>\r\n                @if (column.HasSummary) {\r\n                <strong style=\"direction: ltr; display: block\">\r\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\r\n                >\r\n                }\r\n            </td>\r\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\r\n            <td fd-table-cell style=\"width: 100px\"></td>\r\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\r\n            <td fd-table-cell></td>\r\n            }\r\n        </tr>\r\n    </tfoot>\r\n    }\r\n</ng-template>\r\n<ng-template\r\n    #rowOlgoTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-previewColumn=\"previewColumn\"\r\n    let-detailsCollapsed=\"detailsCollapsed\"\r\n    let-hideDetailsText=\"hideDetailsText\"\r\n>\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"viewSetting.RowOlgo\"\r\n        [mo]=\"mo\"\r\n        [detailsCollapsed]=\"detailsCollapsed\"\r\n        [hideDetailsText]=\"hideDetailsText\"\r\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\r\n        [groupSummary]=\"groupSummary\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [inlineEditWithoutSelection]=\"inlineEditWithoutSelection\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [moDataList]=\"moDataList\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [dirtyColumns]=\"mo.$DirtyColumns\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n        [detailsTextFunction]=\"viewSetting?.DetailsSetting?.ButtonTextFunction\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [coloringRow]=\"viewSetting?.ColoringRow\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns:rowIndicator\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (events)=\"onOlgoEvents($event)\"\r\n    >\r\n    </bnrc-dynamic-item-component>\r\n</ng-template>\r\n<ng-template\r\n    #rowTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-previewColumn=\"previewColumn\"\r\n    let-detailsCollapsed=\"detailsCollapsed\"\r\n    let-hideDetailsText=\"hideDetailsText\"\r\n>\r\n    <bsu-barsa-table-row\r\n        [mo]=\"mo\"\r\n        [dirtyColumns]=\"mo.$DirtyColumns\"\r\n        [inlineEditWithoutSelection]=\"inlineEditWithoutSelection\"\r\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\r\n        [moDataList]=\"moDataList\"\r\n        [hideDetailsText]=\"hideDetailsText\"\r\n        [detailsCollapsed]=\"detailsCollapsed\"\r\n        [groupSummary]=\"groupSummary\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [isMobile]=\"isMobile\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [coloringRow]=\"viewSetting?.ColoringRow\"\r\n        [disableEllapsis]=\"viewSetting?.DisableEllapsis\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\r\n        [secondaryColumns]=\"\r\n            secondaryColumns\r\n                | filterColumnsByDetails: detailsColumns:false\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [columns]=\"\r\n            columns\r\n                | filterColumnsByDetails: detailsColumns:rowIndicator\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [simpleInlineEdit]=\"simpleInlineEdit\"\r\n        [noSaveInlineEditInServer]=\"simpleInlineEdit\"\r\n        [actionList]=\"actionList\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        [previewColumn]=\"previewColumn\"\r\n        (columnSummary)=\"columnSummary.emit($event)\"\r\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\r\n        (escapeKey)=\"onEscapeKey($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (ulvCommand)=\"onUlvCommand($event)\"\r\n        (actionListClick)=\"onActionListClick(mo, index, $event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n    >\r\n    </bsu-barsa-table-row>\r\n    <!-- <div\r\n        #rowBottom\r\n        intersectionObserver\r\n        [intersectionThreshold]=\"0.1\"\r\n        (visibilityChange)=\"onRowVisibilityChange($event, index, rowBottom)\"\r\n    ></div> -->\r\n</ng-template>\r\n<div #tableBottomObserve></div>\r\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$2.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", "hideOpenIcon", "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.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i3$3.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "noOuterBorder", "topBorder", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i3$3.TableFooterDirective, selector: "[fdTableFooter], [fd-table-footer]" }, { kind: "directive", type: i3$3.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i3$3.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i3$3.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "component", type: NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: ["allChecked", "isCheckList", "attachmentViewType", "columns", "fitWidth", "contextMenuItems", "contextMenuWidth", "showViewButton", "hasSelected", "hideOpenIcon", "disableOverflowContextMenu", "inlineEditMode", "hideHeader", "showDetailsInRow", "viewSetting", "tableWidth", "resizedByUser", "disableResponsive", "actionList", "rowIndicator", "rtl", "sticky", "showRowNumber", "hasSecondaryColumns", "disableResize", "disableHeaderContextMenu", "deviceSize", "tableHeaderMode"], outputs: ["allCheckbox", "columnResize", "columnResizing", "fitToContent", "fitToContainer", "freeColumnSize", "sortAscending", "sortDescending", "filter", "resetGridSettings", "headerRender"] }, { kind: "component", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: ["showDetailsInRow", "previewColumn", "columnComponents", "dirtyColumns", "detailsCollapsed"], outputs: ["columnSummary"] }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.FilterPipe, name: "filter" }, { 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" }, { kind: "pipe", type: i2.FindPreviewColumnPipe, name: "findPreviewColumn" }, { kind: "pipe", type: i2.HideColumnsInmobilePipe, name: "hideColumnsInmobile" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiTableViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<table\r\n    fd-table\r\n    #tableTpl\r\n    #headerBottomObserver\r\n    intersectionObserver\r\n    [intersectionThreshold]=\"0.1\"\r\n    (visibilityChange)=\"onTableVisibilityChange($event, headerBottomObserver)\"\r\n    [popIn]=\"popin\"\r\n    [class.table-fixed]=\"\r\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\r\n    \"\r\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true\"\r\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n>\r\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            headerTemplate;\r\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\r\n        \"\r\n    ></ng-container>\r\n    @if (moDataList?.length) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            bodyTemplate;\r\n            context: { $implicit: mergeFieldsToColumns, previewColumn: allColumns | findPreviewColumn }\r\n        \"\r\n    ></ng-container>\r\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\r\n    } }\r\n</table>\r\n<!--renderColumn-->\r\n\r\n@if (!moDataList?.length) {\r\n<bsu-no-data\r\n    [class.no-topborder]=\"!hideToolbar\"\r\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\r\n    [simple]=\"true\"\r\n>\r\n</bsu-no-data>\r\n}\r\n\r\n<ng-template #headerTemplate let-columns let-moDataListCount>\r\n    <bsu-barsa-table-header\r\n        [sticky]=\"stickyEnable()\"\r\n        [hasSecondaryColumns]=\"secondaryColumns.length > 0\"\r\n        [class.has-toolbar]=\"!hideToolbar\"\r\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\r\n        [tableWidth]=\"elWidth\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [resizedByUser]=\"resizedByUser\"\r\n        [tableHeaderMode]=\"tableHeaderMode\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [allChecked]=\"allChecked\"\r\n        [rtl]=\"rtl\"\r\n        [actionList]=\"actionList\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [columns]=\"\r\n            columns\r\n                | filterColumnsByDetails: detailsColumns:rowIndicator\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [fitWidth]=\"fitWidth\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [contextMenuWidth]=\"contextMenuWidth\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [viewSetting]=\"viewSetting\"\r\n        [hideHeader]=\"contextView.Grid_HideHeader\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [disableResize]=\"disableResize\"\r\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\r\n        (headerRender)=\"onSetTableHeaderDom($event)\"\r\n        (columnResize)=\"onColumnResized($event)\"\r\n        (columnResizing)=\"onColumnResizing($event)\"\r\n        (fitToContent)=\"onFitToContent($event)\"\r\n        (fitToContainer)=\"onFitToContainer()\"\r\n        (freeColumnSize)=\"onFreeColumnSizing()\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (resetGridSettings)=\"resetGridSettings.emit()\"\r\n    ></bsu-barsa-table-header>\r\n    <!-- <div\r\n        #headerBottomObserver\r\n        intersectionObserver\r\n        [intersectionThreshold]=\"0.1\"\r\n        (visibilityChange)=\"onHeaderVisibilityChange($event, headerBottomObserver)\"\r\n    ></div> -->\r\n</ng-template>\r\n<ng-template #bodyTemplate let-columns let-previewColumn=\"previewColumn\">\r\n    <tbody\r\n        #body\r\n        fd-table-body\r\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\r\n        [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || previewColumn\"\r\n        [noBorderY]=\"(popin && secondaryColumns.length > 0) || previewColumn\"\r\n    >\r\n        <ng-container>\r\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\r\n                    context: {\r\n                        $implicit: mo,\r\n                        index: index,\r\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\r\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\r\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                        secondaryColumns:\r\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                        moDataList: moDataList,\r\n                        moDataListCount: moDataList.length,\r\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id],\r\n                        previewColumn: previewColumn,\r\n                        detailsCollapsed: viewSetting?.DetailsSetting?.DetailsCollapsed === true,\r\n                        hideDetailsText: viewSetting?.DetailsSetting?.HideDetailsText === true\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            }\r\n        </ng-container>\r\n    </tbody>\r\n</ng-template>\r\n<ng-template #footerTemplate let-columns>\r\n    @if (hasSummary) {\r\n    <tfoot fd-table-footer>\r\n        <tr fd-table-row class=\"row-summary\">\r\n            @if (isCheckList) {\r\n            <td fd-table-cell columnResizer>\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            } @if (!isCheckList) {\r\n            <td fd-table-cell class=\"single-select\">\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            } @for (column of columns; track column; let i = $index) {\r\n            <td>\r\n                @if (column.HasSummary) {\r\n                <strong style=\"direction: ltr; display: block\">\r\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\r\n                >\r\n                }\r\n            </td>\r\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\r\n            <td fd-table-cell style=\"width: 100px\"></td>\r\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\r\n            <td fd-table-cell></td>\r\n            }\r\n        </tr>\r\n    </tfoot>\r\n    }\r\n</ng-template>\r\n<ng-template\r\n    #rowOlgoTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-previewColumn=\"previewColumn\"\r\n    let-detailsCollapsed=\"detailsCollapsed\"\r\n    let-hideDetailsText=\"hideDetailsText\"\r\n>\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"viewSetting.RowOlgo\"\r\n        [mo]=\"mo\"\r\n        [detailsCollapsed]=\"detailsCollapsed\"\r\n        [hideDetailsText]=\"hideDetailsText\"\r\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\r\n        [groupSummary]=\"groupSummary\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [inlineEditWithoutSelection]=\"inlineEditWithoutSelection\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [moDataList]=\"moDataList\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [dirtyColumns]=\"mo.$DirtyColumns\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n        [detailsTextFunction]=\"viewSetting?.DetailsSetting?.ButtonTextFunction\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [coloringRow]=\"viewSetting?.ColoringRow\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns:rowIndicator\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (events)=\"onOlgoEvents($event)\"\r\n    >\r\n    </bnrc-dynamic-item-component>\r\n</ng-template>\r\n<ng-template\r\n    #rowTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-previewColumn=\"previewColumn\"\r\n    let-detailsCollapsed=\"detailsCollapsed\"\r\n    let-hideDetailsText=\"hideDetailsText\"\r\n>\r\n    <bsu-barsa-table-row\r\n        [mo]=\"mo\"\r\n        [dirtyColumns]=\"mo.$DirtyColumns\"\r\n        [inlineEditWithoutSelection]=\"inlineEditWithoutSelection\"\r\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\r\n        [moDataList]=\"moDataList\"\r\n        [hideDetailsText]=\"hideDetailsText\"\r\n        [detailsCollapsed]=\"detailsCollapsed\"\r\n        [groupSummary]=\"groupSummary\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [isMobile]=\"isMobile\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [coloringRow]=\"viewSetting?.ColoringRow\"\r\n        [disableEllapsis]=\"viewSetting?.DisableEllapsis\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\r\n        [secondaryColumns]=\"\r\n            secondaryColumns\r\n                | filterColumnsByDetails: detailsColumns:false\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [columns]=\"\r\n            columns\r\n                | filterColumnsByDetails: detailsColumns:rowIndicator\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [simpleInlineEdit]=\"simpleInlineEdit\"\r\n        [noSaveInlineEditInServer]=\"simpleInlineEdit\"\r\n        [actionList]=\"actionList\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        [previewColumn]=\"previewColumn\"\r\n        (columnSummary)=\"columnSummary.emit($event)\"\r\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\r\n        (escapeKey)=\"onEscapeKey($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (ulvCommand)=\"onUlvCommand($event)\"\r\n        (actionListClick)=\"onActionListClick(mo, index, $event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n    >\r\n    </bsu-barsa-table-row>\r\n    <!-- <div\r\n        #rowBottom\r\n        intersectionObserver\r\n        [intersectionThreshold]=\"0.1\"\r\n        (visibilityChange)=\"onRowVisibilityChange($event, index, rowBottom)\"\r\n    ></div> -->\r\n</ng-template>\r\n<div #tableBottomObserve></div>\r\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"] }]
+            args: [{ selector: 'bsu-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<table\r\n    fd-table\r\n    #tableTpl\r\n    #headerBottomObserver\r\n    intersectionObserver\r\n    [intersectionThreshold]=\"0.1\"\r\n    (visibilityChange)=\"onTableVisibilityChange($event, headerBottomObserver)\"\r\n    [popIn]=\"popin\"\r\n    [class.table-fixed]=\"\r\n        !contextView?.Grid_HideHeader && (!popin || secondaryColumns.length === 0) && !disableFixedTableLayout\r\n    \"\r\n    [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true\"\r\n    [noBorderY]=\"viewSetting?.NoVerticalBorders === true || (popin && secondaryColumns.length > 0)\"\r\n>\r\n    @if (columns | mergeFieldsToColumns: viewSetting?.MergeFieldsToColumns?.MoDataList; as mergeFieldsToColumns) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            headerTemplate;\r\n            context: { $implicit: mergeFieldsToColumns, moDataListCount: moDataList?.length }\r\n        \"\r\n    ></ng-container>\r\n    @if (moDataList?.length) {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            bodyTemplate;\r\n            context: { $implicit: mergeFieldsToColumns, previewColumn: allColumns | findPreviewColumn }\r\n        \"\r\n    ></ng-container>\r\n    <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: mergeFieldsToColumns }\"></ng-container>\r\n    } }\r\n</table>\r\n<!--renderColumn-->\r\n\r\n@if (!moDataList?.length) {\r\n<bsu-no-data\r\n    [class.no-topborder]=\"!hideToolbar\"\r\n    [class.noborder]=\"contextView.Grid_HideHeader && hideToolbar\"\r\n    [simple]=\"true\"\r\n>\r\n</bsu-no-data>\r\n}\r\n\r\n<ng-template #headerTemplate let-columns let-moDataListCount>\r\n    <bsu-barsa-table-header\r\n        [sticky]=\"stickyEnable()\"\r\n        [hasSecondaryColumns]=\"secondaryColumns.length > 0\"\r\n        [class.has-toolbar]=\"!hideToolbar\"\r\n        [style.pointer-events]=\"moDataListCount ? 'auto' : 'none'\"\r\n        [tableWidth]=\"elWidth\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [resizedByUser]=\"resizedByUser\"\r\n        [tableHeaderMode]=\"tableHeaderMode\"\r\n        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [allChecked]=\"allChecked\"\r\n        [rtl]=\"rtl\"\r\n        [actionList]=\"actionList\"\r\n        [disableResponsive]=\"disableResponsive\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [columns]=\"\r\n            columns\r\n                | filterColumnsByDetails: detailsColumns:rowIndicator\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [fitWidth]=\"fitWidth\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [contextMenuWidth]=\"contextMenuWidth\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [viewSetting]=\"viewSetting\"\r\n        [hideHeader]=\"contextView.Grid_HideHeader\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [disableResize]=\"disableResize\"\r\n        [disableHeaderContextMenu]=\"disableHeaderContextMenu\"\r\n        (headerRender)=\"onSetTableHeaderDom($event)\"\r\n        (columnResize)=\"onColumnResized($event)\"\r\n        (columnResizing)=\"onColumnResizing($event)\"\r\n        (fitToContent)=\"onFitToContent($event)\"\r\n        (fitToContainer)=\"onFitToContainer()\"\r\n        (freeColumnSize)=\"onFreeColumnSizing()\"\r\n        (allCheckbox)=\"onAllCheckbox($event)\"\r\n        (sortAscending)=\"onSortAscending($event)\"\r\n        (sortDescending)=\"onSortDescending($event)\"\r\n        (filter)=\"onFilter($event)\"\r\n        (resetGridSettings)=\"resetGridSettings.emit()\"\r\n    ></bsu-barsa-table-header>\r\n    <!-- <div\r\n        #headerBottomObserver\r\n        intersectionObserver\r\n        [intersectionThreshold]=\"0.1\"\r\n        (visibilityChange)=\"onHeaderVisibilityChange($event, headerBottomObserver)\"\r\n    ></div> -->\r\n</ng-template>\r\n<ng-template #bodyTemplate let-columns let-previewColumn=\"previewColumn\">\r\n    <tbody\r\n        #body\r\n        fd-table-body\r\n        [class.noborder]=\"viewSetting?.NoBodyBorders === true\"\r\n        [noBorderX]=\"viewSetting?.NoHoriztonalBorders === true || previewColumn\"\r\n        [noBorderY]=\"(popin && secondaryColumns.length > 0) || previewColumn\"\r\n    >\r\n        <ng-container>\r\n            @for (mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index) {\r\n            <ng-container\r\n                *ngTemplateOutlet=\"\r\n                    hasRowOlgo ? rowOlgoTemplate : rowTemplate;\r\n                    context: {\r\n                        $implicit: mo,\r\n                        index: index,\r\n                        rowNumber: mo.Id | rowNumber: pagingSetting:moDataList,\r\n                        rowIndicatorColor: !columns.length ? '' : (columns[0].Caption | rval: mo:columns),\r\n                        columns: columns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                        secondaryColumns:\r\n                            secondaryColumns | columnCustomComponent: viewSetting?.ColumnComponents?.MoDataList,\r\n                        moDataList: moDataList,\r\n                        moDataListCount: moDataList.length,\r\n                        cartableTemplate: cartableTemplates[mo.RelatedMo?.$TypeDefId + '@' + mo.CartableSettings?.Id],\r\n                        previewColumn: previewColumn,\r\n                        detailsCollapsed: viewSetting?.DetailsSetting?.DetailsCollapsed === true,\r\n                        hideDetailsText: viewSetting?.DetailsSetting?.HideDetailsText === true\r\n                    }\r\n                \"\r\n            ></ng-container>\r\n            }\r\n        </ng-container>\r\n    </tbody>\r\n</ng-template>\r\n<ng-template #footerTemplate let-columns>\r\n    @if (hasSummary) {\r\n    <tfoot fd-table-footer>\r\n        <tr fd-table-row class=\"row-summary\">\r\n            @if (isCheckList) {\r\n            <td fd-table-cell columnResizer>\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            } @if (!isCheckList) {\r\n            <td fd-table-cell class=\"single-select\">\r\n                <strong class=\"col-total-text\">{{ 'Total' | bbbTranslate }}</strong>\r\n            </td>\r\n            } @for (column of columns; track column; let i = $index) {\r\n            <td>\r\n                @if (column.HasSummary) {\r\n                <strong style=\"direction: ltr; display: block\">\r\n                    {{ moDataList | totalSummary: column.Name | number }}</strong\r\n                >\r\n                }\r\n            </td>\r\n            } @if (contextMenuItems && contextMenuItems.length > 0) {\r\n            <td fd-table-cell style=\"width: 100px\"></td>\r\n            } @if (!hideOpenIcon && canView && (!inlineEditMode || !allowInlineEdit)) {\r\n            <td fd-table-cell></td>\r\n            }\r\n        </tr>\r\n    </tfoot>\r\n    }\r\n</ng-template>\r\n<ng-template\r\n    #rowOlgoTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-previewColumn=\"previewColumn\"\r\n    let-detailsCollapsed=\"detailsCollapsed\"\r\n    let-hideDetailsText=\"hideDetailsText\"\r\n>\r\n    <bnrc-dynamic-item-component\r\n        [component]=\"viewSetting.RowOlgo\"\r\n        [mo]=\"mo\"\r\n        [detailsCollapsed]=\"detailsCollapsed\"\r\n        [hideDetailsText]=\"hideDetailsText\"\r\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\r\n        [groupSummary]=\"groupSummary\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [inlineEditWithoutSelection]=\"inlineEditWithoutSelection\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [moDataList]=\"moDataList\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [dirtyColumns]=\"mo.$DirtyColumns\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n        [detailsTextFunction]=\"viewSetting?.DetailsSetting?.ButtonTextFunction\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [coloringRow]=\"viewSetting?.ColoringRow\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [secondaryColumns]=\"secondaryColumns | filterColumnsByDetails: detailsColumns:rowIndicator\"\r\n        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator\"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        (events)=\"onOlgoEvents($event)\"\r\n    >\r\n    </bnrc-dynamic-item-component>\r\n</ng-template>\r\n<ng-template\r\n    #rowTemplate\r\n    let-mo\r\n    let-index=\"index\"\r\n    let-rowNumber=\"rowNumber\"\r\n    let-columns=\"columns\"\r\n    let-moDataListCount=\"moDataListCount\"\r\n    let-moDataList=\"moDataList\"\r\n    let-cartableTemplate=\"cartableTemplate\"\r\n    let-secondaryColumns=\"secondaryColumns\"\r\n    let-rowIndicatorColor=\"rowIndicatorColor\"\r\n    let-previewColumn=\"previewColumn\"\r\n    let-detailsCollapsed=\"detailsCollapsed\"\r\n    let-hideDetailsText=\"hideDetailsText\"\r\n>\r\n    <bsu-barsa-table-row\r\n        [mo]=\"mo\"\r\n        [dirtyColumns]=\"mo.$DirtyColumns\"\r\n        [inlineEditWithoutSelection]=\"inlineEditWithoutSelection\"\r\n        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\r\n        [moDataList]=\"moDataList\"\r\n        [hideDetailsText]=\"hideDetailsText\"\r\n        [detailsCollapsed]=\"detailsCollapsed\"\r\n        [groupSummary]=\"groupSummary\"\r\n        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n        [isMobile]=\"isMobile\"\r\n        [showDetailsInRow]=\"showDetailsInRow\"\r\n        [hideOpenIcon]=\"hideOpenIcon\"\r\n        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n        [rowNumber]=\"rowNumber\"\r\n        [coloringRow]=\"viewSetting?.ColoringRow\"\r\n        [disableEllapsis]=\"viewSetting?.DisableEllapsis\"\r\n        [showViewButton]=\"showViewButton\"\r\n        [detailsColumns]=\"detailsColumns\"\r\n        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n        [cartableTemplate]=\"cartableTemplate\"\r\n        [cartableMo]=\"mo.RelatedMo\"\r\n        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n        [detailsComponent]=\"detailsComponent\"\r\n        [isChecked]=\"mo.$IsChecked\"\r\n        [visibility]=\"mo.$Visibility\"\r\n        [expanded]=\"mo.$Expanded\"\r\n        [styleIndex]=\"mo.$StyleIndex\"\r\n        [level]=\"mo.$Level\"\r\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n        [moDataListCount]=\"moDataListCount\"\r\n        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n        [typeDefId]=\"typeDefId\"\r\n        [extraRelation]=\"extraRelation\"\r\n        [formSetting]=\"formSetting\"\r\n        [index]=\"index\"\r\n        [setting]=\"viewSetting\"\r\n        [checkboxComponent]=\"viewSetting?.CheckboxComponent\"\r\n        [secondaryColumns]=\"\r\n            secondaryColumns\r\n                | filterColumnsByDetails: detailsColumns:false\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [columns]=\"\r\n            columns\r\n                | filterColumnsByDetails: detailsColumns:rowIndicator\r\n                | filter: { IsPreview: false }\r\n                | hideColumnsInmobile: viewSetting?.HideColumnsInMobile\r\n        \"\r\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n        [access]=\"access\"\r\n        [simpleInlineEdit]=\"simpleInlineEdit\"\r\n        [noSaveInlineEditInServer]=\"simpleInlineEdit\"\r\n        [actionList]=\"actionList\"\r\n        [inlineEditMode]=\"inlineEditMode\"\r\n        [allowInlineEdit]=\"allowInlineEdit\"\r\n        [rtl]=\"rtl\"\r\n        [deviceName]=\"deviceName\"\r\n        [deviceSize]=\"deviceSize\"\r\n        [allColumns]=\"allColumns\"\r\n        [contextMenuItems]=\"contextMenuItems\"\r\n        [canView]=\"canView\"\r\n        [conditionalFormats]=\"conditionalFormats\"\r\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n        [navigationArrow]=\"navigationArrow\"\r\n        [isCheckList]=\"isCheckList\"\r\n        [rowIndicator]=\"rowIndicator\"\r\n        [rowIndicatorColor]=\"rowIndicatorColor\"\r\n        [previewColumn]=\"previewColumn\"\r\n        (columnSummary)=\"columnSummary.emit($event)\"\r\n        (resetWorkflowState)=\"resetWorkflowState.emit(mo)\"\r\n        (escapeKey)=\"onEscapeKey($event)\"\r\n        (expandClick)=\"onExpandClick($event)\"\r\n        (rowCheck)=\"onRowCheck($event)\"\r\n        (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n        (deselectAll)=\"onDeselectAll()\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (ulvCommand)=\"onUlvCommand($event)\"\r\n        (actionListClick)=\"onActionListClick(mo, index, $event)\"\r\n        (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n        (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n        (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n        (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n        (cartableFormClosed)=\"onCartableFormClosed($event)\"\r\n    >\r\n    </bsu-barsa-table-row>\r\n    <!-- <div\r\n        #rowBottom\r\n        intersectionObserver\r\n        [intersectionThreshold]=\"0.1\"\r\n        (visibilityChange)=\"onRowVisibilityChange($event, index, rowBottom)\"\r\n    ></div> -->\r\n</ng-template>\r\n<div #tableBottomObserve></div>\r\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: { _tableRef: [{
                 type: ViewChild,
                 args: ['tableTpl', { static: true, read: ElementRef }]
@@ -15591,6 +15604,177 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['mainEl', { read: ElementRef }]
             }] } });
 
+class UiReportCarouselViewComponent extends ReportViewBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.type = 'full';
+        this.carouselCls = 'carousel-full';
+        this.width = window.innerWidth;
+        this.height = this.width / 2;
+        this.rval = inject(MoReportValuePipe);
+        this._picFieldSrc = inject(PictureFieldSourcePipe);
+        this._renderer2 = inject(Renderer2);
+        this._el = inject(ElementRef);
+        this._router = inject(Router);
+    }
+    get dom() {
+        return this.splideElRef?.nativeElement;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.type = this.viewSetting.SliderType$Caption || 'full';
+        this._width = this.viewSetting.WidthSize;
+    }
+    ngAfterViewInit() {
+        this._init();
+        setTimeout(() => {
+            this._splide.refresh();
+        }, 200);
+    }
+    onRefresh() {
+        this._splide.refresh();
+    }
+    _init() {
+        this._renderer2.setAttribute(this.dom, 'data-splide', '{"direction":"rtl"}');
+        switch (this.type) {
+            case 'full':
+                this.carouselCls = 'carousel-full';
+                this._fullMount();
+                break;
+            case 'multiple':
+                this.carouselCls = 'carousel-multiple';
+                this._multipleMount();
+                break;
+            case 'small':
+                this.carouselCls = 'carousel-small';
+                this._smallMount();
+                break;
+            case 'single':
+                this.carouselCls = 'carousel-single';
+                this._singleMount();
+                break;
+        }
+        this._renderer2.addClass(this.splideElRef?.nativeElement, this.carouselCls);
+    }
+    _fullMount() {
+        this._splide = new Splide(this.dom, {
+            perPage: 1,
+            rewind: true,
+            direction: 'rtl',
+            type: 'loop',
+            gap: 0,
+            arrows: true,
+            pagination: false,
+            autoplay: true,
+            speed: 1000
+        }).mount();
+    }
+    _singleMount() {
+        this._splide = new Splide(this.dom, {
+            perPage: 1,
+            rewind: true,
+            type: 'loop',
+            direction: 'rtl',
+            gap: 0,
+            padding: 25,
+            arrows: true,
+            pagination: false,
+            breakpoints: {
+                768: {
+                    perPage: 1
+                },
+                991: {
+                    perPage: 2
+                }
+            }
+        }).mount();
+    }
+    _multipleMount() {
+        this._splide = new Splide(this.dom, {
+            perPage: 4,
+            rewind: true,
+            direction: 'rtl',
+            type: 'loop',
+            gap: 16,
+            padding: 0,
+            arrows: true,
+            pagination: false,
+            breakpoints: {
+                768: {
+                    perPage: 2
+                },
+                991: {
+                    perPage: 3
+                }
+            }
+        }).mount();
+    }
+    _smallMount() {
+        this._splide = new Splide(this.dom, {
+            perPage: 9,
+            rewind: true,
+            type: 'loop',
+            direction: 'rtl',
+            gap: 16,
+            padding: 0,
+            arrows: true,
+            pagination: false,
+            breakpoints: {
+                768: {
+                    perPage: 5
+                },
+                991: {
+                    perPage: 7
+                }
+            }
+        }).mount();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiReportCarouselViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiReportCarouselViewComponent, selector: "bsu-ui-report-carousel-view", host: { properties: { "style.width": "this._width" } }, viewQueries: [{ propertyName: "splideElRef", first: true, predicate: ["splide"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"splide\" #splide>\r\n    <div class=\"splide__track\">\r\n        <ul class=\"splide__list\">\r\n            @for(mo of moDataList;track mo.Id){\r\n            <li class=\"splide__slide\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"viewSetting.RowOlgo?.Selector ? dynamicTpl : defaultTpl\"\r\n                ></ng-container>\r\n                <ng-template #dynamicTpl>\r\n                    <bnrc-dynamic-item-component\r\n                        [component]=\"viewSetting.RowOlgo\"\r\n                        [mo]=\"mo\"\r\n                        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\r\n                        [groupSummary]=\"groupSummary\"\r\n                        [showViewButton]=\"showViewButton\"\r\n                        [inlineEditWithoutSelection]=\"inlineEditWithoutSelection\"\r\n                        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                        [moDataList]=\"moDataList\"\r\n                        [hideOpenIcon]=\"hideOpenIcon\"\r\n                        [detailsColumns]=\"detailsColumns\"\r\n                        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n                        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n                        [cartableMo]=\"mo.RelatedMo\"\r\n                        [dirtyColumns]=\"mo.$DirtyColumns\"\r\n                        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n                        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n                        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n                        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n                        [detailsTextFunction]=\"viewSetting?.DetailsSetting?.ButtonTextFunction\"\r\n                        [detailsComponent]=\"detailsComponent\"\r\n                        [coloringRow]=\"viewSetting?.ColoringRow\"\r\n                        [isChecked]=\"mo.$IsChecked\"\r\n                        [visibility]=\"mo.$Visibility\"\r\n                        [expanded]=\"mo.$Expanded\"\r\n                        [styleIndex]=\"mo.$StyleIndex\"\r\n                        [level]=\"mo.$Level\"\r\n                        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n                        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n                        [typeDefId]=\"typeDefId\"\r\n                        [extraRelation]=\"extraRelation\"\r\n                        [formSetting]=\"formSetting\"\r\n                        [setting]=\"viewSetting\"\r\n                        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator\"\r\n                        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n                        [access]=\"access\"\r\n                        [inlineEditMode]=\"inlineEditMode\"\r\n                        [allowInlineEdit]=\"allowInlineEdit\"\r\n                        [rtl]=\"rtl\"\r\n                        [deviceName]=\"deviceName\"\r\n                        [deviceSize]=\"deviceSize\"\r\n                        [allColumns]=\"allColumns\"\r\n                        [contextMenuItems]=\"contextMenuItems\"\r\n                        [canView]=\"canView\"\r\n                        [conditionalFormats]=\"conditionalFormats\"\r\n                        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                        [navigationArrow]=\"navigationArrow\"\r\n                        [isCheckList]=\"isCheckList\"\r\n                        [rowIndicator]=\"rowIndicator\"\r\n                        (events)=\"onOlgoEvents($event)\"\r\n                    >\r\n                    </bnrc-dynamic-item-component>\r\n                </ng-template>\r\n                <ng-template #defaultTpl>\r\n                    <fd-card cardType=\"banner\" style=\"height: 300px\">\r\n                        <fd-card-media>\r\n                            <div fd-card-media-content-container [legendColor]=\"13\">\r\n                                <div fd-card-media-heading [level]=\"2\">Get Ready for the AI Learning Days!</div>\r\n                                <p fd-card-media-text>\r\n                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. At aperiam in incidunt\r\n                                    distinctio, ad blanditiis autem voluptatibus dolore labore eos harum placeat\r\n                                    sapiente dolor ex illo ipsa quod excepturi doloribus!\r\n                                </p>\r\n                                <button fd-button fdType=\"emphasized\">Register</button>\r\n                            </div>\r\n                            <div fd-card-media-image-container>\r\n                                <img\r\n                                    fd-card-media-image\r\n                                    src=\"https://picsum.photos/298/300?nature/1\"\r\n                                    alt=\"randomly generated image from Picsum\"\r\n                                    style=\"max-height: 300px\"\r\n                                />\r\n                            </div>\r\n                        </fd-card-media>\r\n                    </fd-card>\r\n                </ng-template>\r\n            </li>\r\n            }\r\n        </ul>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block;height:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.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", "hideOpenIcon", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5$4.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i5$4.CardMediaComponent, selector: "fd-card-media", inputs: ["ariaRoleDescription", "hasPadding", "shellColor", "legendColor"] }, { kind: "directive", type: i5$4.CardMediaImageDirective, selector: "[fd-card-media-image]" }, { kind: "directive", type: i5$4.CardMediaImageContainerDirective, selector: "[fd-card-media-image-container]" }, { kind: "directive", type: i5$4.CardMediaContentContainerDirective, selector: "[fd-card-media-content-container]", inputs: ["isOverlay", "shellColor", "legendColor"] }, { kind: "directive", type: i5$4.CardMediaHeadingDirective, selector: "[fd-card-media-heading]", inputs: ["id", "level"] }, { kind: "directive", type: i5$4.CardMediaTextDirective, selector: "[fd-card-media-text]" }, { kind: "pipe", type: i2.FilterColumnsByDetailsPipe, name: "filterColumnsByDetails" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiReportCarouselViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ui-report-carousel-view', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"splide\" #splide>\r\n    <div class=\"splide__track\">\r\n        <ul class=\"splide__list\">\r\n            @for(mo of moDataList;track mo.Id){\r\n            <li class=\"splide__slide\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"viewSetting.RowOlgo?.Selector ? dynamicTpl : defaultTpl\"\r\n                ></ng-container>\r\n                <ng-template #dynamicTpl>\r\n                    <bnrc-dynamic-item-component\r\n                        [component]=\"viewSetting.RowOlgo\"\r\n                        [mo]=\"mo\"\r\n                        [isLastChildGroup]=\"mo.$IsLastChildGroup\"\r\n                        [groupSummary]=\"groupSummary\"\r\n                        [showViewButton]=\"showViewButton\"\r\n                        [inlineEditWithoutSelection]=\"inlineEditWithoutSelection\"\r\n                        [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n                        [moDataList]=\"moDataList\"\r\n                        [hideOpenIcon]=\"hideOpenIcon\"\r\n                        [detailsColumns]=\"detailsColumns\"\r\n                        [showRowNumber]=\"contextView?.Grid_ShowRowNumber\"\r\n                        [columnComponents]=\"viewSetting?.ColumnComponents || null\"\r\n                        [cartableMo]=\"mo.RelatedMo\"\r\n                        [dirtyColumns]=\"mo.$DirtyColumns\"\r\n                        [cartableWorkflowData]=\"mo.SerializedWorkflowData\"\r\n                        [serializedRelatedMo]=\"mo.SerializedRelatedMo\"\r\n                        [detailsText]=\"viewSetting?.DetailsSetting?.ButtonText\"\r\n                        [attachmentViewType]=\"viewSetting?.AttachmentViewType\"\r\n                        [detailsTextFunction]=\"viewSetting?.DetailsSetting?.ButtonTextFunction\"\r\n                        [detailsComponent]=\"detailsComponent\"\r\n                        [coloringRow]=\"viewSetting?.ColoringRow\"\r\n                        [isChecked]=\"mo.$IsChecked\"\r\n                        [visibility]=\"mo.$Visibility\"\r\n                        [expanded]=\"mo.$Expanded\"\r\n                        [styleIndex]=\"mo.$StyleIndex\"\r\n                        [level]=\"mo.$Level\"\r\n                        [parentExpanded]=\"mo.$Parent?.$Expanded\"\r\n                        [columnsCount]=\"columnsCount - detailsColumns.length\"\r\n                        [typeDefId]=\"typeDefId\"\r\n                        [extraRelation]=\"extraRelation\"\r\n                        [formSetting]=\"formSetting\"\r\n                        [setting]=\"viewSetting\"\r\n                        [columns]=\"columns | filterColumnsByDetails: detailsColumns:rowIndicator\"\r\n                        [isNewInlineMo]=\"mo.$NewInlineMo\"\r\n                        [access]=\"access\"\r\n                        [inlineEditMode]=\"inlineEditMode\"\r\n                        [allowInlineEdit]=\"allowInlineEdit\"\r\n                        [rtl]=\"rtl\"\r\n                        [deviceName]=\"deviceName\"\r\n                        [deviceSize]=\"deviceSize\"\r\n                        [allColumns]=\"allColumns\"\r\n                        [contextMenuItems]=\"contextMenuItems\"\r\n                        [canView]=\"canView\"\r\n                        [conditionalFormats]=\"conditionalFormats\"\r\n                        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n                        [navigationArrow]=\"navigationArrow\"\r\n                        [isCheckList]=\"isCheckList\"\r\n                        [rowIndicator]=\"rowIndicator\"\r\n                        (events)=\"onOlgoEvents($event)\"\r\n                    >\r\n                    </bnrc-dynamic-item-component>\r\n                </ng-template>\r\n                <ng-template #defaultTpl>\r\n                    <fd-card cardType=\"banner\" style=\"height: 300px\">\r\n                        <fd-card-media>\r\n                            <div fd-card-media-content-container [legendColor]=\"13\">\r\n                                <div fd-card-media-heading [level]=\"2\">Get Ready for the AI Learning Days!</div>\r\n                                <p fd-card-media-text>\r\n                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. At aperiam in incidunt\r\n                                    distinctio, ad blanditiis autem voluptatibus dolore labore eos harum placeat\r\n                                    sapiente dolor ex illo ipsa quod excepturi doloribus!\r\n                                </p>\r\n                                <button fd-button fdType=\"emphasized\">Register</button>\r\n                            </div>\r\n                            <div fd-card-media-image-container>\r\n                                <img\r\n                                    fd-card-media-image\r\n                                    src=\"https://picsum.photos/298/300?nature/1\"\r\n                                    alt=\"randomly generated image from Picsum\"\r\n                                    style=\"max-height: 300px\"\r\n                                />\r\n                            </div>\r\n                        </fd-card-media>\r\n                    </fd-card>\r\n                </ng-template>\r\n            </li>\r\n            }\r\n        </ul>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block;height:100%}\n"] }]
+        }], propDecorators: { splideElRef: [{
+                type: ViewChild,
+                args: ['splide', { static: true, read: ElementRef }]
+            }], _width: [{
+                type: HostBinding,
+                args: ['style.width']
+            }] } });
+
+class BarsaCardBannerComponent extends BaseViewItemPropsComponent {
+    constructor() {
+        super(...arguments);
+        this.isChecked = false;
+        this.isNotLegendColor = false;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        if (isNaN(Number(this.parameters.LegendColor))) {
+            this.isNotLegendColor = true;
+        }
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        const { isChecked } = changes;
+        this.isChecked = isChecked?.currentValue;
+        this._cdr.detectChanges();
+    }
+    rowChecked() {
+        this.events.emit({ title: 'rowCheck', data: { mo: this.mo, index: this.index } });
+    }
+    onUlvCommand2() {
+        this.events.emit({ title: 'ulvCommandClick', data: { mo: this.mo, index: this.index } });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaCardBannerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BarsaCardBannerComponent, selector: "bsu-barsa-card-banner", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card cardType=\"banner\" [style.height.px]=\"parameters.Height || 300\" (click)=\"rowChecked()\">\n    <fd-card-media>\n        <div\n            fd-card-media-content-container\n            [legendColor]=\"parameters.LegendColor || 13\"\n            [style.background]=\"parameters.ColorColumn | rval: mo:allColumns:true | bbbTranslate\"\n            [style.background]=\"\n                parameters.ColorColumn\n                    ? (parameters.ColorColumn | rval: mo:allColumns:true | bbbTranslate)\n                    : parameters.CustomColor\n                    ? parameters.CustomColor\n                    : null\n            \"\n        >\n            <div fd-card-media-heading [level]=\"2\">\n                {{ parameters.TitleColumn | rval: mo:allColumns:true | bbbTranslate }}\n            </div>\n            <p fd-card-media-text>\n                {{ parameters.SubtitleColumn | rval: mo:allColumns:true | bbbTranslate }}\n            </p>\n            @if (contextMenuItems.length ) {\n\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand2()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n            }\n        </div>\n        <div fd-card-media-image-container>\n            <img\n                fd-card-media-image\n                [src]=\"\n                    (parameters.PictureColumn | rval: mo:allColumns)?.FileId\n                        | picFieldSrc: 'GetPictureFromFileInfo':null\n                \"\n                [alt]=\"parameters.TitleColumn | rval: mo:allColumns:true | bbbTranslate\"\n                [style.height.px]=\"parameters?.Height || 300\"\n            />\n        </div>\n    </fd-card-media>\n</fd-card>\n\n", styles: [""], dependencies: [{ kind: "component", type: i5$4.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i5$4.CardMediaComponent, selector: "fd-card-media", inputs: ["ariaRoleDescription", "hasPadding", "shellColor", "legendColor"] }, { kind: "directive", type: i5$4.CardMediaImageDirective, selector: "[fd-card-media-image]" }, { kind: "directive", type: i5$4.CardMediaImageContainerDirective, selector: "[fd-card-media-image-container]" }, { kind: "directive", type: i5$4.CardMediaContentContainerDirective, selector: "[fd-card-media-content-container]", inputs: ["isOverlay", "shellColor", "legendColor"] }, { kind: "directive", type: i5$4.CardMediaHeadingDirective, selector: "[fd-card-media-heading]", inputs: ["id", "level"] }, { kind: "directive", type: i5$4.CardMediaTextDirective, selector: "[fd-card-media-text]" }, { kind: "component", type: UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "contextMenuOverflowText", "appendTo"], outputs: ["commandClick"] }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaCardBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-card-banner', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-card cardType=\"banner\" [style.height.px]=\"parameters.Height || 300\" (click)=\"rowChecked()\">\n    <fd-card-media>\n        <div\n            fd-card-media-content-container\n            [legendColor]=\"parameters.LegendColor || 13\"\n            [style.background]=\"parameters.ColorColumn | rval: mo:allColumns:true | bbbTranslate\"\n            [style.background]=\"\n                parameters.ColorColumn\n                    ? (parameters.ColorColumn | rval: mo:allColumns:true | bbbTranslate)\n                    : parameters.CustomColor\n                    ? parameters.CustomColor\n                    : null\n            \"\n        >\n            <div fd-card-media-heading [level]=\"2\">\n                {{ parameters.TitleColumn | rval: mo:allColumns:true | bbbTranslate }}\n            </div>\n            <p fd-card-media-text>\n                {{ parameters.SubtitleColumn | rval: mo:allColumns:true | bbbTranslate }}\n            </p>\n            @if (contextMenuItems.length ) {\n\n            <bsu-ulv-context-menu\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [styleIndex]=\"styleIndex\"\n                [mo]=\"mo\"\n                [index]=\"index\"\n                (commandClick)=\"onUlvCommand2()\"\n                [deviceName]=\"deviceName\"\n                [menuItems]=\"contextMenuItems\"\n                [allColumns]=\"allColumns\"\n            ></bsu-ulv-context-menu>\n            }\n        </div>\n        <div fd-card-media-image-container>\n            <img\n                fd-card-media-image\n                [src]=\"\n                    (parameters.PictureColumn | rval: mo:allColumns)?.FileId\n                        | picFieldSrc: 'GetPictureFromFileInfo':null\n                \"\n                [alt]=\"parameters.TitleColumn | rval: mo:allColumns:true | bbbTranslate\"\n                [style.height.px]=\"parameters?.Height || 300\"\n            />\n        </div>\n    </fd-card-media>\n</fd-card>\n\n" }]
+        }] });
+
 const components = [
     BarsaBarDownloadFileComponent,
     UiTextFieldComponent,
@@ -15799,7 +15983,9 @@ const components = [
     UiBpmnViewerComponent,
     UiNotificationViewComponent,
     NotificationItemActionsComponent,
-    BarsaFormLayoutPanelComponent
+    BarsaFormLayoutPanelComponent,
+    UiReportCarouselViewComponent,
+    BarsaCardBannerComponent
 ];
 const pipes = [
     UploadFileStatusPipe,
@@ -16040,7 +16226,7 @@ class BarsaSapUiModule extends BaseModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaSapUiModule, deps: [{ token: i2.DynamicComponentService }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: BarsaSapUiModule, declarations: [BarsaBarDownloadFileComponent, UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, UiMapComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaCardRowPayamComponent, BarsaColumnRowNumberComponent, BarsaQuestionPostComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaAnswerCardComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaChipComponent, BarsaTagChipComponent, BarsaReportCardFlexViewComponent, BarsaTagsCategoryRowComponent, BarsaTagCategoriesComponent, BarsaReportOneOfListComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaModalComponent, BarsaTabRouteManagerComponent, BarsaBreadcrumbsComponent, BarsaRowInlineActionlistComponent, UiBpmnViewerComponent, UiNotificationViewComponent, NotificationItemActionsComponent, BarsaFormLayoutPanelComponent, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe, AvatarGridColPipe, ObjectStatusIconPipe, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective, TableThDirective], imports: [CommonModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: BarsaSapUiModule, declarations: [BarsaBarDownloadFileComponent, UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, UiMapComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaCardRowPayamComponent, BarsaColumnRowNumberComponent, BarsaQuestionPostComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaAnswerCardComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaChipComponent, BarsaTagChipComponent, BarsaReportCardFlexViewComponent, BarsaTagsCategoryRowComponent, BarsaTagCategoriesComponent, BarsaReportOneOfListComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaModalComponent, BarsaTabRouteManagerComponent, BarsaBreadcrumbsComponent, BarsaRowInlineActionlistComponent, UiBpmnViewerComponent, UiNotificationViewComponent, NotificationItemActionsComponent, BarsaFormLayoutPanelComponent, UiReportCarouselViewComponent, BarsaCardBannerComponent, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe, AvatarGridColPipe, ObjectStatusIconPipe, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective, TableThDirective], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             BarsaNovinRayCoreModule,
@@ -16064,7 +16250,7 @@ class BarsaSapUiModule extends BaseModule {
             ResizableModule,
             PlatformIconTabBarModule, i1.ContentDensityModule, ScrollingModule,
             UtilDateToHhMmPipe,
-            UtilChatTimeBadgePipe], exports: [BarsaBarDownloadFileComponent, UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, UiMapComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaCardRowPayamComponent, BarsaColumnRowNumberComponent, BarsaQuestionPostComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaAnswerCardComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaChipComponent, BarsaTagChipComponent, BarsaReportCardFlexViewComponent, BarsaTagsCategoryRowComponent, BarsaTagCategoriesComponent, BarsaReportOneOfListComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaModalComponent, BarsaTabRouteManagerComponent, BarsaBreadcrumbsComponent, BarsaRowInlineActionlistComponent, UiBpmnViewerComponent, UiNotificationViewComponent, NotificationItemActionsComponent, BarsaFormLayoutPanelComponent, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective, TableThDirective, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe, AvatarGridColPipe, ObjectStatusIconPipe] }); }
+            UtilChatTimeBadgePipe], exports: [BarsaBarDownloadFileComponent, UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, UiMapComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, BarsaFormSideContentComponent, BarsaSimpleFormComponent, FormToolbarComponent, BarsaListLayoutPanelComponent, BarsaGridLayoutPanelComponent, BarsaDynamicFieldComponent, UiMultiSelectRadioComponent, UiMultiSelectCheckboxComponent, UiNumIntSliderComponent, UiMultiSelectSliderComponent, UiMultiSelectCardComponent, UiMultiSelectSmileComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaColumnRowNumberComponent, BarsaCardRowPayamComponent, BarsaColumnRowNumberComponent, BarsaQuestionPostComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaAnswerCardComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaChipComponent, BarsaTagChipComponent, BarsaReportCardFlexViewComponent, BarsaTagsCategoryRowComponent, BarsaTagCategoriesComponent, BarsaReportOneOfListComponent, BarsaCardRowPayamComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaModalComponent, BarsaTabRouteManagerComponent, BarsaBreadcrumbsComponent, BarsaRowInlineActionlistComponent, UiBpmnViewerComponent, UiNotificationViewComponent, NotificationItemActionsComponent, BarsaFormLayoutPanelComponent, UiReportCarouselViewComponent, BarsaCardBannerComponent, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, DialogHandlerDirective, TableThDirective, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, SapSizePipe, AvatarGridColPipe, ObjectStatusIconPipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaSapUiModule, providers: [{ provide: DIALOG_SERVICE, useClass: DialogService }], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -16136,5 +16322,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ApplyConditionalFormatsDirective, AvatarGridColPipe, BarsaAnswerCardComponent, BarsaAspViewerComponent, BarsaBarDownloadFileComponent, BarsaBarPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBreadcrumbsComponent, BarsaCardLayoutPanelComponent, BarsaCardRowPayamComponent, BarsaCartableFormComponent, BarsaCartableGroupComponent, BarsaCartableTemplateComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChipComponent, BarsaColumnIndicatorComponent, BarsaColumnRowNumberComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaDateTimePickerComponent, BarsaDynamicFieldComponent, BarsaEnumMenuButtonComponent, BarsaFieldKeyValueComponent, BarsaFormLayoutPanelComponent, BarsaFormSideContentComponent, BarsaGridLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaLinkableItemsPanelComponent, BarsaListFileLinearComponent, BarsaListFileLinearGmailComponent, BarsaListLayoutPanelComponent, BarsaModalComponent, BarsaMonacoEditorComponent, BarsaNetworkOfflineComponent, BarsaPishnamayeshPayamComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionPostComponent, BarsaReportCardFlexViewComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaReportOneOfListComponent, BarsaRowInlineActionlistComponent, BarsaSapUiModule, BarsaSapUiRoutingModule, BarsaSearchFormComponent, BarsaSimpleFormComponent, BarsaTabRouteManagerComponent, BarsaTableColumnComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTagCategoriesComponent, BarsaTagChipComponent, BarsaTagsCategoryRowComponent, BarsaTextEllipsisComponent, BarsaTinyemceComponent, BarsaToolbaritemSearchComponent, BarsaTreeItemComponent, BarsaUlvMainComponent, BlobViewerComponent, BreadcrumbComponent, CaptchaFieldComponent, CardItemComponent, CardViewContentComponent, ColRendererDirective, ColumnMatrixRendererComponent, ColumnRendererComponent, CustomDateTimeComponent, DeviceInfoFieldBaseComponent, DialogHandlerDirective, DownloadFilesDirective, DynamicPageSizePipe, FileInDialogComponent, FileViewerComponent, FileViewerContentComponent, FileViewerPopoverComponent, FormDialogComponent, FormDialogLessComponent, FormToolbarButtonComponent, FormToolbarComponent, FormWizardComponent, FullscreenDialogDirective, FullscreenFilesDirective, FundamentalDynamicFormComponent, GanttDhtmlChartViewComponent, GetFormLayoutGrid, GlobalSearchComponent, GlobalSearchModuleComponent, GlobalSearchPanelComponent, HeaderAvatarComponent, HtreeCreateNewComponent, HyperlinkComponent, IconBusinessSuite, IconTNT, InlineSaveAndCancelComponent, LayoutActionsComponent, LayoutControlComponent, LayoutWizardComponent, ListItemComponent, LyEmptySpaceComponent, LyHorizontalLayoutComponent, LyLabelComponent, LyLayoutContainerComponent, LyLayoutContainerOfRootComponent, LyLayoutFieldLabelComponent, LyLayoutPanelComponent, LyLineComponent, LySimpleLabelComponent, LyTabContainerComponent, LyTabPageComponent, LyVerticalLayoutComponent, ManageFiltersReportComponent, MaskComponent, MatrixValuePipe, MessageStripComponent, NoDataComponent, NodeHasOneDepthLevelPipe, NotificationItemActionsComponent, NotificationItemComponent, ObjectStatusIconPipe, ProgressIndicatorComponent, ReportNavigatorComponent, ReportNewTopFormComponent, ReportSearchFieldsHiddenSettingsComponent, ReportSearchFieldsManageComponent, ReportSearchPanelSaveComponent, ReportViewRendererDirective, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, RichTextStaticComponent, SapFontClassPipe, SapFontPipe, SapSizePipe, SapUiReportBaseComponent, SearchPanelComponent, StaticTextComponent, StringToArrayPipe, TableThDirective, TitleComponent, UiAspReportViewerComponent, UiBpmnViewerComponent, UiButtonComponent, UiCalendarComponent, UiCardViewComponent, UiCardViewHorizontalGroupComponent, UiCheckBoxComponent, UiColorUiComponent, UiContainerWithButtonComponent, UiDateRangeExComponent, UiDateTimeComponent, UiEditableGridComponent, UiExceptionFormComponent, UiFileLinearListBoxComponent, UiFormPanelComponent, UiGanttChartComponent, UiGraphComponent, UiGridColumnsComponent, UiGridComponent, UiGridFilterItemComponent, UiGridFilterSettingsComponent, UiGridSortItemComponent, UiGridSortSettingComponent, UiHtmlViewerComponent, UiInfoBarPanelComponent, UiLabelComponent, UiLinearListContainerWithButtonComponent, UiListViewComponent, UiMapComponent, UiMatrixViewComponent, UiMoInfoComboViewerComponent, UiMoInfoGeneralObjectUiComponent, UiMoInfoSubFormUiComponent, UiMoInfoUlvComboComponent, UiMonacoEditorComponent, UiMultiSelectCardComponent, UiMultiSelectCheckboxComponent, UiMultiSelectComboComponent, UiMultiSelectRadioComponent, UiMultiSelectSliderComponent, UiMultiSelectSmileComponent, UiNotificationViewComponent, UiNumDecimalUiComponent, UiNumIntSliderComponent, UiNumIntUiComponent, UiPdfViewerComponent, UiPictureFileComponent, UiPicturesInfoComponent, UiRadioGroupComponent, UiReadOnlyFieldComponent, UiReportContainerComponent, UiSearchCommandInfoUiComponent, UiSimpleComboComponent, UiSinglePictureComponent, UiSwitchButtonComponent, UiTableViewComponent, UiTextAreaComponent, UiTextFieldAutoCompleteComponent, UiTextFieldComponent, UiTimeSpanComponent, UiTinymceComponent, UiTreeComponent, UiTreeViewComponent, UiUlvFormMultiSelectUiComponent, UiUlvMainUiComponent, UiWorkflowPanelUiComponent, UlLoadingMaskUiComponent, UlMsgBoxAdapterComponent, UlNotifyPopupComponent, UlToastAdapterComponent, UlvColumnSettingsComponent, UlvContextMenuComponent, UlvFilterSettingsComponent, UlvFormMultiSelectComponent, UlvGroupbySettingsComponent, UlvPagingComponent, UlvSelectionComponent, UlvSettingsComponent, UlvSortSettingsComponent, UlvToolbarComponent, UploadFileStatusPipe, WidthTypeEnum, WizardLayoutDirective, _trimEnd, getNestedValue, insertAvatar, sort$1 as sort };
+export { ApplyConditionalFormatsDirective, AvatarGridColPipe, BarsaAnswerCardComponent, BarsaAspViewerComponent, BarsaBarDownloadFileComponent, BarsaBarPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBreadcrumbsComponent, BarsaCardBannerComponent, BarsaCardLayoutPanelComponent, BarsaCardRowPayamComponent, BarsaCartableFormComponent, BarsaCartableGroupComponent, BarsaCartableTemplateComponent, BarsaChatComponent, BarsaChatContentComponent, BarsaChatContentToolbarComponent, BarsaChatListComponent, BarsaChatMessageComponent, BarsaChatThreadComponent, BarsaChatThreadsListComponent, BarsaChatThreadsListToolbarComponent, BarsaChipComponent, BarsaColumnIndicatorComponent, BarsaColumnRowNumberComponent, BarsaCustomInlineEditComponent, BarsaCustomInlineEditRowComponent, BarsaDateTimePickerComponent, BarsaDynamicFieldComponent, BarsaEnumMenuButtonComponent, BarsaFieldKeyValueComponent, BarsaFormLayoutPanelComponent, BarsaFormSideContentComponent, BarsaGridLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaLinkableItemsPanelComponent, BarsaListFileLinearComponent, BarsaListFileLinearGmailComponent, BarsaListLayoutPanelComponent, BarsaModalComponent, BarsaMonacoEditorComponent, BarsaNetworkOfflineComponent, BarsaPishnamayeshPayamComponent, BarsaQuestionAnswerCommentsSectionComponent, BarsaQuestionAnswerContentActionsSectionComponent, BarsaQuestionAnswerCreatorTimeSectionComponent, BarsaQuestionAnswerFormAddCommentComponent, BarsaQuestionAnswerFormComponent, BarsaQuestionAnswerVoteSectionComponent, BarsaQuestionPostComponent, BarsaReportCardFlexViewComponent, BarsaReportCheckboxSwitchButtonComponent, BarsaReportOneOfListComponent, BarsaRowInlineActionlistComponent, BarsaSapUiModule, BarsaSapUiRoutingModule, BarsaSearchFormComponent, BarsaSimpleFormComponent, BarsaTabRouteManagerComponent, BarsaTableColumnComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTagCategoriesComponent, BarsaTagChipComponent, BarsaTagsCategoryRowComponent, BarsaTextEllipsisComponent, BarsaTinyemceComponent, BarsaToolbaritemSearchComponent, BarsaTreeItemComponent, BarsaUlvMainComponent, BlobViewerComponent, BreadcrumbComponent, CaptchaFieldComponent, CardItemComponent, CardViewContentComponent, ColRendererDirective, ColumnMatrixRendererComponent, ColumnRendererComponent, CustomDateTimeComponent, DeviceInfoFieldBaseComponent, DialogHandlerDirective, DownloadFilesDirective, DynamicPageSizePipe, FileInDialogComponent, FileViewerComponent, FileViewerContentComponent, FileViewerPopoverComponent, FormDialogComponent, FormDialogLessComponent, FormToolbarButtonComponent, FormToolbarComponent, FormWizardComponent, FullscreenDialogDirective, FullscreenFilesDirective, FundamentalDynamicFormComponent, GanttDhtmlChartViewComponent, GetFormLayoutGrid, GlobalSearchComponent, GlobalSearchModuleComponent, GlobalSearchPanelComponent, HeaderAvatarComponent, HtreeCreateNewComponent, HyperlinkComponent, IconBusinessSuite, IconTNT, InlineSaveAndCancelComponent, LayoutActionsComponent, LayoutControlComponent, LayoutWizardComponent, ListItemComponent, LyEmptySpaceComponent, LyHorizontalLayoutComponent, LyLabelComponent, LyLayoutContainerComponent, LyLayoutContainerOfRootComponent, LyLayoutFieldLabelComponent, LyLayoutPanelComponent, LyLineComponent, LySimpleLabelComponent, LyTabContainerComponent, LyTabPageComponent, LyVerticalLayoutComponent, ManageFiltersReportComponent, MaskComponent, MatrixValuePipe, MessageStripComponent, NoDataComponent, NodeHasOneDepthLevelPipe, NotificationItemActionsComponent, NotificationItemComponent, ObjectStatusIconPipe, ProgressIndicatorComponent, ReportNavigatorComponent, ReportNewTopFormComponent, ReportSearchFieldsHiddenSettingsComponent, ReportSearchFieldsManageComponent, ReportSearchPanelSaveComponent, ReportViewRendererDirective, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, RichTextStaticComponent, SapFontClassPipe, SapFontPipe, SapSizePipe, SapUiReportBaseComponent, SearchPanelComponent, StaticTextComponent, StringToArrayPipe, TableThDirective, TitleComponent, UiAspReportViewerComponent, UiBpmnViewerComponent, UiButtonComponent, UiCalendarComponent, UiCardViewComponent, UiCardViewHorizontalGroupComponent, UiCheckBoxComponent, UiColorUiComponent, UiContainerWithButtonComponent, UiDateRangeExComponent, UiDateTimeComponent, UiEditableGridComponent, UiExceptionFormComponent, UiFileLinearListBoxComponent, UiFormPanelComponent, UiGanttChartComponent, UiGraphComponent, UiGridColumnsComponent, UiGridComponent, UiGridFilterItemComponent, UiGridFilterSettingsComponent, UiGridSortItemComponent, UiGridSortSettingComponent, UiHtmlViewerComponent, UiInfoBarPanelComponent, UiLabelComponent, UiLinearListContainerWithButtonComponent, UiListViewComponent, UiMapComponent, UiMatrixViewComponent, UiMoInfoComboViewerComponent, UiMoInfoGeneralObjectUiComponent, UiMoInfoSubFormUiComponent, UiMoInfoUlvComboComponent, UiMonacoEditorComponent, UiMultiSelectCardComponent, UiMultiSelectCheckboxComponent, UiMultiSelectComboComponent, UiMultiSelectRadioComponent, UiMultiSelectSliderComponent, UiMultiSelectSmileComponent, UiNotificationViewComponent, UiNumDecimalUiComponent, UiNumIntSliderComponent, UiNumIntUiComponent, UiPdfViewerComponent, UiPictureFileComponent, UiPicturesInfoComponent, UiRadioGroupComponent, UiReadOnlyFieldComponent, UiReportCarouselViewComponent, UiReportContainerComponent, UiSearchCommandInfoUiComponent, UiSimpleComboComponent, UiSinglePictureComponent, UiSwitchButtonComponent, UiTableViewComponent, UiTextAreaComponent, UiTextFieldAutoCompleteComponent, UiTextFieldComponent, UiTimeSpanComponent, UiTinymceComponent, UiTreeComponent, UiTreeViewComponent, UiUlvFormMultiSelectUiComponent, UiUlvMainUiComponent, UiWorkflowPanelUiComponent, UlLoadingMaskUiComponent, UlMsgBoxAdapterComponent, UlNotifyPopupComponent, UlToastAdapterComponent, UlvColumnSettingsComponent, UlvContextMenuComponent, UlvFilterSettingsComponent, UlvFormMultiSelectComponent, UlvGroupbySettingsComponent, UlvPagingComponent, UlvSelectionComponent, UlvSettingsComponent, UlvSortSettingsComponent, UlvToolbarComponent, UploadFileStatusPipe, WidthTypeEnum, WizardLayoutDirective, _trimEnd, getNestedValue, insertAvatar, sort$1 as sort };
 //# sourceMappingURL=barsa-sap-ui.mjs.map