barsa-sap-ui 1.0.360 → 1.0.362

package/fesm2020/barsa-sap-ui.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input, ElementRef, ViewChild, HostBinding, EventEmitter, Output, ViewEncapsulation, ViewChildren, Inject, Optional, Self, TemplateRef, HostListener, Pipe, Directive, ViewContainerRef, SkipSelf, NgModule, Injectable, APP_INITIALIZER, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i2 from 'barsa-novin-ray-core';
-import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, LayoutService, SortDirection, BaseUlvSettingComponent, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, SelectionMode, GetAllColumnsSorted, measureText, getParentHeight, getControlSizeMode, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, BaseViewItemPropsComponent, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, BaseColumnPropsComponent, ColumnService, TableHeaderWidthMode, setColumnWidthByMaxMoContentWidth, calculateWidthOfListColumn, DateRanges, LogService, UlvMainService, isFunction, UploadService, FilesValidationHelper, getValidExtension, getImagePath, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, getFieldValue, ContainerComponent, FORM_DIALOG_COMPONENT, ContainerService, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, executeUlvCommandHandler, getDeviceIsPhone, getDeviceIsTablet, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, ResizableModule, DIALOG_SERVICE } from 'barsa-novin-ray-core';
+import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, LayoutService, SortDirection, BaseUlvSettingComponent, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, SelectionMode, GetAllColumnsSorted, measureText, getParentHeight, getControlSizeMode, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, BaseViewItemPropsComponent, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, BaseColumnPropsComponent, ColumnService, TableHeaderWidthMode, setColumnWidthByMaxMoContentWidth, calculateWidthOfListColumn, DateRanges, LogService, UlvMainService, isFunction, UploadService, FilesValidationHelper, getValidExtension, getImagePath, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, getFieldValue, ContainerComponent, FORM_DIALOG_COMPONENT, ContainerService, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, executeUlvCommandHandler, FillAllLayoutControls, getDeviceIsPhone, getDeviceIsTablet, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, ResizableModule, DIALOG_SERVICE } from 'barsa-novin-ray-core';
 import moment from 'moment';
 import jmoment from 'moment-jalaali';
 import { merge, of, BehaviorSubject, Subject, combineLatest, takeUntil as takeUntil$1, concatMap, tap as tap$1, Observable, fromEvent, filter as filter$1 } from 'rxjs';
@@ -361,11 +361,12 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         super.ngOnInit();
         this.formHeight$ = this.formPanelService.formHeight$;
         this._setFlex(this.flex);
-        if (this.inlineEdit) {
-            this.minHeight = 'auto';
-        }
         this.layoutControlWidth = this.el.nativeElement.clientWidth;
         const config = this.config;
+        const minHeightAuto = BarsaApi.Common.Util.TryGetValue(config, 'FieldUi.Setting.CustomUi.Parameters.MinHeightAuto', false);
+        if (this.inlineEdit || minHeightAuto) {
+            this.minHeight = 'auto';
+        }
         if (config.FieldUi.originalXtype === 'Ui.UlvMainUi') {
             this.isUlv = true;
         }
@@ -6673,12 +6674,13 @@ class BarsaTinyemceComponent extends BaseComponent {
         this.tinyMCEConfig.inline = false;
         this.tinyMCEConfig.menubar = !this.IsInline;
         this.tinyMCEConfig.theme_advanced_resizing = true;
-        this.tinyMCEConfig.toolbar_mode = 'floating';
-        this.tinyMCEConfig.toolbar_location = 'bottom';
+        this.tinyMCEConfig.toolbar_location = 'top';
+        // this.tinyMCEConfig.toolbar_mode = 'floating';
+        // this.tinyMCEConfig.toolbar_sticky = true;
+        // this.tinyMCEConfig.toolbar_sticky_offset = 100;
         this.tinyMCEConfig.font_family_formats =
             'BarsaFont=BarsaFont;Arial=arial,helvetica,sans-serif; Courier New=courier new,courier,monospace;';
         this.tinyMCEConfig.font_size_formats = '8pt 10pt 12pt 14pt 18pt 24pt 36pt';
-        this.tinyMCEConfig.toolbar_mode = 'scrolling';
         this.tinyMCEConfig.plugins = [
             'advlist',
             'anchor',
@@ -6714,6 +6716,14 @@ class BarsaTinyemceComponent extends BaseComponent {
             `defaultVerbs barsaImage | insert | forecolor backcolor fontfamily fontsize | bullist numlist outdent indent | removeformat` +
                 ` | undo redo | copy cut paste | blocks | bold italic | alignleft aligncenter alignright alignjustify ltr rtl`
         ];
+        if (this.IsInline) {
+            this.tinyMCEConfig.toolbar = [
+                `defaultVerbs barsaImage | insert | forecolor backcolor fontfamily fontsize | bullist numlist` +
+                    ` | undo redo | bold italic | ltr rtl`
+            ];
+        }
+        this.tinyMCEConfig.quickbars_selection_toolbar =
+            'bold italic fontsize | forecolor backcolor|defaultVerbs barsaImage';
         const tinymceSettingsGlobal = window.tinymceSettings;
         let tinymceSettings = BarsaApi.Common.Util.TryGetValue(this.Setting, 'JsonExtraProp.tinymceSettings');
         tinymceSettings = BarsaApi.Common.Merger.Merge(tinymceSettingsGlobal, tinymceSettings);
@@ -7361,10 +7371,10 @@ class BarsaListFileLinearComponent extends UiFileLinearListBoxComponent {
     }
 }
 BarsaListFileLinearComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaListFileLinearComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaListFileLinearComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaListFileLinearComponent, selector: "bsu-barsa-list-file-linear", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<ul fd-list class=\"file-viewer-attachments\" *ngIf=\"parameters.ModeValue === '1'\">\n    <ng-container *ngFor=\"let file of value\">\n        <li fd-list-item *ngIf=\"!file.IsDeleted\" style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n            <input\n                style=\"width: 90%\"\n                *ngIf=\"file.inEdit\"\n                fd-form-control\n                [(ngModel)]=\"file.FileName\"\n                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                (keydown.enter)=\"onHandleRenameFile(file)\"\n            />\n            <span *ngIf=\"!file.inEdit\" fd-list-title>\n                {{ file.FileName }}\n            </span>\n            <span fd-list-secondary>\n                <button\n                    ariaLabel=\"Edit Or Save\"\n                    fdType=\"transparent\"\n                    class=\"fd-button--compact\"\n                    fd-button\n                    fdCompact\n                    [glyph]=\"file.inEdit ? 'save' : 'edit'\"\n                    (click)=\"onHandleRenameFile(file)\"\n                ></button>\n                <button\n                    *ngIf=\"!file.inEdit\"\n                    ariaLabel=\"Remove\"\n                    fdType=\"transparent\"\n                    title=\"Remove\"\n                    fd-button\n                    glyph=\"delete\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n            </span>\n        </li>\n    </ng-container>\n    <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n        <ng-container *ngFor=\"let file of valueExtra | keyvalue\">\n            <li\n                *ngIf=\"file.value.UploadState === 'Uploading'\"\n                style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\"\n            >\n                <fd-progress-indicator\n                    *ngIf=\"file.value.Progress\"\n                    state=\"informative\"\n                    [valueNow]=\"file.value.Progress\"\n                ></fd-progress-indicator>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n\n<ul fd-list [byline]=\"true\" *ngIf=\"parameters.ModeValue === '2'\">\n    <ng-container *ngIf=\"fileCount$ | async as fileCount\">\n        <li fd-list-item *ngIf=\"fileCount === 0\">\n            <div fd-list-content style=\"text-align: center\">\n                <span>{{ 'NoFiles' | bbbTranslate }}</span>\n            </div>\n        </li>\n    </ng-container>\n    <ng-container *ngFor=\"let file of value\">\n        <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n            <li fd-list-item *ngIf=\"!file.IsDeleted\">\n                <span fd-list-thumbnail>\n                    <fd-icon\n                        *ngIf=\"valueExtra[file.Id].IsIcon; else isImage\"\n                        [glyph]=\"valueExtra[file.Id].FileUrl\"\n                    ></fd-icon>\n                    <ng-template #isImage>\n                        <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n                    </ng-template>\n                </span>\n                <!-- for byline, fd-list-content is mandatory -->\n                <div fd-list-content>\n                    <div fd-list-title>{{ file.FileName }}</div>\n                    <div fd-list-byline [twoCol]=\"true\">\n                        <div fd-list-byline-left></div>\n                        <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                            <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                                <ng-container *ngIf=\"file.IsNew\">\n                                    <span\n                                        fd-toolbar-item\n                                        fd-object-status\n                                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                                        [title]=\"valueExtra[file.Id]?.UploadState\"\n                                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                                    ></span>\n                                    <ng-container *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\">\n                                        <fd-slider\n                                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                                            [name]=\"'filerLinear_' + id\"\n                                            fd-toolbar-item\n                                            [id]=\"id\"\n                                            [min]=\"0\"\n                                            [max]=\"100\"\n                                            [step]=\"1\"\n                                        >\n                                        </fd-slider>\n                                    </ng-container>\n                                </ng-container>\n                            </fd-toolbar>\n                        </div>\n                    </div>\n                </div>\n                <button\n                    *ngIf=\"(disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading'\"\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'stop'\"\n                    (click)=\"onTerminate(file)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Error'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'refresh'\"\n                    (click)=\"onRetry(file)\"\n                ></button>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n<fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\" *ngIf=\"(disableOrReadonly$ | async) !== true\">\n    <fd-file-uploader\n        fd-toolbar-item\n        [class.hide-file-uploader]=\"parameters?.HideAttachButton\"\n        [id]=\"id\"\n        [name]=\"id\"\n        [placeholder]=\"'AttachFile' | bbbTranslate\"\n        [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n        [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n        [accept]=\"Setting.ValidExtensions || ''\"\n        [multiple]=\"maxFileCount > 1\"\n        (selectedFilesChanged)=\"onFileSelection($event)\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n    ></fd-file-uploader>\n</fd-toolbar>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}:host ::ng-deep fd-file-uploader .fd-button{background-color:var(--sapButton_Lite_Background);border-color:var(--sapButton_Lite_BorderColor);color:var(--sapButton_Lite_TextColor)}:host .hide-file-uploader{visibility:hidden;height:0;width:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$6.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListBylineLeftDirective, selector: "[fdListBylineLeft], [fd-list-byline-left]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineRightDirective, selector: "[fdListBylineRight], [fd-list-byline-right]", inputs: ["status", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i12.SliderComponent, selector: "fd-slider", inputs: ["id", "class", "ariaLabelledBy", "ariaLabel", "min", "max", "step", "jump", "tickmarksBetweenLabels", "mode", "showTicks", "showTicksLabels", "customValues", "tooltipMode", "hideProgressBar", "disabled", "singleSliderCurrentValuePrefix", "rangeSliderHandle1CurrentValuePrefix", "rangeSliderHandle2CurrentValuePrefix", "value"] }, { kind: "component", type: i13.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaListFileLinearComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaListFileLinearComponent, selector: "bsu-barsa-list-file-linear", providers: [UploadService], usesInheritance: true, ngImport: i0, template: "<ul fd-list class=\"file-viewer-attachments\" *ngIf=\"parameters.ModeValue === '1'\">\n    <ng-container *ngFor=\"let file of value\">\n        <li fd-list-item *ngIf=\"!file.IsDeleted\" style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n            <input\n                style=\"width: 90%\"\n                *ngIf=\"file.inEdit\"\n                fd-form-control\n                [(ngModel)]=\"file.FileName\"\n                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                (keydown.enter)=\"onHandleRenameFile(file)\"\n            />\n            <span *ngIf=\"!file.inEdit\" fd-list-title>\n                {{ file.FileName }}\n            </span>\n            <span fd-list-secondary>\n                <button\n                    ariaLabel=\"Edit Or Save\"\n                    fdType=\"transparent\"\n                    class=\"fd-button--compact\"\n                    fd-button\n                    fdCompact\n                    [glyph]=\"file.inEdit ? 'save' : 'edit'\"\n                    (click)=\"onHandleRenameFile(file)\"\n                ></button>\n                <button\n                    *ngIf=\"!file.inEdit\"\n                    ariaLabel=\"Remove\"\n                    fdType=\"transparent\"\n                    title=\"Remove\"\n                    fd-button\n                    glyph=\"delete\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n            </span>\n        </li>\n    </ng-container>\n    <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n        <ng-container *ngFor=\"let file of valueExtra | keyvalue\">\n            <li\n                *ngIf=\"file.value.UploadState === 'Uploading'\"\n                style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\"\n            >\n                <fd-progress-indicator\n                    *ngIf=\"file.value.Progress\"\n                    state=\"informative\"\n                    [valueNow]=\"file.value.Progress\"\n                ></fd-progress-indicator>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n\n<ul fd-list [byline]=\"true\" *ngIf=\"parameters.ModeValue === '2'\">\n    <ng-container *ngIf=\"fileCount$ | async as fileCount\">\n        <li fd-list-item *ngIf=\"fileCount === 0\">\n            <div fd-list-content style=\"text-align: center\">\n                <span>{{ 'NoFiles' | bbbTranslate }}</span>\n            </div>\n        </li>\n    </ng-container>\n    <ng-container *ngFor=\"let file of value\">\n        <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n            <li fd-list-item *ngIf=\"!file.IsDeleted\">\n                <span fd-list-thumbnail>\n                    <fd-icon\n                        *ngIf=\"valueExtra[file.Id].IsIcon; else isImage\"\n                        [glyph]=\"valueExtra[file.Id].FileUrl\"\n                    ></fd-icon>\n                    <ng-template #isImage>\n                        <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n                    </ng-template>\n                </span>\n                <!-- for byline, fd-list-content is mandatory -->\n                <div fd-list-content>\n                    <div fd-list-title>{{ file.FileName }}</div>\n                    <div fd-list-byline [twoCol]=\"true\">\n                        <div fd-list-byline-left></div>\n                        <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                            <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                                <ng-container *ngIf=\"file.IsNew\">\n                                    <span\n                                        fd-toolbar-item\n                                        fd-object-status\n                                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                                        [title]=\"valueExtra[file.Id]?.UploadState\"\n                                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                                    ></span>\n                                    <ng-container *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\">\n                                        <fd-slider\n                                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                                            [name]=\"'filerLinear_' + id\"\n                                            fd-toolbar-item\n                                            [id]=\"id\"\n                                            [min]=\"0\"\n                                            [max]=\"100\"\n                                            [step]=\"1\"\n                                        >\n                                        </fd-slider>\n                                    </ng-container>\n                                </ng-container>\n                            </fd-toolbar>\n                        </div>\n                    </div>\n                </div>\n                <button\n                    *ngIf=\"(disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading'\"\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'stop'\"\n                    (click)=\"onTerminate(file)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Error'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'refresh'\"\n                    (click)=\"onRetry(file)\"\n                ></button>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n<fd-toolbar\n    style=\"display: block\"\n    [style.height.px]=\"parameters.ModeValue === '1' ? 0 : null\"\n    [fdType]=\"'transparent'\"\n    [clearBorder]=\"true\"\n    *ngIf=\"(disableOrReadonly$ | async) !== true\"\n>\n    <fd-file-uploader\n        fd-toolbar-item\n        [class.hide-file-uploader]=\"parameters?.HideAttachButton\"\n        [id]=\"id\"\n        [name]=\"id\"\n        [placeholder]=\"'AttachFile' | bbbTranslate\"\n        [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n        [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n        [accept]=\"Setting.ValidExtensions || ''\"\n        [multiple]=\"maxFileCount > 1\"\n        (selectedFilesChanged)=\"onFileSelection($event)\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n    ></fd-file-uploader>\n</fd-toolbar>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}:host ::ng-deep fd-file-uploader .fd-button{background-color:var(--sapButton_Lite_Background);border-color:var(--sapButton_Lite_BorderColor);color:var(--sapButton_Lite_TextColor)}:host .hide-file-uploader{visibility:hidden;height:0;width:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$6.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4$4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$6.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListBylineLeftDirective, selector: "[fdListBylineLeft], [fd-list-byline-left]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineRightDirective, selector: "[fdListBylineRight], [fd-list-byline-right]", inputs: ["status", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "component", type: i12.SliderComponent, selector: "fd-slider", inputs: ["id", "class", "ariaLabelledBy", "ariaLabel", "min", "max", "step", "jump", "tickmarksBetweenLabels", "mode", "showTicks", "showTicksLabels", "customValues", "tooltipMode", "hideProgressBar", "disabled", "singleSliderCurrentValuePrefix", "rangeSliderHandle1CurrentValuePrefix", "rangeSliderHandle2CurrentValuePrefix", "value"] }, { kind: "component", type: i13.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: UploadFileStatusPipe, name: "uploadFileStatus" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaListFileLinearComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-list-file-linear', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UploadService], template: "<ul fd-list class=\"file-viewer-attachments\" *ngIf=\"parameters.ModeValue === '1'\">\n    <ng-container *ngFor=\"let file of value\">\n        <li fd-list-item *ngIf=\"!file.IsDeleted\" style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n            <input\n                style=\"width: 90%\"\n                *ngIf=\"file.inEdit\"\n                fd-form-control\n                [(ngModel)]=\"file.FileName\"\n                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                (keydown.enter)=\"onHandleRenameFile(file)\"\n            />\n            <span *ngIf=\"!file.inEdit\" fd-list-title>\n                {{ file.FileName }}\n            </span>\n            <span fd-list-secondary>\n                <button\n                    ariaLabel=\"Edit Or Save\"\n                    fdType=\"transparent\"\n                    class=\"fd-button--compact\"\n                    fd-button\n                    fdCompact\n                    [glyph]=\"file.inEdit ? 'save' : 'edit'\"\n                    (click)=\"onHandleRenameFile(file)\"\n                ></button>\n                <button\n                    *ngIf=\"!file.inEdit\"\n                    ariaLabel=\"Remove\"\n                    fdType=\"transparent\"\n                    title=\"Remove\"\n                    fd-button\n                    glyph=\"delete\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n            </span>\n        </li>\n    </ng-container>\n    <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n        <ng-container *ngFor=\"let file of valueExtra | keyvalue\">\n            <li\n                *ngIf=\"file.value.UploadState === 'Uploading'\"\n                style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\"\n            >\n                <fd-progress-indicator\n                    *ngIf=\"file.value.Progress\"\n                    state=\"informative\"\n                    [valueNow]=\"file.value.Progress\"\n                ></fd-progress-indicator>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n\n<ul fd-list [byline]=\"true\" *ngIf=\"parameters.ModeValue === '2'\">\n    <ng-container *ngIf=\"fileCount$ | async as fileCount\">\n        <li fd-list-item *ngIf=\"fileCount === 0\">\n            <div fd-list-content style=\"text-align: center\">\n                <span>{{ 'NoFiles' | bbbTranslate }}</span>\n            </div>\n        </li>\n    </ng-container>\n    <ng-container *ngFor=\"let file of value\">\n        <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n            <li fd-list-item *ngIf=\"!file.IsDeleted\">\n                <span fd-list-thumbnail>\n                    <fd-icon\n                        *ngIf=\"valueExtra[file.Id].IsIcon; else isImage\"\n                        [glyph]=\"valueExtra[file.Id].FileUrl\"\n                    ></fd-icon>\n                    <ng-template #isImage>\n                        <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n                    </ng-template>\n                </span>\n                <!-- for byline, fd-list-content is mandatory -->\n                <div fd-list-content>\n                    <div fd-list-title>{{ file.FileName }}</div>\n                    <div fd-list-byline [twoCol]=\"true\">\n                        <div fd-list-byline-left></div>\n                        <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                            <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                                <ng-container *ngIf=\"file.IsNew\">\n                                    <span\n                                        fd-toolbar-item\n                                        fd-object-status\n                                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                                        [title]=\"valueExtra[file.Id]?.UploadState\"\n                                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                                    ></span>\n                                    <ng-container *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\">\n                                        <fd-slider\n                                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                                            [name]=\"'filerLinear_' + id\"\n                                            fd-toolbar-item\n                                            [id]=\"id\"\n                                            [min]=\"0\"\n                                            [max]=\"100\"\n                                            [step]=\"1\"\n                                        >\n                                        </fd-slider>\n                                    </ng-container>\n                                </ng-container>\n                            </fd-toolbar>\n                        </div>\n                    </div>\n                </div>\n                <button\n                    *ngIf=\"(disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading'\"\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'stop'\"\n                    (click)=\"onTerminate(file)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Error'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'refresh'\"\n                    (click)=\"onRetry(file)\"\n                ></button>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n<fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\" *ngIf=\"(disableOrReadonly$ | async) !== true\">\n    <fd-file-uploader\n        fd-toolbar-item\n        [class.hide-file-uploader]=\"parameters?.HideAttachButton\"\n        [id]=\"id\"\n        [name]=\"id\"\n        [placeholder]=\"'AttachFile' | bbbTranslate\"\n        [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n        [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n        [accept]=\"Setting.ValidExtensions || ''\"\n        [multiple]=\"maxFileCount > 1\"\n        (selectedFilesChanged)=\"onFileSelection($event)\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n    ></fd-file-uploader>\n</fd-toolbar>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}:host ::ng-deep fd-file-uploader .fd-button{background-color:var(--sapButton_Lite_Background);border-color:var(--sapButton_Lite_BorderColor);color:var(--sapButton_Lite_TextColor)}:host .hide-file-uploader{visibility:hidden;height:0;width:0}\n"] }]
