barsa-sap-ui 1.0.360 → 1.0.361

package/fesm2020/barsa-sap-ui.mjs

@@ -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 {
@@ -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
             }] } });
@@ -12003,10 +12013,77 @@ class BarsaLinkableItemsPanelComponent extends LayoutPanelBaseComponent {
     }
 }
 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 {
+    ngOnInit() {
+        super.ngOnInit();
+    }
+}
+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>\n        {{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}\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>\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: "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: "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>\n        {{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}\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>\n" }]
         }] });
 
 const components = [
@@ -12168,7 +12245,9 @@ const components = [
     BarsaPishnamayeshPayamComponent,
     BarsaTextEllipsisComponent,
     BarsaListFileLinearGmailComponent,
-    BarsaLinkableItemsPanelComponent
+    BarsaLinkableItemsPanelComponent,
+    BarsaEnumMenuButtonComponent,
+    BarsaCardLayoutPanelComponent
 ];
 const pipes = [
     UploadFileStatusPipe,
@@ -12398,7 +12477,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, UploadFileStatusPipe, SapFontPipe, SapFontClassPipe, StringToArrayPipe, NodeHasOneDepthLevelPipe, MatrixValuePipe, DynamicPageSizePipe, WizardLayoutDirective, ColRendererDirective, ApplyConditionalFormatsDirective, ReportViewRendererDirective, FullscreenDialogDirective, FullscreenFilesDirective, DownloadFilesDirective], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         BarsaNovinRayCoreModule,
@@ -12414,7 +12493,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, 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 +12554,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, BarsaCardLayoutPanelComponent, BarsaCartableFormComponent, BarsaCartableGroupComponent, BarsaCartableTemplateComponent, BarsaColumnIndicatorComponent, BarsaDateTimePickerComponent, BarsaEnumMenuButtonComponent, 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 };
 //# sourceMappingURL=barsa-sap-ui.mjs.map