+            args: [{ selector: 'bsu-barsa-list-file-linear', changeDetection: ChangeDetectionStrategy.OnPush, providers: [UploadService], template: "<ul fd-list class=\"file-viewer-attachments\" *ngIf=\"parameters.ModeValue === '1'\">\n    <ng-container *ngFor=\"let file of value\">\n        <li fd-list-item *ngIf=\"!file.IsDeleted\" style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\">\n            <input\n                style=\"width: 90%\"\n                *ngIf=\"file.inEdit\"\n                fd-form-control\n                [(ngModel)]=\"file.FileName\"\n                (click)=\"$event.preventDefault(); $event.stopPropagation()\"\n                (keydown.enter)=\"onHandleRenameFile(file)\"\n            />\n            <span *ngIf=\"!file.inEdit\" fd-list-title>\n                {{ file.FileName }}\n            </span>\n            <span fd-list-secondary>\n                <button\n                    ariaLabel=\"Edit Or Save\"\n                    fdType=\"transparent\"\n                    class=\"fd-button--compact\"\n                    fd-button\n                    fdCompact\n                    [glyph]=\"file.inEdit ? 'save' : 'edit'\"\n                    (click)=\"onHandleRenameFile(file)\"\n                ></button>\n                <button\n                    *ngIf=\"!file.inEdit\"\n                    ariaLabel=\"Remove\"\n                    fdType=\"transparent\"\n                    title=\"Remove\"\n                    fd-button\n                    glyph=\"delete\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n            </span>\n        </li>\n    </ng-container>\n    <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n        <ng-container *ngFor=\"let file of valueExtra | keyvalue\">\n            <li\n                *ngIf=\"file.value.UploadState === 'Uploading'\"\n                style=\"background-color: #f5f5f5; margin: 0 0 0 30%; width: 100%\"\n            >\n                <fd-progress-indicator\n                    *ngIf=\"file.value.Progress\"\n                    state=\"informative\"\n                    [valueNow]=\"file.value.Progress\"\n                ></fd-progress-indicator>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n\n<ul fd-list [byline]=\"true\" *ngIf=\"parameters.ModeValue === '2'\">\n    <ng-container *ngIf=\"fileCount$ | async as fileCount\">\n        <li fd-list-item *ngIf=\"fileCount === 0\">\n            <div fd-list-content style=\"text-align: center\">\n                <span>{{ 'NoFiles' | bbbTranslate }}</span>\n            </div>\n        </li>\n    </ng-container>\n    <ng-container *ngFor=\"let file of value\">\n        <ng-container *ngIf=\"valueExtra$ | async as valueExtra\">\n            <li fd-list-item *ngIf=\"!file.IsDeleted\">\n                <span fd-list-thumbnail>\n                    <fd-icon\n                        *ngIf=\"valueExtra[file.Id].IsIcon; else isImage\"\n                        [glyph]=\"valueExtra[file.Id].FileUrl\"\n                    ></fd-icon>\n                    <ng-template #isImage>\n                        <fd-avatar size=\"m\" [image]=\"valueExtra[file.Id].FileUrl || ''\"></fd-avatar>\n                    </ng-template>\n                </span>\n                <!-- for byline, fd-list-content is mandatory -->\n                <div fd-list-content>\n                    <div fd-list-title>{{ file.FileName }}</div>\n                    <div fd-list-byline [twoCol]=\"true\">\n                        <div fd-list-byline-left></div>\n                        <div fd-list-byline-right style=\"display: flex; justify-content: flex-end\">\n                            <fd-toolbar [fdType]=\"'transparent'\" [clearBorder]=\"true\">\n                                <ng-container *ngIf=\"file.IsNew\">\n                                    <span\n                                        fd-toolbar-item\n                                        fd-object-status\n                                        [status]=\"file.Id | uploadFileStatus: valueExtra\"\n                                        [label]=\"valueExtra[file.Id]?.UploadState || ''\"\n                                        [title]=\"valueExtra[file.Id]?.UploadState\"\n                                        [aria-label]=\"'File Upload Status Is ' + valueExtra[file.Id]?.UploadState\"\n                                    ></span>\n                                    <ng-container *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\">\n                                        <fd-slider\n                                            [contentDensity]=\"(contentDensity$ | async)!!\"\n                                            [(ngModel)]=\"valueExtra[file.Id].Progress\"\n                                            [name]=\"'filerLinear_' + id\"\n                                            fd-toolbar-item\n                                            [id]=\"id\"\n                                            [min]=\"0\"\n                                            [max]=\"100\"\n                                            [step]=\"1\"\n                                        >\n                                        </fd-slider>\n                                    </ng-container>\n                                </ng-container>\n                            </fd-toolbar>\n                        </div>\n                    </div>\n                </div>\n                <button\n                    *ngIf=\"(disableOrReadonly$ | async) === false && valueExtra[file.Id].UploadState !== 'Uploading'\"\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    (click)=\"onFileDeleted(file.Id)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Uploading'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'stop'\"\n                    (click)=\"onTerminate(file)\"\n                ></button>\n                <button\n                    *ngIf=\"valueExtra[file.Id].UploadState === 'Error'\"\n                    fd-button\n                    [fdType]=\"'transparent'\"\n                    [glyph]=\"'refresh'\"\n                    (click)=\"onRetry(file)\"\n                ></button>\n            </li>\n        </ng-container>\n    </ng-container>\n</ul>\n<fd-toolbar\n    style=\"display: block\"\n    [style.height.px]=\"parameters.ModeValue === '1' ? 0 : null\"\n    [fdType]=\"'transparent'\"\n    [clearBorder]=\"true\"\n    *ngIf=\"(disableOrReadonly$ | async) !== true\"\n>\n    <fd-file-uploader\n        fd-toolbar-item\n        [class.hide-file-uploader]=\"parameters?.HideAttachButton\"\n        [id]=\"id\"\n        [name]=\"id\"\n        [placeholder]=\"'AttachFile' | bbbTranslate\"\n        [buttonLabel]=\"'AttachFile' | bbbTranslate\"\n        [buttonAriaLabel]=\"'AttachFile' | bbbTranslate\"\n        [accept]=\"Setting.ValidExtensions || ''\"\n        [multiple]=\"maxFileCount > 1\"\n        (selectedFilesChanged)=\"onFileSelection($event)\"\n        [contentDensity]=\"(contentDensity$ | async)!!\"\n    ></fd-file-uploader>\n</fd-toolbar>\n", styles: [":host{display:block;width:100%;height:100%}:host ::ng-deep .fd-slider__handle{display:none}:host ::ng-deep .fd-file-uploader input{display:none}:host ::ng-deep fd-file-uploader .fd-button{background-color:var(--sapButton_Lite_Background);border-color:var(--sapButton_Lite_BorderColor);color:var(--sapButton_Lite_TextColor)}:host .hide-file-uploader{visibility:hidden;height:0;width:0}\n"] }]
         }] });
 
 class FullscreenDialogDirective extends BaseDirective {
@@ -7705,10 +7715,10 @@ class LayoutActionsComponent extends FormToolbarBaseComponent {
     }
 }
 LayoutActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LayoutActionsComponent, deps: [{ token: i1$3.Overlay }], target: i0.ɵɵFactoryTarget.Component });
-LayoutActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: { workflowButtons: "workflowButtons", workflowButtonsComboMode: "workflowButtonsComboMode", canSend: "canSend", simple: "simple" }, outputs: { workflowChoiceSelect: "workflowChoiceSelect" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"simple ? buttonsMode : defaultTemplate\"> </ng-container>\n<ng-template #defaultTemplate>\n    <ng-container *ngIf=\"visible\">\n        <div fd-bar barDesign=\"footer\" [inPage]=\"true\" *ngIf=\"hasButtons\">\n            <div fd-bar-left *ngIf=\"canSend && false\">\n                <fd-bar-element class=\"forward\">\n                    <fd-popover\n                        [focusTrapped]=\"true\"\n                        [focusAutoCapture]=\"true\"\n                        [closeOnOutsideClick]=\"false\"\n                        [scrollStrategy]=\"repositionScrollStrategy\"\n                        #forwardPopover\n                    >\n                        <fd-popover-control class=\"forward\">\n                            <button fd-button [fdType]=\"'standard'\" [label]=\"'Forward' | bbbTranslate\"></button>\n                        </fd-popover-control>\n                        <fd-popover-body style=\"min-width: 30vw; max-width: 30vw; min-height: 30vh\">\n                            <div fd-popover-body-header>\n                                <div fd-bar barDesign=\"header\" [cozy]=\"true\">\n                                    <div fd-bar-right>\n                                        <fd-bar-element\n                                            ><button\n                                                fd-button\n                                                (click)=\"forwardPopover.close()\"\n                                                [fdType]=\"'transparent'\"\n                                                [glyph]=\"'decline'\"\n                                            ></button>\n                                        </fd-bar-element>\n                                        <div fd-bar-left>\n                                            <fd-bar-element>\u0627\u0631\u062C\u0627\u0639 \u0641\u0631\u0645 \u0628\u0647 \u0634\u062E\u0635 \u062F\u06CC\u06AF\u0631 </fd-bar-element>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <bnrc-form-new\n                                class=\"form-erja\"\n                                [settings]=\"{\n                                    MetaTypeDef: { Id: '', $Caption: '' },\n                                    MetaView: { Id: '', $Caption: '' },\n                                    DisableGenerateId: true\n                                }\"\n                            ></bnrc-form-new>\n                            <div fd-popover-body-footer>\n                                <div fd-bar barDesign=\"footer\" [cozy]=\"true\">\n                                    <div fd-bar-right>\n                                        <fd-button-bar\n                                            [label]=\"'Send' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                        ></fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Cancel' | bbbTranslate\"\n                                            [fdType]=\"'transparent'\"\n                                            (click)=\"forwardPopover.close()\"\n                                        ></fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <ng-container *ngIf=\"workflowButtonsComboMode && workflowButtons.length > 0; else buttonsMode\">\n                    <button\n                        fd-button\n                        [fdMenu]=\"true\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Select' | bbbTranslate\"\n                        [ariaLabel]=\"'Select' | bbbTranslate\"\n                        [fdMenuTrigger]=\"menu\"\n                    ></button>\n                    <fd-menu #menu>\n                        <li fd-menu-item *ngFor=\"let btn of workflowButtons\" (click)=\"onWorkflowButtonSelected(btn)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ btn.text }}</span>\n                            </div>\n                        </li>\n                    </fd-menu>\n                    <fd-button-bar\n                        [fdType]=\"'positive'\"\n                        [label]=\"'Send' | bbbTranslate\"\n                        [disabled]=\"!selectedWorkflowButton\"\n                        [glyph]=\"'accept'\"\n                        (click)=\"onAcceptWorkflow()\"\n                    ></fd-button-bar>\n                </ng-container>\n\n                <ng-container *ngFor=\"let btn of buttons; let i = index\">\n                    <fd-button-bar\n                        *ngIf=\"btn !== '-'\"\n                        [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                        [label]=\"btn.text\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                        (click)=\"onToolClick(btn)\"\n                    ></fd-button-bar>\n                </ng-container>\n            </div>\n        </div>\n    </ng-container>\n    <div *ngIf=\"mobileBottomBar\" style=\"background-color: transparent; height: 4rem\"></div>\n</ng-template>\n<ng-template #buttonsMode>\n    <ng-container *ngFor=\"let btn of workflowButtons; let i = index\">\n        <fd-button-bar\n            *ngIf=\"btn !== '-'\"\n            [attr.workflowButton]=\"true\"\n            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n            [label]=\"btn.text\"\n            [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n            (click)=\"onToolClick(btn)\"\n        ></fd-button-bar>\n    </ng-container>\n</ng-template>\n", styles: [":host[rtl=true] fd-split-button{margin-left:.5rem}:host[rtl=false] fd-split-button{margin-right:.5rem}.forward button{min-width:6rem}.form-erja{padding-top:1rem;padding-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormNewComponent, selector: "bnrc-form-new", inputs: ["settings"] }, { kind: "component", type: i3$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "directive", type: i3$1.DeprecatedBarContentDensityDirective, selector: "[fd-bar][cozy]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i9.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i9.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i9.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i9.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i7$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i7$3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LayoutActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: { workflowButtons: "workflowButtons", workflowButtonsComboMode: "workflowButtonsComboMode", canSend: "canSend", simple: "simple" }, outputs: { workflowChoiceSelect: "workflowChoiceSelect" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"simple ? buttonsMode : defaultTemplate\"> </ng-container>\n<ng-template #defaultTemplate>\n    <ng-container *ngIf=\"visible\">\n        <div fd-bar barDesign=\"footer\" [inPage]=\"true\" *ngIf=\"hasButtons\">\n            <div fd-bar-left *ngIf=\"canSend && false\">\n                <fd-bar-element class=\"forward\">\n                    <fd-popover\n                        [focusTrapped]=\"true\"\n                        [focusAutoCapture]=\"true\"\n                        [closeOnOutsideClick]=\"false\"\n                        [scrollStrategy]=\"repositionScrollStrategy\"\n                        #forwardPopover\n                    >\n                        <fd-popover-control class=\"forward\">\n                            <button fd-button [fdType]=\"'standard'\" [label]=\"'Forward' | bbbTranslate\"></button>\n                        </fd-popover-control>\n                        <fd-popover-body style=\"min-width: 30vw; max-width: 30vw; min-height: 30vh\">\n                            <div fd-popover-body-header>\n                                <div fd-bar barDesign=\"header\" [cozy]=\"true\">\n                                    <div fd-bar-right>\n                                        <fd-bar-element\n                                            ><button\n                                                fd-button\n                                                (click)=\"forwardPopover.close()\"\n                                                [fdType]=\"'transparent'\"\n                                                [glyph]=\"'decline'\"\n                                            ></button>\n                                        </fd-bar-element>\n                                        <div fd-bar-left>\n                                            <fd-bar-element>\u0627\u0631\u062C\u0627\u0639 \u0641\u0631\u0645 \u0628\u0647 \u0634\u062E\u0635 \u062F\u06CC\u06AF\u0631 </fd-bar-element>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <bnrc-form-new\n                                class=\"form-erja\"\n                                [settings]=\"{\n                                    MetaTypeDef: { Id: '', $Caption: '' },\n                                    MetaView: { Id: '', $Caption: '' },\n                                    DisableGenerateId: true\n                                }\"\n                            ></bnrc-form-new>\n                            <div fd-popover-body-footer>\n                                <div fd-bar barDesign=\"footer\" [cozy]=\"true\">\n                                    <div fd-bar-right>\n                                        <fd-button-bar\n                                            [label]=\"'Send' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                        ></fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Cancel' | bbbTranslate\"\n                                            [fdType]=\"'transparent'\"\n                                            (click)=\"forwardPopover.close()\"\n                                        ></fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <ng-container *ngIf=\"workflowButtonsComboMode && workflowButtons.length > 0; else buttonsMode\">\n                    <button\n                        fd-button\n                        [fdMenu]=\"true\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Select' | bbbTranslate\"\n                        [ariaLabel]=\"'Select' | bbbTranslate\"\n                        [fdMenuTrigger]=\"menu\"\n                    ></button>\n                    <fd-menu #menu>\n                        <li fd-menu-item *ngFor=\"let btn of workflowButtons\" (click)=\"onWorkflowButtonSelected(btn)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ btn.text }}</span>\n                            </div>\n                        </li>\n                    </fd-menu>\n                    <fd-button-bar\n                        [fdType]=\"'positive'\"\n                        [label]=\"'Send' | bbbTranslate\"\n                        [disabled]=\"!selectedWorkflowButton\"\n                        [glyph]=\"'accept'\"\n                        (click)=\"onAcceptWorkflow()\"\n                    ></fd-button-bar>\n                </ng-container>\n\n                <ng-container *ngFor=\"let btn of buttons; let i = index\">\n                    <bnrc-dynamic-form-toolbaritem\n                        *ngIf=\"btn.Data?.CustomUi?.Selector\"\n                        class=\"fd-bar__element\"\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"onToolClick(btn)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                    <fd-button-bar\n                        *ngIf=\"btn !== '-' && !btn.Data?.CustomUi?.Selector\"\n                        [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                        [label]=\"btn.text\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                        (click)=\"onToolClick(btn)\"\n                    ></fd-button-bar>\n                </ng-container>\n            </div>\n        </div>\n    </ng-container>\n    <div *ngIf=\"mobileBottomBar\" style=\"background-color: transparent; height: 4rem\"></div>\n</ng-template>\n<ng-template #buttonsMode>\n    <ng-container *ngFor=\"let btn of workflowButtons; let i = index\">\n        <fd-button-bar\n            *ngIf=\"btn !== '-'\"\n            [attr.workflowButton]=\"true\"\n            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n            [label]=\"btn.text\"\n            [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n            (click)=\"onToolClick(btn)\"\n        ></fd-button-bar>\n    </ng-container>\n</ng-template>\n", styles: [":host[rtl=true] fd-split-button{margin-left:.5rem}:host[rtl=false] fd-split-button{margin-right:.5rem}.forward button{min-width:6rem}.form-erja{padding-top:1rem;padding-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormNewComponent, selector: "bnrc-form-new", inputs: ["settings"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "component", type: i3$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "directive", type: i3$1.DeprecatedBarContentDensityDirective, selector: "[fd-bar][cozy]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i9.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i9.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i9.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i9.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i7$3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "directive", type: i7$3.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: LayoutActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-layout-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"simple ? buttonsMode : defaultTemplate\"> </ng-container>\n<ng-template #defaultTemplate>\n    <ng-container *ngIf=\"visible\">\n        <div fd-bar barDesign=\"footer\" [inPage]=\"true\" *ngIf=\"hasButtons\">\n            <div fd-bar-left *ngIf=\"canSend && false\">\n                <fd-bar-element class=\"forward\">\n                    <fd-popover\n                        [focusTrapped]=\"true\"\n                        [focusAutoCapture]=\"true\"\n                        [closeOnOutsideClick]=\"false\"\n                        [scrollStrategy]=\"repositionScrollStrategy\"\n                        #forwardPopover\n                    >\n                        <fd-popover-control class=\"forward\">\n                            <button fd-button [fdType]=\"'standard'\" [label]=\"'Forward' | bbbTranslate\"></button>\n                        </fd-popover-control>\n                        <fd-popover-body style=\"min-width: 30vw; max-width: 30vw; min-height: 30vh\">\n                            <div fd-popover-body-header>\n                                <div fd-bar barDesign=\"header\" [cozy]=\"true\">\n                                    <div fd-bar-right>\n                                        <fd-bar-element\n                                            ><button\n                                                fd-button\n                                                (click)=\"forwardPopover.close()\"\n                                                [fdType]=\"'transparent'\"\n                                                [glyph]=\"'decline'\"\n                                            ></button>\n                                        </fd-bar-element>\n                                        <div fd-bar-left>\n                                            <fd-bar-element>\u0627\u0631\u062C\u0627\u0639 \u0641\u0631\u0645 \u0628\u0647 \u0634\u062E\u0635 \u062F\u06CC\u06AF\u0631 </fd-bar-element>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <bnrc-form-new\n                                class=\"form-erja\"\n                                [settings]=\"{\n                                    MetaTypeDef: { Id: '', $Caption: '' },\n                                    MetaView: { Id: '', $Caption: '' },\n                                    DisableGenerateId: true\n                                }\"\n                            ></bnrc-form-new>\n                            <div fd-popover-body-footer>\n                                <div fd-bar barDesign=\"footer\" [cozy]=\"true\">\n                                    <div fd-bar-right>\n                                        <fd-button-bar\n                                            [label]=\"'Send' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                        ></fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Cancel' | bbbTranslate\"\n                                            [fdType]=\"'transparent'\"\n                                            (click)=\"forwardPopover.close()\"\n                                        ></fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <ng-container *ngIf=\"workflowButtonsComboMode && workflowButtons.length > 0; else buttonsMode\">\n                    <button\n                        fd-button\n                        [fdMenu]=\"true\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Select' | bbbTranslate\"\n                        [ariaLabel]=\"'Select' | bbbTranslate\"\n                        [fdMenuTrigger]=\"menu\"\n                    ></button>\n                    <fd-menu #menu>\n                        <li fd-menu-item *ngFor=\"let btn of workflowButtons\" (click)=\"onWorkflowButtonSelected(btn)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ btn.text }}</span>\n                            </div>\n                        </li>\n                    </fd-menu>\n                    <fd-button-bar\n                        [fdType]=\"'positive'\"\n                        [label]=\"'Send' | bbbTranslate\"\n                        [disabled]=\"!selectedWorkflowButton\"\n                        [glyph]=\"'accept'\"\n                        (click)=\"onAcceptWorkflow()\"\n                    ></fd-button-bar>\n                </ng-container>\n\n                <ng-container *ngFor=\"let btn of buttons; let i = index\">\n                    <fd-button-bar\n                        *ngIf=\"btn !== '-'\"\n                        [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                        [label]=\"btn.text\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                        (click)=\"onToolClick(btn)\"\n                    ></fd-button-bar>\n                </ng-container>\n            </div>\n        </div>\n    </ng-container>\n    <div *ngIf=\"mobileBottomBar\" style=\"background-color: transparent; height: 4rem\"></div>\n</ng-template>\n<ng-template #buttonsMode>\n    <ng-container *ngFor=\"let btn of workflowButtons; let i = index\">\n        <fd-button-bar\n            *ngIf=\"btn !== '-'\"\n            [attr.workflowButton]=\"true\"\n            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n            [label]=\"btn.text\"\n            [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n            (click)=\"onToolClick(btn)\"\n        ></fd-button-bar>\n    </ng-container>\n</ng-template>\n", styles: [":host[rtl=true] fd-split-button{margin-left:.5rem}:host[rtl=false] fd-split-button{margin-right:.5rem}.forward button{min-width:6rem}.form-erja{padding-top:1rem;padding-bottom:1rem}\n"] }]
+            args: [{ selector: 'bsu-layout-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"simple ? buttonsMode : defaultTemplate\"> </ng-container>\n<ng-template #defaultTemplate>\n    <ng-container *ngIf=\"visible\">\n        <div fd-bar barDesign=\"footer\" [inPage]=\"true\" *ngIf=\"hasButtons\">\n            <div fd-bar-left *ngIf=\"canSend && false\">\n                <fd-bar-element class=\"forward\">\n                    <fd-popover\n                        [focusTrapped]=\"true\"\n                        [focusAutoCapture]=\"true\"\n                        [closeOnOutsideClick]=\"false\"\n                        [scrollStrategy]=\"repositionScrollStrategy\"\n                        #forwardPopover\n                    >\n                        <fd-popover-control class=\"forward\">\n                            <button fd-button [fdType]=\"'standard'\" [label]=\"'Forward' | bbbTranslate\"></button>\n                        </fd-popover-control>\n                        <fd-popover-body style=\"min-width: 30vw; max-width: 30vw; min-height: 30vh\">\n                            <div fd-popover-body-header>\n                                <div fd-bar barDesign=\"header\" [cozy]=\"true\">\n                                    <div fd-bar-right>\n                                        <fd-bar-element\n                                            ><button\n                                                fd-button\n                                                (click)=\"forwardPopover.close()\"\n                                                [fdType]=\"'transparent'\"\n                                                [glyph]=\"'decline'\"\n                                            ></button>\n                                        </fd-bar-element>\n                                        <div fd-bar-left>\n                                            <fd-bar-element>\u0627\u0631\u062C\u0627\u0639 \u0641\u0631\u0645 \u0628\u0647 \u0634\u062E\u0635 \u062F\u06CC\u06AF\u0631 </fd-bar-element>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <bnrc-form-new\n                                class=\"form-erja\"\n                                [settings]=\"{\n                                    MetaTypeDef: { Id: '', $Caption: '' },\n                                    MetaView: { Id: '', $Caption: '' },\n                                    DisableGenerateId: true\n                                }\"\n                            ></bnrc-form-new>\n                            <div fd-popover-body-footer>\n                                <div fd-bar barDesign=\"footer\" [cozy]=\"true\">\n                                    <div fd-bar-right>\n                                        <fd-button-bar\n                                            [label]=\"'Send' | bbbTranslate\"\n                                            fdType=\"emphasized\"\n                                        ></fd-button-bar>\n                                        <fd-button-bar\n                                            [label]=\"'Cancel' | bbbTranslate\"\n                                            [fdType]=\"'transparent'\"\n                                            (click)=\"forwardPopover.close()\"\n                                        ></fd-button-bar>\n                                    </div>\n                                </div>\n                            </div>\n                        </fd-popover-body>\n                    </fd-popover>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <ng-container *ngIf=\"workflowButtonsComboMode && workflowButtons.length > 0; else buttonsMode\">\n                    <button\n                        fd-button\n                        [fdMenu]=\"true\"\n                        fdType=\"emphasized\"\n                        [label]=\"'Select' | bbbTranslate\"\n                        [ariaLabel]=\"'Select' | bbbTranslate\"\n                        [fdMenuTrigger]=\"menu\"\n                    ></button>\n                    <fd-menu #menu>\n                        <li fd-menu-item *ngFor=\"let btn of workflowButtons\" (click)=\"onWorkflowButtonSelected(btn)\">\n                            <div fd-menu-interactive>\n                                <span fd-menu-title>{{ btn.text }}</span>\n                            </div>\n                        </li>\n                    </fd-menu>\n                    <fd-button-bar\n                        [fdType]=\"'positive'\"\n                        [label]=\"'Send' | bbbTranslate\"\n                        [disabled]=\"!selectedWorkflowButton\"\n                        [glyph]=\"'accept'\"\n                        (click)=\"onAcceptWorkflow()\"\n                    ></fd-button-bar>\n                </ng-container>\n\n                <ng-container *ngFor=\"let btn of buttons; let i = index\">\n                    <bnrc-dynamic-form-toolbaritem\n                        *ngIf=\"btn.Data?.CustomUi?.Selector\"\n                        class=\"fd-bar__element\"\n                        [component]=\"btn.Data.CustomUi\"\n                        [context]=\"btn\"\n                        [isEnable]=\"btn.Command?._isEnable\"\n                        (btnClick)=\"onToolClick(btn)\"\n                    ></bnrc-dynamic-form-toolbaritem>\n                    <fd-button-bar\n                        *ngIf=\"btn !== '-' && !btn.Data?.CustomUi?.Selector\"\n                        [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                        [label]=\"btn.text\"\n                        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                        (click)=\"onToolClick(btn)\"\n                    ></fd-button-bar>\n                </ng-container>\n            </div>\n        </div>\n    </ng-container>\n    <div *ngIf=\"mobileBottomBar\" style=\"background-color: transparent; height: 4rem\"></div>\n</ng-template>\n<ng-template #buttonsMode>\n    <ng-container *ngFor=\"let btn of workflowButtons; let i = index\">\n        <fd-button-bar\n            *ngIf=\"btn !== '-'\"\n            [attr.workflowButton]=\"true\"\n            [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n            [label]=\"btn.text\"\n            [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n            (click)=\"onToolClick(btn)\"\n        ></fd-button-bar>\n    </ng-container>\n</ng-template>\n", styles: [":host[rtl=true] fd-split-button{margin-left:.5rem}:host[rtl=false] fd-split-button{margin-right:.5rem}.forward button{min-width:6rem}.form-erja{padding-top:1rem;padding-bottom:1rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.Overlay }]; }, propDecorators: { workflowButtons: [{
                 type: Input
             }], workflowButtonsComboMode: [{
@@ -8158,10 +8168,10 @@ class UiLinearListContainerWithButtonComponent extends DeviceInfoFieldBaseCompon
     }
 }
 UiLinearListContainerWithButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiLinearListContainerWithButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiLinearListContainerWithButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiLinearListContainerWithButtonComponent, selector: "bsu-ui-linear-list-container-with-button", inputs: { UlvUi: "UlvUi", GetTextItemValue: "GetTextItemValue", show: "show", hide: "hide", hidden: "hidden", GetSelectionData: "GetSelectionData" }, host: { listeners: { "keydown.enter": "onKeyEnter($event)", "keydown.arrowdown": "onKeyDown($event)", "keydown.esc": "onKeyEsc($event)" } }, viewQueries: [{ propertyName: "multiInputComponent", first: true, predicate: MultiInputComponent, descendants: true, static: true }, { propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<fd-multi-input\n    [inputId]=\"id\"\n    [class.control-readonly]=\"(readonly$ | async) === true\"\n    [dropdownValues]=\"(dropDownValues$ | async)!!\"\n    [placeholder]=\"Setting.ControlFieldCaptionTranslated | bbbTranslate\"\n    [displayFn]=\"displayFunc\"\n    [showAllButton]=\"false\"\n    [displayAddonButton]=\"false\"\n    [allowNewTokens]=\"false\"\n    [includes]=\"true\"\n    [disabled]=\"(disable$ | async) === true\"\n    (searchTermChange)=\"onSearchTermChange($event)\"\n    (selectedChange)=\"onSelectedChange($event)\"\n></fd-multi-input>\n\n<button\n    *ngIf=\"report\"\n    fd-button\n    [attr.rtl]=\"rtl\"\n    [aria-label]=\"'Advanced' | bbbTranslate\"\n    glyph=\"value-help\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n    (click)=\"onOpenReport()\"\n></button>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.height !== '100vh'\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [dialogComponent]=\"dialogTpl\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDismiss()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\n      <button fd-dialog-close-button></button> -->\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <ng-container *ngIf=\"dialog.data.ulvUi as ulvUi\">\n                <bsu-ui-ulv-main-ui [context]=\"ulvUi\" class=\"linear-list-selection\"></bsu-ui-ulv-main-ui>\n            </ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer class=\"linear-footer\">\n            <ng-template fdTemplate=\"footer\">\n                <div\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\n                >\n                    <h5 fd-title class=\"selected-and-condition-title\">\n                        <ng-container>\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\n                            ({{ dialog.data.selectedItems?.length || 0 }})\n                        </ng-container>\n                    </h5>\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n                        <div class=\"ulv-selection-form-dialog__tokens\">\n                            <fd-toolbar *ngIf=\"dialog.data.selectedItems\">\n                                <!-- Selected items -->\n                                <fd-token\n                                    fd-toolbar-item\n                                    fdOverflowPriority=\"high\"\n                                    class=\"fdp-value-help-dialog__selection-token\"\n                                    (onCloseClick)=\"onRemoveSelected(item)\"\n                                    *ngFor=\"\n                                        let item of dialog.data.selectedItems;\n                                        index as selectedIndex;\n                                        trackBy: _trackBySelectedFn\n                                    \"\n                                    >{{ item.Text }}\n                                </fd-token>\n                            </fd-toolbar>\n                        </div>\n                        <button\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"decline\"\n                            [aria-label]=\"'Clear' | bbbTranslate\"\n                            (click)=\"onClear()\"\n                        ></button>\n                    </div>\n                </div>\n                <div class=\"ulv-selection-form-dialog__actions-row\">\n                    <button\n                        fd-button\n                        data-succes\n                        [label]=\"'OK' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        (click)=\"onOk()\"\n                    ></button>\n                    <button\n                        fd-button\n                        data-dismiss-dialog\n                        fd-dialog-decisive-button\n                        [label]=\"'Cancel' | bbbTranslate\"\n                        fdType=\"transparent\"\n                        (click)=\"onDismiss()\"\n                    ></button>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:flex;align-items:center}:host ::ng-deep fd-multi-input .fd-input-group{cursor:default}fd-multi-input{flex-grow:1}button[rtl=true]{margin-right:5px}button[rtl=false]{margin-left:5px}::ng-deep .fd-toolbar{display:flex;flex-wrap:wrap;row-gap:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i7$9.MultiInputComponent, selector: "fd-multi-input", inputs: ["placeholder", "disabled", "required", "compactCollapse", "maxHeight", "glyph", "dropdownValues", "searchTerm", "inputId", "highlight", "selected", "class", "filterFn", "valueFn", "displayFn", "newTokenParseFn", "newTokenValidateFn", "ariaLabel", "ariaLabelledBy", "fillControlMode", "state", "buttonFocusable", "allowNewTokens", "mobile", "showAllButton", "bodyMaxWidth", "mobileConfig", "includes", "itemTemplate", "title", "autoComplete", "open", "displayAddonButton"], outputs: ["searchTermChange", "selectedChange", "openChange", "allItemsSelectedChange"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "component", type: i9$2.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiLinearListContainerWithButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiLinearListContainerWithButtonComponent, selector: "bsu-ui-linear-list-container-with-button", inputs: { UlvUi: "UlvUi", GetTextItemValue: "GetTextItemValue", show: "show", hide: "hide", hidden: "hidden", GetSelectionData: "GetSelectionData" }, host: { listeners: { "keydown.enter": "onKeyEnter($event)", "keydown.arrowdown": "onKeyDown($event)", "keydown.esc": "onKeyEsc($event)" } }, viewQueries: [{ propertyName: "multiInputComponent", first: true, predicate: MultiInputComponent, descendants: true, static: true }, { propertyName: "dialogContainer", first: true, predicate: ["container"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<fd-multi-input\r\n    [inputId]=\"id\"\r\n    [class.control-readonly]=\"(readonly$ | async) === true\"\r\n    [dropdownValues]=\"(dropDownValues$ | async)!!\"\r\n    [placeholder]=\"Setting.ControlFieldCaptionTranslated | bbbTranslate\"\r\n    [displayFn]=\"displayFunc\"\r\n    [showAllButton]=\"false\"\r\n    [displayAddonButton]=\"false\"\r\n    [allowNewTokens]=\"false\"\r\n    [includes]=\"true\"\r\n    [disabled]=\"(disable$ | async) === true\"\r\n    (searchTermChange)=\"onSearchTermChange($event)\"\r\n    (selectedChange)=\"onSelectedChange($event)\"\r\n></fd-multi-input>\r\n\r\n<button\r\n    *ngIf=\"report\"\r\n    fd-button\r\n    [attr.rtl]=\"rtl\"\r\n    [aria-label]=\"'Advanced' | bbbTranslate\"\r\n    glyph=\"value-help\"\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n    (click)=\"onOpenReport()\"\r\n></button>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\r\n        <fd-dialog-header>\r\n            <ng-template fdTemplate=\"header\">\r\n                <div fd-bar-left>\r\n                    <fd-bar-element>\r\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\r\n                    </fd-bar-element>\r\n                </div>\r\n                <div fd-bar-right>\r\n                    <fd-button-bar\r\n                        *ngIf=\"dialogConfig.height !== '100vh'\"\r\n                        ariaLabel=\"fullscreen\"\r\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\r\n                        fullscreenDialog\r\n                        [dialog]=\"dialog\"\r\n                        [dialogComponent]=\"dialogTpl\"\r\n                    ></fd-button-bar>\r\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDismiss()\"></fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\r\n      <button fd-dialog-close-button></button> -->\r\n        </fd-dialog-header>\r\n        <fd-dialog-body>\r\n            <ng-container *ngIf=\"dialog.data.ulvUi as ulvUi\">\r\n                <bsu-ui-ulv-main-ui [context]=\"ulvUi\" class=\"linear-list-selection\"></bsu-ui-ulv-main-ui>\r\n            </ng-container>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer class=\"linear-footer\">\r\n            <ng-template fdTemplate=\"footer\">\r\n                <div\r\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\r\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\r\n                >\r\n                    <h5 fd-title class=\"selected-and-condition-title\">\r\n                        <ng-container>\r\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\r\n                            ({{ dialog.data.selectedItems?.length || 0 }})\r\n                        </ng-container>\r\n                    </h5>\r\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\r\n                        <div class=\"ulv-selection-form-dialog__tokens\">\r\n                            <fd-toolbar *ngIf=\"dialog.data.selectedItems\">\r\n                                <!-- Selected items -->\r\n                                <fd-token\r\n                                    fd-toolbar-item\r\n                                    fdOverflowPriority=\"high\"\r\n                                    class=\"fdp-value-help-dialog__selection-token\"\r\n                                    (onCloseClick)=\"onRemoveSelected(item)\"\r\n                                    *ngFor=\"\r\n                                        let item of dialog.data.selectedItems;\r\n                                        index as selectedIndex;\r\n                                        trackBy: _trackBySelectedFn\r\n                                    \"\r\n                                    >{{ item.Text }}\r\n                                </fd-token>\r\n                            </fd-toolbar>\r\n                        </div>\r\n                        <button\r\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\r\n                            fd-button\r\n                            fdType=\"transparent\"\r\n                            glyph=\"decline\"\r\n                            [aria-label]=\"'Clear' | bbbTranslate\"\r\n                            (click)=\"onClear()\"\r\n                        ></button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"ulv-selection-form-dialog__actions-row\">\r\n                    <button\r\n                        fd-button\r\n                        data-succes\r\n                        [label]=\"'OK' | bbbTranslate\"\r\n                        fdType=\"emphasized\"\r\n                        (click)=\"onOk()\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        data-dismiss-dialog\r\n                        fd-dialog-decisive-button\r\n                        [label]=\"'Cancel' | bbbTranslate\"\r\n                        fdType=\"transparent\"\r\n                        (click)=\"onDismiss()\"\r\n                    ></button>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:flex;align-items:center}:host ::ng-deep fd-multi-input .fd-input-group{cursor:default}fd-multi-input{flex-grow:1}button[rtl=true]{margin-right:5px}button[rtl=false]{margin-left:5px}::ng-deep .fd-toolbar{display:flex;flex-wrap:wrap;row-gap:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$1.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i3$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i4.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i4.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i6$1.TemplateDirective, selector: "[fdTemplate]", inputs: ["fdTemplate"] }, { kind: "component", type: i7$9.MultiInputComponent, selector: "fd-multi-input", inputs: ["placeholder", "disabled", "required", "compactCollapse", "maxHeight", "glyph", "dropdownValues", "searchTerm", "inputId", "highlight", "selected", "class", "filterFn", "valueFn", "displayFn", "newTokenParseFn", "newTokenValidateFn", "ariaLabel", "ariaLabelledBy", "fillControlMode", "state", "buttonFocusable", "allowNewTokens", "mobile", "showAllButton", "bodyMaxWidth", "mobileConfig", "includes", "itemTemplate", "title", "autoComplete", "open", "displayAddonButton"], outputs: ["searchTermChange", "selectedChange", "openChange", "allItemsSelectedChange"] }, { kind: "component", type: i7$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "directive", type: i7$2.ToolbarOverflowPriorityDirective, selector: "[fdOverflowPriority]", inputs: ["fdOverflowPriority"] }, { kind: "component", type: i9$2.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: UiUlvMainUiComponent, selector: "bsu-ui-ulv-main-ui", inputs: ["context", "isReportPage", "inDialog", "isMultiSelect", "layoutInfo", "fullscreen"] }, { kind: "directive", type: FullscreenDialogDirective, selector: "[fullscreenDialog]", inputs: ["dialog", "dialogComponent"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiLinearListContainerWithButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-linear-list-container-with-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-multi-input\n    [inputId]=\"id\"\n    [class.control-readonly]=\"(readonly$ | async) === true\"\n    [dropdownValues]=\"(dropDownValues$ | async)!!\"\n    [placeholder]=\"Setting.ControlFieldCaptionTranslated | bbbTranslate\"\n    [displayFn]=\"displayFunc\"\n    [showAllButton]=\"false\"\n    [displayAddonButton]=\"false\"\n    [allowNewTokens]=\"false\"\n    [includes]=\"true\"\n    [disabled]=\"(disable$ | async) === true\"\n    (searchTermChange)=\"onSearchTermChange($event)\"\n    (selectedChange)=\"onSelectedChange($event)\"\n></fd-multi-input>\n\n<button\n    *ngIf=\"report\"\n    fd-button\n    [attr.rtl]=\"rtl\"\n    [aria-label]=\"'Advanced' | bbbTranslate\"\n    glyph=\"value-help\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n    (click)=\"onOpenReport()\"\n></button>\n\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\n        <fd-dialog-header>\n            <ng-template fdTemplate=\"header\">\n                <div fd-bar-left>\n                    <fd-bar-element>\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\n                    </fd-bar-element>\n                </div>\n                <div fd-bar-right>\n                    <fd-button-bar\n                        *ngIf=\"dialogConfig.height !== '100vh'\"\n                        ariaLabel=\"fullscreen\"\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\n                        fullscreenDialog\n                        [dialog]=\"dialog\"\n                        [dialogComponent]=\"dialogTpl\"\n                    ></fd-button-bar>\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDismiss()\"></fd-button-bar>\n                </div>\n            </ng-template>\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\n      <button fd-dialog-close-button></button> -->\n        </fd-dialog-header>\n        <fd-dialog-body>\n            <ng-container *ngIf=\"dialog.data.ulvUi as ulvUi\">\n                <bsu-ui-ulv-main-ui [context]=\"ulvUi\" class=\"linear-list-selection\"></bsu-ui-ulv-main-ui>\n            </ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer class=\"linear-footer\">\n            <ng-template fdTemplate=\"footer\">\n                <div\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\n                >\n                    <h5 fd-title class=\"selected-and-condition-title\">\n                        <ng-container>\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\n                            ({{ dialog.data.selectedItems?.length || 0 }})\n                        </ng-container>\n                    </h5>\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\n                        <div class=\"ulv-selection-form-dialog__tokens\">\n                            <fd-toolbar *ngIf=\"dialog.data.selectedItems\">\n                                <!-- Selected items -->\n                                <fd-token\n                                    fd-toolbar-item\n                                    fdOverflowPriority=\"high\"\n                                    class=\"fdp-value-help-dialog__selection-token\"\n                                    (onCloseClick)=\"onRemoveSelected(item)\"\n                                    *ngFor=\"\n                                        let item of dialog.data.selectedItems;\n                                        index as selectedIndex;\n                                        trackBy: _trackBySelectedFn\n                                    \"\n                                    >{{ item.Text }}\n                                </fd-token>\n                            </fd-toolbar>\n                        </div>\n                        <button\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\n                            fd-button\n                            fdType=\"transparent\"\n                            glyph=\"decline\"\n                            [aria-label]=\"'Clear' | bbbTranslate\"\n                            (click)=\"onClear()\"\n                        ></button>\n                    </div>\n                </div>\n                <div class=\"ulv-selection-form-dialog__actions-row\">\n                    <button\n                        fd-button\n                        data-succes\n                        [label]=\"'OK' | bbbTranslate\"\n                        fdType=\"emphasized\"\n                        (click)=\"onOk()\"\n                    ></button>\n                    <button\n                        fd-button\n                        data-dismiss-dialog\n                        fd-dialog-decisive-button\n                        [label]=\"'Cancel' | bbbTranslate\"\n                        fdType=\"transparent\"\n                        (click)=\"onDismiss()\"\n                    ></button>\n                </div>\n            </ng-template>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [":host{display:flex;align-items:center}:host ::ng-deep fd-multi-input .fd-input-group{cursor:default}fd-multi-input{flex-grow:1}button[rtl=true]{margin-right:5px}button[rtl=false]{margin-left:5px}::ng-deep .fd-toolbar{display:flex;flex-wrap:wrap;row-gap:5px}\n"] }]
+            args: [{ selector: 'bsu-ui-linear-list-container-with-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-multi-input\r\n    [inputId]=\"id\"\r\n    [class.control-readonly]=\"(readonly$ | async) === true\"\r\n    [dropdownValues]=\"(dropDownValues$ | async)!!\"\r\n    [placeholder]=\"Setting.ControlFieldCaptionTranslated | bbbTranslate\"\r\n    [displayFn]=\"displayFunc\"\r\n    [showAllButton]=\"false\"\r\n    [displayAddonButton]=\"false\"\r\n    [allowNewTokens]=\"false\"\r\n    [includes]=\"true\"\r\n    [disabled]=\"(disable$ | async) === true\"\r\n    (searchTermChange)=\"onSearchTermChange($event)\"\r\n    (selectedChange)=\"onSelectedChange($event)\"\r\n></fd-multi-input>\r\n\r\n<button\r\n    *ngIf=\"report\"\r\n    fd-button\r\n    [attr.rtl]=\"rtl\"\r\n    [aria-label]=\"'Advanced' | bbbTranslate\"\r\n    glyph=\"value-help\"\r\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n    (click)=\"onOpenReport()\"\r\n></button>\r\n\r\n<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #container>\r\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\" #dialogTpl>\r\n        <fd-dialog-header>\r\n            <ng-template fdTemplate=\"header\">\r\n                <div fd-bar-left>\r\n                    <fd-bar-element>\r\n                        <h1 id=\"fd-dialog-header-3\" fd-title>{{ dialog.data.title }}</h1>\r\n                    </fd-bar-element>\r\n                </div>\r\n                <div fd-bar-right>\r\n                    <fd-button-bar\r\n                        *ngIf=\"dialogConfig.height !== '100vh'\"\r\n                        ariaLabel=\"fullscreen\"\r\n                        [glyph]=\"dialog.data.fullscreen ? 'exitfullscreen' : 'resize'\"\r\n                        fullscreenDialog\r\n                        [dialog]=\"dialog\"\r\n                        [dialogComponent]=\"dialogTpl\"\r\n                    ></fd-button-bar>\r\n                    <fd-button-bar ariaLabel=\"close\" glyph=\"decline\" (click)=\"onDismiss()\"></fd-button-bar>\r\n                </div>\r\n            </ng-template>\r\n            <!-- <h3 fd-title>{{ dialog.data.title }}</h3>\r\n      <button fd-dialog-close-button></button> -->\r\n        </fd-dialog-header>\r\n        <fd-dialog-body>\r\n            <ng-container *ngIf=\"dialog.data.ulvUi as ulvUi\">\r\n                <bsu-ui-ulv-main-ui [context]=\"ulvUi\" class=\"linear-list-selection\"></bsu-ui-ulv-main-ui>\r\n            </ng-container>\r\n        </fd-dialog-body>\r\n\r\n        <fd-dialog-footer class=\"linear-footer\">\r\n            <ng-template fdTemplate=\"footer\">\r\n                <div\r\n                    class=\"ulv-selection-form-dialog__row ulv-selection-form-dialog__selection-row\"\r\n                    [aria-label]=\"'SelectedItemsAndConditions' | bbbTranslate\"\r\n                >\r\n                    <h5 fd-title class=\"selected-and-condition-title\">\r\n                        <ng-container>\r\n                            <ng-container>{{ 'SelectedItemsAndConditions' | bbbTranslate }} </ng-container>\r\n                            ({{ dialog.data.selectedItems?.length || 0 }})\r\n                        </ng-container>\r\n                    </h5>\r\n                    <div class=\"ulv-selection-form-dialog__tokens-wrapper\">\r\n                        <div class=\"ulv-selection-form-dialog__tokens\">\r\n                            <fd-toolbar *ngIf=\"dialog.data.selectedItems\">\r\n                                <!-- Selected items -->\r\n                                <fd-token\r\n                                    fd-toolbar-item\r\n                                    fdOverflowPriority=\"high\"\r\n                                    class=\"fdp-value-help-dialog__selection-token\"\r\n                                    (onCloseClick)=\"onRemoveSelected(item)\"\r\n                                    *ngFor=\"\r\n                                        let item of dialog.data.selectedItems;\r\n                                        index as selectedIndex;\r\n                                        trackBy: _trackBySelectedFn\r\n                                    \"\r\n                                    >{{ item.Text }}\r\n                                </fd-token>\r\n                            </fd-toolbar>\r\n                        </div>\r\n                        <button\r\n                            class=\"ulv-selection-form-dialog__tokens-clear\"\r\n                            fd-button\r\n                            fdType=\"transparent\"\r\n                            glyph=\"decline\"\r\n                            [aria-label]=\"'Clear' | bbbTranslate\"\r\n                            (click)=\"onClear()\"\r\n                        ></button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"ulv-selection-form-dialog__actions-row\">\r\n                    <button\r\n                        fd-button\r\n                        data-succes\r\n                        [label]=\"'OK' | bbbTranslate\"\r\n                        fdType=\"emphasized\"\r\n                        (click)=\"onOk()\"\r\n                    ></button>\r\n                    <button\r\n                        fd-button\r\n                        data-dismiss-dialog\r\n                        fd-dialog-decisive-button\r\n                        [label]=\"'Cancel' | bbbTranslate\"\r\n                        fdType=\"transparent\"\r\n                        (click)=\"onDismiss()\"\r\n                    ></button>\r\n                </div>\r\n            </ng-template>\r\n        </fd-dialog-footer>\r\n    </fd-dialog>\r\n</ng-template>\r\n", styles: [":host{display:flex;align-items:center}:host ::ng-deep fd-multi-input .fd-input-group{cursor:default}fd-multi-input{flex-grow:1}button[rtl=true]{margin-right:5px}button[rtl=false]{margin-left:5px}::ng-deep .fd-toolbar{display:flex;flex-wrap:wrap;row-gap:5px}\n"] }]
         }], propDecorators: { multiInputComponent: [{
                 type: ViewChild,
                 args: [MultiInputComponent, { static: true }]
@@ -9929,7 +9939,7 @@ UiDateTimeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             useFactory: getDateService$1,
             deps: [LogService]
         }
-    ], viewQueries: [{ propertyName: "datetimePickerRef", first: true, predicate: ["datetimePicker"], descendants: true }, { propertyName: "datePickerRef", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "durationPickerRef", first: true, predicate: ["durationPicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input\n    *ngIf=\"(disableOrReadonly$ | async)!!; else datetime\"\n    fd-form-control\n    type=\"text\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    [value]=\"value ? valueCaption : ''\"\n/>\n<ng-template #datetime>\n    <div\n        [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\n        [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : 'rtl'\"\n    >\n        <bc-date-time-picker\n            [value]=\"value\"\n            [showDate]=\"Setting.ShowDate1\"\n            [showTime]=\"Setting.ShowTime1\"\n            [placeholder]=\"formatPattern\"\n            [primaryCalendarType]=\"Setting.CalendarType\"\n            [formatPattern]=\"formatPattern\"\n            (valueChange)=\"onDateChange2($event)\"\n            [readonly]=\"(readonly$ | async) === true ? true : false\"\n            [disabled]=\"(disable$ | async) === true ? true : false\"\n        >\n        </bc-date-time-picker>\n    </div>\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i1$4.DateTimePickerComponent, selector: "bc-date-time-picker", inputs: ["placeholder", "primaryCalendarType", "formatPattern", "value", "timeValue", "startRangeDate", "endRangeDate", "isRangePicker", "showTime", "showDate", "rtl", "readonly", "disabled"], outputs: ["rangeChange", "valueChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "datetimePickerRef", first: true, predicate: ["datetimePicker"], descendants: true }, { propertyName: "datePickerRef", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "durationPickerRef", first: true, predicate: ["durationPicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input\n    *ngIf=\"(disableOrReadonly$ | async)!!; else datetime\"\n    fd-form-control\n    type=\"text\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    [value]=\"value ? valueCaption : ''\"\n/>\n<ng-template #datetime>\n    <div\n        [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\n        [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : 'rtl'\"\n    >\n        <bc-date-time-picker\n            [value]=\"value\"\n            [buttonMenuMode]=\"parameters?.ButtonMenuMode === true\"\n            [showDate]=\"Setting.ShowDate1\"\n            [showTime]=\"Setting.ShowTime1\"\n            [placeholder]=\"parameters?.ButtonMenuMode === true ? parameters.Placeholder : formatPattern\"\n            [primaryCalendarType]=\"Setting.CalendarType\"\n            [formatPattern]=\"formatPattern\"\n            (valueChange)=\"onDateChange2($event)\"\n            [readonly]=\"(readonly$ | async) === true ? true : false\"\n            [disabled]=\"(disable$ | async) === true ? true : false\"\n        >\n        </bc-date-time-picker>\n    </div>\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i1$4.DateTimePickerComponent, selector: "bc-date-time-picker", inputs: ["placeholder", "primaryCalendarType", "formatPattern", "value", "timeValue", "startRangeDate", "endRangeDate", "isRangePicker", "showTime", "showDate", "rtl", "readonly", "disabled", "buttonMenuMode"], outputs: ["rangeChange", "valueChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiDateTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-ui-date-time', providers: [
@@ -9938,7 +9948,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                             useFactory: getDateService$1,
                             deps: [LogService]
                         }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n    *ngIf=\"(disableOrReadonly$ | async)!!; else datetime\"\n    fd-form-control\n    type=\"text\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    [value]=\"value ? valueCaption : ''\"\n/>\n<ng-template #datetime>\n    <div\n        [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\n        [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : 'rtl'\"\n    >\n        <bc-date-time-picker\n            [value]=\"value\"\n            [showDate]=\"Setting.ShowDate1\"\n            [showTime]=\"Setting.ShowTime1\"\n            [placeholder]=\"formatPattern\"\n            [primaryCalendarType]=\"Setting.CalendarType\"\n            [formatPattern]=\"formatPattern\"\n            (valueChange)=\"onDateChange2($event)\"\n            [readonly]=\"(readonly$ | async) === true ? true : false\"\n            [disabled]=\"(disable$ | async) === true ? true : false\"\n        >\n        </bc-date-time-picker>\n    </div>\n</ng-template>\n", styles: [":host{display:block}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n    *ngIf=\"(disableOrReadonly$ | async)!!; else datetime\"\n    fd-form-control\n    type=\"text\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    [value]=\"value ? valueCaption : ''\"\n/>\n<ng-template #datetime>\n    <div\n        [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\n        [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : 'rtl'\"\n    >\n        <bc-date-time-picker\n            [value]=\"value\"\n            [buttonMenuMode]=\"parameters?.ButtonMenuMode === true\"\n            [showDate]=\"Setting.ShowDate1\"\n            [showTime]=\"Setting.ShowTime1\"\n            [placeholder]=\"parameters?.ButtonMenuMode === true ? parameters.Placeholder : formatPattern\"\n            [primaryCalendarType]=\"Setting.CalendarType\"\n            [formatPattern]=\"formatPattern\"\n            (valueChange)=\"onDateChange2($event)\"\n            [readonly]=\"(readonly$ | async) === true ? true : false\"\n            [disabled]=\"(disable$ | async) === true ? true : false\"\n        >\n        </bc-date-time-picker>\n    </div>\n</ng-template>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { datetimePickerRef: [{
                 type: ViewChild,
                 args: ['datetimePicker']
@@ -10014,10 +10024,10 @@ class UiTinymceComponent extends FieldBaseComponent {
     }
 }
 UiTinymceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTinymceComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiTinymceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTinymceComponent, selector: "bsu-ui-tinymce", host: { properties: { "style.min-height": "this.tinyHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\n    <div\n        class=\"html-readonly\"\n        *ngIf=\"Setting.IsHtmlViewer || (disableOrReadonly$ | async); else textarea\"\n        [class.readonly]=\"readonly$ | async\"\n        [class.anonymous]=\"isAnonymous\"\n        [class.disable]=\"disable$ | async\"\n        [innerHtml]=\"Setting.IsHtmlViewer ? sefeValue : ''\"\n    ></div>\n    <ng-template #textarea>\n        <bsu-mask *ngIf=\"!tinyInit\"></bsu-mask>\n        <bsu-barsa-tinyemce\n            [Setting]=\"Setting\"\n            [IsInline]=\"parameters?.IsInline === true\"\n            [value]=\"value\"\n            [defaultVerbs]=\"context.defaultVerbs\"\n            (tinyInit)=\"onTinyInit()\"\n            (valueChange)=\"onTinyChanged($event)\"\n            [readonly]=\"isReadonly\"\n        ></bsu-barsa-tinyemce>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;height:100%;width:100%;align-self:flex-start;min-width:320px}:host ::ng-deep .tox.tox-tinymce{border:none}.html-readonly,bsu-barsa-tinyemce{flex-grow:1}.readonly{background:var(--sapBackgroundColor);height:100%}.disable{background:var(--sapBackgroundColor);height:100%;opacity:.5}.readonly.anonymous{background-color:transparent;border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: BarsaTinyemceComponent, selector: "bsu-barsa-tinyemce", inputs: ["Setting", "isReadonly", "value", "IsInline", "defaultVerbs"], outputs: ["valueChange", "tinyInit"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiTinymceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiTinymceComponent, selector: "bsu-ui-tinymce", host: { properties: { "style.min-height": "this.tinyHeight" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *untilInView=\"el\">\n    <div\n        class=\"html-readonly\"\n        *ngIf=\"Setting.IsHtmlViewer || (disableOrReadonly$ | async); else textarea\"\n        [class.readonly]=\"readonly$ | async\"\n        [class.anonymous]=\"isAnonymous\"\n        [class.disable]=\"disable$ | async\"\n        [innerHtml]=\"Setting.IsHtmlViewer ? sefeValue : ''\"\n    ></div>\n    <ng-template #textarea>\n        <bsu-mask *ngIf=\"!tinyInit\"></bsu-mask>\n        <bsu-barsa-tinyemce\n            [Setting]=\"Setting\"\n            [IsInline]=\"parameters?.IsInline === true\"\n            [value]=\"value\"\n            [defaultVerbs]=\"context.defaultVerbs\"\n            (tinyInit)=\"onTinyInit()\"\n            (valueChange)=\"onTinyChanged($event)\"\n            [readonly]=\"isReadonly\"\n        ></bsu-barsa-tinyemce>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;height:100%;width:100%;align-self:flex-start;min-width:320px}:host ::ng-deep .tox.tox-tinymce{border-radius:0%;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.html-readonly,bsu-barsa-tinyemce{flex-grow:1}.readonly{background:var(--sapBackgroundColor);height:100%}.disable{background:var(--sapBackgroundColor);height:100%;opacity:.5}.readonly.anonymous{background-color:transparent;border:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: BarsaTinyemceComponent, selector: "bsu-barsa-tinyemce", inputs: ["Setting", "isReadonly", "value", "IsInline", "defaultVerbs"], outputs: ["valueChange", "tinyInit"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiTinymceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-tinymce', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *untilInView=\"el\">\n    <div\n        class=\"html-readonly\"\n        *ngIf=\"Setting.IsHtmlViewer || (disableOrReadonly$ | async); else textarea\"\n        [class.readonly]=\"readonly$ | async\"\n        [class.anonymous]=\"isAnonymous\"\n        [class.disable]=\"disable$ | async\"\n        [innerHtml]=\"Setting.IsHtmlViewer ? sefeValue : ''\"\n    ></div>\n    <ng-template #textarea>\n        <bsu-mask *ngIf=\"!tinyInit\"></bsu-mask>\n        <bsu-barsa-tinyemce\n            [Setting]=\"Setting\"\n            [IsInline]=\"parameters?.IsInline === true\"\n            [value]=\"value\"\n            [defaultVerbs]=\"context.defaultVerbs\"\n            (tinyInit)=\"onTinyInit()\"\n            (valueChange)=\"onTinyChanged($event)\"\n            [readonly]=\"isReadonly\"\n        ></bsu-barsa-tinyemce>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;height:100%;width:100%;align-self:flex-start;min-width:320px}:host ::ng-deep .tox.tox-tinymce{border:none}.html-readonly,bsu-barsa-tinyemce{flex-grow:1}.readonly{background:var(--sapBackgroundColor);height:100%}.disable{background:var(--sapBackgroundColor);height:100%;opacity:.5}.readonly.anonymous{background-color:transparent;border:none}\n"] }]
+            args: [{ selector: 'bsu-ui-tinymce', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *untilInView=\"el\">\n    <div\n        class=\"html-readonly\"\n        *ngIf=\"Setting.IsHtmlViewer || (disableOrReadonly$ | async); else textarea\"\n        [class.readonly]=\"readonly$ | async\"\n        [class.anonymous]=\"isAnonymous\"\n        [class.disable]=\"disable$ | async\"\n        [innerHtml]=\"Setting.IsHtmlViewer ? sefeValue : ''\"\n    ></div>\n    <ng-template #textarea>\n        <bsu-mask *ngIf=\"!tinyInit\"></bsu-mask>\n        <bsu-barsa-tinyemce\n            [Setting]=\"Setting\"\n            [IsInline]=\"parameters?.IsInline === true\"\n            [value]=\"value\"\n            [defaultVerbs]=\"context.defaultVerbs\"\n            (tinyInit)=\"onTinyInit()\"\n            (valueChange)=\"onTinyChanged($event)\"\n            [readonly]=\"isReadonly\"\n        ></bsu-barsa-tinyemce>\n    </ng-template>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;height:100%;width:100%;align-self:flex-start;min-width:320px}:host ::ng-deep .tox.tox-tinymce{border-radius:0%;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.html-readonly,bsu-barsa-tinyemce{flex-grow:1}.readonly{background:var(--sapBackgroundColor);height:100%}.disable{background:var(--sapBackgroundColor);height:100%;opacity:.5}.readonly.anonymous{background-color:transparent;border:none}\n"] }]
         }], propDecorators: { tinyHeight: [{
                 type: HostBinding,
                 args: ['style.min-height']
@@ -10859,10 +10869,10 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
     }
 }
 UiMoInfoUlvComboComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiMoInfoUlvComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiMoInfoUlvComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiMoInfoUlvComboComponent, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvUi: "UlvUi", UlvMainCtrlr: "UlvMainCtrlr", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <span fd-input-group-addon *ngIf=\"hasValue && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            fd-button\n            *ngIf=\"hasValue && disableOrReadonly !== true\"\n            glyph=\"decline\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onClear()\"\n        ></button>\n\n        <button\n            fd-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></button>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title>{{\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\n                }}</span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background);border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$4.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i7$1.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "directive", type: i7$1.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiMoInfoUlvComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiMoInfoUlvComboComponent, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvUi: "UlvUi", UlvMainCtrlr: "UlvMainCtrlr", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <span fd-input-group-addon *ngIf=\"hasValue && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            fd-button\n            *ngIf=\"hasValue && disableOrReadonly !== true\"\n            glyph=\"decline\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onClear()\"\n        ></button>\n\n        <button\n            fd-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></button>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\">{{\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\n                }}</span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background);border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$4.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i7.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i7.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i6$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i7$1.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "directive", type: i7$1.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i8.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiMoInfoUlvComboComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <span fd-input-group-addon *ngIf=\"hasValue && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            fd-button\n            *ngIf=\"hasValue && disableOrReadonly !== true\"\n            glyph=\"decline\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onClear()\"\n        ></button>\n\n        <button\n            fd-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></button>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title>{{\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\n                }}</span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background);border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"] }]
+            args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n    *ngTemplateOutlet=\"\n        context._showPopup || context._showDropDown === false ? inputTemplate : comboTemplate;\n        context: {\n            $implicit:\n                (loading$ | async) === true\n                | moInfoUlvMoList\n                    : isDataLoadedFirstTime\n                    : ulvAdapter?.Setting?.Data?.MoDataList\n                    : UlvUi?.Setting?.Data?.MoDataList\n                    : ulvAdapter?.Setting?.Data?.Paging\n                    : UlvUi?.Setting?.Data?.Paging,\n            deviceSize: deviceSize$ | async,\n            disableOrReadonly: disableOrReadonly$ | async,\n            disable: disable$ | async,\n            readonly: readonly$ | async\n        }\n    \"\n>\n</ng-container>\n<ng-template\n    #inputTemplate\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div style=\"display: flex\" class=\"fd-input-group\">\n        <input\n            fd-input-group-input\n            fd-form-control\n            #inputRef\n            [placeholder]=\"Setting.NullText || ''\"\n            [attr.readonly]=\"true\"\n            [attr.disabled]=\"disable === true ? true : null\"\n            [value]=\"!value ? '' : (value | bbbTranslate)\"\n            [id]=\"id\"\n            [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n            (input)=\"onValueChange($event)\"\n        />\n        <span fd-input-group-addon *ngIf=\"hasValue && disableOrReadonly !== true\" class=\"fd-input-group__addon--button\">\n            <button fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'Show'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"hasValue && disableOrReadonly !== true && Setting.ViewRelatedFormType === 'ShowReadOnly'\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"show\" (click)=\"onEdit()\"></button>\n        </span>\n        <span\n            fd-input-group-addon\n            *ngIf=\"context._showPopup && !value && disableOrReadonly !== true\"\n            class=\"fd-input-group__addon--button\"\n        >\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template\n    #comboTemplate\n    let-moDataList\n    let-deviceSize=\"deviceSize\"\n    let-disableOrReadonly=\"disableOrReadonly\"\n    let-disable=\"disable\"\n    let-readonly=\"readonly\"\n>\n    <div class=\"simple-combo-wrapper\">\n        <fd-combobox\n            #fdCombobox\n            class=\"combo-mo-ulv\"\n            [comboboxId]=\"comboboxId\"\n            [class.has-report]=\"hasReport\"\n            [class.has-Value]=\"hasValue\"\n            [placeholder]=\"'Select' | bbbTranslate\"\n            [mobile]=\"deviceSize === 's'\"\n            [mobileConfig]=\"mobileConfig\"\n            [fillOnSelect]=\"true\"\n            [readOnly]=\"readonly === true ? true : false\"\n            [disabled]=\"disable === true ? true : false\"\n            [dropdownValues]=\"moDataList\"\n            [filterFn]=\"customFilter\"\n            [openOnKeyboardEvent]=\"true\"\n            [byline]=\"allColumns.length > 0\"\n            [itemTemplate]=\"itemTemplate\"\n            [displayFn]=\"displayFunc\"\n            [showDropdownButton]=\"disableOrReadonly !== true\"\n            (itemClicked)=\"onItemClick($event, moDataList)\"\n            (inputTextChange)=\"onInputChange($event)\"\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\n        >\n        </fd-combobox>\n        <button\n            fd-button\n            *ngIf=\"hasValue && disableOrReadonly !== true\"\n            glyph=\"decline\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onClear()\"\n        ></button>\n\n        <button\n            fd-button\n            *ngIf=\"hasReport && disableOrReadonly !== true\"\n            glyph=\"search\"\n            fdType=\"transparent\"\n            class=\"combo-popup-btn\"\n            (click)=\"onSearch()\"\n        ></button>\n    </div>\n    <ng-template #itemTemplate let-item>\n        <div fd-list-content *ngIf=\"item.$isLoading; else itemWrapper\" style=\"width: 100%; height: 20px\">\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\n        </div>\n        <ng-template #itemWrapper>\n            <ng-container *ngIf=\"item.$LoadMore; else showItem\">\n                <!-- <bsu-ulv-paging\n                    (click)=\"onPagingClick($event)\"\n                    (pageChange)=\"onPageChange($event)\"\n                    [pagingSetting]=\"ulvAdapter.Setting.Data.Paging\"\n                >\n                </bsu-ulv-paging> -->\n                <button\n                    style=\"width: 100%\"\n                    *ngIf=\"ulvAdapter.Setting.Data.Paging.Page + 1 < ulvAdapter.Setting.Data.Paging.TotalPages\"\n                    fd-button\n                    (click)=\"onPageChange2(ulvAdapter.Setting.Data.Paging, $event)\"\n                    [label]=\"'More' | bbbTranslate\"\n                ></button>\n            </ng-container>\n        </ng-template>\n        <ng-template #showItem>\n            <ng-container *ngIf=\"allColumns?.length && !item.isEmpty; else captionTemplate\">\n                <div *ngIf=\"!item.$__IsLast\" class=\"moinfoulv devider\"></div>\n                <span fd-list-thumbnail *ngIf=\"item.$Icon\"><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\n                <div fd-list-content class=\"moinfoulv hasColumns\">\n                    <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\n                    <div fd-list-byline class=\"byline\" *ngIf=\"allColumns[1]\">\n                        {{ allColumns[1].Alias | rval: item:allColumns:true }}\n                    </div>\n                    <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\n                        <ng-container *ngFor=\"let column of allColumns; let index = index\">\n                            <ng-container *ngIf=\"index > 1\">\n                                <ng-container *ngIf=\"column.Alias | rval: item:allColumns:true as value\">\n                                    <span> {{ column.Alias }}:{{ value }}</span>\n                                </ng-container>\n                            </ng-container>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #captionTemplate>\n                <span fd-list-title [class.list-empty-item]=\"item.isEmpty\">{{\n                    item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate)\n                }}</span>\n            </ng-template>\n        </ng-template>\n    </ng-template>\n</ng-template>\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group>.fd-input-group__input{background-color:transparent!important}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv[class*=has-] .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.simple-combo-wrapper ::ng-deep .combo-popup-btn{background-color:var(--sapField_Background);border-top:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-bottom:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);box-sizing:content-box;border-radius:0}.simple-combo-wrapper ::ng-deep .combo-popup-btn:first-child{margin-right:-1px}.simple-combo-wrapper ::ng-deep .combo-popup-btn:last-child{border-left:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}\n"] }]
         }], propDecorators: { ulvAdapter: [{
                 type: Input
             }], Control: [{
@@ -11189,10 +11199,10 @@ class UiSimpleComboComponent extends FieldBaseComponent {
     }
 }
 UiSimpleComboComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiSimpleComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiSimpleComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiSimpleComboComponent, selector: "bsu-ui-simple-combo", inputs: { MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-select\n    style=\"width: 100%\"\n    [placeholder]=\"'Select' | bbbTranslate\"\n    [value]=\"value\"\n    [mobile]=\"(deviceSize$ | async) === 's'\"\n    [mobileConfig]=\"mobileConfig\"\n    (valueChange)=\"onValueChange($event)\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\n    [readonly]=\"(readonly$ | async) === true ? true : false\"\n    [disabled]=\"(disable$ | async) === true ? true : false\"\n>\n    <fd-option\n        *ngFor=\"let item of context.store.data[context.store.root]\"\n        [value]=\"item.id\"\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n        [class.control-disabled]=\"item.IsEmpty\"\n    >\n        <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n        {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\n    </fd-option>\n</fd-select>\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$3.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i3$3.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+UiSimpleComboComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiSimpleComboComponent, selector: "bsu-ui-simple-combo", inputs: { MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-select\n    style=\"width: 100%\"\n    [placeholder]=\"'Select' | bbbTranslate\"\n    [value]=\"value\"\n    [mobile]=\"(deviceSize$ | async) === 's'\"\n    [mobileConfig]=\"mobileConfig\"\n    (valueChange)=\"onValueChange($event)\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\n    [readonly]=\"(readonly$ | async) === true ? true : false\"\n    [disabled]=\"(disable$ | async) === true ? true : false\"\n>\n    <fd-option\n        *ngFor=\"let item of context.store.data[context.store.root]\"\n        [value]=\"item.id\"\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n        [class.control-disabled]=\"item.IsEmpty\"\n        [class.list-empty-item]=\"item.IsEmpty\"\n    >\n        <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n        {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\n    </fd-option>\n</fd-select>\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$3.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i3$3.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiSimpleComboComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-simple-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-select\n    style=\"width: 100%\"\n    [placeholder]=\"'Select' | bbbTranslate\"\n    [value]=\"value\"\n    [mobile]=\"(deviceSize$ | async) === 's'\"\n    [mobileConfig]=\"mobileConfig\"\n    (valueChange)=\"onValueChange($event)\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\n    [readonly]=\"(readonly$ | async) === true ? true : false\"\n    [disabled]=\"(disable$ | async) === true ? true : false\"\n>\n    <fd-option\n        *ngFor=\"let item of context.store.data[context.store.root]\"\n        [value]=\"item.id\"\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n        [class.control-disabled]=\"item.IsEmpty\"\n    >\n        <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n        {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\n    </fd-option>\n</fd-select>\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"] }]
+            args: [{ selector: 'bsu-ui-simple-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-select\n    style=\"width: 100%\"\n    [placeholder]=\"'Select' | bbbTranslate\"\n    [value]=\"value\"\n    [mobile]=\"(deviceSize$ | async) === 's'\"\n    [mobileConfig]=\"mobileConfig\"\n    (valueChange)=\"onValueChange($event)\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\n    [readonly]=\"(readonly$ | async) === true ? true : false\"\n    [disabled]=\"(disable$ | async) === true ? true : false\"\n>\n    <fd-option\n        *ngFor=\"let item of context.store.data[context.store.root]\"\n        [value]=\"item.id\"\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n        [class.control-disabled]=\"item.IsEmpty\"\n        [class.list-empty-item]=\"item.IsEmpty\"\n    >\n        <img *ngIf=\"item.url\" [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n        {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\n    </fd-option>\n</fd-select>\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"] }]
         }], propDecorators: { MinSize: [{
                 type: Input
             }] } });
@@ -11474,6 +11484,7 @@ class FormToolbarButtonComponent extends BaseFormToolbaritemPropsComponent {
         this.onlyIcon = this.parameters.OnlyIcon;
         this.icon = this.parameters.Icon;
         this.fdType = this.parameters.FdType$Caption;
+        this.minWidth = this.parameters.MinWidth;
         this.text = this.inlineHelp = this.context.text;
         // this.inlineHelpDirective.disabled = this.parameters.ShowTooltip === false;
     }
@@ -11487,10 +11498,10 @@ class FormToolbarButtonComponent extends BaseFormToolbaritemPropsComponent {
     }
 }
 FormToolbarButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormToolbarButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormToolbarButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormToolbarButtonComponent, selector: "bsu-form-toolbar-button", inputs: { parameters: "parameters" }, outputs: { btnClick: "btnClick" }, viewQueries: [{ propertyName: "inlineHelpDirective", first: true, predicate: InlineHelpDirective, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button\n    fd-toolbar-item\n    fd-button\n    [title]=\"inlineHelp | bbbTranslate\"\n    [glyph]=\"icon\"\n    [class.control-disabled]=\"isEnable === false ? true : false\"\n    [fdType]=\"fdType || (!isEnable ? 'transparent' : fdType)\"\n    (click)=\"btnClick.emit()\"\n>\n    <span *ngIf=\"!onlyIcon || showText\">{{ text | bbbTranslate }}</span>\n</button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FormToolbarButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormToolbarButtonComponent, selector: "bsu-form-toolbar-button", inputs: { parameters: "parameters" }, outputs: { btnClick: "btnClick" }, viewQueries: [{ propertyName: "inlineHelpDirective", first: true, predicate: InlineHelpDirective, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button\n    fd-toolbar-item\n    fd-button\n    [title]=\"inlineHelp | bbbTranslate\"\n    [glyph]=\"icon\"\n    [class.control-disabled]=\"isEnable === false ? true : false\"\n    [fdType]=\"fdType || (!isEnable ? 'transparent' : fdType)\"\n    (click)=\"btnClick.emit()\"\n    [style.min-width.px]=\"minWidth ? minWidth : null\"\n>\n    <span *ngIf=\"!onlyIcon || showText\">{{ text | bbbTranslate }}</span>\n</button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i7$2.ToolbarItemDirective, selector: "[fd-toolbar-item]" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormToolbarButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-form-toolbar-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    fd-toolbar-item\n    fd-button\n    [title]=\"inlineHelp | bbbTranslate\"\n    [glyph]=\"icon\"\n    [class.control-disabled]=\"isEnable === false ? true : false\"\n    [fdType]=\"fdType || (!isEnable ? 'transparent' : fdType)\"\n    (click)=\"btnClick.emit()\"\n>\n    <span *ngIf=\"!onlyIcon || showText\">{{ text | bbbTranslate }}</span>\n</button>\n" }]
+            args: [{ selector: 'bsu-form-toolbar-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    fd-toolbar-item\n    fd-button\n    [title]=\"inlineHelp | bbbTranslate\"\n    [glyph]=\"icon\"\n    [class.control-disabled]=\"isEnable === false ? true : false\"\n    [fdType]=\"fdType || (!isEnable ? 'transparent' : fdType)\"\n    (click)=\"btnClick.emit()\"\n    [style.min-width.px]=\"minWidth ? minWidth : null\"\n>\n    <span *ngIf=\"!onlyIcon || showText\">{{ text | bbbTranslate }}</span>\n</button>\n" }]
         }], propDecorators: { inlineHelpDirective: [{
                 type: ViewChild,
                 args: [InlineHelpDirective, { static: true }]
@@ -11980,7 +11991,7 @@ class BarsaLinkableItemsPanelComponent extends LayoutPanelBaseComponent {
     }
     ngOnInit() {
         super.ngOnInit();
-        this._setLayoutControls(this.config);
+        FillAllLayoutControls(this.config, this.layoutControls);
         this.layoutControls.forEach((c, index) => {
             if (index === 0) {
                 this.visibleControls.push(c);
@@ -11994,19 +12005,142 @@ class BarsaLinkableItemsPanelComponent extends LayoutPanelBaseComponent {
         this.visibleControls.push(item);
         this.hideControls = this.hideControls.filter((c) => c.Caption !== item.Caption);
     }
-    _setLayoutControls(item) {
-        if (item.xtype === 'Ly.LayoutControl') {
-            this.layoutControls.push(item);
-            return;
-        }
-        item.items.forEach((c) => this._setLayoutControls(c));
-    }
 }
 BarsaLinkableItemsPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaLinkableItemsPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaLinkableItemsPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaLinkableItemsPanelComponent, selector: "bsu-barsa-linkable-items-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of visibleControls; let i = index\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            dynamicLayout;\n            context: {\n                $implicit: item,\n                selector: 'bsu-layout-control',\n                name: 'LayoutControlComponent',\n                index: i\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template\n    #dynamicLayout\n    let-index\n    let-config\n    let-selector=\"selector\"\n    let-maxLabelWidth=\"maxLabelWidth\"\n    let-name=\"name\"\n>\n    <bnrc-dynamic-layout\n        [config]=\"config\"\n        [selector]=\"selector\"\n        [name]=\"name\"\n        [module]=\"'BarsaSapUi'\"\n        [moduleFileName]=\"'BarsaSapUi'\"\n        [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n        [isSearchPanel]=\"isSearchPanel\"\n    >\n    </bnrc-dynamic-layout>\n</ng-template>\n<ng-container *ngFor=\"let item of hideControls; let i = index\">\n    <a fd-link aria-label=\"Standard\" (click)=\"onAddToVisibleControls(item)\"> {{ item.Caption }}</a>\n    <span *ngIf=\"i < hideControls.length - 1\">/</span>\n</ng-container>\n", styles: [":host span{margin:0 3px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaLinkableItemsPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaLinkableItemsPanelComponent, selector: "bsu-barsa-linkable-items-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of visibleControls; let i = index\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            dynamicLayout;\n            context: {\n                $implicit: item,\n                selector: 'bsu-layout-control',\n                name: 'LayoutControlComponent',\n                index: i\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template\n    #dynamicLayout\n    let-index\n    let-config\n    let-selector=\"selector\"\n    let-maxLabelWidth=\"maxLabelWidth\"\n    let-name=\"name\"\n>\n    <bnrc-dynamic-layout\n        [config]=\"config\"\n        [selector]=\"selector\"\n        [name]=\"name\"\n        [module]=\"'BarsaSapUi'\"\n        [moduleFileName]=\"'BarsaSapUi'\"\n        [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n        [isSearchPanel]=\"isSearchPanel\"\n    >\n    </bnrc-dynamic-layout>\n</ng-template>\n<div style=\"display: flex; column-gap: 3px; padding: 0 5px\">\n    <ng-container *ngFor=\"let item of hideControls; let i = index\">\n        <a fd-link [attr.aria-label]=\"item.Caption\" (click)=\"onAddToVisibleControls(item)\"> {{ item.Caption }}</a>\n        <span *ngIf=\"i < hideControls.length - 1\">/</span>\n    </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "component", type: i3$5.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaLinkableItemsPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-linkable-items-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<ng-container *ngFor=\"let item of visibleControls; let i = index\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            dynamicLayout;\n            context: {\n                $implicit: item,\n                selector: 'bsu-layout-control',\n                name: 'LayoutControlComponent',\n                index: i\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template\n    #dynamicLayout\n    let-index\n    let-config\n    let-selector=\"selector\"\n    let-maxLabelWidth=\"maxLabelWidth\"\n    let-name=\"name\"\n>\n    <bnrc-dynamic-layout\n        [config]=\"config\"\n        [selector]=\"selector\"\n        [name]=\"name\"\n        [module]=\"'BarsaSapUi'\"\n        [moduleFileName]=\"'BarsaSapUi'\"\n        [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n        [isSearchPanel]=\"isSearchPanel\"\n    >\n    </bnrc-dynamic-layout>\n</ng-template>\n<ng-container *ngFor=\"let item of hideControls; let i = index\">\n    <a fd-link aria-label=\"Standard\" (click)=\"onAddToVisibleControls(item)\"> {{ item.Caption }}</a>\n    <span *ngIf=\"i < hideControls.length - 1\">/</span>\n</ng-container>\n", styles: [":host span{margin:0 3px}\n"] }]
+            args: [{ selector: 'bsu-barsa-linkable-items-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<ng-container *ngFor=\"let item of visibleControls; let i = index\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            dynamicLayout;\n            context: {\n                $implicit: item,\n                selector: 'bsu-layout-control',\n                name: 'LayoutControlComponent',\n                index: i\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template\n    #dynamicLayout\n    let-index\n    let-config\n    let-selector=\"selector\"\n    let-maxLabelWidth=\"maxLabelWidth\"\n    let-name=\"name\"\n>\n    <bnrc-dynamic-layout\n        [config]=\"config\"\n        [selector]=\"selector\"\n        [name]=\"name\"\n        [module]=\"'BarsaSapUi'\"\n        [moduleFileName]=\"'BarsaSapUi'\"\n        [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n        [isSearchPanel]=\"isSearchPanel\"\n    >\n    </bnrc-dynamic-layout>\n</ng-template>\n<div style=\"display: flex; column-gap: 3px; padding: 0 5px\">\n    <ng-container *ngFor=\"let item of hideControls; let i = index\">\n        <a fd-link [attr.aria-label]=\"item.Caption\" (click)=\"onAddToVisibleControls(item)\"> {{ item.Caption }}</a>\n        <span *ngIf=\"i < hideControls.length - 1\">/</span>\n    </ng-container>\n</div>\n" }]
+        }] });
+
+class BarsaEnumMenuButtonComponent extends FieldBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.valueStatus = 'transparent';
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._setValueCaption();
+    }
+    onValueChange(menu, value) {
+        menu.close();
+        const selectedValue = value;
+        this.setValue(selectedValue);
+    }
+    _setValueCaption() {
+        const store = this.context.store;
+        const item = store.data[store.root].find((c) => c.id === this.value);
+        if (item) {
+            this.valueItem = item;
+        }
+        this.valueCaption = item?.txt;
+        if (!item || item.IsEmpty) {
+            this.valueCaption = this._getPlaceholder();
+        }
+        if (item?.id) {
+            if (this.parameters?.ValuesStatus?.MoDataList.length) {
+                const x = this.parameters.ValuesStatus.MoDataList.find((c) => c.ValueOfEnum === item.id);
+                this.valueStatus = x ? x.StatusOfEnum$Caption : 'standard';
+            }
+            else {
+                this.valueStatus = 'standard';
+            }
+        }
+    }
+    _getPlaceholder() {
+        return this.parameters?.Placeholder ? this.parameters?.Placeholder : this.Setting.ControlFieldCaptionTranslated;
+    }
+    _setValue(value) {
+        this._setValueCaption();
+        super._setValue(value);
+    }
+    setValue(selectedValue) {
+        this.value = selectedValue;
+        this.valueChange.emit(this.value);
+        this._setValueCaption();
+        this.fireContextEvent('select', this.value);
+    }
+}
+BarsaEnumMenuButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaEnumMenuButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BarsaEnumMenuButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaEnumMenuButtonComponent, selector: "bsu-barsa-enum-menu-button", usesInheritance: true, ngImport: i0, template: "<button\n    fd-button\n    [label]=\"valueCaption ? valueCaption : Setting.ControlFieldCaptionTranslated\"\n    [title]=\"Setting.ControlFieldCaptionTranslated\"\n    [fdType]=\"valueStatus\"\n    [fdMenu]=\"(disableOrReadonly$ | async) === true ? false : true\"\n    [fdMenuTrigger]=\"(disableOrReadonly$ | async) === true ? undefined : menu\"\n    [class.placeholder-custom]=\"!valueItem || valueItem?.IsEmpty\"\n></button>\n<fd-menu #menu>\n    <li *ngFor=\"let item of context.store.data[context.store.root]\" fd-menu-item>\n        <a fd-menu-interactive (click)=\"onValueChange(menu, item.id)\">\n            <span fd-menu-title [class.list-empty-item]=\"item.IsEmpty\">{{ item.txt }}</span>\n        </a>\n    </li>\n</fd-menu>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i9.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i9.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i9.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i9.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaEnumMenuButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-enum-menu-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    fd-button\n    [label]=\"valueCaption ? valueCaption : Setting.ControlFieldCaptionTranslated\"\n    [title]=\"Setting.ControlFieldCaptionTranslated\"\n    [fdType]=\"valueStatus\"\n    [fdMenu]=\"(disableOrReadonly$ | async) === true ? false : true\"\n    [fdMenuTrigger]=\"(disableOrReadonly$ | async) === true ? undefined : menu\"\n    [class.placeholder-custom]=\"!valueItem || valueItem?.IsEmpty\"\n></button>\n<fd-menu #menu>\n    <li *ngFor=\"let item of context.store.data[context.store.root]\" fd-menu-item>\n        <a fd-menu-interactive (click)=\"onValueChange(menu, item.id)\">\n            <span fd-menu-title [class.list-empty-item]=\"item.IsEmpty\">{{ item.txt }}</span>\n        </a>\n    </li>\n</fd-menu>\n" }]
+        }] });
+
+class BarsaCardLayoutPanelComponent extends LayoutPanelBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.layoutControls = [];
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        FillAllLayoutControls(this.config, this.layoutControls);
+    }
+}
+BarsaCardLayoutPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCardLayoutPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BarsaCardLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaCardLayoutPanelComponent, selector: "bsu-barsa-card-layout-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<fd-card>\n    <fd-card-header *ngIf=\"parameters?.HideTitle !== true\">\n        <h2 fd-card-title>\n            {{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}\n        </h2>\n    </fd-card-header>\n    <fd-card-content>\n        <ng-container *ngFor=\"let item of config | filterToolbarControl\">\n            <ng-container [ngSwitch]=\"item.xtype\">\n                <ng-container *ngSwitchCase=\"'Ly.LayoutTabPanel'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                name: 'LyLayoutPanelComponent',\n                                selector: 'bsu-ly-tab-container'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.LayoutPanel'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                name: 'LyLayoutPanelComponent',\n                                selector: 'bsu-ly-layout-panel'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.LayoutContainer'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                name: 'LyLayoutContainerComponent',\n                                selector: 'bsu-ly-layout-container'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.EmptySpace'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.SimpleLabel'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                name: 'LySimpleLabelComponent',\n                                selector: 'bsu-ly-simple-label'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.LayoutLine'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.LayoutJoin'\">\n                    <ng-container *ngIf=\"item.Type === 'HorizontalJoin'; else verticalJoin\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                dynamicLayout;\n                                context: {\n                                    $implicit: item,\n                                    selector: 'bsu-ly-horizontal-layout',\n                                    name: 'LyLayoutHorizontalComponent'\n                                }\n                            \"\n                        ></ng-container>\n                        <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\n                    </ng-container>\n                    <ng-template #verticalJoin>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                dynamicLayout;\n                                context: {\n                                    $implicit: item,\n                                    selector: 'bsu-ly-vertical-layout',\n                                    name: 'LyLayoutVerticalComponent'\n                                }\n                            \"\n                        ></ng-container>\n                        <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\n                    </ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.LayoutControl'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                selector: 'bsu-layout-control',\n                                name: 'LayoutControlComponent'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\n                </ng-container>\n            </ng-container>\n        </ng-container>\n        <ng-template\n            #dynamicLayout\n            let-config\n            let-selector=\"selector\"\n            let-maxLabelWidth=\"maxLabelWidth\"\n            let-name=\"name\"\n        >\n            <bnrc-dynamic-layout\n                [config]=\"config\"\n                [selector]=\"selector\"\n                [name]=\"name\"\n                [module]=\"'BarsaSapUi'\"\n                [moduleFileName]=\"'BarsaSapUi'\"\n                [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n                [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n                [isSearchPanel]=\"isSearchPanel\"\n            >\n            </bnrc-dynamic-layout>\n        </ng-template>\n    </fd-card-content>\n    <fd-card-footer> </fd-card-footer>\n</fd-card>\n<ng-template\n    #dynamicLayout\n    let-index\n    let-config\n    let-selector=\"selector\"\n    let-maxLabelWidth=\"maxLabelWidth\"\n    let-name=\"name\"\n>\n    <bnrc-dynamic-layout\n        [config]=\"config\"\n        [selector]=\"selector\"\n        [name]=\"name\"\n        [module]=\"'BarsaSapUi'\"\n        [moduleFileName]=\"'BarsaSapUi'\"\n        [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n        [isSearchPanel]=\"isSearchPanel\"\n    >\n    </bnrc-dynamic-layout>\n</ng-template>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i5$1.CardTitleDirective, selector: "[fd-card-title]" }, { kind: "component", type: i5$1.CardFooterComponent, selector: "fd-card-footer" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaCardLayoutPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-card-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<fd-card>\n    <fd-card-header *ngIf=\"parameters?.HideTitle !== true\">\n        <h2 fd-card-title>\n            {{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}\n        </h2>\n    </fd-card-header>\n    <fd-card-content>\n        <ng-container *ngFor=\"let item of config | filterToolbarControl\">\n            <ng-container [ngSwitch]=\"item.xtype\">\n                <ng-container *ngSwitchCase=\"'Ly.LayoutTabPanel'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                name: 'LyLayoutPanelComponent',\n                                selector: 'bsu-ly-tab-container'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.LayoutPanel'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                name: 'LyLayoutPanelComponent',\n                                selector: 'bsu-ly-layout-panel'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.LayoutContainer'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                name: 'LyLayoutContainerComponent',\n                                selector: 'bsu-ly-layout-container'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.EmptySpace'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.SimpleLabel'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                name: 'LySimpleLabelComponent',\n                                selector: 'bsu-ly-simple-label'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.LayoutLine'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.LayoutJoin'\">\n                    <ng-container *ngIf=\"item.Type === 'HorizontalJoin'; else verticalJoin\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                dynamicLayout;\n                                context: {\n                                    $implicit: item,\n                                    selector: 'bsu-ly-horizontal-layout',\n                                    name: 'LyLayoutHorizontalComponent'\n                                }\n                            \"\n                        ></ng-container>\n                        <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\n                    </ng-container>\n                    <ng-template #verticalJoin>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                dynamicLayout;\n                                context: {\n                                    $implicit: item,\n                                    selector: 'bsu-ly-vertical-layout',\n                                    name: 'LyLayoutVerticalComponent'\n                                }\n                            \"\n                        ></ng-container>\n                        <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\n                    </ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Ly.LayoutControl'\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            dynamicLayout;\n                            context: {\n                                $implicit: item,\n                                selector: 'bsu-layout-control',\n                                name: 'LayoutControlComponent'\n                            }\n                        \"\n                    ></ng-container>\n                    <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\n                </ng-container>\n            </ng-container>\n        </ng-container>\n        <ng-template\n            #dynamicLayout\n            let-config\n            let-selector=\"selector\"\n            let-maxLabelWidth=\"maxLabelWidth\"\n            let-name=\"name\"\n        >\n            <bnrc-dynamic-layout\n                [config]=\"config\"\n                [selector]=\"selector\"\n                [name]=\"name\"\n                [module]=\"'BarsaSapUi'\"\n                [moduleFileName]=\"'BarsaSapUi'\"\n                [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n                [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n                [isSearchPanel]=\"isSearchPanel\"\n            >\n            </bnrc-dynamic-layout>\n        </ng-template>\n    </fd-card-content>\n    <fd-card-footer> </fd-card-footer>\n</fd-card>\n<ng-template\n    #dynamicLayout\n    let-index\n    let-config\n    let-selector=\"selector\"\n    let-maxLabelWidth=\"maxLabelWidth\"\n    let-name=\"name\"\n>\n    <bnrc-dynamic-layout\n        [config]=\"config\"\n        [selector]=\"selector\"\n        [name]=\"name\"\n        [module]=\"'BarsaSapUi'\"\n        [moduleFileName]=\"'BarsaSapUi'\"\n        [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n        [isSearchPanel]=\"isSearchPanel\"\n    >\n    </bnrc-dynamic-layout>\n</ng-template>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}\n"] }]
+        }] });
+
+class BarsaBaseLayoutPanelComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.layoutControls = [];
+    }
+    ngOnInit() {
+        super.ngOnInit();
+    }
+}
+BarsaBaseLayoutPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaBaseLayoutPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BarsaBaseLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaBaseLayoutPanelComponent, selector: "bsu-barsa-base-layout-panel", inputs: { layoutControls: "layoutControls", config: "config", maxLabelWidth: "maxLabelWidth", isSearchPanel: "isSearchPanel" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let item of layoutControls; let i = index\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            dynamicLayout;\n            context: {\n                $implicit: item,\n                selector: 'bsu-layout-control',\n                name: 'LayoutControlComponent',\n                index: i,\n                maxLabelWidth: maxLabelWidth\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template\n    #dynamicLayout\n    let-index\n    let-config\n    let-selector=\"selector\"\n    let-maxLabelWidth=\"maxLabelWidth\"\n    let-name=\"name\"\n>\n    <bnrc-dynamic-layout\n        [config]=\"config\"\n        [selector]=\"selector\"\n        [name]=\"name\"\n        [module]=\"'BarsaSapUi'\"\n        [moduleFileName]=\"'BarsaSapUi'\"\n        [maxLabelWidth]=\"maxLabelWidth\"\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n        [isSearchPanel]=\"isSearchPanel\"\n    >\n    </bnrc-dynamic-layout>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaBaseLayoutPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-base-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let item of layoutControls; let i = index\">\n    <ng-container\n        *ngTemplateOutlet=\"\n            dynamicLayout;\n            context: {\n                $implicit: item,\n                selector: 'bsu-layout-control',\n                name: 'LayoutControlComponent',\n                index: i,\n                maxLabelWidth: maxLabelWidth\n            }\n        \"\n    ></ng-container>\n</ng-container>\n<ng-template\n    #dynamicLayout\n    let-index\n    let-config\n    let-selector=\"selector\"\n    let-maxLabelWidth=\"maxLabelWidth\"\n    let-name=\"name\"\n>\n    <bnrc-dynamic-layout\n        [config]=\"config\"\n        [selector]=\"selector\"\n        [name]=\"name\"\n        [module]=\"'BarsaSapUi'\"\n        [moduleFileName]=\"'BarsaSapUi'\"\n        [maxLabelWidth]=\"maxLabelWidth\"\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\n        [isSearchPanel]=\"isSearchPanel\"\n    >\n    </bnrc-dynamic-layout>\n</ng-template>\n" }]
+        }], propDecorators: { layoutControls: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], maxLabelWidth: [{
+                type: Input
+            }], isSearchPanel: [{
+                type: Input
+            }] } });
+
+class BarsaHorizontalFlexPanelComponent extends LayoutPanelBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.layoutControls = [];
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        FillAllLayoutControls(this.config, this.layoutControls);
+    }
+}
+BarsaHorizontalFlexPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaHorizontalFlexPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BarsaHorizontalFlexPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaHorizontalFlexPanelComponent, selector: "bsu-barsa-horizontal-flex-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<bsu-barsa-base-layout-panel\n    [layoutControls]=\"layoutControls\"\n    [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n    [isSearchPanel]=\"isSearchPanel\"\n    [config]=\"config\"\n></bsu-barsa-base-layout-panel>\n", styles: [":host bsu-barsa-base-layout-panel{display:flex;flex-direction:row-reverse;justify-content:start}:host bsu-barsa-base-layout-panel ::ng-deep bsu-layout-control{flex:none!important;width:auto}\n"], dependencies: [{ kind: "component", type: BarsaBaseLayoutPanelComponent, selector: "bsu-barsa-base-layout-panel", inputs: ["layoutControls", "config", "maxLabelWidth", "isSearchPanel"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaHorizontalFlexPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-horizontal-flex-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<bsu-barsa-base-layout-panel\n    [layoutControls]=\"layoutControls\"\n    [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n    [isSearchPanel]=\"isSearchPanel\"\n    [config]=\"config\"\n></bsu-barsa-base-layout-panel>\n", styles: [":host bsu-barsa-base-layout-panel{display:flex;flex-direction:row-reverse;justify-content:start}:host bsu-barsa-base-layout-panel ::ng-deep bsu-layout-control{flex:none!important;width:auto}\n"] }]
+        }] });
+
+class BarsaBarPanelComponent extends LayoutPanelBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.layoutControls = [];
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        FillAllLayoutControls(this.config, this.layoutControls);
+    }
+}
+BarsaBarPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaBarPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BarsaBarPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaBarPanelComponent, selector: "bsu-barsa-bar-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<fd-card>\n    <fd-card-content>\n        <bsu-barsa-base-layout-panel\n            [layoutControls]=\"layoutControls\"\n            [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n            [isSearchPanel]=\"isSearchPanel\"\n            [config]=\"config\"\n        ></bsu-barsa-base-layout-panel>\n    </fd-card-content>\n</fd-card>\n", styles: [":host div:first-child{height:auto}\n"], dependencies: [{ kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: BarsaBaseLayoutPanelComponent, selector: "bsu-barsa-base-layout-panel", inputs: ["layoutControls", "config", "maxLabelWidth", "isSearchPanel"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaBarPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-barsa-bar-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<fd-card>\n    <fd-card-content>\n        <bsu-barsa-base-layout-panel\n            [layoutControls]=\"layoutControls\"\n            [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\n            [isSearchPanel]=\"isSearchPanel\"\n            [config]=\"config\"\n        ></bsu-barsa-base-layout-panel>\n    </fd-card-content>\n</fd-card>\n", styles: [":host div:first-child{height:auto}\n"] }]
         }] });
 
 const components = [
@@ -12168,7 +12302,12 @@ const components = [
     BarsaPishnamayeshPayamComponent,
     BarsaTextEllipsisComponent,
     BarsaListFileLinearGmailComponent,
-    BarsaLinkableItemsPanelComponent
+    BarsaLinkableItemsPanelComponent,
+    BarsaEnumMenuButtonComponent,
+    BarsaCardLayoutPanelComponent,
+    BarsaHorizontalFlexPanelComponent,
+    BarsaBaseLayoutPanelComponent,
+    BarsaBarPanelComponent
 ];
 const pipes = [
     UploadFileStatusPipe,
@@ -12398,7 +12537,7 @@ class BarsaSapUiModule extends BaseModule {
     }
 }
 BarsaSapUiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiModule, deps: [{ token: i2.DynamicComponentService }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.NgModule });
-BarsaSapUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiModule, declarations: [UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelToolbarComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, HeaderFacetKeyValueComponent, HeaderFacetFormComponent, HeaderFacetRateComponent, HeaderFacetProgressComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective], imports: [CommonModule,
+BarsaSapUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiModule, declarations: [UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelToolbarComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, HeaderFacetKeyValueComponent, HeaderFacetFormComponent, HeaderFacetRateComponent, HeaderFacetProgressComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         BarsaNovinRayCoreModule,
@@ -12414,7 +12553,7 @@ BarsaSapUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         BarsaCalendarModule,
         BarsaSapUiRoutingModule,
         PdfJsViewerModule,
-        ResizableModule, i1$1.ContentDensityModule], exports: [UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelToolbarComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, HeaderFacetKeyValueComponent, HeaderFacetFormComponent, HeaderFacetRateComponent, HeaderFacetProgressComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe] });
+        ResizableModule, i1$1.ContentDensityModule], exports: [UiTextFieldComponent, LyLayoutFieldLabelComponent, UiCheckBoxComponent, UiSimpleComboComponent, UiRadioGroupComponent, UiGridComponent, LyLayoutContainerOfRootComponent, LyLayoutPanelComponent, UiReadOnlyFieldComponent, UiContainerWithButtonComponent, UiPictureFileComponent, UiMoInfoUlvComboComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiTimeSpanComponent, UiFileLinearListBoxComponent, LyEmptySpaceComponent, UiSinglePictureComponent, UlvSelectionComponent, UlvToolbarComponent, UlvPagingComponent, UiGridSortSettingComponent, UiGridSortItemComponent, UiGridColumnsComponent, MaskComponent, UiInfoBarPanelComponent, UiFormPanelToolbarComponent, UiFormPanelComponent, UiSearchCommandInfoUiComponent, UlvSettingsComponent, UiTinymceComponent, UiButtonComponent, UiDateTimeComponent, FormDialogComponent, HeaderFacetKeyValueComponent, HeaderFacetFormComponent, HeaderFacetRateComponent, HeaderFacetProgressComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, UiMoInfoSubFormUiComponent, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, UiTextAreaComponent, LayoutControlComponent, LayoutWizardComponent, FormWizardComponent, FormDialogLessComponent, RichTextStaticComponent, UiPicturesInfoComponent, LyHorizontalLayoutComponent, LyVerticalLayoutComponent, LyTabContainerComponent, LyTabPageComponent, LyLabelComponent, UiMoInfoComboViewerComponent, UlMsgBoxAdapterComponent, UiTreeComponent, HeaderAvatarComponent, UiWorkflowPanelUiComponent, UlvContextMenuComponent, UlLoadingMaskUiComponent, UiTextFieldAutoCompleteComponent, CaptchaFieldComponent, LySimpleLabelComponent, GlobalSearchPanelComponent, GlobalSearchModuleComponent, GlobalSearchComponent, HyperlinkComponent, StaticTextComponent, UlToastAdapterComponent, MessageStripComponent, UiLinearListContainerWithButtonComponent, FundamentalDynamicFormComponent, LayoutActionsComponent, LyLayoutContainerComponent, UiUlvFormMultiSelectUiComponent, UlvFormMultiSelectComponent, UlvColumnSettingsComponent, UlvFilterSettingsComponent, UlvSortSettingsComponent, UlvGroupbySettingsComponent, BarsaListFileLinearComponent, UiPdfViewerComponent, BarsaTinyemceComponent, UiMonacoEditorComponent, BarsaMonacoEditorComponent, BarsaDateTimePickerComponent, BarsaTreeItemComponent, UiSwitchButtonComponent, UiColorUiComponent, LyLineComponent, UiUlvMainUiComponent, ReportNavigatorComponent, ManageFiltersReportComponent, ReportSearchFieldsManageComponent, ReportSearchFieldsHiddenSettingsComponent, SearchPanelComponent, ReportSearchPanelSaveComponent, UiGridFilterSettingsComponent, UiGridFilterItemComponent, UiDateRangeExComponent, UlNotifyPopupComponent, UiTableViewComponent, UiListViewComponent, UiCardViewComponent, UiReportContainerComponent, NoDataComponent, ColumnRendererComponent, InlineSaveAndCancelComponent, UiTreeViewComponent, InlineSaveAndCancelComponent, UiCalendarComponent, UiAspReportViewerComponent, UiGraphComponent, UiExceptionFormComponent, UiEditableGridComponent, ColumnMatrixRendererComponent, UiMatrixViewComponent, CustomDateTimeComponent, BarsaAspViewerComponent, FileInDialogComponent, UiMoInfoGeneralObjectUiComponent, UiGanttChartComponent, GanttDhtmlChartViewComponent, ProgressIndicatorComponent, CardViewContentComponent, CardItemComponent, UiCardViewHorizontalGroupComponent, TitleComponent, BarsaUlvMainComponent, ListItemComponent, HtreeCreateNewComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTableColumnComponent, BreadcrumbComponent, UiLabelComponent, FormToolbarButtonComponent, BarsaSearchFormComponent, ReportNewTopFormComponent, BarsaNetworkOfflineComponent, FileViewerContentComponent, FileViewerPopoverComponent, FileViewerComponent, BlobViewerComponent, NotificationItemComponent, BarsaCartableTemplateComponent, BarsaCartableGroupComponent, BarsaCartableFormComponent, BarsaColumnIndicatorComponent, BarsaFieldKeyValueComponent, BarsaToolbaritemSearchComponent, UiHtmlViewerComponent, BarsaPishnamayeshPayamComponent, BarsaTextEllipsisComponent, BarsaListFileLinearGmailComponent, BarsaLinkableItemsPanelComponent, BarsaEnumMenuButtonComponent, BarsaCardLayoutPanelComponent, BarsaHorizontalFlexPanelComponent, BarsaBaseLayoutPanelComponent, BarsaBarPanelComponent, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe] });
 BarsaSapUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaSapUiModule, providers: [{ provide: DIALOG_SERVICE, useClass: DialogService }], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
@@ -12475,5 +12614,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ApplyConditionalFormatsDirective, BarsaAspViewerComponent, BarsaCartableFormComponent, BarsaCartableGroupComponent, BarsaCartableTemplateComponent, BarsaColumnIndicatorComponent, BarsaDateTimePickerComponent, BarsaFieldKeyValueComponent, BarsaLinkableItemsPanelComponent, BarsaListFileLinearComponent, BarsaListFileLinearGmailComponent, BarsaMonacoEditorComponent, BarsaNetworkOfflineComponent, BarsaPishnamayeshPayamComponent, BarsaSapUiModule, BarsaSapUiRoutingModule, BarsaSearchFormComponent, BarsaTableColumnComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTextEllipsisComponent, BarsaTinyemceComponent, BarsaToolbaritemSearchComponent, BarsaTreeItemComponent, BarsaUlvMainComponent, BlobViewerComponent, BreadcrumbComponent, CaptchaFieldComponent, CardItemComponent, CardViewContentComponent, ColRendererDirective, ColumnMatrixRendererComponent, ColumnRendererComponent, CustomDateTimeComponent, DeviceInfoFieldBaseComponent, DownloadFilesDirective, DynamicPageSizePipe, FileInDialogComponent, FileViewerComponent, FileViewerContentComponent, FileViewerPopoverComponent, FormDialogComponent, FormDialogLessComponent, FormToolbarButtonComponent, FormWizardComponent, FullscreenDialogDirective, FullscreenFilesDirective, FundamentalDynamicFormComponent, GanttDhtmlChartViewComponent, GlobalSearchComponent, GlobalSearchModuleComponent, GlobalSearchPanelComponent, HeaderAvatarComponent, HeaderFacetFormComponent, HeaderFacetKeyValueComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, HeaderFacetProgressComponent, HeaderFacetRateComponent, HtreeCreateNewComponent, HyperlinkComponent, IconBusinessSuite, IconTNT, InlineSaveAndCancelComponent, LayoutActionsComponent, LayoutControlComponent, LayoutWizardComponent, ListItemComponent, LyEmptySpaceComponent, LyHorizontalLayoutComponent, LyLabelComponent, LyLayoutContainerComponent, LyLayoutContainerOfRootComponent, LyLayoutFieldLabelComponent, LyLayoutPanelComponent, LyLineComponent, LySimpleLabelComponent, LyTabContainerComponent, LyTabPageComponent, LyVerticalLayoutComponent, ManageFiltersReportComponent, MaskComponent, MatrixValuePipe, MessageStripComponent, NoDataComponent, NodeHasOneDepthLevelPipe, NotificationItemComponent, ProgressIndicatorComponent, ReportNavigatorComponent, ReportNewTopFormComponent, ReportSearchFieldsHiddenSettingsComponent, ReportSearchFieldsManageComponent, ReportSearchPanelSaveComponent, ReportViewRendererDirective, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, RichTextStaticComponent, SapFontClassPipe, SapFontPipe, SapUiReportBaseComponent, SearchPanelComponent, StaticTextComponent, StringToArrayPipe, TitleComponent, UiAspReportViewerComponent, UiButtonComponent, UiCalendarComponent, UiCardViewComponent, UiCardViewHorizontalGroupComponent, UiCheckBoxComponent, UiColorUiComponent, UiContainerWithButtonComponent, UiDateRangeExComponent, UiDateTimeComponent, UiEditableGridComponent, UiExceptionFormComponent, UiFileLinearListBoxComponent, UiFormPanelComponent, UiFormPanelToolbarComponent, UiGanttChartComponent, UiGraphComponent, UiGridColumnsComponent, UiGridComponent, UiGridFilterItemComponent, UiGridFilterSettingsComponent, UiGridSortItemComponent, UiGridSortSettingComponent, UiHtmlViewerComponent, UiInfoBarPanelComponent, UiLabelComponent, UiLinearListContainerWithButtonComponent, UiListViewComponent, UiMatrixViewComponent, UiMoInfoComboViewerComponent, UiMoInfoGeneralObjectUiComponent, UiMoInfoSubFormUiComponent, UiMoInfoUlvComboComponent, UiMonacoEditorComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiPdfViewerComponent, UiPictureFileComponent, UiPicturesInfoComponent, UiRadioGroupComponent, UiReadOnlyFieldComponent, UiReportContainerComponent, UiSearchCommandInfoUiComponent, UiSimpleComboComponent, UiSinglePictureComponent, UiSwitchButtonComponent, UiTableViewComponent, UiTextAreaComponent, UiTextFieldAutoCompleteComponent, UiTextFieldComponent, UiTimeSpanComponent, UiTinymceComponent, UiTreeComponent, UiTreeViewComponent, UiUlvFormMultiSelectUiComponent, UiUlvMainUiComponent, UiWorkflowPanelUiComponent, UlLoadingMaskUiComponent, UlMsgBoxAdapterComponent, UlNotifyPopupComponent, UlToastAdapterComponent, UlvColumnSettingsComponent, UlvContextMenuComponent, UlvFilterSettingsComponent, UlvFormMultiSelectComponent, UlvGroupbySettingsComponent, UlvPagingComponent, UlvSelectionComponent, UlvSettingsComponent, UlvSortSettingsComponent, UlvToolbarComponent, UploadFileStatusPipe, WidthTypeEnum, WizardLayoutDirective, _trimEnd, getNestedValue, insertAvatar, sort$1 as sort };
+export { ApplyConditionalFormatsDirective, BarsaAspViewerComponent, BarsaBarPanelComponent, BarsaBaseLayoutPanelComponent, BarsaCardLayoutPanelComponent, BarsaCartableFormComponent, BarsaCartableGroupComponent, BarsaCartableTemplateComponent, BarsaColumnIndicatorComponent, BarsaDateTimePickerComponent, BarsaEnumMenuButtonComponent, BarsaFieldKeyValueComponent, BarsaHorizontalFlexPanelComponent, BarsaLinkableItemsPanelComponent, BarsaListFileLinearComponent, BarsaListFileLinearGmailComponent, BarsaMonacoEditorComponent, BarsaNetworkOfflineComponent, BarsaPishnamayeshPayamComponent, BarsaSapUiModule, BarsaSapUiRoutingModule, BarsaSearchFormComponent, BarsaTableColumnComponent, BarsaTableHeaderComponent, BarsaTableRowComponent, BarsaTextEllipsisComponent, BarsaTinyemceComponent, BarsaToolbaritemSearchComponent, BarsaTreeItemComponent, BarsaUlvMainComponent, BlobViewerComponent, BreadcrumbComponent, CaptchaFieldComponent, CardItemComponent, CardViewContentComponent, ColRendererDirective, ColumnMatrixRendererComponent, ColumnRendererComponent, CustomDateTimeComponent, DeviceInfoFieldBaseComponent, DownloadFilesDirective, DynamicPageSizePipe, FileInDialogComponent, FileViewerComponent, FileViewerContentComponent, FileViewerPopoverComponent, FormDialogComponent, FormDialogLessComponent, FormToolbarButtonComponent, FormWizardComponent, FullscreenDialogDirective, FullscreenFilesDirective, FundamentalDynamicFormComponent, GanttDhtmlChartViewComponent, GlobalSearchComponent, GlobalSearchModuleComponent, GlobalSearchPanelComponent, HeaderAvatarComponent, HeaderFacetFormComponent, HeaderFacetKeyValueComponent, HeaderFacetMicrochartComponent, HeaderFacetPlainTextComponent, HeaderFacetProgressComponent, HeaderFacetRateComponent, HtreeCreateNewComponent, HyperlinkComponent, IconBusinessSuite, IconTNT, InlineSaveAndCancelComponent, LayoutActionsComponent, LayoutControlComponent, LayoutWizardComponent, ListItemComponent, LyEmptySpaceComponent, LyHorizontalLayoutComponent, LyLabelComponent, LyLayoutContainerComponent, LyLayoutContainerOfRootComponent, LyLayoutFieldLabelComponent, LyLayoutPanelComponent, LyLineComponent, LySimpleLabelComponent, LyTabContainerComponent, LyTabPageComponent, LyVerticalLayoutComponent, ManageFiltersReportComponent, MaskComponent, MatrixValuePipe, MessageStripComponent, NoDataComponent, NodeHasOneDepthLevelPipe, NotificationItemComponent, ProgressIndicatorComponent, ReportNavigatorComponent, ReportNewTopFormComponent, ReportSearchFieldsHiddenSettingsComponent, ReportSearchFieldsManageComponent, ReportSearchPanelSaveComponent, ReportViewRendererDirective, ResponsiveToolbarComponent, ResponsiveToolbarRendererComponent, RichTextStaticComponent, SapFontClassPipe, SapFontPipe, SapUiReportBaseComponent, SearchPanelComponent, StaticTextComponent, StringToArrayPipe, TitleComponent, UiAspReportViewerComponent, UiButtonComponent, UiCalendarComponent, UiCardViewComponent, UiCardViewHorizontalGroupComponent, UiCheckBoxComponent, UiColorUiComponent, UiContainerWithButtonComponent, UiDateRangeExComponent, UiDateTimeComponent, UiEditableGridComponent, UiExceptionFormComponent, UiFileLinearListBoxComponent, UiFormPanelComponent, UiFormPanelToolbarComponent, UiGanttChartComponent, UiGraphComponent, UiGridColumnsComponent, UiGridComponent, UiGridFilterItemComponent, UiGridFilterSettingsComponent, UiGridSortItemComponent, UiGridSortSettingComponent, UiHtmlViewerComponent, UiInfoBarPanelComponent, UiLabelComponent, UiLinearListContainerWithButtonComponent, UiListViewComponent, UiMatrixViewComponent, UiMoInfoComboViewerComponent, UiMoInfoGeneralObjectUiComponent, UiMoInfoSubFormUiComponent, UiMoInfoUlvComboComponent, UiMonacoEditorComponent, UiMultiSelectComboComponent, UiNumDecimalUiComponent, UiNumIntUiComponent, UiPdfViewerComponent, UiPictureFileComponent, UiPicturesInfoComponent, UiRadioGroupComponent, UiReadOnlyFieldComponent, UiReportContainerComponent, UiSearchCommandInfoUiComponent, UiSimpleComboComponent, UiSinglePictureComponent, UiSwitchButtonComponent, UiTableViewComponent, UiTextAreaComponent, UiTextFieldAutoCompleteComponent, UiTextFieldComponent, UiTimeSpanComponent, UiTinymceComponent, UiTreeComponent, UiTreeViewComponent, UiUlvFormMultiSelectUiComponent, UiUlvMainUiComponent, UiWorkflowPanelUiComponent, UlLoadingMaskUiComponent, UlMsgBoxAdapterComponent, UlNotifyPopupComponent, UlToastAdapterComponent, UlvColumnSettingsComponent, UlvContextMenuComponent, UlvFilterSettingsComponent, UlvFormMultiSelectComponent, UlvGroupbySettingsComponent, UlvPagingComponent, UlvSelectionComponent, UlvSettingsComponent, UlvSortSettingsComponent, UlvToolbarComponent, UploadFileStatusPipe, WidthTypeEnum, WizardLayoutDirective, _trimEnd, getNestedValue, insertAvatar, sort$1 as sort };
 //# sourceMappingURL=barsa-sap-ui.mjs.map